/* Overrides */
#modernSkin.main-wrapper .layout-wrapper #app_left_navigation.menu-nav,
#modernSkin.main-wrapper .layout-wrapper .chat-aside {
  display: none !important;
}

#modernSkin.main-wrapper .layout-wrapper .content-wrapper {
  background: transparent !important;
}

#modernSkin.main-wrapper
  .layout-wrapper
  .content-wrapper.isOnSportsPage
  .home-page-content {
  left: 0 !important;
  width: 100% !important;
}

::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

::-webkit-scrollbar-thumb {
  background: var(--bg-button);
  border-radius: 4px;
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper.profile
  .accordion
  .card
  .collapse,
.report.sport-bet .bet-details.collapse,
.report.sport-bet .bet-details-header.collapse,
#modal-user-profile .modal-body .modal-wrapper #vip-progress .collapse {
  visibility: visible;
}

#modernSkin .modal-loader {
  display: none !important;
}

.modal:not(".message-box-modal") {
  z-index: 2000;
}

/* Main Layout */
body {
  background: var(--bg-body);
  font-family: var(--font-family) !important;
  font-optical-sizing: auto;
  font-weight: var(--font-weight);
  color: var(--color-text) !important;

  transition: --bgBody1 0.3s ease-out, --bgBody2 0.3s ease-out,
    --bgBody3 0.3s ease-out;
}

a,
p {
  font-family: var(--font-family) !important;
  font-weight: var(--font-weight);
}

.nm-widget {
  max-width: var(--width-max-container) !important;
}

#site-loading-icon {
  background: var(--bg-site-loading-icon);
}

#site-loading-icon:before {
  content: "";
  background-image: url(https://alpha-static.gpfront.com/DOSMSR/assets/Loader/MyBet-PreLoader-Final.gif);
  background-size: var(--bg-icon-size);
  background-position: var(--bg-icon-position);
  background-repeat: var(--bg-icon-repeat);
  height: 100%;
  width: 100%;
  max-width: 120px;
  max-height: 120px;
  mix-blend-mode: screen;
}

.layout-wrapper .header-section {
  height: var(--height-header) !important;
}

#app_header.main-header-container {
  max-width: var(--width-max-main-header-container);
  margin: 0 auto;
  height: var(--height-main-header-container) !important;
  position: relative;
}

#app_header.main-header-container .logo-container {
  padding-left: var(--padding-left-logo-container) !important;
  padding-right: var(--padding-right-logo-container);
}

#app_header.main-header-container .logo-container.loggedin {
  display: none !important;
}

#app_header.main-header-container .logo-container #brand-logo {
  height: var(--height-logo) !important;
  width: auto !important;
  max-width: max-content;
}

#app_header.main-header-container .player-information-header {
  justify-content: space-between !important;
  padding-right: var(--padding-right-player-info) !important;
  font-family: var(--font-family) !important;
}

#app_header.main-header-container .player-information-header .left-align {
  display: flex;
  align-items: center;
  gap: 0 16px;
}

.player-information-header .custom-category-menu ul {
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--height-header-items);
  background: var(--bg-custom-category-menu);
  border-radius: var(--border-radius);
  padding: var(--padding-custom-category-menu);
}

.player-information-header .custom-category-menu ul .nav-item a {
  font-weight: var(--font-weight-custom-category-menu-item);
  border-radius: var(--border-radius);
  padding: var(--padding-custom-category-menu-item);
  font-size: var(--font-size-button);
}

.player-information-header .custom-category-menu ul .nav-item a:hover,
.player-information-header .custom-category-menu ul .nav-item a.active {
  color: var(--color-custom-category-menu-item-active);
  background: var(--bg-button);
}

.player-information-header .custom-promo-link {
  height: var(--height-header-items);
  display: flex;
  align-items: center;
  gap: var(--gap-custom-promo-link);
  color: var(--color-custom-promo-link);
  font-weight: var(--font-weight-button);
  background: var(--bg-custom-promo-link);
  border-radius: var(--border-radius);
  padding: var(--padding-custom-promo-link);
  font-size: var(--font-size-button);
  line-height: normal;
}

.player-information-header .custom-promo-link:hover {
  background: var(--bg-button);
}

.player-information-header .custom-promo-link img {
  height: 24px;
}

#app_header.main-header-container .player-information-header .right-align {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 10px;
}

.nm-widget .login {
  margin: 0;
  height: var(--height-header-items);
  background: var(--bg-button-reverse);
  border-radius: var(--border-radius);
  padding: var(--padding-button);
  color: var(--color-button);
  font-weight: var(--font-weight-button);
  text-transform: var(--text-transform-login-register);
  min-width: var(--width-min-button);
  font-size: var(--font-size-button);
}

.nm-widget .login:hover {
  background: var(--bg-button);
}

.nm-widget.register-w .btn-join {
  width: fit-content;
  border: 0;
  border-radius: var(--border-radius);
  height: var(--height-header-items);
  background: var(--bg-button);
  padding: var(--padding-button);
  color: var(--color-button);
  font-weight: var(--font-weight-button);
  text-transform: var(--text-transform-login-register);
  min-width: var(--width-min-button);
  font-size: var(--font-size-button);
}

.nm-widget.register-w .btn-join:hover {
  background: var(--bg-button-reverse);
}

.nm-widget.language-w .language-public {
  background: var(--bg-lang-switcher);
  border-radius: var(--border-radius-lang-switcher);
  padding: var(--padding-lang-switcher);
}

.nm-widget.language-w .language-public:hover {
  background: var(--bg-button-reverse) !important;
}

.nm-widget.language-w .language-public .language {
  padding: var(--padding-lang-switcher-button);
  font-size: var(--font-size-lang-switcher-button);
  white-space: nowrap;
  height: var(--height-lang-switcher-button);
  width: var(--width-lang-switcher-button);
  border-radius: var(--border-radius-lang-switcher);
  overflow: var(--overflow-lang-switcher-button);
}

.nm-widget.language-w .language-public .language img {
  object-fit: var(--object-fit-lang-switcher-img);
  height: var(--height-lang-switcher-img);
}

#app_footer {
  padding: var(--padding-footer) !important;
}

#app_footer::before {
  background: var(--bg-footer) !important;
}

#app_footer .footer-wrapper {
  position: relative;
  max-width: var(--width-max-container) !important;
  padding: var(--padding-footer-wrapper);
}

#app_footer .footer-wrapper .top-footer {
  display: flex;
  justify-content: space-between;
  padding-bottom: var(--padding-bottom-top-footer);
  border-bottom: var(--border-bottom-top-footer);
  padding-top: var(--padding-top-top-footer);
  border-top: var(--border-top-top-footer);
}

#app_footer .footer-wrapper .top-footer .footer-details {
  flex: var(--flex-footer-details);
}

#app_footer .footer-wrapper .top-footer .footer-details .desktop-logo {
  max-height: var(--height-logo);
  margin-bottom: var(--margin-bottom-footer-details);
}

#app_footer .footer-wrapper .top-footer .footer-details p {
  font-family: var(--font-family-footer) !important;
  color: var(--color-text-footer);
  margin-bottom: var(--margin-bottom-footer-details);
}

#app_footer .footer-wrapper .top-footer .footer-details .social-links {
  display: flex;
  gap: var(--gap-social-links);
  align-items: center;
  justify-content: var(--justify-content-social-links);
}

#app_footer .footer-wrapper .top-footer .footer-details .social-links a {
  height: var(--height-social-icons);
  width: var(--width-social-icons);
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-text-footer);
  border-radius: 100%;
  color: var(--color-icon-footer);
  font-size: var(--font-size-social-icons);
}

#app_footer .footer-wrapper .top-footer .footer-details .social-links a:hover {
  text-decoration: none;
}

#app_footer .footer-wrapper .footer-menu {
  font-family: var(--font-family-footer) !important;
  margin-bottom: var(--margin-bottom-footer-menu) !important;
  flex-grow: var(--flex-grow-footer-menu);
  padding-left: var(--padding-left-footer-menu);
}

#app_footer .footer-wrapper .footer-menu .menu-column h6 {
  font-weight: var(--font-weight-footer-menu-header);
  color: var(--color-text-footer);
  margin-bottom: var(--margin-bottom-footer-menu-header);
}

#app_footer
  .footer-wrapper
  .footer-menu
  .menu-column
  .menuw
  ul
  li:not(:last-child) {
  margin-bottom: var(--margin-bottom-footer-menu-item) !important;
}

#app_footer .footer-wrapper .footer-menu .menu-column a {
  font-size: var(--font-size-footer-menu-item) !important;
  text-transform: var(--text-transform-footer-menu-item) !important;
  font-family: var(--font-family-footer) !important;
  font-weight: var(--font-weight-footer-menu-item) !important;
  color: var(--color-text-footer-nav-item) !important;
  padding-left: var(--padding-left-footer-nav-item) !important;
}

#app_footer .footer-wrapper .subfooter {
  padding-top: var(--padding-top-subfooter) !important;
  font-family: var(--font-family-footer) !important;
  font-size: var(--font-size-subfooter);
  margin-top: var(--margin-top-subfooter);
  color: var(--color-text-footer-subfooter) !important;
  font-weight: var(--font-weight-subfooter);
  border-top: var(--border-top-top-footer);
}

#app_footer .menuw ul li ul {
  margin-left: 20px !important;
}

#app_footer .menuw ul li ul .dropdown-item:hover,
#app_footer .menuw ul li ul .dropdown-item:focus {
  background: none !important;
}

.layout-wrapper .content-wrapper .home-page-content {
  padding-top: var(--padding-top-home-content) !important;
  padding-left: var(--padding-left-home-content) !important;
  padding-right: var(--padding-right-home-content) !important;
}

.scroll-wrap {
  max-width: var(--width-max-container);
  margin: 0 auto;
}

.scroll-wrap.buffered {
  max-width: var(--width-max-buffered);
}

.scroll-wrap.buffered .buffered-left {
  margin-top: var(--margin-top-buffered-left);
  width: 100%;
  margin-left: var(--margin-left-buffered-left);
  padding-bottom: var(--padding-bottom-buffered-left);
}

.scroll-wrap.buffered.promo-details .buffered-left {
  margin-top: var(--margin-top-buffered-left-promo-details);
}

.carousel-control-next,
.carousel-control-prev {
  height: var(--height-carousel-icon);
  width: var(--width-carousel-icon);
  background: var(--bg-carousel-icon);
  border-radius: var(--border-radius-carousel-icon);
  top: 50%;
  transform: translateY(-50%);
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
  opacity: 1;
}

.carousel-control-next {
  right: var(--right-carousel-icon);
}

.carousel-control-prev {
  left: var(--left-carousel-icon);
}

.card-icon-page-links {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0 var(--gap-default);
  margin-top: var(--margin-top-card-icon-page-links);
  position: relative;
  z-index: 1;
}

.card-icon-page-links a:hover {
  text-decoration: none;
}

.card-icon-page-links .card-icon-item {
  height: var(--height-card-icon-item);
  display: var(--display-card-icon-item);
  flex-direction: column;
  align-items: center;
  justify-content: end;
  padding-bottom: var(--padding-bottom-card-icon-item);
  background: var(--bg-card-icon-item);
  box-shadow: var(--box-shadow-card-icon-item);
  position: relative;
  border-radius: var(--border-radius-card-icon-item);
  padding-left: var(--padding-left-card-icon-item);
  flex: var(--flex-card-icon-item);
}

.card-icon-page-links .card-icon-item a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: var(--align-items-card-icon-item-a);
  padding-left: var(--padding-bottom-card-icon-item-a);
  padding-bottom: var(--padding-bottom-card-icon-item-a);
}

.card-icon-page-links .card-icon-item img {
  max-height: var(--height-max-card-icon-item-img);
  margin-bottom: var(--margin-bottom-card-icon-item-img);
  position: var(--position-card-icon-item-img);
  right: var(--right-card-icon-item-img);
}

.card-icon-page-links a:hover img {
  -webkit-animation-name: hvr-pulse;
  animation-name: hvr-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.card-icon-page-links .card-icon-item span {
  font-size: var(--font-size-card-icon-item);
  color: var(--color-text);
  text-transform: var(--text-transform-card-icon-item);
  font-weight: var(--font-weight-card-icon-item);
  max-width: var(--width-max-card-icon-item-span);
  line-height: normal;
}

.loader-container div svg {
  border-radius: var(--border-radius-loader-svg);
  width: 100%;
}

.two-row-gamelobby {
  margin-top: var(--margin-top-two-row-gl);
}

.two-row-gamelobby .game-lobby-renderer.horizontal {
  grid-template-columns: var(--grid-template-columns-two-row-gl);
  grid-auto-flow: var(--grid-auto-flow-two-row-gl);
  grid-auto-columns: var(--grid-auto-columns-two-row-gl);
  gap: var(--gap-default);
  margin-bottom: var(--margin-bottom-two-row-gl);
}

.two-row-gamelobby .loader-container.horizontal div {
  grid-template-columns: var(--grid-template-columns-two-row-gl);
  grid-auto-flow: var(--grid-auto-flow-two-row-gl);
  grid-auto-columns: var(--grid-auto-columns-two-row-gl);
  gap: var(--gap-default);
  width: 100%;
}

.two-row-gamelobby .game-lobby-slider-container {
  display: none;
}

.game-lobby-renderer
  .game-lobby-renderer-card.see-all-card
  a
  .see-all-container
  .carousel-control-next-icon {
  display: var(--display-two-row-see-all-icon);
  height: var(--height-two-row-see-all-icon) !important;
  width: var(--width-two-row-see-all-icon) !important;
}

.two-row-gamelobby .nm-widget .game-lobby-header {
  margin-bottom: var(--margin-bottom-two-row-gl-header);
}

.two-row-gamelobby .nm-widget .game-lobby-header .header-container h5 {
  color: var(--color-text);
  font-weight: var(--font-weight-gl-header);
  text-transform: var(--text-transform-header);
  letter-spacing: var(--letter-spacing-header);
  font-size: var(--font-size-header);
}

.two-row-gamelobby .game-lobby-renderer .game-lobby-renderer-card.see-all-card {
  position: absolute;
  bottom: var(--bottom-two-row-gl-see-all);
  left: var(--left-two-row-gl-see-all);
  transform: var(--transform-two-row-gl-see-all);
  border-radius: var(--border-radius);
  cursor: pointer;
  height: var(--height-two-row-gl-see-all);
  padding: var(--padding-two-row-gl-see-all);
  min-width: var(--width-min-two-row-gl-see-all);
  background: var(--bg-two-row-gl-see-all);
}

.two-row-gamelobby
  .game-lobby-renderer
  .game-lobby-renderer-card.see-all-card
  a
  .see-all-container
  .see-all-label {
  margin-top: var(--margin-top-see-all-span);
  font-size: var(--font-size-button);
  font-weight: var(--font-weight-button);
  color: var(--color-two-row-see-all-label);
  line-height: normal;
}

.game-lobby-renderer .game-lobby-renderer-card a {
  padding-top: var(--padding-top-gl-a) !important;
  white-space: nowrap;
}

.game-lobby-renderer .game-lobby-renderer-card img {
  position: relative !important;
  border-radius: var(--border-radius-gl-img) !important;
  max-height: var(--height-max-gl-img);
  object-fit: cover;
}

.nm-widget .game-lobby-header .header-container i {
  margin-right: var(--margin-right-gl-header-i) !important;
  display: var(--display-gl-header-i);
}

.nm-widget .game-lobby-header .header-container i:before {
  content: "";
  display: var(--display-icon);
  height: var(--height-icon);
  width: var(--width-icon);
  background-repeat: var(--bg-icon-repeat);
  background-size: var(--bg-icon-size);
  background-position: var(--bg-icon-position);
  vertical-align: var(--vertical-align-icon);
}

.bottom-logos {
  margin-bottom: var(--margin-bottom-bot-logos);
}

.bottom-logos div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: var(--height-bot-logos);
}

.category-page-wrapper {
  display: flex;
  gap: 0 var(--gap-default);
}

.category-page-left-nav {
  flex: var(--flex-cat-page-left-nav);
}

.category-page-nav {
  background: var(--bg-cat-page-nav);
  border: var(--border-cat-page-nav);
  border-radius: var(--border-radius-cat-page-nav);
  box-shadow: var(--box-shadow-cat-page-nav);
  padding: var(--padding-cat-page-nav);
  margin-bottom: var(--margin-bottom-cat-page-nav);
  text-transform: var(--text-transform-cat-page-nav);
}

.category-page-nav label {
  margin-bottom: var(--margin-bottom-cat-page-nav-label);
  width: 100%;
  height: var(--height-cat-page-nav-header);
}

.category-page-nav .button {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--color-text);
  font-size: var(--font-size-cat-page-nav-header);
  font-weight: var(--font-weight-cat-page-nav);
  cursor: pointer;
  padding-left: var(--padding-left-cat-page-nav-button);
  position: relative;
}

.category-page-nav .button:hover {
  color: var(--color-button);
}

.category-page-nav .button img {
  position: absolute;
  left: var(--left-cat-page-nav-img);
  height: var(--height-icon);
  width: var(--width-icon);
  object-fit: var(--bg-icon-size);
}

.category-page-nav .button i {
  font-size: var(--font-size-cat-page-nav-button-i);
  transform: var(--transform-rotate-cat-page-nav-button-i);
  transition: var(--transition-default);
}

.category-page-nav .content {
  max-height: 0;
  overflow: hidden;
  transition: var(--transition-default);
}

.category-page-nav #casinoNavEn:checked ~ .casinoNavContentEn,
.category-page-nav #liveCasinoNavEn:checked ~ .liveCasinoNavContentEn,
.category-page-nav #jackpotsNavEn:checked ~ .jackpotsNavContentEn {
  max-height: var(--height-max-cat-nav-page-content);
}

.category-page-nav #casinoNavEn:checked ~ label .button,
.category-page-nav #liveCasinoNavEn:checked ~ label .button,
.category-page-nav #jackpotsNavEn:checked ~ label .button {
  color: var(--color-button);
}

.category-page-nav #casinoNavEn:checked ~ label .button img,
.category-page-nav label[for="casinoNavEn"] .button:hover img {
  content: var(--content-casino-games-icon-active);
}

.category-page-nav #liveCasinoNavEn:checked ~ label .button img,
.category-page-nav label[for="liveCasinoNavEn"] .button:hover img {
  content: var(--content-live-casino-icon-active);
}

.category-page-nav #jackpotsNavEn:checked ~ label .button img,
.category-page-nav label[for="jackpotsNavEn"] .button:hover img {
  content: var(--content-jackpots-icon-active);
}

.category-page-nav #casinoNavEn:checked ~ label .button i,
.category-page-nav #liveCasinoNavEn:checked ~ label .button i,
.category-page-nav #jackpotsNavEn:checked ~ label .button i {
  transform: var(--transform-rotate-cat-page-nav-button-i-active);
}

.category-page-nav ul .nav-item:last-child a {
  margin-bottom: var(--margin-bottom-cat-page-nav);
}

.category-page-nav .nav-item a {
  width: 100%;
  height: var(--height-cat-page-nav-a);
  background: var(--bg-cat-page-nav-a);
  border-radius: var(--border-radius-cat-page-nav);
  margin-bottom: var(--margin-bottom-cat-page-nav-a);
  display: flex;
  align-items: center;
  font-weight: var(--font-weight-cat-page-nav);
  padding: var(--padding-cat-page-nav-a);
  cursor: pointer;
}

.category-page-nav .nav-item a:hover,
.category-page-nav .nav-item a.active {
  color: var(--color-button);
  background: var(--bg-button);
  text-decoration: none;
}

.category-page-nav .nav-item a i {
  margin-right: var(--margin-right-cat-page-nav-a-i);
}

.category-page-nav .nav-item a i:before {
  content: "";
  display: var(--display-icon);
  height: var(--height-cat-page-nav-a-i);
  width: var(--width-cat-page-nav-a-i);
  background-repeat: var(--bg-icon-repeat);
  background-size: var(--bg-icon-size);
  background-position: var(--bg-icon-position);
  vertical-align: var(--vertical-align-cat-nav-page-icon);
}

.category-page-content {
  position: relative;
  margin-top: var(--margin-top-category-page);
}

.category-page-content .game-lobby-renderer.horizontal {
  grid-auto-columns: var(--grid-auto-columns-catpage-gl-hor);
  gap: 0 var(--gap-default);
  margin-bottom: var(--margin-bottom-section);
}

.category-page-content .loader-container.horizontal div {
  grid-auto-columns: var(--grid-auto-columns-catpage-gl-hor);
  gap: 0 var(--gap-default);
  width: 100% !important;
  grid-auto-flow: column;
  grid-template-columns: unset;
}

.category-page-content
  .game-lobby-renderer
  .game-lobby-renderer-card.see-all-card {
  position: absolute;
  bottom: var(--bottom-see-all);
  right: var(--right-see-all);
  padding: var(--padding-see-all);
  background: var(--bg-see-all);
  height: var(--height-see-all);
  min-width: var(--width-min-see-all);
  border-radius: var(--border-radius);
  cursor: pointer;
  z-index: 2;
}

.category-page-content
  .game-lobby-renderer
  .game-lobby-renderer-card.see-all-card
  a
  .see-all-container
  .see-all-label {
  margin-top: var(--margin-top-see-all-span);
  font-size: var(--font-size-button);
  font-weight: var(--font-weight-button);
  color: var(--color-see-all-span);
}

.category-page-content .game-lobby-slider-container {
  width: var(--width-gl-slider);
  height: var(--height-button);
  background: var(--bg-gl-slider);
  border-radius: var(--border-radius);
  justify-content: space-between;
}

.category-page-content .game-lobby-slider-container button {
  border: var(--border-gl-slider-button);
  width: var(--width-gl-slider-button);
  display: var(--display-gl-slider-button);
  align-items: center;
  justify-content: center;
}

.category-page-content .game-lobby-slider-container button#slideLeft {
  border-radius: var(--border-radius) 0 0 var(--border-radius);
}

.category-page-content .game-lobby-slider-container button#slideRight {
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
}

.category-page-content .game-lobby-slider-container button:hover {
  transform: none;
  background: transparent;
}

.category-page-content .game-lobby-slider-container button i {
  padding-top: var(--padding-top-gl-slider-button-i);
}

.category-page-content .game-lobby-slider-container button i:before {
  content: var(--content-carret);
}

.category-page-content .game-lobby-slider-container button#slideLeft i {
  transform: var(--transform-gl-slider-button-i);
}

.category-page-content .nm-widget .game-lobby-header {
  margin-top: var(--margin-top-gl-header);
  margin-bottom: var(--margin-bottom-gl-header);
}

.category-page-content .nm-widget .game-lobby-header .header-container h5 {
  color: var(--color-gl-header);
  font-weight: var(--font-weight-gl-header);
  text-transform: var(--text-transform-header);
  letter-spacing: var(--letter-spacing-header);
  font-size: var(--font-size-header);
}

.promo-banner {
  margin-bottom: var(--margin-bottom-section);
}

.promo-banner img {
  border-radius: var(--border-radius-promo-banner-img);
}

.left-nav-links {
  display: inline-block;
  margin-top: var(--margin-top-left-nav-links);
  width: 100%;
}

.left-nav-link-item {
  background: var(--bg-cat-page-nav);
  border: var(--border-cat-page-nav);
  border-radius: var(--border-radius-cat-page-nav);
  box-shadow: var(--box-shadow-cat-page-nav);
  width: 100%;
  height: var(--height-cat-page-nav-header);
  margin-bottom: var(--margin-bottom-left-nav-link-item);
}

.left-nav-link-item:last-child {
  margin-bottom: 0;
}

.left-nav-link-item a {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  padding: var(--padding-left-nav-link-item);
  font-size: var(--font-size-cat-page-nav-header);
  text-transform: var(--text-transform-cat-page-nav);
  font-weight: var(--font-weight-card-icon-item);
}

.left-nav-link-item a:hover {
  color: var(--color-button);
  text-decoration: none;
}

.left-nav-link-item a i {
  margin-right: var(--margin-right-gl-header-i);
  font-size: var(--height-icon);
}

.promo-page .tab {
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--height-button);
  background: var(--bg-custom-category-menu);
  border-radius: var(--border-radius);
  padding: var(--padding-custom-category-menu);
  width: fit-content;
}

.promo-page .promoTabLinks {
  font-weight: var(--font-weight-custom-category-menu-item);
  border-radius: var(--border-radius);
  padding: var(--padding-custom-category-menu-item);
  font-size: var(--font-size-button);
  text-transform: var(--text-transform-button);
  transition: var(--transition-default);
}

.promo-page .promoTabLinks:hover,
.promo-page .promoTabLinks.active {
  background: var(--bg-button);
  color: var(--color-button);
}

.promo-page .promoTabContent {
  display: none;
}

.promo-page .promoTabContent.active {
  display: grid;
  grid-template-columns: var(--grid-template-columns-promo);
  gap: var(--gap-promo);
  margin-top: var(--margin-top-promo);
  grid-auto-rows: var(--grid-auto-rows-promo);
}

.promo-page .promoTabContent.active img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--border-radius-promo-img);
  box-shadow: var(--box-shadow-promo-img);
}

.recommended-promos {
  margin-top: var(--margin-top-reco-promos);
}

.recommended-promos h5 {
  font-size: var(--font-size-header);
  color: var(--color-header);
}

.recommended-promos .promo-items {
  margin-top: var(--margin-top-reco-promos-items);
  display: grid;
  grid-template-columns: var(--grid-template-columns-reco-promos-items);
  gap: var(--gap-default);
}

.recommended-promos .promo-items img {
  border-radius: var(--border-radius-cat-page-nav);
  border-radius: var(--border-radius-cat-page-nav);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.article-details {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: var(--width-max-article-container);
  margin: 0 auto;
}

.article-content {
  color: var(--color-article);
  margin-top: var(--margin-top-article-content);
}

.article-content h5 {
  font-size: var(--font-size-header);
  text-transform: var(--text-transform-header);
  margin-bottom: var(--margin-bottom-article-text);
}

.article-content img {
  width: 100%;
}

.article-content p {
  padding-left: var(--padding-side-article-p);
  margin-bottom: var(--margin-bottom-article-text);
}

.article-content p span {
  padding-right: var(--padding-side-article-p);
}

.gamestage-wrapper-new-skin.gamestage-launch-from-casino-lobby
  .fullscreen
  .gamestage_breadcrumbs,
.gamestage-wrapper-new-skin .fullscreen .gamestage-bottom-controls-container {
  background: var(--bg-gamestage-borders) !important;
  height: var(--height-gamestage-borders) !important;
  padding: var(--padding-gamestage-borders) !important;
}

.gamestage-wrapper-new-skin .gamestage_breadcrumbs .gamestage_breadcrumbs-exit {
  display: flex !important;
  align-items: center;
}

.gamestage-wrapper-new-skin.gamestage-launch-from-casino-lobby
  .fullscreen
  .gamestage-container {
  height: var(--height-gamestage) !important;
  background: var(--bg-modal);
}

.gamestage-wrapper-new-skin.gamestage-launch-from-casino-lobby
  .fullscreen
  .gamestage_breadcrumbs
  i:before {
  content: "";
  height: var(--height-gamestage-close-button);
  width: var(--width-gamestage-close-button);
  display: block;
  background-image: var(--content-gamestage-close-button);
  background-size: var(--bg-icon-size);
  background-repeat: var(--bg-icon-repeat);
  background-position: var(--bg-icon-position);
}

.gamestage-wrapper-new-skin.gamestage-launch-from-casino-lobby
  .fullscreen
  .gamestage_breadcrumbs
  span,
.gamestage-wrapper-new-skin
  .gamestage-wrapper
  .gamestage-bottom-controls-container
  .controls-column.left-controls-container
  .switch-to-real-play-container
  .label {
  font-size: var(--font-size-button);
  text-transform: var(--text-transform-button) !important;
  font-weight: var(--font-weight-button) !important;
  color: var(--color-text);
  font-family: var(--font-family) !important;
}

.gamestage-wrapper-new-skin
  .gamestage-wrapper
  .gamestage-bottom-controls-container
  .controls-column.left-controls-container
  button {
  display: none !important;
}

.gamestage-wrapper-new-skin
  .gamestage-wrapper
  .gamestage-bottom-controls-container
  .controls-column.left-controls-container
  .switch-to-real-play-container
  .switch
  input:hover
  + .slider-checkbox:before,
.gamestage-wrapper-new-skin
  .gamestage-wrapper
  .gamestage-bottom-controls-container
  .controls-column.left-controls-container
  .switch-to-real-play-container
  .switch
  input:checked
  + .slider-checkbox:before {
  background-color: var(--bg-button) !important;
}

.gamestage-wrapper-new-skin
  .gamestage-wrapper
  .gamestage-bottom-controls-container
  .controls-column.left-controls-container
  .switch-to-real-play-container
  .switch
  input:checked
  + .slider-checkbox {
  background-color: var(--bg-checkbox-span) !important;
}

.game-lobby-renderer
  .game-lobby-renderer-card
  .game-lobby-renderer-card-buttons {
  display: flex !important;
  height: 100%;
  align-items: center;
  justify-content: center;
  z-index: 4;
  opacity: 0;
  transition: var(--transition-default);
}

.game-lobby-renderer
  .game-lobby-renderer-card:hover
  .game-lobby-renderer-card-buttons {
  opacity: 1;
  background: var(--bg-gl-renderer-buttons);
  box-shadow: var(--box-shadow-gl-renderer-buttons);
  border-radius: var(--border-radius-gl-img);
}

.game-lobby-renderer
  .game-lobby-renderer-card
  .game-lobby-renderer-card-buttons
  button:nth-child(1) {
  content: "";
  font-size: 0;
  background-image: var(--content-gamelobby-play-button);
  height: var(--height-gl-renderer-play-btn);
  width: var(--width-gl-renderer-play-btn);
  background-size: var(--bg-icon-size);
  background-repeat: var(--bg-icon-repeat);
  filter: var(--opacity-gl-renderer-play-btn);
}

.game-lobby-renderer
  .game-lobby-renderer-card
  .game-lobby-renderer-card-buttons
  button:nth-child(2) {
  position: absolute;
  bottom: var(--margin-bottom-section);
  text-transform: var(--text-transform-button);
  font-weight: var(--font-weight-button);
}

.game-lobby-renderer
  .game-lobby-renderer-card
  .game-lobby-renderer-card-buttons
  button:nth-child(2):hover {
  color: var(--color-button);
}

#modernSkin.main-wrapper
  .layout-wrapper
  .content-wrapper
  .home-page-content
  #provider-game-list-page-casino-group {
  max-width: var(--width-max-buffered);
  margin: 0 auto;
  position: relative;
}

#modernSkin.main-wrapper
  .layout-wrapper
  .content-wrapper
  .home-page-content
  .template-page-header-container {
  margin: 0 !important;
  height: fit-content !important;
  background: transparent !important;
}

#modernSkin.main-wrapper
  .layout-wrapper
  .content-wrapper
  .home-page-content
  #provider-game-list-page-casino-group
  .template-page-header-container
  .template-page-header {
  position: absolute;
  max-width: var(--width-max-casino-groups-header);
  left: var(--left-casino-groups-header);
  justify-content: start;
  flex-flow: row-reverse;
}

#modernSkin.main-wrapper
  .layout-wrapper
  .content-wrapper
  .home-page-content
  .template-page-header-container
  .template-page-header
  h5 {
  font-size: var(--font-size-header) !important;
  font-family: var(--font-family) !important;
  font-weight: var(--font-weight-gl-header) !important;
  color: var(--color-header) !important;
  text-transform: var(--text-transform-header);
}

#modernSkin.main-wrapper
  .layout-wrapper
  .content-wrapper
  .home-page-content
  .template-page-header-container
  .template-page-header
  img {
  height: var(--height-icon);
  width: var(--width-icon);
  margin-right: var(--margin-right-gl-header-i);
  content: var(--content-winka-sports-icon);
}

#modernSkin.main-wrapper
  .layout-wrapper
  .content-wrapper
  .home-page-content
  #provider-game-list-page-casino-group
  .template-list-page {
  display: grid;
  grid-template-columns: var(--grid-template-columns-casino-groups);
  grid-template-rows: var(--grid-template-rows-casino-groups);
  grid-gap: 0 var(--gap-default);
  max-width: var(--width-max-buffered);
  margin-top: 0 !important;
}

#modernSkin.main-wrapper
  .layout-wrapper
  .content-wrapper
  .home-page-content
  #provider-game-list-page-casino-group
  .template-list-page
  .before-provider-game-list-casino-group {
  grid-column: 1;
  grid-row: 1 / 5;
}

#modernSkin.main-wrapper
  .layout-wrapper
  .content-wrapper
  .home-page-content
  .template-list-page
  .game-lobby-filter {
  margin-top: var(--margin-top-gl-filter);
  margin-bottom: var(--margin-bottom-section) !important;
}

.game-lobby-filter .game-lobby-filter-provider,
.game-lobby-filter .game-lobby-sort {
  margin: 0 !important;
}

.game-lobby-filter-label,
.game-lobby-sort-label {
  font-size: var(--font-size-filter-label);
  text-transform: var(--text-transform-filter-label);
  color: var(--color-filter-label);
  font-weight: var(--font-weight-filter-label);
  margin-right: var(--margin-right-filter-label) !important;
}

.game-lobby-filter .game-lobby-filter-provider button,
.game-lobby-filter .game-lobby-sort button {
  padding: var(--padding-select);
  background: var(--bg-input-select);
  border-radius: var(--border-radius-input-select);
  border: var(--border-select);
  box-shadow: var(--box-shadow-select);
  font-size: var(--font-size-select);
  font-weight: var(--font-weight-select);
  color: var(--color-input-select);
  font-family: var(--font-family);
  letter-spacing: inherit;
  text-transform: var(--text-transform-filter-select) !important;
}

.game-lobby-filter .game-lobby-filter-provider button i,
.game-lobby-filter .game-lobby-sort button i {
  margin-left: var(--margin-left-select-i);
}

#provider-game-list-page-casino-group .game-lobby-renderer.tiles,
#provider-game-list-page-casino-group .loader-container.tiles div,
.loader-container.tiles div {
  grid-template-columns: var(--grid-template-columns-casino-groups-games);
  gap: var(--gap-default) !important;
}

.loader-container.tiles div svg:nth-last-child(-n + 2) {
  display: none;
}

.nm-widget .game-lobby-load-more-container .load-more-counter span {
  font-weight: var(--font-weight-footer-menu-header);
}

.nm-widget .game-lobby-load-more-container button {
  background: var(--bg-button) !important;
  height: var(--height-button) !important;
  font-weight: var(--font-weight-button);
  letter-spacing: normal !important;
  font-size: var(--font-size-button) !important;
  border-radius: var(--border-radius) !important;
}

.nm-widget .game-lobby-load-more-container button:hover {
  transform: none !important;
  background: var(--bg-button-reverse) !important;
}

.search-result-placeholder img {
  display: none;
}

/*Logged in elements*/
body.logged-in .nm-widget.login-w {
  padding: var(--padding-login-w);
  border-right: var(--border-login-w);
  border-left: var(--border-login-w);
  margin: var(--margin-login-w);
}

body.logged-in .nm-widget.login-w .btn-user-profile {
  padding: 0;
  background: var(--bg-input-select);
  border-radius: var(--border-radius-login-w-user-profile);
  height: var(--height-login-w-user-profile);
  width: var(--width-login-w-user-profile);
}

body.logged-in .nm-widget.login-w .btn-user-profile:hover {
  background: var(--bg-button-reverse);
  color: var(--color-button);
}

body.logged-in .nm-widget.notification-w {
  height: var(--height-header-items);
  width: var(--width-notification-w);
  background: var(--bg-notification-w);
  border-radius: var(--border-radius-notification-w);
  display: flex;
  align-items: center;
  justify-content: center;
}

body.logged-in .nm-widget.notification-w:hover {
  background: var(--bg-button-reverse);
}

body.logged-in .nm-widget.notification-w .notification-bell .icon-bell {
  font-size: var(--font-size-notification-w);
  vertical-align: middle;
}

body.logged-in .nm-widget.notification-w:hover .notification-bell .icon-bell {
  color: var(--color-button);
}

body.logged-in .nm-widget.register-w {
  display: none;
}

body.logged-in
  #app_header.main-header-container
  .player-information-header
  .header-wallets {
  display: flex;
  gap: var(--gap-header-wallets);
  margin-left: 16px;
}

body.logged-in .nm-widget.wallet-button-w button {
  background: var(--bg-paw-grp-balance-btn-wallet);
  border-radius: var(--border-radius-paw-grp-balance-btn);
  height: var(--height-header-items);
  padding: var(--padding-header-wallets-btn);
  font-size: var(--font-size-button);
  color: var(--color-paw-grp-balance-btn-wallet);
  font-weight: var(--font-weight-button);
}

body.logged-in .nm-widget.bonus-badge-w button {
  background: var(--bg-paw-grp-balance-btn-bonus);
  border: 0;
  border-radius: var(--border-radius-paw-grp-balance-btn);
  height: var(--height-header-items);
  padding: var(--padding-header-wallets-btn);
  font-size: var(--font-size-button);
  color: var(--color-button);
  font-weight: var(--font-weight-button);
}

body.logged-in .nm-widget.wallet-button-w button:hover,
body.logged-in .nm-widget.bonus-badge-w button:hover {
  background: var(--bg-button-reverse) !important;
  color: var(--color-button) !important;
}

/*Modals*/
#modal-login .modal-content {
  max-width: 100%;
  background: var(--bg-modal);
  border-radius: var(--border-radius-modal);
}

.modal .modal-dialog .modal-content .modal-header {
  padding: var(--padding-modal);
}

#modal-login .modal-content .modal-header .modal-title {
  font-size: var(--font-size-header);
  text-transform: var(--text-transform-header);
  color: var(--color-header);
}

#modal-login .modal-content .modal-header .close {
  top: var(--top-modal-close);
  right: var(--right-modal-close);
  margin: 0;
  padding: 0;
}

.modal .modal-dialog .modal-content .close .icomoon-icon {
  content: var(--content-modal-close-button);
}

#modal-login .modal-content .modal-body {
  background: transparent;
  padding: var(--padding-modal);
  max-height: var(--height-max-modal-body);
  overflow: auto;
}

#modal-login .modal-content .modal-body .form-login,
#modal-login .modal-content .modal-body .form-forgot-password,
.form-register {
  padding: var(--padding-form-login);
  background: var(--bg-section);
  border: var(--border-section);
  border-radius: var(--border-radius-section);
  box-shadow: var(--box-shadow-section);
}

#modal-login .modal-content .modal-body .form-forgot-password,
.form-register {
  padding: var(--padding-section);
}

form .form-group,
.form .form-group {
  margin-bottom: var(--margin-bottom-section);
}

form .form-group label,
.form .form-group label {
  font-size: var(--font-size-input-label);
  color: var(--color-input-label);
  margin-bottom: var(--margin-bottom-input-label);
}

form .form-group .input-inline,
.form .form-group .input-inline,
.form-register .form-group select,
form .form-group #mobileNumber,
form .form-group .mobileNumber,
.form .form-group #mobileNumber,
.form .form-group .mobileNumber,
form .form-group #verifyMobileNumber,
.form .form-group #verifyMobileNumber,
form .form-group #birthDate,
.form .form-group #birthDate {
  background: var(--bg-input-select);
  height: var(--height-input-select);
  padding: var(--padding-input-select);
  border: var(--border-input-select);
  border-radius: var(--border-radius-input-select) !important;
  color: var(--color-input-select);
}

form .form-group .input-inline::placeholder,
.form .form-group .input-inline::placeholder,
form .form-group #mobileNumber::placeholder,
form .form-group .mobileNumber::placeholder,
.form .form-group #mobileNumber::placeholder,
.form .form-group .mobileNumber::placeholder,
form .form-group #verifyMobileNumber::placeholder,
.form .form-group #verifyMobileNumber::placeholder,
form .form-group #birthDate::placeholder,
.form .form-group #birthDate::placeholder {
  color: var(--color-text);
}

form .form-group .highlight,
.form .form-group .highlight {
  color: var(--color-input-highlight);
}

.forgot-password-group .lbl-forgot-password {
  font-size: var(--font-size-form-text);
  cursor: pointer;
  color: var(--color-form-text);
}

.forgot-password-group .lbl-forgot-password:hover {
  color: var(--color-form-link);
}

form .form-group .password-visible,
.form .form-group .password-visible {
  right: var(--right-password-visible);
  bottom: var(--bottom-password-visible);
  transform: var(--transform-password-visible);
}

form .form-group button#btn-signin,
.form .form-group button#btn-signin,
form .form-group button#btn-forgot,
form .form-group button#btn-forgot,
.form-register input[type="submit"] {
  background: var(--bg-button);
  border-radius: var(--border-radius);
  border: var(--border-button);
  width: var(--width-form-button);
  padding: var(--padding-button);
  height: var(--height-button);
  color: var(--color-button);
  text-transform: var(--text-transform-button);
  font-weight: var(--font-weight-button);
  font-size: var(--font-size-button);
  min-width: var(--width-min-button);
  float: var(--float-form-button);
}

form .form-group.register-group,
.form .form-group.register-group {
  display: var(--display-form-register-group);
  width: var(--width-from-register-group);
  margin: var(--margin-form-register-group);
}

form .form-group.signin-group,
.form .form-group.signin-group {
  margin: 0;
}

form .form-group.register-group span,
.form .form-group.register-group span,
form .form-group.signin-group span,
.form .form-group.signin-group span {
  font-size: var(--font-size-form-text);
  color: var(--color-form-text);
}

form .form-group.register-group a,
.form .form-group.register-group a,
form .form-group.signin-group a,
.form .form-group.signin-group a {
  font-size: var(--font-size-form-text);
  cursor: pointer;
  color: var(--color-form-link);
}

form .form-group a:hover {
  text-decoration: none;
}

form .form-group .error,
.form .form-group .error {
  position: relative;
  line-height: 1px;
}

.form-register .form-group .sms-verification-btn {
  width: var(--width-sms-button);
  height: var(--height-button);
  font-size: var(--font-size-button);
  color: var(--color-button);
  background: var(--bg-button);
  border-radius: var(--border-radius);
  text-transform: var(--text-transform-button);
  font-weight: var(--font-weight-button);
}

.form-register .form-group .sms-verification-btn:first-child {
  margin-left: var(--margin-sms-button);
  margin-right: 0;
}

.form-register .form-group .sms-verification-btn:last-child {
  margin-left: 0;
  margin-right: var(--margin-sms-button);
  background: var(--bg-button-reverse);
}

.modal .modal-dialog .modal-content {
  background: var(--bg-modal);
}

#modal-user-profile .modal-body .close {
  padding: 0;
  right: var(--right-paw-modal-close);
  top: var(--top-paw-modal-close);
}

#modal-user-profile .modal-body .modal-wrapper {
  padding: 85px 0 0 45px;
}

#modal-user-profile .modal-body .modal-wrapper .sidenav-system {
  background: transparent;
  -ms-flex: var(--flex-paw-side-nav);
  flex: var(--flex-paw-side-nav);
}

#modal-user-profile .modal-body .modal-wrapper .sidenav-system .grp-account {
  background: var(--bg-section);
  border-top: var(--border-section);
  border-left: var(--border-section);
  border-right: var(--border-section);
  border-bottom: var(--border-bottom-paw-userId);
  border-radius: var(--border-radius-section) var(--border-radius-section) 0 0;
  padding: var(--padding-paw-userId);
  font-size: var(--font-size-paw-userId);
}

#modal-user-profile .modal-body .modal-wrapper .sidenav-system .grp-balance {
  background: var(--bg-section);
  border-top: var(--border-top-paw-grp-balance);
  border-left: var(--border-section);
  border-right: var(--border-section);
  border-bottom: var(--border-section);
  border-radius: 0 0 var(--border-radius-section) var(--border-radius-section);
  box-shadow: var(--box-shadow-section);
  padding: var(--padding-paw-grp-balance);
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .sidenav-system
  .grp-account
  .lbl-greet,
#modal-user-profile
  .modal-body
  .modal-wrapper
  .sidenav-system
  .grp-account
  .player-id {
  font-weight: var(--font-weight-paw-userId-greet);
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .sidenav-system
  .grp-balance
  > .row {
  margin: 0;
  flex-direction: var(--flex-direction-grp-balance-row);
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .grp-balance
  .btn-balance-wrapper,
#modal-user-profile
  .modal-body
  .modal-wrapper
  .grp-balance
  .btn-bonus-balance-wrapper {
  padding: var(--padding-paw-grp-balance-wallet-wrapper);
  flex: var(--flex-paw-grp-balance-wrapper);
  max-width: var(--width-max-paw-grp-balance-wrapper);
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .grp-balance
  .btn-bonus-balance-wrapper {
  padding: var(--padding-paw-grp-balance-bonus-wrapper);
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .grp-balance
  .btn-balance-wrapper
  .btn-wallet-balance,
#modal-user-profile
  .modal-body
  .modal-wrapper
  .grp-balance
  .btn-bonus-balance-wrapper
  .btn-bonus-balance {
  height: var(--height-paw-grp-balance-btn);
  background: var(--bg-paw-grp-balance-btn-wallet);
  text-align: var(--text-align-paw-grp-balance-btn);
  padding: var(--padding-paw-grp-balance-btn);
  border: var(--border-section);
  box-shadow: var(--box-shadow-section);
  font-size: var(--font-size-paw-grp-balance-btn);
  font-weight: var(--font-weight-paw-grp-balance-btn);
  color: var(--color-paw-grp-balance-btn-wallet);
  display: flex;
  align-items: center;
  border-radius: var(--border-radius-paw-grp-balance-btn);
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .grp-balance
  .btn-bonus-balance-wrapper
  .btn-bonus-balance {
  background: var(--bg-paw-grp-balance-btn-bonus);
  color: var(--color-button);
}

.nav-tab-system-vertical {
  margin-top: var(--margin-top-paw-nav-tab);
}

.nav-tab-system-vertical ul {
  padding: var(--padding-paw-nav-tab-ul);
  background: var(--bg-section);
  border: var(--border-section);
  box-shadow: var(--box-shadow-section);
  border-radius: var(--border-radius-section);
}

.nav-tab-system-vertical ul li {
  margin-left: 0;
}

.nav-tab-system-vertical ul li a {
  width: 100%;
  height: var(--height-cat-page-nav-a);
  background: var(--bg-cat-page-nav-a);
  border-radius: var(--border-radius-cat-page-nav);
  margin-bottom: var(--margin-bottom-cat-page-nav-a);
  display: flex;
  align-items: center;
  font-weight: var(--font-weight-cat-page-nav);
  padding: var(--padding-paw-nav-tab-a);
  font-size: var(--font-size-paw-nav-tab-a);
  text-transform: var(--text-transform-paw-nav-tab-a);
  color: var(--color-text);
}

.nav-tab-system-vertical ul li a.active,
.nav-tab-system-vertical ul li a:hover {
  background: var(--bg-paw-nav-tab-a-active);
  color: var(--color-button);
}

.nav-tab-system-vertical ul li a i {
  font-size: var(--font-size-paw-nav-tab-a-i);
  padding-right: var(--padding-right-nav-tab-a-i);
}

#modal-user-profile .content-wrapper-system {
  padding: 0 48px 0 39px;
}

.nav-tab-system-horizontal {
  border-bottom: var(--border-bottom-paw-nav-tab-horizontal);
  margin-bottom: var(--margin-bottom-paw-nav-tab-horizontal);
}

.nav-tab-system-horizontal .nav-tabs {
  max-width: fit-content;
  margin: 0;
  height: var(--height-button);
  background: var(--bg-custom-category-menu);
  border-radius: var(--border-radius);
  padding: var(--padding-custom-category-menu);
}

.nav-tab-system-horizontal .nav-tabs .nav-item {
  padding: 0;
}

.nav-tab-system-horizontal .nav-tabs .nav-item a {
  font-weight: var(--font-weight-custom-category-menu-item);
  border-radius: var(--border-radius);
  padding: var(--padding-custom-category-menu-item);
  font-size: var(--font-size-button);
  text-transform: var(--text-transform-button);
  transition: var(--transition-default);
  white-space: nowrap;
}

.nav-tab-system-horizontal .nav-tabs .nav-item a.active,
.nav-tab-system-horizontal .nav-tabs .nav-item a:hover {
  border-bottom: 0;
  background: var(--bg-button);
  color: var(--color-button);
  text-decoration: none;
}

#notification-page .nav-tab-system-horizontal .nav-tabs,
#user-profile-page .nav-tab-system-horizontal .nav-tabs {
  padding: var(--padding-paw-nav-tab-title);
  border-radius: 0;
  background: transparent;
  height: auto;
}

#notification-page .nav-tab-system-horizontal .nav-tabs .nav-item a,
#user-profile-page .nav-tab-system-horizontal .nav-tabs .nav-item a {
  padding: 0;
  font-size: var(--font-size-header);
  font-weight: var(--font-weight-header);
}

#notification-page .nav-tab-system-horizontal .nav-tabs .nav-item a:hover,
#notification-page .nav-tab-system-horizontal .nav-tabs .nav-item a.active,
#user-profile-page .nav-tab-system-horizontal .nav-tabs .nav-item a:hover,
#user-profile-page .nav-tab-system-horizontal .nav-tabs .nav-item a.active {
  background: transparent;
}

.tab-pane#deposit,
.tab-pane#withdraw,
.tab-pane#transfer,
.tab-pane#transaction,
.tab-pane#sportsbet,
.tab-pane#casinobet,
.tab-pane#notifications,
.tab-pane#profile-home,
.tab-pane#active_bonuses,
.tab-pane#available_bonuses,
.tab-pane#bonus_history {
  padding: 0;
}

.transaction-subtab-container {
  padding: 0 !important;
}

.transaction-subtab-container button {
  flex: var(--flex-paw-subtab-button);
  height: var(--height-paw-subtab-button);
  margin-right: 0 !important;
  font-size: var(--font-size-button);
  text-transform: var(--text-transform-button);
  font-weight: var(--font-weight-button);
  border: 0;
  transition: var(--transition-default);
  border-radius: var(--border-radius-paw-subtab-button);
}

.transaction-subtab-container button.active,
.transaction-subtab-container button:hover {
  background: var(--bg-paw-nav-tab-a-active);
  border: var(--border-section);
  box-shadow: var(--box-shadow-section);
  text-decoration: none;
}

.transaction-subtab-container button.active:after {
  display: none !important;
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper.history-tab
  .mt-4 {
  margin-top: var(--margin-top-paw-history-tab) !important;
}

.section-system-filter {
  padding: var(--padding-paw-section-filter);
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper
  .grp-date-range,
#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper
  .grp-status {
  -ms-flex: var(--flex-paw-filter-items);
  flex: var(--flex-paw-filter-items);
  max-width: var(--width-max-paw-filter-items);
}

.date-range-wrapper {
  border: 0;
}

.date-range-wrapper input.date-range {
  padding: var(--padding-paw-date-range);
  background: var(--bg-input-select);
  border-radius: var(--border-radius-input-select);
  height: var(--height-date-filter);
  box-shadow: var(--box-shadow-select);
  font-size: var(--font-size-select);
  font-weight: var(--font-weight-select);
  text-transform: var(--text-transform-paw-filter-items);
  cursor: pointer;
}

.date-range-wrapper i.fa-calendar-alt {
  font-size: var(--font-size-paw-filter-date-range-i);
  top: var(--top-paw-filter-date-range-i);
  transform: var(--transform-paw-filter-date-range-i);
  left: var(--left-paw-filter-date-range-i);
  color: var(--color-paw-filter-date-range-i);
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper
  .grp-status {
  padding-left: var(--padding-left-paw-filter-status);
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper
  .grp-status
  button {
  font-size: var(--font-size-paw-filter-status-btn);
  text-transform: var(--text-transform-paw-filter-items);
  font-weight: var(--font-weight-select);
  padding: var(--padding-paw-filter-status-btn);
  height: var(--height-date-filter);
  min-width: fit-content;
  display: flex;
  align-items: center;
  border: 0;
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper
  .grp-status
  button:focus,
#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper
  .grp-status
  button:active {
  background: var(--bg-paw-filter-status-btn-hover);
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper
  .grp-status
  button
  i {
  margin-right: var(--margin-right-paw-filter-status-btn-i);
  font-size: var(--font-size-paw-filter-status-btn-i);
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper
  .grp-status
  button:after {
  display: none;
}

.section-system-table {
  margin: var(--margin-paw-system-table);
}

.table-system {
  border-collapse: var(--border-collapse-paw-table);
  border-spacing: var(--border-spacing-paw-table);
}

/* .table-system thead tr {
    box-shadow: var(--box-shadow-section);
} */
.table-system-header th {
  border: var(--border-section);
  border-style: var(--border-style-paw-table-th);
  background: var(--bg-section);
  font-size: var(--font-size-paw-table-th);
  text-transform: var(--text-transform-paw-table-th);
  font-weight: var(--font-weight-paw-table-th);
}

.table-system-header th:first-child {
  border-left-style: var(--border-style-paw-table-th-side);
  border-top-left-radius: var(--border-radius-paw-table-th);
  border-bottom-left-radius: var(--border-radius-paw-table-th);
}

.table-system-header th:last-child {
  border-right-style: var(--border-style-paw-table-th-side);
  border-top-right-radius: var(--border-radius-paw-table-th);
  border-bottom-right-radius: var(--border-radius-paw-table-th);
}

.table-system-header td[colspan="6"],
.table-system-header td[colspan="4"],
.table-system-header td[colspan="9"],
#notification-page .table-player-message td[colspan="7"] {
  font-size: var(--font-size-paw-table-no-data);
  text-transform: var(--text-transform-paw-table-no-data);
  border-bottom: var(--border-bottom-paw-table-no-data);
  font-weight: var(--font-weight-paw-table-no-data);
}

.container-search {
  margin-right: 0 !important;
}

.container-search .input-search {
  background-color: var(--bg-input-select) !important;
  padding: var(--padding-input-select);
  border: var(--border-input-select);
  border-radius: var(--border-radius-input-select);
  height: var(--height-input-select);
  font-weight: var(--font-weight-input-select);
}

.container-search .input-search::placeholder {
  color: var(--color-text);
}

.container-search i.fa-search {
  font-size: var(--font-size-paw-search-i);
  right: var(--right-paw-search-i);
  top: var(--top-paw-search-i);
  transform: var(--transform-paw-search-i);
  color: var(--color-text);
}

#notification-page .mark-all-btn {
  margin-bottom: var(--margin-bottom-section) !important;
  padding-left: var(--padding-left-paw-mark-all);
}

#notification-page .mark-all-btn button {
  border: 0;
  background: var(--bg-button);
  border-radius: var(--border-radius);
  padding: var(--padding-paw-action-btn);
  height: var(--height-paw-action-btn);
  font-size: var(--font-size-button);
  text-transform: var(--text-transform-button);
  font-weight: var(--font-weight-button);
}

#notification-page .mark-all-btn button:hover {
  background: var(--bg-button-reverse);
  color: var(--color-button);
}

#notification-page .delete-all-btn {
  margin-left: var(--margin-left-paw-delete-all) !important;
  margin-bottom: var(--margin-bottom-section) !important;
}

#notification-page .delete-all-btn button {
  color: var(--color-button);
  padding: var(--padding-paw-action-btn);
  font-size: var(--font-size-button);
  font-weight: var(--font-weight-button);
  text-transform: var(--text-transform-button);
  border-radius: var(--border-radius);
  height: var(--height-paw-action-btn);
  background: transparent;
  border: 0;
}

#notification-page .delete-all-btn button:hover {
  background: var(--bg-button);
}

.grp-edit-profile .section-system {
  margin: var(--margin-paw-edit-profile-section);
  padding: 0;
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper.profile
  .grp-actions {
  text-align: var(--text-align-paw-grp-profile-btn);
  display: flex;
  align-items: center;
  gap: var(--gap-paw-grp-profile-btn);
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper.profile
  .grp-actions
  .btn-system.btn-system-default {
  padding: var(--padding-paw-action-btn);
  border: 0;
  height: var(--height-paw-action-btn);
  background: var(--bg-button);
  border-radius: var(--border-radius);
  min-width: fit-content;
  color: var(--color-button);
  text-transform: var(--text-transform-button);
  font-weight: var(--font-weight-button);
  line-height: 0;
  margin-right: 0;
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper.profile
  .grp-actions
  .btn-system.btn-system-default:hover {
  background: var(--bg-button-reverse);
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper.profile
  .accordion {
  margin: 0;
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper.profile
  .accordion
  .card,
#user-profile-change-password .section-system-main {
  background: var(--bg-section);
  border-radius: var(--border-radius-section);
  margin: 0;
  margin-bottom: var(--margin-bottom-section);
  border: var(--border-section);
  box-shadow: var(--box-shadow-section);
  padding: var(--padding-paw-profile-card);
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper.profile.preview-mode
  .accordion
  .card {
  border: var(--border-section);
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper.profile
  .accordion
  .card
  .card-header {
  padding: var(--padding-paw-profile-card-header);
  color: var(--color-header);
  text-transform: var(--text-transform-header);
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper.profile
  .accordion
  .card
  .card-header
  a {
  font-weight: var(--font-weight-header);
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper.profile
  .accordion
  .card
  .card-body {
  padding: 0;
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper.profile.preview-mode
  .accordion
  .card
  input:disabled,
#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper.profile.preview-mode
  .accordion
  .card
  select:disabled,
#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper
  .accordion
  .card
  input,
#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper
  .accordion
  .card
  select,
#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper
  .accordion
  .card
  .dropdown
  .dropdown-system-toggle-input {
  background: var(--bg-input-select);
  height: var(--height-input-select);
  border-radius: var(--border-radius-input-select);
  padding: var(--padding-input-select);
  max-width: var(--width-max-paw-profile-card-input);
  min-width: var(--width-min-paw-profile-card-input);
  border: var(--border-input-select);
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper
  .accordion
  .card
  input::placeholder,
#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper.profile
  .change-password-container
  input::placeholder {
  color: var(--color-text);
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper
  .tab-header
  .btn-back {
  position: relative;
  left: var(--left-paw-profile-back-btn);
  top: var(--top-paw-profile-back-btn);
  padding-top: var(--padding-top-paw-profile-back-btn);
  display: inline-block;
  cursor: pointer;
  color: var(--color-form-text);
}

#user-profile-change-password .section-system-main p.section-title {
  color: var(--color-header);
  text-transform: var(--text-transform-header);
  margin-bottom: var(--margin-bottom-paw-profile-section-title) !important;
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper.profile
  .change-password-container
  .form-prompt {
  font-size: var(--font-size-input-label);
  color: var(--color-input-label);
  margin-bottom: var(--margin-bottom-input-label);
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper.profile
  .change-password-container
  input {
  background: var(--bg-input-select);
  height: var(--height-input-select);
  border-radius: var(--border-radius-input-select);
  padding: var(--padding-input-select);
  border: var(--border-input-select);
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper.profile
  .change-password-container
  .password-group
  .password-visible,
#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper.profile
  .change-password-container
  .confirm-password-group
  .password-visible {
  right: var(--right-paw-profile-password-visible);
  bottom: var(--bottom-paw-profile-password-visible);
}

.active-bonuses-tab,
.available-bonuses-tab {
  padding-top: 0;
}

.active-bonuses-tab .section-system-main,
.available-bonuses-tab .section-system-main {
  margin: 0;
  background: var(--bg-section);
  border: var(--border-section);
  border-radius: var(--border-radius-section);
  box-shadow: var(--box-shadow-section);
  padding: var(--padding-section);
  margin-bottom: var(--margin-bottom-section);
}

.active-bonuses-tab .active-bonus-item .icon-section-wrapper,
.active-bonuses-tab .available-bonus-item .icon-section-wrapper,
.available-bonuses-tab .active-bonus-item .icon-section-wrapper,
.available-bonuses-tab .available-bonus-item .icon-section-wrapper {
  width: fit-content;
  height: fit-content;
  position: absolute;
  padding-left: var(--padding-left-paw-bonus-icon-section);
  color: var(--color-header);
}

.active-bonuses-tab .active-bonus-item .product-icon,
.active-bonuses-tab .available-bonus-item .product-icon,
.available-bonuses-tab .active-bonus-item .product-icon,
.available-bonuses-tab .available-bonus-item .product-icon {
  font-size: var(--font-size-paw-bonus-icon-section-i);
}

.active-bonuses-tab .active-bonus-item .description-section-wrapper,
.active-bonuses-tab .available-bonus-item .description-section-wrapper,
.available-bonuses-tab .active-bonus-item .description-section-wrapper,
.available-bonuses-tab .available-bonus-item .description-section-wrapper {
  width: 100%;
  padding: var(--padding-paw-bonus-desc-wrapper);
}

.active-bonuses-tab
  .active-bonus-item
  .description-section-wrapper
  .name-wrapper,
.active-bonuses-tab
  .available-bonus-item
  .description-section-wrapper
  .name-wrapper,
.available-bonuses-tab
  .active-bonus-item
  .description-section-wrapper
  .name-wrapper,
.available-bonuses-tab
  .available-bonus-item
  .description-section-wrapper
  .name-wrapper {
  font-weight: var(--font-weight-header);
  text-transform: var(--text-transform-header);
  color: var(--color-header);
  padding: var(--padding-paw-bonus-name-wrapper);
}

.active-bonuses-tab
  .active-bonus-item
  .description-section-wrapper
  .description,
.active-bonuses-tab
  .available-bonus-item
  .description-section-wrapper
  .description,
.available-bonuses-tab
  .active-bonus-item
  .description-section-wrapper
  .description,
.available-bonuses-tab
  .available-bonus-item
  .description-section-wrapper
  .description {
  margin-top: var(--margin-top-paw-bonus-description);
  margin-bottom: var(--margin-bottom-section);
  font-weight: var(--font-weight-paw-bonus-description);
  color: var(--color-text);
}

.active-bonuses-tab
  .active-bonus-item
  .description-section-wrapper
  .bonus-details-wrapper
  .detail-header,
.active-bonuses-tab
  .available-bonus-item
  .description-section-wrapper
  .bonus-details-wrapper
  .detail-header,
.available-bonuses-tab
  .active-bonus-item
  .description-section-wrapper
  .bonus-details-wrapper
  .detail-header,
.available-bonuses-tab
  .available-bonus-item
  .description-section-wrapper
  .bonus-details-wrapper
  .detail-header {
  color: var(--color-text);
  text-transform: uppercase;
  font-weight: var(--font-weight-header);
  margin-bottom: var(--margin-bottom-section);
  display: inline-block;
}

.active-bonuses-tab
  .active-bonus-item
  .description-section-wrapper
  .bonus-details-wrapper
  .detail-value,
.active-bonuses-tab
  .available-bonus-item
  .description-section-wrapper
  .bonus-details-wrapper
  .detail-value,
.available-bonuses-tab
  .active-bonus-item
  .description-section-wrapper
  .bonus-details-wrapper
  .detail-value,
.available-bonuses-tab
  .available-bonus-item
  .description-section-wrapper
  .bonus-details-wrapper
  .detail-value {
  font-weight: var(--font-weight-paw-bonus-details);
}

#modernSkin .nm-widget.language-w .language-public .dropdown-menu {
  background-color: var(--bg-language-w-dropdown-menu) !important;
  box-shadow: var(--box-shadow-language-w-dropdown-menu);
  min-width: var(--width-min-language-w-dropdown-menu);
  top: var(--top-language-w-dropdown-menu) !important;
  left: var(--left-language-w-dropdown-menu) !important;
  padding: var(--padding-language-w-dropdown-menu);
  border: var(--border-language-w-dropdown-menu);
}

#modernSkin .nm-widget.language-w .language-public .dropdown-menu a {
  font-size: var(--font-size-lang-switcher-button) !important;
  background: var(--bg-lang-switcher);
  border-radius: var(--border-radius-language-w-item);
  padding: var(--padding-lang-switcher) !important;
  min-width: fit-content;
  width: var(--width-language-w-item);
  height: var(--height-language-w-item);
  margin: var(--margin-language-w-item) !important;
  line-height: normal;
  display: inline-block;
  color: var(--color-text);
}

#modernSkin .nm-widget.language-w .language-public .dropdown-menu a:hover {
  background: var(--bg-button);
}

#modernSkin .nm-widget.language-w .language-public .dropdown-menu a img {
  object-fit: var(--object-fit-lang-switcher-img);
  height: var(--height-lang-switcher-img);
  margin-right: var(--margin-right-language-w-item-img);
  border-radius: var(--border-radius-lang-switcher);
}

#modernSkin .nm-widget.login-w .dropdown-menu {
  background-color: transparent !important;
  background: var(--bg-modal);
  padding: var(--padding-login-w-dropdown-menu);
  border-radius: var(--border-radius-modal);
}

#modernSkin .nm-widget.login-w .dropdown-divider {
  margin: 0;
  border: 0;
}

#modernSkin .nm-widget.login-w .dropdown-menu .dropdown-item:first-child {
  padding: var(--padding-login-w-item-playerId) !important;
  color: var(--color-login-w-item-playerId);
  text-transform: var(--text-transform-login-w-item-playerId);
}

#modernSkin .nm-widget.login-w .dropdown-menu .dropdown-item:first-child:hover {
  background: transparent;
}

#modernSkin .nm-widget.login-w .dropdown-menu .dropdown-item:not(:first-child) {
  background: var(--bg-cat-page-nav-a);
  border-radius: var(--border-radius-cat-page-nav);
  margin-bottom: var(--margin-bottom-cat-page-nav-a) !important;
  font-weight: var(--font-weight-cat-page-nav);
  color: var(--color-text);
}

#modernSkin
  .nm-widget.login-w
  .dropdown-menu
  .dropdown-item:not(:first-child):hover {
  background: var(--bg-button);
  color: var(--color-button);
}

.nm-widget.login-w .dropdown-user-profile > a > i {
  padding-right: var(--padding-right-login-w-item-i);
}

.section-system-footer button.btn-system-primary {
  background: var(--bg-button);
  height: var(--height-button);
  font-size: var(--font-size-button);
  font-weight: var(--font-weight);
  color: var(--color-button);
  padding: var(--padding-button);
  text-transform: var(--text-transform-button);
  border-radius: var(--border-radius);
  min-width: var(--width-min-button);
}

.section-system-footer button.btn-system-primary:hover {
  background: var(--bg-button-reverse);
}

/*Dropdowns*/
.datepicker {
  background: var(--bg-body);
  border: var(--border-section);
  border-radius: var(--border-radius-modal);
  color: var(--color-text);
}

.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover {
  background-color: transparent;
  background-image: var(--bg-button-reverse);
  color: var(--color-button);
}

.datepicker table.table-condensed tr td.day:hover,
.datepicker table.table-condensed tr td.day:focus,
.datepicker table.table-condensed tr td.day.active {
  background: var(--bg-button);
  color: var(--color-button);
}

.datepicker tfoot tr:first-child th:hover,
.datepicker table tr td span.focused,
.datepicker table tr td span:hover {
  background: var(--bg-button) !important;
  color: var(--color-button) !important;
}

.datepicker tfoot tr:last-child th:hover {
  background: var(--bg-button-reverse);
  color: var(--color-button) !important;
}

.datepicker table.table-condensed {
  margin: var(--margin-date-picker);
}

.dropdown .dropdown-menu.dropdown-filter,
.btn-group .dropdown-menu.dropdown-filter {
  background: var(--bg-body);
  border: var(--border-section);
  border-radius: var(--border-radius-modal);
  color: var(--color-text);
}

.dropdown .dropdown-menu.dropdown-filter .txt-system,
.btn-group .dropdown-menu.dropdown-filter .txt-system {
  background: var(--bg-input-select);
  border-radius: var(--border-radius-input-select);
  border: var(--border-input-select);
  color: var(--color-input-select);
}

.dropdown.show .dropdown-system-toggle,
.btn-group.show .dropdown-system-toggle {
  background-color: transparent;
}

.dropdown .dropdown-menu .dropdown-item,
.dropdown .dropdown-menu .d-item,
.btn-group .dropdown-menu .dropdown-item,
.btn-group .dropdown-menu .d-item {
  color: var(--color-text);
}

.dropdown .dropdown-menu .dropdown-item:hover,
.dropdown .dropdown-menu .dropdown-item:focus,
.dropdown .dropdown-menu .d-item:hover,
.dropdown .dropdown-menu .d-item:focus,
.btn-group .dropdown-menu .dropdown-item:hover,
.btn-group .dropdown-menu .dropdown-item:focus,
.btn-group .dropdown-menu .d-item:hover,
.btn-group .dropdown-menu .d-item:focus {
  background: var(--bg-cat-page-nav-a);
  border-radius: var(--border-radius-cat-page-nav);
}

.dropdown .dropdown-menu .dropdown-item:hover label,
.dropdown .dropdown-menu .dropdown-item:focus label,
.dropdown .dropdown-menu .d-item:hover label,
.dropdown .dropdown-menu .d-item:focus label,
.btn-group .dropdown-menu .dropdown-item:hover label,
.btn-group .dropdown-menu .dropdown-item:focus label,
.btn-group .dropdown-menu .d-item:hover label,
.btn-group .dropdown-menu .d-item:focus label {
  color: var(--color-button) !important;
}

.dropdown
  .dropdown-menu.dropdown-filter
  .dropdonw-menu-content
  .dropdown-menu-footer,
.btn-group
  .dropdown-menu.dropdown-filter
  .dropdonw-menu-content
  .dropdown-menu-footer {
  border-top: 0;
  padding: 15px 0;
}

.dropdown
  .dropdown-menu.dropdown-filter
  .dropdonw-menu-content
  .dropdown-menu-footer
  .btn-apply {
  padding: var(--padding-button);
  height: var(--height-button);
  min-width: calc(50% - 4px);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: var(--font-weight-button);
  font-size: var(--font-size-button);
  color: var(--color-button);
  text-transform: var(--text-transform-button);
  border-radius: var(--border-radius);
  background: var(--bg-button);
}

.dropdown
  .dropdown-menu.dropdown-filter
  .dropdonw-menu-content
  .dropdown-menu-footer
  .btn-system.btn-clear {
  padding: var(--padding-button);
  height: var(--height-button);
  min-width: calc(50% - 4px);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: var(--font-weight-button);
  font-size: var(--font-size-button);
  color: var(--color-button);
  text-transform: var(--text-transform-button);
  border-radius: var(--border-radius);
  border: 0;
  background: var(--bg-button-reverse);
}

.dropdown ::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background: transparent;
}

.dropdown ::-webkit-scrollbar-thumb {
  background: var(--bg-dropdown-scroll-thumb);
  border-radius: 4px;
}

.daterangepicker {
  background: var(--bg-body);
  border: var(--border-section);
  border-radius: var(--border-radius-modal);
  color: var(--color-text);
}

.daterangepicker td.off {
  color: var(--color-date-picker-td-off) !important;
  background: var(--bg-dropdown-scroll-thumb) !important;
}

.daterangepicker .cancelBtn {
  height: var(--height-button);
  background: var(--bg-button-reverse);
  border-radius: var(--border-radius);
  padding: var(--padding-button) !important;
  color: var(--color-button);
  font-weight: var(--font-weight-button) !important;
  text-transform: var(--text-transform-button);
  min-width: var(--width-min-button);
  font-size: var(--font-size-button) !important;
}

.daterangepicker .applyBtn {
  border: 0;
  border-radius: var(--border-radius);
  height: var(--height-button);
  background: var(--bg-button);
  padding: var(--padding-button) !important;
  color: white;
  font-weight: var(--font-weight-button) !important;
  text-transform: var(--text-transform-button);
  min-width: var(--width-min-button);
  font-size: var(--font-size-button) !important;
}

.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover,
.daterangepicker td.active,
.daterangepicker td.active:hover,
.daterangepicker td.available:hover,
.daterangepicker th.available:hover,
.daterangepicker td.active.end-date {
  background: var(--bg-paw-nav-tab-a-active) !important;
  color: var(--color-button);
}

.daterangepicker .calendar-table {
  background: var(--bg-section);
  border-radius: var(--border-radius-section);
  color: white;
}

.game-lobby-filter .game-lobby-filter-provider section,
.game-lobby-filter .game-lobby-sort section {
  font-family: var(--font-family);
}

.game-lobby-filter .game-lobby-filter-provider menu,
.game-lobby-filter .game-lobby-sort menu {
  background: var(--bg-body);
  border: var(--border-section);
  border-radius: var(--border-radius-modal);
  color: var(--color-text);
}

.game-lobby-filter .game-lobby-filter-provider menu .search ._input input,
.game-lobby-filter .game-lobby-sort menu .search ._input input {
  background: var(--bg-input-select);
  border-radius: var(--border-radius-input-select);
  border: var(--border-input-select);
  padding: var(--padding-input-select);
}

.game-lobby-filter .game-lobby-filter-provider menu ul li,
.game-lobby-filter .game-lobby-sort menu ul li {
  color: var(--color-text);
  font-weight: var(--font-weight-select);
}

.game-lobby-filter .game-lobby-filter-provider menu ul li:hover,
.game-lobby-filter .game-lobby-sort menu ul li:hover {
  background: var(--bg-cat-page-nav-a);
  color: var(--color-button);
}

.game-lobby-filter .game-lobby-filter-provider .game-lobby-filter-item-budge {
  background: var(--bg-button) !important;
  color: var(--color-button);
}

.game-lobby-filter .game-lobby-filter-provider menu.with-caret .fa-caret-up,
.game-lobby-filter .game-lobby-sort menu.with-caret .fa-caret-up {
  color: var(--bg-button);
}

.nm-widget.time-w {
  background: var(--bg-time-w);
  height: var(--height-header-items);
  padding: var(--padding-time-w);
  border-radius: var(--border-radius-time-w);
  display: flex;
  align-items: center;
  font-weight: var(--font-weight-time-w);
  margin-left: var(--margin-left-time-w);
  position: relative;
}

.nm-widget.time-w:before {
  content: "";
  position: absolute;
  width: var(--width-time-w-before);
  height: var(--height-time-w-before);
  background: var(--bg-time-w-before);
  top: var(--top-time-w-before);
  left: var(--left-time-w-before);
}

#app_header.main-header-container .subheader-menu {
  display: flex;
  align-items: center;
  position: absolute;
  height: var(--height-subheader-menu);
  top: 100%;
  width: 100%;
  padding: var(--padding-subheader-menu);
}

#app_header.main-header-container .subheader-menu .nm-widget.menuw {
  max-width: 100% !important;
  width: 100%;
  background: var(--bg-subheader-menu);
  border-radius: var(--border-radius-subheader-menu);
}

#app_header.main-header-container .subheader-menu .nm-widget.menuw ul {
  display: flex;
  width: 100%;
  align-items: center;
  height: var(--height-subheader-menu);
  padding: var(--padding-subheader-menu);
  gap: var(--gap-subheader-menu);
  justify-content: center;
}

#app_header.main-header-container .subheader-menu .nm-widget.menuw ul a {
  font-weight: var(--font-weight-subheader-menu-item);
  font-size: var(--font-size-subheader-menu-item);
  text-transform: var(--text-transform-subheader-menu-item);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--gap-subheader-menu-item);
}

#app_header.main-header-container .subheader-menu .nm-widget.menuw ul a:hover,
#app_header.main-header-container .subheader-menu .nm-widget.menuw ul a.active {
  background: var(--bg-subheader-menu-item-hover) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
}

#modernSkin.main-wrapper
  .layout-wrapper
  .content-wrapper
  .home-page-content
  #app_footer
  .footer-wrapper
  .footer-menu
  .menu-column
  .menuw {
  margin: 0 !important;
}

#app_footer .footer-wrapper .top-footer .footer-details .legal-age {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--width-legal-age);
  height: var(--height-legal-age);
  border: var(--border-legal-age);
  border-radius: var(--border-radius-legal-age);
  margin-top: var(--margin-top-legal-age);
  float: var(--float-legal-age);
}

#app_footer .footer-wrapper .top-footer .footer-details .legal-age img {
  width: var(--width-legal-age-img);
}

#app_footer .footer-wrapper .subfooter p {
  padding-bottom: var(--padding-bottom-subfooter-p);
  border-bottom: var(--border-bottom-subfooter-p);
  font-weight: var(--font-weight-subfooter);
  line-height: var(--line-height-subfooter-p);
  margin-bottom: var(--margin-bottom-subfooter-p);
}

#app_header.main-header-container .nm-widget.menuw .nav-item a span {
  line-height: normal;
}

#app_header.main-header-container .nm-widget.menuw .nav-item a i:before {
  content: "";
  display: var(--display-subheader-menu-icon);
  height: var(--height-icon);
  width: var(--width-icon);
  background-repeat: var(--bg-icon-repeat);
  background-size: var(--bg-icon-size);
  background-position: var(--bg-icon-position);
  vertical-align: var(--vertical-align-icon);
}

.game-lobby-renderer
  .game-lobby-renderer-card.see-all-card
  a
  .see-all-container {
  display: flex;
  flex-flow: row-reverse;
  align-items: center;
  gap: var(--gap-two-row-see-all-container);
  cursor: pointer;
}

.scroll-wrap.full-width {
  max-width: var(--width-max-scroll-wrap-fw);
  margin-top: var(--margin-top-scroll-wrap-fw);
  padding: var(--padding-scroll-wrap-fw);
  position: relative;
}

.scroll-wrap.full-width .nm-widget {
  max-width: var(--width-max-scroll-wrap-fw-widget) !important;
}

.scroll-wrap.full-width .nm-widget:before {
  content: "";
  position: absolute;
  height: var(--height-scroll-wrap-fw-widget-before);
  width: var(--width-scroll-wrap-fw-widget-before);
  background: var(--bg-scroll-wrap-fw-widget-before);
  bottom: var(--bottom-scroll-wrap-fw-widget-before);
  left: var(--left-scroll-wrap-fw-widget-before);
  border-radius: var(--border-radius-scroll-wrap-fw-widget-before);
  z-index: -4;
}

.scroll-wrap.full-width .nm-widget:after {
  content: "";
  position: absolute;
  height: var(--height-scroll-wrap-fw-widget-after);
  width: var(--width-scroll-wrap-fw-widget-after);
  background: var(--bg-scroll-wrap-fw-widget-after);
  bottom: var(--bottom-scroll-wrap-fw-widget-after);
  left: var(--left-scroll-wrap-fw-widget-after);
  border-radius: var(--border-radius-scroll-wrap-fw-widget-after);
  z-index: -3;
}

.scroll-wrap.full-width .nm-widget .game-lobby-header {
  align-items: center;
  justify-content: center;
  margin-bottom: var(--margin-bottom-scroll-wrap-fw-header);
}

.scroll-wrap.full-width .nm-widget .game-lobby-header .header-container h5 {
  font-size: var(--font-size-scroll-wrap-fw-header-h5);
  font-weight: var(--font-weight-header);
  text-transform: var(--text-transform-header);
  background: var(--bg-scroll-wrap-fw-header-h5);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  position: relative;
}

.scroll-wrap.full-width
  .nm-widget
  .game-lobby-header
  .header-container
  h5::before {
  content: "";
  position: absolute;
  height: var(--height-scroll-wrap-fw-header-h5-before);
  width: var(--width-scroll-wrap-fw-header-h5-before);
  background: var(--bg-scroll-wrap-fw-header-h5-before);
  bottom: var(--bottom-scroll-wrap-fw-header-h5-before);
  left: var(--left-scroll-wrap-fw-header-h5-before);
  opacity: var(--opacity-scroll-wrap-fw-header-h5-before);
  z-index: -2;
}

.scroll-wrap.full-width
  .nm-widget
  .game-lobby-header
  .header-container
  h5::after {
  content: "";
  position: absolute;
  height: var(--height-scroll-wrap-fw-header-h5-after);
  width: var(--width-scroll-wrap-fw-header-h5-after);
  background: var(--bg-scroll-wrap-fw-header-h5-after);
  bottom: var(--bottom-scroll-wrap-fw-header-h5-after);
  left: var(--left-scroll-wrap-fw-header-h5-after);
  z-index: -1;
}

.scroll-wrap.full-width .nm-widget .game-lobby-load-more-container {
  display: none;
}

.scroll-wrap.full-width .game-lobby-renderer.horizontal {
  grid-auto-columns: var(--grid-auto-columns-catpage-gl-hor);
  gap: 0 var(--gap-default);
  margin-bottom: 0;
}

.scroll-wrap.full-width
  .game-lobby-renderer.horizontal
  .game-lobby-renderer-card.see-all-card {
  background: var(--bg-see-all);
  box-shadow: none;
}

.scroll-wrap.full-width
  .game-lobby-renderer.horizontal
  .game-lobby-renderer-card.see-all-card
  .see-all-label {
  font-size: var(--font-size-button);
  font-weight: var(--font-weight-button);
  color: var(--color-see-all-span);
  margin-top: var(--margin-top-see-all-span);
}

.scroll-wrap.full-width .nm-widget .game-lobby-wrapper > section {
  position: relative;
}

.scroll-wrap.full-width .nm-widget .game-lobby-slider-container {
  width: 100% !important;
  top: 0;
  height: 0 !important;
  justify-content: space-between;
  z-index: 99;
  display: none;
}

.scroll-wrap.full-width .nm-widget .game-lobby-slider-container button {
  min-height: 220px;
  width: 60px !important;
  border: 0 !important;
  display: flex;
  align-items: center;
  color: rgba(255, 255, 255, 0.8);
}

.scroll-wrap.full-width .nm-widget .game-lobby-slider-container button:hover {
  transform: none;
}

.scroll-wrap.full-width
  .nm-widget
  .game-lobby-slider-container
  button#slideLeft {
  background: linear-gradient(to right, #000c24, transparent);
  padding-left: 14px;
  justify-content: start;
}

.scroll-wrap.full-width
  .nm-widget
  .game-lobby-slider-container
  button#slideRight {
  background: linear-gradient(to left, #000c24, transparent);
  padding-right: 14px;
  justify-content: end;
}

.sports-wrap .sports-book-container {
  max-width: var(--width-max-sports-container) !important;
}

.category-page-content.promo-page {
  margin-top: var(--margin-top-category-page-promo);
}

.nm-widget.language-w {
  margin-left: var(--margin-left-language-w);
  position: relative;
}

.nm-widget.language-w:before {
  content: "";
  position: absolute;
  width: var(--width-language-w-before);
  height: var(--height-language-w-before);
  background: var(--bg-language-w-before);
  top: var(--top-language-w-before);
  left: var(--left-time-w-before);
  display: var(--display-language-w-before);
}

.loader-container div svg rect {
  height: var(--height-loader-svg-rect);
}

.casino_search-widget .modal-trigger-wrapper {
  margin: 0px !important;
  height: var(--height-button) !important;
}

.casino_search-widget .modal-trigger-wrapper .search-button-field {
  width: 100%;
}

.casino_search-widget .modal-trigger-wrapper .search-button-field i {
  position: absolute !important;
  left: 90% !important;
  font-size: 16px !important;
}

.casino_search-widget .modal-trigger-wrapper .search-button-field button {
  height: var(--height-button) !important;
  background: var(--bg-gl-slider) !important;
  border-radius: var(--border-radius) !important;
  width: 100% !important;
  padding: 0px 0px 0px 16px !important;
}

.bt1-container .sports-book-container,
.pinnacle-container .sports-book-container,
.digitain-container .sports-book-container {
  max-width: 100%;
}

.promo-details
  .buffered-left
  .category-page-wrapper
  .article-details
  .promotion-content {
  margin-top: var(--margin-top-promo);
}

.promotion-breadcrumbs {
  text-transform: uppercase;
}

.promotion-breadcrumbs p {
  font-size: 16px;
  font-weight: 700;
}

.promotion-breadcrumbs span {
  font-size: 20px;
  font-weight: 800;
}

.promotion-breadcrumbs a {
  padding: 0px 10px;
}

.promotion-breadcrumbs .active {
  color: rgba(255, 154, 25, 0.8);
}

.about-us-page-nav {
  background: var(--bg-cat-page-nav);
  border: var(--border-cat-page-nav);
  border-radius: var(--border-radius-cat-page-nav);
  box-shadow: var(--box-shadow-cat-page-nav);
  padding: var(--padding-custom-about-us-link);
  margin-bottom: var(--margin-bottom-cat-page-nav);
  text-transform: var(--text-transform-cat-page-nav);
}

.about-us-page-nav .nav-item a {
  width: 100%;
  height: var(--height-cat-page-nav-a);
  background: var(--bg-cat-page-nav-a);
  border-radius: var(--border-radius-cat-page-nav);
  margin-bottom: var(--margin-bottom-cat-page-nav-a);
  display: flex;
  align-items: center;
  font-weight: var(--font-weight-cat-page-nav);
  padding: var(--padding-cat-page-nav-a);
  cursor: pointer;
}

.about-us-page-nav .nav-item a:hover,
.about-us-page-nav .nav-item a.active {
  color: var(--color-button);
  background: var(--bg-button);
  text-decoration: none;
}

.about-article-content {
  color: var(--color-article);
}

.about-category-page-wrapper {
  margin-top: var(--margin-top-article-content);
}

.about-article-content p {
  margin-bottom: var(--margin-bottom-article-text);
}

.about-article-content h5 {
  font-size: var(--font-size-header);
  text-transform: var(--text-transform-header);
  margin-bottom: var(--margin-bottom-article-text);
}

/*Icons*/
.nm-widget.top-games .game-lobby-header .header-container i:before {
  background-image: var(--content-top-games-icon);
}

.nm-widget.new-releases .game-lobby-header .header-container i:before {
  background-image: var(--content-new-releases-icon);
}

.nm-widget.feature-buy-in .game-lobby-header .header-container i:before {
  background-image: var(--content-feature-buy-in-icon);
}

.nm-widget.fast-games .game-lobby-header .header-container i:before {
  background-image: var(--content-fast-games-icon);
}

.nm-widget.mini-games .game-lobby-header .header-container i:before {
  background-image: var(--content-fast-games-icon);
}

.nm-widget.TableGames .game-lobby-header .header-container i:before {
  background-image: var(--content-table-games-icon);
}

.nm-widget.virtual-sports .game-lobby-header .header-container i:before {
  background-image: var(--content-virtual-sports-icon);
}

.nm-widget.slots .game-lobby-header .header-container i:before {
  background-image: var(--content-slots-icon);
}

.nm-widget.all-casino .game-lobby-header .header-container i:before {
  background-image: var(--content-all-casino-icon);
}

.nm-widget.korean-dealers .game-lobby-header .header-container i:before {
  background-image: var(--content-korean-dealers-icon);
}

.nm-widget.blackjack .game-lobby-header .header-container i:before {
  background-image: var(--content-blackjack-icon);
}

.nm-widget.baccarat .game-lobby-header .header-container i:before {
  background-image: var(--content-baccarat-icon);
}

.nm-widget.roulette .game-lobby-header .header-container i:before {
  background-image: var(--content-roulette-icon);
}

.nm-widget.poker .game-lobby-header .header-container i:before {
  background-image: var(--content-poker-icon);
}

.nm-widget.game-shows .game-lobby-header .header-container i:before {
  background-image: var(--content-game-shows-icon);
}

.nm-widget.all-live-casino .game-lobby-header .header-container i:before {
  background-image: var(--content-all-live-casino-icon);
}

.nm-widget.in-game-jackpots .game-lobby-header .header-container i:before {
  background-image: var(--content-in-game-jackpots-icon);
}

.nm-widget.top-games-ko .game-lobby-header .header-container i:before {
  background-image: var(--content-top-games-icon);
}

.nm-widget.new-releases-ko .game-lobby-header .header-container i:before {
  background-image: var(--content-new-releases-icon);
}

.nm-widget.feature-buy-in-ko .game-lobby-header .header-container i:before {
  background-image: var(--content-feature-buy-in-icon);
}

.nm-widget.fast-games-ko .game-lobby-header .header-container i:before {
  background-image: var(--content-fast-games-icon);
}

.nm-widget.mini-games-ko .game-lobby-header .header-container i:before {
  background-image: var(--content-fast-games-icon);
}

.nm-widget.korean-dealers-ko .game-lobby-header .header-container i:before {
  background-image: var(--content-korean-dealers-icon);
}

.nm-widget.blackjack-ko .game-lobby-header .header-container i:before {
  background-image: var(--content-blackjack-icon);
}

.nm-widget.baccarat-ko .game-lobby-header .header-container i:before {
  background-image: var(--content-baccarat-icon);
}

.nm-widget.game-shows-ko .game-lobby-header .header-container i:before {
  background-image: var(--content-game-shows-icon);
}

.nm-widget.live-casino .game-lobby-header .header-container i:before {
  background-image: var(--content-live-casino-icon);
}

.category-page-content
  .nm-widget.top-games
  .game-lobby-header
  .header-container
  i:before {
  background-image: var(--content-top-games-icon-active);
}

.category-page-content
  .nm-widget.new-releases
  .game-lobby-header
  .header-container
  i:before {
  background-image: var(--content-new-releases-icon);
}

.category-page-content
  .nm-widget.feature-buy-in
  .game-lobby-header
  .header-container
  i:before {
  background-image: var(--content-feature-buy-in-icon-active);
}

.category-page-content
  .nm-widget.fast-games
  .game-lobby-header
  .header-container
  i:before {
  background-image: var(--content-fast-games-icon);
}

.category-page-content
  .nm-widget.table-games
  .game-lobby-header
  .header-container
  i:before {
  background-image: var(--content-table-games-icon-active);
}

.category-page-content
  .nm-widget.virtual-sports
  .game-lobby-header
  .header-container
  i:before {
  background-image: var(--content-virtual-sports-icon-active);
}

.category-page-content
  .nm-widget.slots
  .game-lobby-header
  .header-container
  i:before {
  background-image: var(--content-slots-icon);
}

.category-page-content
  .nm-widget.all-casino
  .game-lobby-header
  .header-container
  i:before {
  background-image: var(--content-all-casino-icon);
}

.category-page-content
  .nm-widget.korean-dealers
  .game-lobby-header
  .header-container
  i:before {
  background-image: var(--content-korean-dealers-icon);
}

.category-page-content
  .nm-widget.blackjack
  .game-lobby-header
  .header-container
  i:before {
  background-image: var(--content-blackjack-icon-active);
}

.category-page-content
  .nm-widget.baccarat
  .game-lobby-header
  .header-container
  i:before {
  background-image: var(--content-baccarat-icon);
}

.category-page-content
  .nm-widget.roulette
  .game-lobby-header
  .header-container
  i:before {
  background-image: var(--content-roulette-icon);
}

.category-page-content
  .nm-widget.poker
  .game-lobby-header
  .header-container
  i:before {
  background-image: var(--content-poker-icon-active);
}

.category-page-content
  .nm-widget.game-shows
  .game-lobby-header
  .header-container
  i:before {
  background-image: var(--content-game-shows-icon-active);
}

.category-page-content
  .nm-widget.all-live-casino
  .game-lobby-header
  .header-container
  i:before {
  background-image: var(--content-all-live-casino-icon);
}

.category-page-content
  .nm-widget.in-game-jackpots
  .game-lobby-header
  .header-container
  i:before {
  background-image: var(--content-in-game-jackpots-icon);
}

.category-page-nav .nav-item a i.TopGames:before {
  background-image: var(--content-top-games-icon);
}

.category-page-nav .nav-item a.active i.TopGames:before,
.modal-page-nav .nav-item a.active i.TopGames:before,
.category-page-nav .nav-item a:hover i.TopGames:before,
.modal-page-nav .nav-item a:hover i.TopGames:before {
  background-image: var(--content-top-games-icon-active);
}

.category-page-nav .nav-item a i.NewReleases:before {
  background-image: var(--content-new-releases-icon);
}

.category-page-nav .nav-item a.active i.NewReleases:before,
.category-page-nav .nav-item a:hover i.NewReleases:before {
  background-image: var(--content-new-releases-icon-active);
}

.category-page-nav .nav-item a i.FeatureBuyIn:before {
  background-image: var(--content-feature-buy-in-icon);
}

.category-page-nav .nav-item a.active i.FeatureBuyIn:before,
.category-page-nav .nav-item a:hover i.FeatureBuyIn:before {
  background-image: var(--content-feature-buy-in-icon-active);
}

.category-page-nav .nav-item a i.FastGames:before {
  background-image: var(--content-fast-games-icon);
}

.category-page-nav .nav-item a.active i.FastGames:before,
.category-page-nav .nav-item a:hover i.FastGames:before {
  background-image: var(--content-fast-games-icon-active);
}

.category-page-nav .nav-item a i.TableGames:before {
  background-image: var(--content-table-games-icon);
}

.category-page-nav .nav-item a.active i.TableGames:before,
.category-page-nav .nav-item a:hover i.TableGames:before {
  background-image: var(--content-table-games-icon-active);
}

.category-page-nav .nav-item a i.VirtualSports:before {
  background-image: var(--content-virtual-sports-icon);
}

.category-page-nav .nav-item a.active i.VirtualSports:before,
.category-page-nav .nav-item a:hover i.VirtualSports:before {
  background-image: var(--content-virtual-sports-icon-active);
}

.category-page-nav .nav-item a i.Slots:before {
  background-image: var(--content-slots-icon);
}

.category-page-nav .nav-item a.active i.Slots:before,
.category-page-nav .nav-item a:hover i.Slots:before {
  background-image: var(--content-slots-icon-active);
}

.category-page-nav .nav-item a i.AllCasino:before {
  background-image: var(--content-all-casino-icon);
}

.category-page-nav .nav-item a.active i.AllCasino:before,
.category-page-nav .nav-item a:hover i.AllCasino:before {
  background-image: var(--content-all-casino-icon-active);
}

.category-page-nav .nav-item a i.KoreanDealers:before {
  background-image: var(--content-korean-dealers-icon);
}

.category-page-nav .nav-item a.active i.KoreanDealers:before,
.category-page-nav .nav-item a:hover i.KoreanDealers:before {
  background-image: var(--content-korean-dealers-icon-active);
}

.category-page-nav .nav-item a i.Blackjack:before {
  background-image: var(--content-blackjack-icon);
}

.category-page-nav .nav-item a.active i.Blackjack:before,
.category-page-nav .nav-item a:hover i.Blackjack:before {
  background-image: var(--content-blackjack-icon-active);
}

.category-page-nav .nav-item a i.Baccarat:before {
  background-image: var(--content-baccarat-icon);
}

.category-page-nav .nav-item a.active i.Baccarat:before,
.category-page-nav .nav-item a:hover i.Baccarat:before {
  background-image: var(--content-baccarat-icon-active);
}

.category-page-nav .nav-item a i.Roulette:before {
  background-image: var(--content-roulette-icon);
}

.category-page-nav .nav-item a.active i.Roulette:before,
.category-page-nav .nav-item a:hover i.Roulette:before {
  background-image: var(--content-roulette-icon-active);
}

.category-page-nav .nav-item a i.Poker:before {
  background-image: var(--content-poker-icon);
}

.category-page-nav .nav-item a.active i.Poker:before,
.category-page-nav .nav-item a:hover i.Poker:before {
  background-image: var(--content-poker-icon-active);
}

.category-page-nav .nav-item a i.GameShows:before {
  background-image: var(--content-game-shows-icon);
}

.category-page-nav .nav-item a.active i.GameShows:before,
.category-page-nav .nav-item a:hover i.GameShows:before {
  background-image: var(--content-game-shows-icon-active);
}

.category-page-nav .nav-item a i.AllLiveCasino:before {
  background-image: var(--content-all-live-casino-icon);
}

.category-page-nav .nav-item a.active i.AllLiveCasino:before,
.category-page-nav .nav-item a:hover i.AllLiveCasino:before {
  background-image: var(--content-all-live-casino-icon-active);
}

.category-page-nav .nav-item a i.InGameJackpots:before {
  background-image: var(--content-in-game-jackpots-icon);
}

.category-page-nav .nav-item a.active i.InGameJackpots:before,
.category-page-nav .nav-item a:hover i.InGameJackpots:before {
  background-image: var(--content-in-game-jackpots-icon-active);
}

#modernSkin.main-wrapper
  .layout-wrapper
  .content-wrapper
  .home-page-content
  .template-page-header-container
  .template-page-header
  img.top-games {
  content: var(--content-top-games-icon-active);
}

#modernSkin.main-wrapper
  .layout-wrapper
  .content-wrapper
  .home-page-content
  .template-page-header-container
  .template-page-header
  img.new-releases {
  content: var(--content-new-releases-icon-active);
}

#modernSkin.main-wrapper
  .layout-wrapper
  .content-wrapper
  .home-page-content
  .template-page-header-container
  .template-page-header
  img.feature-buy-in {
  content: var(--content-feature-buy-in-icon-active);
}

#modernSkin.main-wrapper
  .layout-wrapper
  .content-wrapper
  .home-page-content
  .template-page-header-container
  .template-page-header
  img.fast-games {
  content: var(--content-fast-games-icon-active);
}

#modernSkin.main-wrapper
  .layout-wrapper
  .content-wrapper
  .home-page-content
  .template-page-header-container
  .template-page-header
  img.table-games {
  content: var(--content-table-games-icon-active);
}

#modernSkin.main-wrapper
  .layout-wrapper
  .content-wrapper
  .home-page-content
  .template-page-header-container
  .template-page-header
  img.virtual-sports {
  content: var(--content-virtual-sports-icon-active);
}

#modernSkin.main-wrapper
  .layout-wrapper
  .content-wrapper
  .home-page-content
  .template-page-header-container
  .template-page-header
  img.slots {
  content: var(--content-slots-icon-active);
}

#modernSkin.main-wrapper
  .layout-wrapper
  .content-wrapper
  .home-page-content
  .template-page-header-container
  .template-page-header
  img.all-casino {
  content: var(--content-all-casino-icon-active);
}

#modernSkin.main-wrapper
  .layout-wrapper
  .content-wrapper
  .home-page-content
  .template-page-header-container
  .template-page-header
  img.mini-games {
  content: var(--content-fast-games-icon-active);
}

#modernSkin.main-wrapper
  .layout-wrapper
  .content-wrapper
  .home-page-content
  .template-page-header-container
  .template-page-header
  img.korean-dealers {
  content: var(--content-korean-dealers-icon-active);
}

#modernSkin.main-wrapper
  .layout-wrapper
  .content-wrapper
  .home-page-content
  .template-page-header-container
  .template-page-header
  img.blackjack {
  content: var(--content-blackjack-icon-active);
}

#modernSkin.main-wrapper
  .layout-wrapper
  .content-wrapper
  .home-page-content
  .template-page-header-container
  .template-page-header
  img.baccarat {
  content: var(--content-baccarat-icon-active);
}

#modernSkin.main-wrapper
  .layout-wrapper
  .content-wrapper
  .home-page-content
  .template-page-header-container
  .template-page-header
  img.roulette {
  content: var(--content-roulette-icon-active);
}

#modernSkin.main-wrapper
  .layout-wrapper
  .content-wrapper
  .home-page-content
  .template-page-header-container
  .template-page-header
  img.poker {
  content: var(--content-poker-icon-active);
}

#modernSkin.main-wrapper
  .layout-wrapper
  .content-wrapper
  .home-page-content
  .template-page-header-container
  .template-page-header
  img.game-shows {
  content: var(--content-game-shows-icon-active);
}

#modernSkin.main-wrapper
  .layout-wrapper
  .content-wrapper
  .home-page-content
  .template-page-header-container
  .template-page-header
  img.all-live-casino {
  content: var(--content-all-live-casino-icon-active);
}

#modernSkin.main-wrapper
  .layout-wrapper
  .content-wrapper
  .home-page-content
  .template-page-header-container
  .template-page-header
  img.in-game-jackpots {
  content: var(--content-in-game-jackpots-icon-active);
}

#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a
  i.BT1KoreanSports:before {
  background-image: var(--content-bt1-korean-sports-icon);
}

#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a:hover
  i.BT1KoreanSports:before,
#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a.active
  i.BT1KoreanSports:before {
  background-image: var(--content-bt1-korean-sports-icon-active);
}

#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a
  i.EuroSports:before {
  background-image: var(--content-euro-sports-icon);
}

#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a:hover
  i.EuroSports:before,
#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a.active
  i.EuroSports:before {
  background-image: var(--content-euro-sports-icon-active);
}

#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a
  i.EuroESports:before {
  background-image: var(--content-euro-e-sports-icon);
}

#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a:hover
  i.EuroESports:before,
#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a.active
  i.EuroESports:before {
  background-image: var(--content-euro-e-sports-icon-active);
}

#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a
  i.ESports:before {
  background-image: var(--content-e-sports-icon);
}

#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a:hover
  i.ESports:before,
#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a.active
  i.ESports:before {
  background-image: var(--content-e-sports-icon-active);
}

#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a
  i.LiveCasino:before {
  background-image: var(--content-live-casino-icon);
}

#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a:hover
  i.LiveCasino:before,
#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a.active
  i.LiveCasino:before {
  background-image: var(--content-live-casino-icon-active);
}

#app_header.main-header-container .nm-widget.menuw .nav-item a i.Slots:before {
  background-image: var(--content-slots-icon);
}

#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a:hover
  i.Slots:before,
#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a.active
  i.Slots:before {
  background-image: var(--content-slots-icon-active);
}

#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a
  i.FastGames:before {
  background-image: var(--content-fast-games-icon);
}

#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a:hover
  i.FastGames:before,
#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a.active
  i.FastGames:before {
  background-image: var(--content-fast-games-icon-active);
}

#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a
  i.VirtualSports:before {
  background-image: var(--content-virtual-sports-icon);
}

#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a:hover
  i.VirtualSports:before,
#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a.active
  i.VirtualSports:before {
  background-image: var(--content-virtual-sports-icon-active);
}

#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a
  i.MiniGames:before {
  background-image: var(--content-fast-games-icon);
}

#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a:hover
  i.MiniGames:before,
#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a.active
  i.MiniGames:before {
  background-image: var(--content-fast-games-icon-active);
}

#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a
  i.TVGames:before {
  background-image: var(--content-tv-games-icon);
}

#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a:hover
  i.TVGames:before,
#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a.active
  i.TVGames:before {
  background-image: var(--content-tv-games-icon-active);
}

#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a
  i.Promotions:before {
  background-image: var(--content-promotions-icon);
}

#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a:hover
  i.Promotions:before,
#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a.active
  i.Promotions:before {
  background-image: var(--content-promotions-icon-active);
}

#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a
  i.PinnacleSports:before {
  background-image: var(--content-pinnacle-sports-icon);
}

#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a:hover
  i.PinnacleSports:before,
#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a.active
  i.PinnacleSports:before {
  background-image: var(--content-pinnacle-sports-icon-active);
}

#app_header.main-header-container .nm-widget.menuw .nav-item a i.Casino:before {
  background-image: var(--content-casino-icon);
}

#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a:hover
  i.Casino:before,
#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a.active
  i.Casino:before {
  background-image: var(--content-casino-icon-active);
}

#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a
  i.Jackpots:before {
  background-image: var(--content-jackpots-icon);
}

#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a:hover
  i.Jackpots:before,
#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a.active
  i.Jackpots:before {
  background-image: var(--content-jackpots-icon-active);
}

#app_header.main-header-container .nm-widget.menuw .nav-item a i.Poker:before {
  background-image: var(--content-poker-icon);
}

#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a:hover
  i.Poker:before,
#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a.active
  i.Poker:before {
  background-image: var(--content-poker-icon-active);
}

#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a
  i.GameShows:before {
  background-image: var(--content-game-shows-icon);
}

#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a:hover
  i.GameShows:before,
#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a.active
  i.GameShows:before {
  background-image: var(--content-game-shows-icon-active);
}

#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a
  i.WinkaSports:before {
  background-image: var(--content-winka-sports-icon);
}

#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a:hover
  i.WinkaSports:before,
#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a.active
  i.WinkaSports:before {
  background-image: var(--content-winka-sports-icon-active);
}

#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a
  i.WinkaESports:before {
  background-image: var(--content-winka-e-sports-icon);
}

#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a:hover
  i.WinkaESports:before,
#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a.active
  i.WinkaESports:before {
  background-image: var(--content-winka-e-sports-icon-active);
}

#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a
  i.PinnacleESports:before {
  background-image: var(--content-pinnacle-e-sports-icon);
}

#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a:hover
  i.PinnacleESports:before,
#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a.active
  i.PinnacleESports:before {
  background-image: var(--content-pinnacle-e-sports-icon-active);
}

#app_header.main-header-container {
  background: var(--bg-main-header);
}

#app_header.main-header-container:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 124px;
  width: calc(100% - 248px);
  height: 1px;
  background: linear-gradient(
    270deg,
    rgba(9, 86, 250, 0.25) 0%,
    #0956fa 50.4%,
    rgba(9, 86, 250, 0.25) 96.77%
  );
  filter: opacity(0.5);
}

.player-information-header .custom-promo-link img {
  height: var(--height-custom-promo-link-img);
}

.nm-widget.register-w .btn-join {
  background: var(--bg-button-join);
}

.player-information-header .custom-promo-link:hover {
  background: var(--bg-button-reverse);
  color: #444473;
}

.nm-widget .login {
  background: var(--bg-button-login);
}

.nm-widget .login:hover {
  background: linear-gradient(180deg, #fcd051 0%, #ffc008 100%);
}

.switch-skin-mode-container {
  position: relative;
  width: 50px;
  height: var(--height-header-items);
}

.switch-skin-mode-container .switch {
  margin-bottom: 0;
}

.switch-skin-mode-container input {
  opacity: 0;
  width: 0;
  height: 0;
}

.switch-skin-mode-container .slider-checkbox {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background-color: rgba(173, 173, 173, 0.25);
  border: 1px solid rgba(255, 255, 255, 0.6);
  transition: 0.4s;
}

.switch-skin-mode-container .slider-checkbox:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  transition: 0.4s;
  height: 22px;
  width: 22px;
  background-image: var(--content-dark-mode-icon);
  background-repeat: var(--bg-icon-repeat);
  background-size: var(--bg-icon-size);
  background-position: var(--bg-icon-position);
  vertical-align: var(--vertical-align-icon);
}

.switch-skin-mode-container input:checked + .slider-checkbox {
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 1);
}

.switch-skin-mode-container input:checked + .slider-checkbox:before {
  transform: translateX(17px);
  background-image: var(--content-light-mode-icon);
}

#app_header.main-header-container .subheader-menu .nm-widget.menuw ul a {
  color: rgba(235, 235, 245, 0.6);
  flex-direction: column;
}

#app_header.main-header-container .subheader-menu .nm-widget.menuw {
  max-width: var(--width-max-container) !important;
}

#app_header.main-header-container .subheader-menu .nm-widget.menuw ul {
  padding: 0;
}

#app_header.main-header-container .subheader-menu .nm-widget.menuw ul a:hover,
#app_header.main-header-container .subheader-menu .nm-widget.menuw ul a.active,
#modernSkin #app_mobile_navigation .mobile-menu ul li a:hover,
#modernSkin #app_mobile_navigation .mobile-menu ul li a.active {
  color: #ffc008 !important;
  -webkit-background-clip: unset !important;
  -webkit-text-fill-color: unset;
}

#app_footer::after {
  content: "";
  position: absolute;
  top: 0;
  left: 304px;
  width: calc(100% - 608px);
  height: 1px;
  background: linear-gradient(
    270deg,
    rgba(9, 86, 250, 0.25) 0%,
    #0956fa 50.4%,
    rgba(9, 86, 250, 0.25) 96.77%
  );
  filter: opacity(0.5);
}

#app_footer .footer-wrapper .footer-menu .menu-column h6 {
  text-transform: uppercase;
  font-size: 16px;
}

#app_footer .footer-wrapper .footer-menu {
  padding-right: 24px;
}

#app_footer .footer-wrapper .subfooter:before {
  content: "";
  position: absolute;
  top: -20px;
  left: 100px;
  width: calc(100% - 200px);
  height: 1px;
  background: linear-gradient(
    270deg,
    rgba(9, 86, 250, 0.25) 0%,
    #0956fa 50.4%,
    rgba(9, 86, 250, 0.25) 96.77%
  );
  filter: opacity(0.5);
}

#app_footer .footer-wrapper .subfooter p {
  padding-top: 16px;
  max-width: 53%;
  margin: 0 auto;
}

.hero-section {
  display: flex;
  align-items: center;
  gap: 24px;
  position: relative;
}

.hero-section .hero-banner {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 8px;
  flex: 1 0 50%;
  max-width: calc(50% - 12px);
  align-self: stretch;
  position: relative;
  overflow: hidden;
}

.hero-section .hero-banner h6 {
  position: relative;
  color: rgba(255, 255, 255, 0.6);
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 8px;
}

.hero-section .hero-banner a {
  position: relative;
}

.hero-section .hero-banner button {
  height: var(--height-button);
  background: var(--bg-button);
  border-radius: var(--border-radius);
  padding: var(--padding-button);
  color: var(--color-button);
  font-weight: var(--font-weight-button);
  text-transform: var(--text-transform-login-register);
  font-size: var(--font-size-button);
}

.hero-section .hero-banner button:hover {
  background: var(--bg-button-reverse);
  color: #444473;
}

.hero-section .hero-left-banner {
  padding: 40px 32px 21px;
}

.hero-section .hero-left-banner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(9, 86, 250, 0.2) 18.75%,
    rgba(9, 86, 250, 0) 100%
  );
}

.hero-section .hero-left-banner h1 {
  font-size: 40px;
  font-weight: 800;
  text-transform: uppercase;
  line-height: 40px;
  margin-bottom: 16px;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  position: relative;
}

.hero-section .hero-left-banner h1 span {
  color: #ffc008;
}

.hero-section .hero-right-banner {
  background-size: contain;
  background-position-x: 66px;
  padding: 48px 48px 32px;
}

.hero-section .hero-right-banner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    rgba(9, 99, 251, 0) 0%,
    rgba(9, 27, 58, 0.83) 100%
  );
}

.hero-section .hero-right-banner .hero-section-details {
  text-align: center;
  width: fit-content;
  float: right;
  position: relative;
}

.hero-section .hero-right-banner .hero-section-details h5 {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.6);
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  margin-bottom: 8px;
}

.hero-section .hero-right-banner .hero-section-details h5 span.white-text {
  color: #fff;
}

.hero-section .hero-right-banner .hero-section-details h5 span.highlight-text {
  font-weight: 800;
  color: #e875ff;
}

.hero-section .hero-right-banner .hero-section-details h1 {
  font-size: 60px;
  text-transform: uppercase;
  font-weight: 700;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  color: #e875ff;
  margin-bottom: 32px;
  line-height: 100%;
  margin-bottom: 32px;
}

.hero-section:before {
  content: "";
  position: absolute;
  width: 548px;
  height: 415px;
  top: -20px;
  right: 387px;
  z-index: 1;
  pointer-events: none;
  background-image: url("https://alpha-static.gpfront.com/DOSMSR/assets/images/banners/home-banner-center-img.webp");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.hero-section.category:before {
  background-image: url("https://alpha-static.gpfront.com/DOSMSR/assets/images/banners/casino-hero-banner-center.webp");
  top: -100px;
  right: 311px;
  width: 692px;
  height: 497px;
}

.card-page-links {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-top: 48px;
  position: relative;
  z-index: 1;
}

.card-page-links.mobile {
  display: none;
}

.card-page-links a {
  display: flex;
}

.card-page-links a:hover {
  text-decoration: none;
  color: var(--color-text) !important;
}

.card-page-links .card-page-item {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 245px;
  width: 100%;
  position: relative;
  border-radius: 8px;
  padding: 24px 24px 16px 24px;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: space-between;
}

.card-page-links .card-page-item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background: linear-gradient(
    180deg,
    rgba(9, 86, 250, 0.25) 18.75%,
    rgba(9, 86, 250, 0) 100%
  );
  z-index: 1;
}

.card-page-links .card-page-item-header {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 8px;
  position: relative;
  z-index: 1;
}

.card-page-links .card-page-item-header img {
  width: 24px;
  height: 24px;
  object-fit: contain;
}

.card-page-links .card-page-item-header h4 {
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 700;
}

.card-page-links .card-page-item-details {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: fit-content;
  gap: 12px;
  z-index: 1;
}

.card-page-links .card-page-item-details p {
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  max-width: 70%;
  font-size: 17px;
  line-height: 130%;
  margin-bottom: -6px;
}

.card-page-links .card-page-item-details span {
  font-size: 13px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.6);
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

.card-page-links .card-page-item-details button {
  height: var(--height-button);
  background: var(--bg-button);
  border-radius: var(--border-radius);
  padding: var(--padding-button);
  color: var(--color-button);
  font-weight: var(--font-weight-button);
  text-transform: var(--text-transform-login-register);
  font-size: var(--font-size-button);
  width: fit-content;
}

.card-page-links .card-page-item-details button:hover {
  background: var(--bg-button-reverse);
  color: #444473;
}

.custom-carousel {
  position: relative;
  z-index: 1;
  margin-top: 20px;
}

.custom-carousel.car-small {
  display: none;
}

.custom-carousel .carousel-items-wrapper {
  display: flex;
  overflow-x: hidden;
  scroll-behavior: smooth;
  gap: 24px;
}

.custom-carousel .carousel-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  position: relative;
  flex: 0 0 100%;
}

.custom-carousel .carousel-img {
  position: relative;
  border-radius: 8px;
}

.custom-carousel .carousel-img:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  background: linear-gradient(
    180deg,
    rgba(9, 86, 250, 0.2) 18.75%,
    rgba(9, 86, 250, 0) 100%
  );
  pointer-events: none;
}

.custom-carousel .carousel-img img {
  height: 192px;
  width: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 8px;
}

.custom-carousel .carousel-dots {
  margin-top: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  height: 16px;
}

.custom-carousel .carousel-dots .carousel-dot {
  border-radius: 50%;
  width: 4px;
  height: 4px;
  background: rgba(255, 255, 255, 0.25);
  cursor: pointer;
  transition: 0.2s all ease-in-out;
}

.custom-carousel .carousel-dots .carousel-dot.next {
  width: 8px;
  height: 8px;
}

.custom-carousel .carousel-dots .carousel-dot.active {
  width: 42px;
  height: 16px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.5);
  pointer-events: none;
}

.two-row-gamelobby .nm-widget .game-lobby-header .header-container h5 {
  color: rgba(255, 255, 255, 0.6);
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

.bottom-logos div .bottom-logo-container {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 12px 8px;
  height: 77px;
  overflow: hidden;
}

.bottom-logos div .bottom-logo-container.show {
  height: fit-content;
}

.bottom-logos .bottom-logo-wrapper {
  border-radius: 5px;
  background: #00226a;
  height: 77px;
}

.bottom-logos .bottom-logo-wrapper a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}

.bottom-logos .bottom-logo-wrapper img {
  width: 70%;
  height: 70%;
  object-fit: contain;
}

.loader {
  border: 0;
  background-image: var(--content-site-loading-icon);
  background-size: var(--bg-icon-size);
  background-position: var(--bg-icon-position);
  background-repeat: var(--bg-icon-repeat);
  height: 75px;
  width: 75px;
  border-radius: 0;
  -webkit-animation: none;
  animation: none;
  top: calc(50%);
  left: calc(50%);
  transform: translate(-50%, -50%);
}

.sports-wrap {
  width: calc(100% + 64px);
  margin-left: -32px;
  margin-top: -20px;
  height: calc(100dvh - 139px);
}

.faded-borders {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

.faded-borders:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-style: solid solid none;
}

.faded-borders:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 50%;
  border: 1px solid;
  border-style: none solid;
  border-image: linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0.3) 0%,
      transparent 100%
    )
    0% 1;
}

.game-lobby-renderer-card.launch-from-lobby:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: var(--border-radius-gl-img);
  background: linear-gradient(
    180deg,
    rgba(9, 86, 250, 0.2) 18.75%,
    rgba(9, 86, 250, 0) 100%
  );
  pointer-events: none;
  z-index: 1;
}

.game-lobby-renderer-card.launch-from-lobby a {
  border-radius: var(--border-radius-gl-img) !important;
}

.game-lobby-renderer-card.launch-from-lobby a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 50%;
  left: 0;
  top: 0;
  pointer-events: none;
  z-index: 1;
  border-top-left-radius: var(--border-radius-gl-img);
  border-top-right-radius: var(--border-radius-gl-img);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-style: solid solid none;
}

.game-lobby-renderer-card.launch-from-lobby a:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 50%;
  border-bottom-left-radius: var(--border-radius-gl-img);
  border-bottom-right-radius: var(--border-radius-gl-img);
  border: 1px solid;
  border-style: none solid;
  border-image: linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0.3) 0%,
      transparent 70%
    )
    0% 1;
  z-index: 1;
}

.game-lobby-renderer .game-lobby-renderer-card img {
  box-shadow: none !important;
}

.two-row-gamelobby .game-lobby-slider-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 93px;
  height: 22px;
  top: 5px;
}

.two-row-gamelobby .game-lobby-renderer .game-lobby-renderer-card.see-all-card {
  z-index: 1;
}

.two-row-gamelobby .game-lobby-slider-container button {
  border: 0;
  width: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.two-row-gamelobby .game-lobby-slider-container button:hover {
  transform: none;
  color: rgba(235, 235, 245, 0.3);
  background: transparent;
}

.two-row-gamelobby .game-lobby-slider-container button i:before {
  content: var(--content-carret);
}

.two-row-gamelobby .game-lobby-slider-container button#slideLeft i {
  transform: rotate(180deg);
}

.category-page-content .game-lobby-slider-container {
  top: 5px;
  height: 22px;
}

.category-page-content {
  z-index: 1;
}

.nm-widget .game-lobby-load-more-container .load-more-counter span {
  font-size: 16px !important;
}

.modal-backdrop {
  background-color: transparent;
  background: linear-gradient(
    180deg,
    #041331 0%,
    #0e2045 35.79%,
    #051946 42.06%
  );
  opacity: 0.8 !important;
}

.modal .modal-dialog .modal-content .modal-header {
  padding: 32px 32px 16px;
}

#modal-login .modal-content .modal-body .form-login,
#modal-login .modal-content .modal-body .form-forgot-password,
.form-register {
  mix-blend-mode: plus-lighter;
}

.modal-dialog {
  max-width: 564px;
}

form .form-group .input-inline,
.form .form-group .input-inline,
.form-register .form-group select,
form .form-group #mobileNumber,
form .form-group .mobileNumber,
.form .form-group #mobileNumber,
.form .form-group .mobileNumber,
form .form-group #verifyMobileNumber,
.form .form-group #verifyMobileNumber,
form .form-group #birthDate,
.form .form-group #birthDate {
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset,
    0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}

form .form-group .input-inline::placeholder,
.form .form-group .input-inline::placeholder,
form .form-group #mobileNumber::placeholder,
form .form-group .mobileNumber::placeholder,
.form .form-group #mobileNumber::placeholder,
.form .form-group .mobileNumber::placeholder,
form .form-group #verifyMobileNumber::placeholder,
.form .form-group #verifyMobileNumber::placeholder,
form .form-group #birthDate::placeholder,
.form .form-group #birthDate::placeholder {
  color: #5f6b89;
  text-transform: uppercase;
  font-weight: 600;
}

form .form-group button#btn-signin,
.form .form-group button#btn-signin,
form .form-group button#btn-forgot,
form .form-group button#btn-forgot,
.form-register input[type="submit"] {
  margin: 0 auto;
}

.form-register .form-group input[type="text"],
.form-register .form-group input[type="email"],
.form-register .form-group input[type="password"],
.form-register .form-group select {
  font-size: 14px;
  background: var(--bg-input-select);
  height: var(--height-input-select);
  padding: var(--padding-input-select);
  border: var(--border-input-select);
  border-radius: var(--border-radius-input-select) !important;
  color: var(--color-input-select);
}

.form-register .form-group input::placeholder {
  color: #5f6b89;
  text-transform: uppercase;
  font-weight: 600;
}

.nm-widget.TableGames-ko .game-lobby-header .header-container i:before {
  background-image: var(--content-table-games-icon);
}

.nm-widget.virtual-sports-ko .game-lobby-header .header-container i:before {
  background-image: var(--content-virtual-sports-icon);
}

.nm-widget.slots-ko .game-lobby-header .header-container i:before {
  background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSMSR/assets/images/icons/newSlot.svg);
}

.nm-widget.all-casino-ko .game-lobby-header .header-container i:before {
  background-image: var(--content-all-casino-icon);
}

.nm-widget.roulette-ko .game-lobby-header .header-container i:before {
  background-image: var(--content-roulette-icon);
}

.nm-widget.poker-ko .game-lobby-header .header-container i:before {
  background-image: var(--content-poker-icon);
}

.nm-widget.all-live-casino-ko .game-lobby-header .header-container i:before {
  background-image: var(--content-all-live-casino-icon);
}

.nm-widget.in-game-jackpots-ko .game-lobby-header .header-container i:before {
  background-image: var(--content-in-game-jackpots-icon);
}

.nm-widget.live-casino-ko .game-lobby-header .header-container i:before {
  background-image: var(--content-live-casino-icon);
}

#modernSkin.main-wrapper .layout-wrapper .header-section.scrollSrink,
#app_header.main-header-container .subheader-menu,
#app_header.main-header-container .subheader-menu .nm-widget.menuw ul,
#app_header.main-header-container .subheader-menu .nm-widget.menuw ul a,
.header-section.scrollSrink
  #app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a
  span {
  transition: 0.3s all ease-in-out;
}

#modernSkin.main-wrapper .layout-wrapper .header-section.scrollSrink {
  height: 102px !important;
  transition: 0.3s all ease-in-out;
}

.header-section.scrollSrink #app_header.main-header-container .subheader-menu,
.header-section.scrollSrink
  #app_header.main-header-container
  .subheader-menu
  .nm-widget.menuw
  ul {
  height: 40px;
  transition: 0.3s all ease-in-out;
}

.header-section.scrollSrink
  #app_header.main-header-container
  .subheader-menu
  .nm-widget.menuw
  ul
  li:not(:last-child)
  a {
  min-width: 70px;
  position: relative;
  transition: 0.3s all ease-in-out;
}

.header-section.scrollSrink
  #app_header.main-header-container
  .subheader-menu
  .nm-widget.menuw
  ul
  li:not(:last-child)
  a:hover
  span {
  display: block;
}

.header-section.scrollSrink
  #app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a
  span {
  position: absolute;
  white-space: nowrap;
  top: 25px;
  color: #ffff;
  background: var(--bg-input-select);
  z-index: 1;
  padding: 5px;
  border-radius: 8px;
  display: none;
  transition: 0.3s all ease-in-out;
}

.game-lobby-renderer
  .game-lobby-renderer-card
  .game-lobby-renderer-card-buttons
  button:nth-child(1) {
  background-position: center;
  background-size: cover;
}

.category-page-content.promo-page {
  padding-bottom: 40px;
}

form.form-register .form-group .password-visible,
.form.form-register .form-group .password-visible {
  right: 16px;
  bottom: auto;
  top: 30px;
}

.form-register .form-group .mobile-area-code {
  top: 39px;
  left: 16px;
}

form .form-group #mobileNumber,
form .form-group .mobileNumber,
.form .form-group #mobileNumber,
.form .form-group .mobileNumber {
  padding: 0 16px 0 48px;
}

.form-register .form-group .sms-verification-btn {
  padding: 0;
}

body.logged-in .nm-widget.wallet-button-w button {
  border: 0;
}

#modernSkin
  .nm-widget.login-w
  .dropdown-menu
  .dropdown-item:not(:first-child):hover {
  background: var(--bg-button-reverse);
  color: #444473 !important;
}

#modal-user-profile .modal-body .modal-wrapper .sidenav-system .grp-account {
  background: linear-gradient(180deg, #041331 0%, #0e2045 90%);
}

#modal-user-profile .modal-body .modal-wrapper .sidenav-system .grp-balance {
  background: linear-gradient(180deg, #0e2045 0%, #051946 20%);
}

#modal-user-profile .modal-body .modal-wrapper .tab-content-wrapper {
  padding-bottom: 230px;
}

.nav-tab-system-horizontal .nav-tabs,
.nav-tab-system-horizontal .nav-tabs .nav-item a {
  border-radius: 16px;
}

.nav-tab-system-horizontal .nav-tabs {
  padding: 4px 0;
}

#modal-user-profile.modal .modal-dialog .modal-content .close .icomoon-icon {
  content: url("https://sgp1.digitaloceanspaces.com/wnkstg/DOSMSR/assets/images/icons/gameStageXButton.svg");
}

.article-details {
  padding-bottom: 40px;
}

.article-details img {
  border-radius: var(--border-radius);
}

.article-content section {
  padding-top: 24px;
}

.article-content h6 {
  font-size: 20px;
  font-weight: 700;
  color: #ffc008;
  margin-bottom: 16px;
}

#app_footer .footer-wrapper .footer-menu .menu-column a:hover,
#app_footer .footer-wrapper .footer-menu .menu-column a.active {
  color: #ffc008 !important;
}

.bottom-logos {
  margin-top: 40px;
  display: inline-block;
}

#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a
  i.LiveChat:before {
  background-image: var(--content-live-chat-icon);
  width: 54px;
  height: 54px;
  vertical-align: baseline;
}

#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a:hover
  i.LiveChat:before,
#app_header.main-header-container
  .nm-widget.menuw
  .nav-item
  a.active
  i.LiveChat:before {
  background-image: var(--content-live-chat-icon-active);
}

#app_header.main-header-container .subheader-menu .nm-widget.menuw ul {
  position: relative;
}

input::-ms-reveal,
input::-ms-clear {
  display: none;
}

form .form-group .highlight ~ .password-visible,
.form .form-group .highlight ~ .password-visible {
  color: var(--color-input-highlight);
}

.active-bonuses-tab .section-system-main,
.available-bonuses-tab .section-system-main {
  border: 1px solid #ffc008 !important;
}

.active-bonuses-tab .active-bonus-item.claimed .product-icon:before,
.active-bonuses-tab .available-bonus-item.claimed .product-icon:before,
.available-bonuses-tab .active-bonus-item.claimed .product-icon:before,
.active-bonuses-tab .active-bonus-item .product-icon:before,
#available_bonuses
  .available-bonuses-tab
  .available-bonus-item
  .product-icon:before {
  color: #ffc008 !important;
}

.active-bonuses-tab .active-bonus-item .product-icon.icon-basketball1:before,
.active-bonuses-tab .available-bonus-item .product-icon.icon-basketball1:before,
.available-bonuses-tab .active-bonus-item .product-icon.icon-basketball1:before,
.available-bonuses-tab
  .available-bonus-item
  .product-icon.icon-basketball1:before {
  content: "\E92F";
  font-family: "icomoon" !important;
  color: #ffc008 !important;
}

.active-bonuses-tab .active-bonus-item .img-running,
.active-bonuses-tab .available-bonus-item .img-running {
  right: -24px;
  top: -24px;
  height: 24px;
  width: fit-content;
  padding: 0 15px;
  background: var(--bg-paw-grp-balance-btn-bonus);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  display: flex;
  align-items: center;
  border-radius: 4px 8px 4px 4px;
}

.active-bonuses-tab .active-bonus-item .img-running:before,
.active-bonuses-tab .available-bonus-item .img-running:before {
  content: "Running";
}

.active-bonuses-tab .active-bonus-item .img-running img,
.active-bonuses-tab .available-bonus-item .img-running img {
  display: none;
}

.active-bonuses-tab .active-bonus-item .btn-claim,
.active-bonuses-tab .active-bonus-item .btn-cancel,
.active-bonuses-tab .available-bonus-item .btn-claim,
.active-bonuses-tab .available-bonus-item .btn-cancel,
.available-bonuses-tab .active-bonus-item .btn-claim,
.available-bonuses-tab .active-bonus-item .btn-cancel,
.available-bonuses-tab .available-bonus-item .btn-claim,
.available-bonuses-tab .available-bonus-item .btn-cancel {
  border-radius: var(--border-radius-paw-grp-balance-btn);
  background: var(--bg-button);
  color: var(--color-button);
}

.active-bonuses-tab .active-bonus-item .btn-cancel,
.active-bonuses-tab .available-bonus-item .btn-cancel,
.available-bonuses-tab .active-bonus-item .btn-cancel,
.available-bonuses-tab .available-bonus-item .btn-cancel {
  background: var(--bg-button-reverse);
  color: #444473;
}

.btn-system-secondary:not(.no-hover):not(.dropdown-toggle):hover {
  background: var(--bg-button-reverse);
  color: #444473;
}

.btn-system.disabled {
  background: rgba(255, 255, 255, 0.35) !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 1px 1px 1px 30px var(--bg-input-select) inset !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 1px solid transparent !important;
}

body.logged-in .nm-widget.bonus-badge-w button,
body.logged-in .nm-widget.wallet-button-w button {
  border-radius: var(--border-radius);
  line-height: 14px;
}

#app_header.main-header-container .nm-widget.menuw .nav-item a i:before {
  transition: 0.3s all ease-in-out;
}

.nm-widget.bonus-badge-w .badge-count-wrapper {
  border-radius: 50%;
  left: auto;
  right: 2px;
  top: 2px;
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper
  .accordion
  .card
  .input-group-prepend {
  position: absolute;
  z-index: 1;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper
  .accordion
  .card
  input#mobileNumber {
  padding-left: 48px;
}

#app_footer .footer-wrapper .top-footer .footer-details .social-links a:hover {
  background: #ffc008 !important;
}

#app_footer
  .footer-wrapper
  .top-footer
  .footer-details
  .social-links
  a:hover
  i {
  color: #444473;
}

.carousel-inner {
  border-radius: 8px;
}

.carousel-indicators {
  align-items: center;
  bottom: -32px;
}

.carousel-indicators li {
  background-color: rgba(255, 255, 255, 0.25);
  margin-left: 4px;
  margin-right: 4px;
  height: 8px;
  width: 8px;
  border-radius: 50%;
  border: 0;
}

.carousel-indicators li.active {
  width: 42px;
  height: 16px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.5);
}

#app_header.main-header-container .player-information-header .left-align {
  gap: 8px;
}

#app_header.main-header-container .player-information-header .right-align {
  gap: 8px;
}

.header-wallets {
  display: none;
}

.nm-widget.notification-w {
  display: none;
}

body.logged-in
  #app_header.main-header-container
  .player-information-header
  .header-wallets {
  margin-left: 0;
}

.promo-page .tab {
  margin: 0 auto;
  height: fit-content;
  padding: 0;
}

.promo-page .promoTabLinks {
  background: var(--bg-button);
  box-shadow: 3px 0px 10px 0px rgba(0, 0, 0, 0.25);
  border-radius: 0;
  font-size: 14px;
  font-weight: 700;
}

.promo-page .promoTabLinks:first-child {
  border-radius: var(--border-radius) 0 0 var(--border-radius);
}

.promo-page .promoTabLinks:last-child {
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
}

.promo-page .promoTabLinks:hover,
.promo-page .promoTabLinks.active {
  background: linear-gradient(
    180deg,
    #089c00 0%,
    #0dff00 100%,
    #089c00 100.01%
  );
}

#modernSkin.main-wrapper .separator {
  left: 8px;
  width: calc(100% - 16px);
  height: 1px !important;
  background: linear-gradient(
    270deg,
    rgba(9, 86, 250, 0.25) 0%,
    #0956fa 50.4%,
    rgba(9, 86, 250, 0.25) 96.77%
  ) !important;
  filter: opacity(0.5);
}

.gamestage-wrapper-new-skin
  .gamestage-wrapper
  .gamestage-bottom-controls-container
  .controls-column.left-controls-container
  .switch-to-real-play-container
  .switch
  input:hover
  + .slider-checkbox:before {
  background-color: #a0a0a0 !important;
}

.gamestage-wrapper-new-skin
  .gamestage-wrapper
  .gamestage-bottom-controls-container
  .controls-column.left-controls-container
  .switch-to-real-play-container
  .switch
  input:checked
  + .slider-checkbox:before {
  background-color: #ffc008 !important;
}

body.logged-in
  .gamestage-wrapper-new-skin
  .gamestage-wrapper
  .gamestage-bottom-controls-container
  .controls-column.left-controls-container
  .switch-to-real-play-container
  .switch
  input:checked
  + .slider-checkbox,
.gamestage-wrapper-new-skin
  .gamestage-wrapper
  .gamestage-bottom-controls-container
  .controls-column.left-controls-container
  .switch-to-real-play-container
  .switch
  input:disabled
  + .slider-checkbox {
  background-color: rgba(255, 154, 25, 0.3) !important;
  cursor: not-allowed;
  pointer-events: none;
}

body.logged-in
  .gamestage-wrapper-new-skin
  .gamestage-wrapper
  .gamestage-bottom-controls-container
  .controls-column.left-controls-container
  .switch-to-real-play-container
  .switch
  input:checked
  + .slider-checkbox:before,
.gamestage-wrapper-new-skin
  .gamestage-wrapper
  .gamestage-bottom-controls-container
  .controls-column.left-controls-container
  .switch-to-real-play-container
  .switch
  input:disabled
  + .slider-checkbox:before {
  background-color: rgba(255, 192, 8, 0.5) !important;
  cursor: not-allowed;
  pointer-events: none;
}

body.logged-in .nm-widget.wallet-button-w button:hover,
body.logged-in .nm-widget.bonus-badge-w button:hover {
  color: #444473 !important;
}

body.logged-in .nm-widget.notification-w .notification-bell .icon-bell,
body.logged-in .nm-widget.login-w .btn-user-profile:hover {
  color: #444473;
}

.nav-tab-system-vertical ul li a.active,
.nav-tab-system-vertical ul li a:hover {
  color: #444473;
}

.transaction-subtab-container button.active,
.transaction-subtab-container button:hover {
  color: #444473;
}

.dropdown
  .dropdown-menu.dropdown-filter
  .dropdonw-menu-content
  .dropdown-menu-footer
  .btn-system.btn-clear {
  color: #444473;
}

.daterangepicker .cancelBtn {
  color: #444473;
}

.daterangepicker .cancelBtn:hover {
  background: var(--bg-button-reverse);
}

.daterangepicker .applyBtn:hover {
  background: var(--bg-button-reverse) !important;
  color: #444473;
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper.profile
  .change-password-container
  .error {
  position: relative;
}

#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper.profile
  .change-password-container
  .password-group
  .password-visible,
#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper.profile
  .change-password-container
  .confirm-password-group
  .password-visible {
  top: 40px;
}

.chatButtonContainer,
.chatButtonContainer--mobile,
#onlinehelp-button-0d56caa4-48d9-42f5-81f1-0728296bd31a {
  display: none;
}

#accd-profile .card {
  overflow: visible !important;
}

#modernSkin.main-wrapper
  .layout-wrapper
  .content-wrapper
  .home-page-content
  .template-page-header-container
  .template-page-header {
  max-width: 100% !important;
  justify-content: start !important;
  flex-flow: row-reverse;
}

.casino_search-widget {
  position: relative;
  right: 0;
  margin-right: 0 !important;
  margin-bottom: 20px;
  max-width: 280px !important;
}

.gamestage-wrapper-new-skin.gamestage-launch-from-casino-lobby .fullscreen {
  z-index: 1000 !important;
}

.casino_search-widget .modal-trigger-wrapper {
  height: fit-content !important;
}

.casino_search-widget .modal-trigger-wrapper .search-button-field:hover {
  transform: none !important;
}

.casino_search-widget .modal-trigger-wrapper .search-button-field button {
  background: var(--bg-input-select) !important;
  height: var(--height-input-select) !important;
  padding: var(--padding-input-select) !important;
  border: var(--border-input-select);
  border-radius: var(--border-radius-input-select) !important;
  color: var(--color-input-select);
  font-size: 14px !important;
}

.game-lobby-renderer.tiles {
  grid-template-columns: var(
    --grid-template-columns-casino-groups-games
  ) !important;
  gap: var(--gap-default) !important;
}

#modernSkin
  .new-skin-modal-mask
  .new-skin-modal-wrapper
  .new-skin-modal-container {
  max-width: 100% !important;
  margin: 57px auto 0 0 !important;
  background: var(--bg-modal) !important;
  transform: none !important;
  padding: 32px 40px !important;
  z-index: 99;
}

#modernSkin
  .casino_search-widget
  .casino-search-modal-wrapper
  .search-field-input {
  margin: 24px 0 !important;
}

#modernSkin .casino_search-widget .casino-search-modal-header h5 {
  color: var(--color-text) !important;
}

#modernSkin
  .casino_search-widget
  .casino-search-modal-wrapper
  .search-field-input {
  height: 40px !important;
}

#modernSkin
  .casino_search-widget
  .casino-search-modal-wrapper
  .search-field-input
  input {
  background: var(--bg-input-select) !important;
  border: var(--border-input-select);
  border-radius: var(--border-radius-input-select) !important;
  color: var(--color-input-select) !important;
  font-size: 14px !important;
}

#modernSkin
  .casino_search-widget
  .casino-search-modal-wrapper
  .search-field-input
  i {
  color: #5f6b89 !important;
}

#modernSkin
  .casino_search-widget
  .casino-search-modal-wrapper
  .search-field-input
  input::placeholder {
  color: #5f6b89;
  text-transform: uppercase;
  font-weight: 700;
}

.article-banner a img {
  margin: auto;
}

/* wallet buttons */
/* withdraw / deposit and cancel button */

.btn-system-amount-wrapper .wallet-action-container .btn-withdraw-clear,
.btn-system-amount-wrapper .wallet-action-container .btn-deposit-clear,
.withdrawal-mgate-classic-container
  .section-system-main
  .wallet-action-container
  .btn-withdraw {
  font-size: 14px;
  padding: 9px 40px;
  border-radius: 4px;
  font-weight: 500;
  line-height: normal;
  margin-right: 8px;
}

.withdraw-tab .wallet-payment-methods-container h2,
.deposit-tab .wallet-payment-methods-container h2 {
  text-align: center;
  text-transform: uppercase;
}

.withdraw-tab .wallet-payment-methods-container .wallet-payment-methods-panel,
.deposit-tab .wallet-payment-methods-container .wallet-payment-methods-panel {
  display: flex;
  gap: 0 20px;
  justify-content: center;
}

.withdraw-tab
  .wallet-payment-methods-container
  .wallet-payment-methods-panel
  .payment-method-item,
.deposit-tab
  .wallet-payment-methods-container
  .wallet-payment-methods-panel
  .payment-method-item {
  flex: 0 0 20%;
  padding: 20px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  font-weight: 700;
  cursor: pointer;
}

.wallet-payment-methods-container
  .wallet-payment-methods-panel
  .payment-method-item
  .payment-method-icon {
  padding: 0 8px 18px;
  height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wallet-payment-methods-container
  .wallet-payment-methods-panel
  .payment-method-item
  .payment-method-icon
  img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.wallet-payment-methods-container
  .wallet-payment-methods-panel
  .payment-method-item
  .payment-method-name {
  line-height: 100%;
}

/* amount button */

.btn-system-amount-wrapper
  .row
  .overwrite-mode-amount-wrapper
  .btn-deposit-amount {
  min-width: 150px;
}

/* end */

.VuePagination nav ul li.disabled {
  cursor: not-allowed !important;
}

.VuePagination nav ul li:not(.disabled) {
  cursor: pointer !important;
}

.nav-tab-system-horizontal
  .col-12
  .row
  .nav-justified
  .your-vip-progress
  a:hover,
.nav-tab-system-horizontal .col-12 .nav-item a:hover {
  cursor: pointer;
}

body.logged-in .hero-banner a {
  display: none;
}

.deposit-transactions-history-classic
  .custom-modal-container
  .custom-modal-body
  .custom-modal-section
  .icon-container {
  display: none;
}

#bonus-popup .modal-dialog .modal-content .modal-body {
  background: var(--bg-modal);
  border-radius: 0.3rem;
  padding: 20px;
  border: 1px solid #5b5b5b;
}

#vip-progress .nav-tab-system-horizontal .nav-justified .your-vip-progress a {
  border-bottom: 0;
  background: var(--bg-button);
  color: var(--color-button);
  text-decoration: none;
}

#accd-profile-vip .card {
  position: relative;
  overflow: visible;
}

.dropdown #selectTransferToMenu {
  overflow: auto;
  max-height: 287px;
  border-radius: 8px;
  background: var(--bg-section);
  border: var(--border-section);
  box-shadow: var(--box-shadow-section);
}

.bonus-list-wrapper .bonus-details .col-1 {
  margin-left: 20px;
  margin-right: -20px;
}

.bonus-list-wrapper .bonus-details .col-1 span.icon-basketball1:before {
  content: "\E92F";
  color: #ffc008;
  font-family: "icomoon" !important;
}

.withdrawal-mgate-classic-container
  .section-system-main
  form
  .form-group
  .bank-code-select
  option {
  box-shadow: 5px -5px 8px -5px rgba(0, 0, 0, 0.94);
  background: #2b2b2b;
  border: 1px solid #2b2b2b;
}

.bonus-list-wrapper .bonus-details .col-1 span.icon-casino-dice:before {
  content: " ";
  background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSMSR/assets/images/icons/rolling-dices-active.svg);
  background-size: cover;
  width: 22px;
  height: 22px;
  margin-left: -6px;
  position: absolute;
}

.right-align .desktop .dropdown-menu {
  padding-top: 16px !important;
  background: linear-gradient(
    rgb(23, 61, 138) 0%,
    rgb(14, 32, 69) 35.79%,
    rgb(22, 42, 87) 42.06%
  ) !important;
}

/* VIP Page Start */

#home_operator .vip-page {
  margin: auto;
  max-width: calc(100% - 125px);
}

.vip-page-content .vip-page-header {
  padding: 90px 0 26px;
  text-align: center;
}

.vip-page-content .vip-page-header h3 {
  color: #fff;
  text-align: center;
  font-size: 32px;
  font-style: normal;
  margin: auto;
  font-weight: 800;
  position: relative;
  width: fit-content;
  line-height: 130%;
  letter-spacing: -0.64px;
}

.vip-page-content .vip-rank-container .vip-rank-header h2:before {
  content: " ";
  background-image: url(https://alpha-static.gpfront.com/DOSMSR/assets/images/VIP/vip-crown.svg);
  width: 35px;
  height: 30px;
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  left: -48px;
  top: 0px;
}

.vip-page-content .vip-rank-container .vip-rank-header {
  text-align: center;
  padding: 26px;
  background: #061947;
  border: 2px solid rgb(85 154 226 / 35%);
  border-bottom: none;
}

.vip-page-content .vip-rank-container .vip-rank-header h2 {
  color: #fff;
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: 130%;
  letter-spacing: -0.48px;
  text-transform: uppercase;
  position: relative;
  width: fit-content;
  margin: auto;
}

.vip-page-content .vip-rank-container .vip-rank-header p {
  width: 737px;
  color: #fff;
  margin: 30px auto;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}

.vip-page-content .vip-rank-container .vip-rank-cards {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  justify-content: space-between;
  text-align: center;
  padding-top: 128px;
}

.vip-rank-cards .vip-rank:last-child .vip-rank-name img {
  max-width: 209px;
}

.vip-rank-cards .vip-rank .vip-rank-name span {
  text-transform: uppercase;
  margin-bottom: 100px;
  font-size: 24px;
}

.vip-rank-cards .vip-rank .vip-rank-name img {
  max-width: 170px;
  margin: 0 auto 16px;
  filter: drop-shadow(0px 17px 8px #214374);
  min-height: 120px;
}

.vip-page-content .vip-rank-container .vip-button-wrapper {
  display: flex;
}

.vip-rank-container .vip-rank-cards .vip-rank:nth-child(1) span,
.vip-rank-container .vip-rank-cards .vip-rank:nth-child(1) p {
  color: #feb196;
  filter: drop-shadow(0px 12px 12px #feb196);
}

.vip-rank-container .vip-rank-cards .vip-rank:nth-child(2) span,
.vip-rank-container .vip-rank-cards .vip-rank:nth-child(2) p {
  color: #aec4eb;
  filter: drop-shadow(0px 12px 12px #aec4eb);
}

.vip-rank-container .vip-rank-cards .vip-rank:nth-child(3) span,
.vip-rank-container .vip-rank-cards .vip-rank:nth-child(3) p {
  color: #e1d29a;
  filter: drop-shadow(0px 12px 12px #e1d29a);
}

.vip-rank-container .vip-rank-cards .vip-rank:nth-child(4) span,
.vip-rank-container .vip-rank-cards .vip-rank:nth-child(4) p {
  color: #47aba6;
  filter: drop-shadow(0px 12px 12px #47aba6);
}

.vip-rank-container .vip-rank-cards .vip-rank:nth-child(5) span,
.vip-rank-container .vip-rank-cards .vip-rank:nth-child(5) p {
  color: #70e8f7;
  filter: drop-shadow(0px 12px 12px #70e8f7);
}

.vip-rank-container .vip-rank-cards .vip-rank:nth-child(6) span,
.vip-rank-container .vip-rank-cards .vip-rank:nth-child(6) p {
  color: #e8c265;
  filter: drop-shadow(0px 12px 12px #e8c265);
}

.vip-page-content .vip-rank-container .vip-button-wrapper a {
  margin: auto;
}

.vip-page-content .vip-rank-container .vip-button-wrapper button {
  background: linear-gradient(180deg, #008cff 0%, #0956fa 100%);
  height: 48px;
  text-transform: uppercase;
  display: flex;
  width: fit-content;
  padding: 8px 48px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 4px;
}

.vip-page-content .vip-rank-container .vip-button-wrapper button:hover {
  background: var(--bg-button-reverse);
  color: #fff;
  text-decoration: none;
}

body .vip-page-content .vip-rank-container .vip-button-wrapper a.loggedin {
  display: none;
}

body.logged-in
  .vip-page-content
  .vip-rank-container
  .vip-button-wrapper
  a.loggedin {
  display: block;
}

body.logged-in
  .vip-page-content
  .vip-rank-container
  .vip-button-wrapper
  a.non-loggedin {
  display: none;
}

.vip-page-content .vip-rank-container .vip-info-section {
  display: grid;
  gap: 26px;
  grid-template-columns: repeat(4, 1fr);
}

.vip-page-content .vip-rank-container .vip-info-section .vip-info-item {
  flex: 0 0 25%;
}

.vip-page-content .vip-rank-container .vip-info-section .vip-info-item p {
  width: 242px;
}

.vip-page-content .vip-rank-container .vip-info-section h6 {
  display: flex;
  align-items: start;
  font-size: 16px;
  font-weight: 600;
}

.vip-page-content .vip-rank-container .vip-info-section h6 img {
  height: 64px;
  width: 64px;
  object-fit: contain;
  margin-right: 22px;
}

.vip-page-content .vip-rank-container .vip-info-section p {
  max-width: calc(100% - 76px);
  margin: -24px 0 15px 84px;
  color: #fff;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  /* 142.857% */
}

.vip-rank .vip-rank-details .level-up-bonus,
.vip-rank .vip-rank-details .sports-komp,
.vip-rank .vip-rank-details .casino-komp,
.vip-rank .vip-rank-details .birthday-komp,
.vip-rank .vip-rank-details .cashback-komp {
  text-transform: uppercase;
  background: #041439;
}

.vip-rank .vip-rank-details .cashback-komp {
  border-radius: 0px 0px 4px 4px;
}

.vip-rank .vip-rank-details .level-up-bonus h2,
.vip-rank .vip-rank-details .sports-komp h2,
.vip-rank .vip-rank-details .casino-komp h2,
.vip-rank .vip-rank-details .birthday-komp h2,
.vip-rank .vip-rank-details .cashback-komp h2 {
  color: #fff;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 115%;
  /* 34.5px */
  letter-spacing: -0.6px;
  text-transform: uppercase;
}

.vip-rank .vip-rank-details .level-up-bonus p,
.vip-rank .vip-rank-details .sports-komp p,
.vip-rank .vip-rank-details .casino-komp p,
.vip-rank .vip-rank-details .birthday-komp p,
.vip-rank .vip-rank-details .cashback-komp p {
  color: rgba(255, 255, 255, 0.3);
  text-align: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  /* 16.9px */
  margin-top: 10px;
  text-transform: uppercase;
}

.vip-rank .vip-rank-details .level-up-bonus {
  padding: 86px 24px 16px;
  border-color: rgb(85 154 226 / 35%);
  border-width: 3px;
  border-bottom: none;
}

.vip-rank .vip-rank-details .sports-komp {
  padding: 24px 24px 16px;
  border-width: 3px;
  border-style: solid;
  border-image: linear-gradient(
      to bottom,
      rgb(85 154 226 / 35%),
      rgba(0, 0, 0, 0)
    )
    1 100%;
}

.vip-rank .vip-rank-details .casino-komp {
  padding: 24px 24px 16px;
}

.vip-rank .vip-rank-details .birthday-komp {
  padding: 24px 24px 16px;
}

.vip-rank .vip-rank-details .cashback-komp {
  padding: 24px 24px 32px;
}

.vip-rank-container .vip-rank-cards .vip-rank .vip-rank-name {
  background-image: url(https://alpha-static.gpfront.com/DOSMSR/assets/images/VIP/RankBanner.webp);
  background-size: cover;
  height: 139px;
  width: 278px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: 0px auto -64px;
  position: relative;
  z-index: 1;
}

.vip-page-content .vip-rank-container .vip-button-wrapper {
  margin: 48px auto 80px;
}

.vip-rank-details .level-up-bonus,
.vip-rank-details .sports-komp,
.vip-rank-details .casino-komp,
.vip-rank-details .birthday-komp {
  position: relative;
}

.vip-rank-details .level-up-bonus:before,
.vip-rank-details .sports-komp:before,
.vip-rank-details .casino-komp:before,
.vip-rank-details .birthday-komp:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 25%;
  width: 50%;
  border-bottom: 2px solid rgba(217, 217, 217, 0.3);
}

.vip-rank-container .vip-rank-cards .vip-rank .vip-rank-details {
  padding: 0 16px;
}

/* End VIP */

/* Komp Page CSS */
#modernSkin.main-wrapper
  .layout-wrapper
  .content-wrapper
  .komp-page
  .komp-page-content {
  max-width: 1128px;
  margin: 0 auto;
}

.komp-page .komp-page-content .komp-header {
  padding: 0px 0 30px 62px;
}

.komp-page .komp-page-content .komp-header h1 {
  font-size: 32px;
  font-style: normal;
  font-weight: 800;
  line-height: 130%;
  letter-spacing: -0.64px;
  position: relative;
}

.komp-page .komp-page-content .komp-header h1:before {
  content: " ";
  width: 42px;
  height: 42px;
  position: absolute;
  background-size: cover;
  background-repeat: no-repeat;
  left: -60px;
  top: 0px;
  background-image: url(https://alpha-static.gpfront.com/DOSMSR/assets/images/KOMP/myBetUnion.svg);
}

.komp-tab-header {
  overflow: hidden;
}

.referrals-tab .referrals-tab-link .referrals-tab-link-label .btn {
  background: var(--bg-cat-page-nav-a);
}

.referrals-tab .referrals-tab-link .referrals-tab-link-label .btn i:before {
  color: #fff;
}

.referrals-tab
  .referrals-tab-link
  .referrals-tab-link-label
  .btn:hover
  i:before {
  color: #444473;
}

.referrals-tab .referrals-tab-link .referrals-tab-link-label .btn:hover {
  background: var(--bg-paw-nav-tab-a-active);
}

.komp-tab-header .komp-tablinks {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
  width: 100%;
  max-width: 50%;
  border-radius: 4px;
  background: #041439;
  color: #fff;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: -0.48px;
  text-transform: uppercase;
  cursor: default;
}

.komp-tab-header .komp-tablinks.active,
.komp-tab-header .komp-tablinks:hover {
  background: var(
    --MyBetLogoGradient,
    linear-gradient(180deg, #008cff 0%, #0956fa 100%)
  );
}

.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

.komp-page-content .komp-page-main-content .tabcontent {
  border-image: linear-gradient(
      to bottom,
      rgb(85 154 226 / 35%),
      rgba(0, 0, 0, 0)
    )
    1 100%;
  border-width: 3px;
  border-radius: 0px 0px 4px 4px;
  background: #041439;
}

.komp-page-content .komp-page-main-content .komp-tab-header {
  border-bottom: 3px solid rgb(85 154 226 / 35%);
}

.komp-page-content .komp-page-main-content .tabcontent .tabcontent-header {
  margin: 100px auto 0;
}

.komp-page-content .komp-page-main-content .tabcontent .tabcontent-header h1 {
  margin: auto;
  width: fit-content;
  color: #fff;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: -0.48px;
  text-transform: uppercase;
}

.tabcontent .tabcontent-wrapper {
  max-width: calc(100% - 90px);
  width: 100%;
  margin: auto;
}

.tabcontent-wrapper h3 {
  padding: 10px 0;
}

.tabcontent-wrapper h1:last-child {
  color: #ffb709;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: 130%;
  letter-spacing: -0.48px;
  margin-bottom: 90px;
}

.accumulate-progress-bar-container,
.komp-progress-bar-container {
  width: 100%;
  background-color: #1a2b55;
  /* Darker blue */
  border-radius: 4px;
  padding: 10px;
  box-sizing: border-box;
  margin: auto;
  margin-top: 24px;
}

.accumulate-progress-bar-container .progress-bar,
.komp-progress-bar-container .progress-bar {
  width: 100%;
  height: 16px;
  background-color: #1a2b55;
  /* Darker blue */
  border-radius: 4px;
  position: relative;
  overflow: hidden;
}

.accumulate-progress-bar-container .progress {
  width: 80%;
}

.komp-progress-bar-container .progress {
  width: 50%;
}

.accumulate-progress-bar-container .progress,
.komp-progress-bar-container .progress {
  height: 100%;
  background-color: #f7b731;
  /* Orange */
  border-radius: 4px;
  position: relative;
}

.accumulate-progress-bar-container .progress-indicators,
.komp-progress-bar-container .progress-indicators {
  background-color: #1a2b55;
  display: flex;
  gap: 5px;
  position: absolute;
  height: 100%;
  right: 0;
  padding: 0 5px;
}

.accumulate-progress-bar-container .indicator,
.komp-progress-bar-container .indicator {
  height: 100%;
  width: 12px;
  background-color: #f7b731;
  border-radius: 2px;
}

.tabcontent-wrapper .komp-button-wrapper {
  padding: 74px 0 34px;
}

.tabcontent-wrapper .komp-button-wrapper button {
  display: flex;
  width: 578px;
  padding: 8px 118px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin: auto;
  border-radius: 4px;
  background: var(
    --MyBetLogoGradient,
    linear-gradient(180deg, #008cff 0%, #0956fa 100%)
  );
}

.tabcontent-wrapper .komp-button-wrapper button:hover {
  background: linear-gradient(180deg, #fcd051 0%, #ffc008 100%);
}

.komp-page-content .komp-info-section {
  display: grid;
  gap: 26px;
  grid-template-columns: repeat(2, 1fr);
  padding: 84px 0px;
}

.komp-page-content .komp-info-section .komp-info-item h6 {
  display: flex;
  align-items: start;
  font-size: 16px;
  font-weight: 600;
}

.komp-page-content .komp-info-section .komp-info-item h6 img {
  height: 64px;
  width: 64px;
  object-fit: contain;
  margin-right: 22px;
}

.komp-page-content .komp-info-section .komp-info-item p {
  max-width: calc(100% - 76px);
  margin: -24px 0 15px 84px;
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.tabcontent-wrapper .komp-button-wrapper button:active,
.tabcontent-wrapper .komp-button-wrapper button:hover {
  color: #fff;
  text-decoration: none;
}

body.logged-in .non-loggedin {
  display: none;
}

body .loggedin {
  display: none;
}

body.logged-in .loggedin {
  display: block;
}

/* Komp Page End*/

.custom-modal-section .bank-register-modal-container {
  background: var(--bg-modal);
}

.mgate-bank-account-registration form .form-group #birthDate,
.form .form-group #birthDate {
  box-shadow: none;
  padding: 0.25rem 0.5rem;
  padding-left: 0;
  border-bottom: 1px solid #c2c2c2;
  border-radius: 0px !important;
  background: none;
  height: fit-content;
}

.bank-accounts-table .table-responsive .deposit-table tbody tr td form input {
  padding: 4px;
  color: #444473;
  margin-right: 0.5rem;
}

.mgate-bank-account-registration .wallet-action-container .btn-deposit {
  padding: 10px 40px;
  color: #444473;
  background: #fbae3e;
  margin-right: 0.5rem;
}

.section-system-main .row .col .btn-deposit-amount,
.section-system-main .row .col .btn-withdraw-amount {
  min-width: 150px;
}

/* Referral Start */

.referral-page p {
  font-weight: normal;
}

#modernSkin.main-wrapper
  .layout-wrapper
  .content-wrapper
  .home-page-content
  .scroll-wrapper.referral-page {
  margin: 40px auto 0;
  max-width: 1296px !important;
}

#modernSkin.main-wrapper
  .layout-wrapper
  .content-wrapper
  .home-page-content
  .scroll-wrapper.referral-page:before {
  content: "";
  position: absolute;
  width: calc(100% + 84px);
  height: 100vh;
  top: -20px;
  left: -42px;
  background-image: url(https://alpha-static.gpfront.com/DOSMSR/assets/images/Referral/mybetReferralBG.png);
  background-size: contain;
  z-index: -1;
  background-repeat: no-repeat;
}

#modernSkin.main-wrapper
  .layout-wrapper
  .content-wrapper
  .home-page-content
  .scroll-wrapper.referral-page
  .referral-page-header {
  width: 100%;
  height: 266px;
  display: flex;
}

.referral-page-header .referral-page-head-container {
  width: 50%;
}

.referral-page-header-signup button h1 {
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 130% !important;
  text-transform: uppercase !important;
  background: none !important;
  padding: 0 !important;
  -webkit-text-fill-color: white !important;
}

.referral-page-header .referral-page-head-container h1 {
  color: #ffb709;
  text-align: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  text-transform: uppercase;
}

.referral-page-header .referral-page-head-container button:hover,
.referral-page
  .referral-page-wrapper
  .referral-card
  .referral-card-container
  button:hover {
  background: var(--bg-button-reverse);
}

.referral-page-header .referral-page-head-container h3 {
  color: #ffb709;
  text-align: center;
  font-size: 32px;
  font-style: normal;
  font-weight: 900;
  line-height: 130%;
  letter-spacing: -0.64px;
  margin: 8px 0;
  text-transform: capitalize;
}

.referral-page-header .referral-page-head-container p {
  color: var(--rexr, #fff);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  margin: 8px 0;
}

body.logged-in .referral-promotion a button.non-logged-in {
  display: none;
}

.referral-promotion a button.logged-in {
  display: none;
}

body.logged-in .referral-promotion a button.logged-in {
  display: block !important;
}

.referral-page-header .referral-page-header-signup {
  width: fit-content;
  margin: auto;
}

.referral-page-header .referral-page-header-signup button {
  width: 128px;
  border-radius: 4px;
  color: #ebebf5;
  height: 32px;
  margin: 8px 0;
  background-image: linear-gradient(180deg, #008cff 0%, #0956fa 100%);
}

.referral-page-header .referral-page-head-container img {
  margin: -20px 0 0 70px;
}

.referral-page .referral-page-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 27px;
  margin-top: 50px;
}

.referral-page .referral-page-wrapper .referral-card {
  display: flex;
  max-height: 230px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 24px 24px 46px 0px rgba(6, 18, 73, 0.2);
}

.referral-page .referral-page-wrapper .referral-card-img {
  width: 294px;
  overflow: hidden;
  position: relative;
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}

.referral-page .referral-page-wrapper .referral-card .referral-card-img img {
  position: absolute;
  max-width: 734px;
  left: 0px;
  top: 0px;
  max-height: 547px;
}

.referral-page .referral-page-wrapper .referral-card .referral-card-container {
  padding: 20px 10px 50px 12px;
}

.referral-page
  .referral-page-wrapper
  .referral-card
  .referral-card-container
  h4 {
  background: var(
    --Gradient_Highloight,
    linear-gradient(180deg, #ffe029 0%, #fe4315 100%, #089c00 100.01%)
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  text-transform: uppercase;
}

.referral-page
  .referral-page-wrapper
  .referral-card
  .referral-card-container
  p {
  color: #05207b;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 27px;
  font-style: normal;
  font-weight: 900;
  line-height: 130%;
  margin: 11px 0;
}

.referral-page
  .referral-page-wrapper
  .referral-card
  .referral-card-container
  button {
  height: 32px;
  width: 119px;
  border-radius: 4px;
  background: linear-gradient(180deg, #008cff 0%, #0956fa 100%);
}

.referral-reward-container {
  margin-top: 120px;
  text-align: center;
}

.referral-reward-container h4 {
  color: #ffb709;
  padding-bottom: 20px;
  text-align: center;
  font-size: 32px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: -0.64px;
  text-transform: capitalize;
}

.referral-reward-container h2 {
  padding-bottom: 60px;
  color: var(--rexr, #fff);
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}

.referral-page .referral-reward-steps-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 24px;
}

.referral-page .referral-reward-steps-container .referral-reward-steps {
  max-height: 205px;
  height: 205px;
  max-width: 420px;
  background-repeat: no-repeat;
  position: relative;
}

.referral-page .referral-reward-steps-container .referral-reward-step1 {
  background-image: url(https://alpha-static.gpfront.com/DOSMSR/assets/images/Referral/referralStep1.png);
  background-size: contain;
}

.referral-page .referral-reward-steps-container .referral-reward-steps h1 {
  position: absolute;
  right: 35%;
  transform: translateX(65%);
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  text-transform: uppercase;
  top: 85px;
}

.referral-page .referral-reward-steps-container .referral-reward-step2 {
  background-image: url(https://alpha-static.gpfront.com/DOSMSR/assets/images/Referral/referralStep2.png);
  background-size: contain;
}

.referral-page .referral-reward-steps-container .referral-reward-step3 {
  background-image: url(https://alpha-static.gpfront.com/DOSMSR/assets/images/Referral/referralStep3.png);
  background-size: contain;
}

.referral-page .referral-reward-steps-container .referral-reward-steps h6 {
  position: absolute;
  right: 35%;
  transform: translateX(65%);
  top: 105px;
  color: #fff;
  text-align: center;
  font-size: 9px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px;
}

.referral-reward-container p {
  max-width: 900px;
  margin: auto;
  padding-top: 60px;
  color: var(--rexr, #fff);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
}

.referral-reward-container p span {
  color: var(--rexr, #fff);
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
}

.referral-how-to-use .referral-how-to-use-container-holder {
  display: flex;
  margin-top: 98px;
}

.referral-how-to-use
  .referral-how-to-use-container-holder
  .referral-how-to-use-container {
  max-width: 50%;
  width: 100%;
  position: relative;
}

.referral-how-to-use-container h3 {
  color: #ffb709;
  font-size: 32px;
  font-style: normal;
  font-weight: 900;
  line-height: 130%;
  letter-spacing: -0.64px;
  text-transform: capitalize;
}

.referral-how-to-use-container h1 {
  color: var(--rexr, #fff);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
  text-transform: capitalize;
}

.referral-how-to-use-container p {
  margin: 8px 0;
  color: var(--rexr, #fff);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
}

.referral-how-to-use .referral-how-to-use-container img {
  position: absolute;
  max-width: 910px;
  max-height: 615px;
  left: 0px;
  top: -101px;
}

.referral-comission-conditions {
  margin-top: 154px;
  display: flex;
}

.referral-comission-conditions div {
  max-width: 50%;
  width: 100%;
  position: relative;
}

.referral-comission-conditions .referral-how-to-use-container img {
  max-width: 908px;
  position: absolute;
  max-height: 669px;
  top: -100px;
  left: -250px;
}

.referral-how-to-use-container .referral-comission-rate-holder {
  max-width: 100%;
}

.referral-comission-rate-holder div {
  max-width: 100%;
  display: flex;
  justify-content: space-between;
}

.referral-comission-rate-holder progress {
  width: 100%;
}

.referral-promotion {
  border-radius: 16px;
  background: var(
    --dark-blue-gradient,
    linear-gradient(180deg, #05207b 0%, #061249 100%)
  );
  width: 100%;
  height: 289px;
  margin: 162px 0;
  position: relative;
  overflow: hidden;
  padding: 28px 0px 28px 39px;
}

.referral-promotion div {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 360px;
  justify-content: space-around;
}

.referral-promotion div .referral-promotion-header {
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  text-transform: uppercase;
  color: #ffb709;
}

.referral-promotion div h2 {
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  overflow: hidden;
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 27px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}

.referral-promotion div h3 {
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  color: #fff;
  /* font-family: Poppins; */
  font-size: 47px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  text-transform: uppercase;
}

.referral-promotion div p {
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
}

.referral-promotion div button {
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 14px;
  font-style: normal;
  width: 100px;
  height: 32px;
  font-weight: 500;
  border-radius: 4px;
  background: var(
    --Gradient_Highloight,
    linear-gradient(180deg, #ffe029 0%, #fe4315 100%, #089c00 100.01%)
  );
  line-height: 18px;
}

.referral-promotion div button:hover {
  background: var(--bg-button-reverse);
}

.referral-money-rewards-container {
  text-align: center;
}

.referral-promotion img {
  position: absolute;
  max-width: 1176px;
  max-height: 867px;
  width: 100%;
  right: -98px;
  top: 0px;
}

.referral-money-rewards-container div p {
  color: var(--rexr, #fff);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}

.referral-money-rewards-container h2 {
  color: #ffb709;
  text-align: center;
  /* font-family: Inter; */
  font-size: 32px;
  font-style: normal;
  font-weight: 900;
  line-height: 130%;
  letter-spacing: -0.64px;
  text-transform: capitalize;
}

.referral-money-rewards .referral-money-rewards-cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  max-width: 791px;
  margin: 36px auto 63px;
  height: 293px;
}

.referral-money-card {
  border-radius: 16px;
  background: #fff;
  box-shadow: 24px 24px 46px 0px rgba(6, 18, 73, 0.2);
  display: flex;
  flex-direction: column;
}

.referral-money-card .referral-top-card {
  height: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.referral-money-card .referral-bottom-card {
  border-radius: 16px;
  border-top: 2px solid rgba(5, 32, 123, 0.2);
  background: #fff;
  height: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.referral-money-card .referral-top-card h1 {
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 900;
  line-height: 19px;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  color: #ffb709;
}

.referral-money-rewards-cards h5 {
  color: #05207b;
  text-align: center;
  font-size: 28px;
  font-style: normal;
  font-weight: 900;
  line-height: 115%;
  letter-spacing: -0.56px;
}

.referral-money-card .referred-text {
  color: rgba(5, 32, 123, 0.6);
  text-align: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  text-transform: uppercase;
  padding: 0 10px;
}

.referral-money-rewards-container div p span {
  color: #ffb709;
  font-size: 16px;
  font-style: normal;
  font-weight: 800;
  line-height: 20px;
}

.referral-money-rewards-container div p span a {
  cursor: pointer;
}

.referral-terms-and-condition {
  margin-top: 180px;
  display: flex;
}

.referral-terms-and-condition div {
  max-width: 50%;
  width: 100%;
  position: relative;
}

.referral-terms-and-condition div img {
  position: absolute;
  max-width: 1035px;
  left: -129px;
  top: -80px;
  max-height: 620px;
}

.referral-terms-and-condition h3 {
  color: #ffb709;
  font-size: 32px;
  font-style: normal;
  font-weight: 900;
  line-height: 130%;
  letter-spacing: -0.64px;
}

.referral-terms-and-condition p {
  margin: 18px 0px;
  color: var(--rexr, #fff);
  /* font-family: Inter; */
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
}

.referral-comission-rate-holder progress::-webkit-progress-value {
  border-radius: 64px;
  background: #008cff;
}

.referral-comission-rate-holder progress::-webkit-progress-bar {
  border-radius: 64px;
  background: var(--Neutral-Gray-20, #e0e0e0);
}

.referral-card-container span {
  font-size: 47px;
  font-weight: 900;
  line-height: 130%;
  text-transform: uppercase;
}

/* Referral End */

/* About Us */
.scroll-wrapper .about-us {
  max-width: 1128px;
  margin: 0 auto;
  padding: 0 0 20px;
}

.about-us .article-content {
  margin-top: 0px;
}

.about-us .article-main-content {
  max-width: 100%;
}

.article-content section {
  padding-top: 40px;
}

.article-content h5 {
  font-size: 24px;
  color: #008cff;
  margin-bottom: 12px;
  line-height: 100%;
  font-weight: 700;
  text-align: center;
}

.about-us .article-main-content p {
  font-size: 16px;
  padding-top: 15px;
  font-weight: 700;
  line-height: 125%;
}

.article-content section {
  padding-top: 40px;
}

.about-us .article-content .article-content-container {
  margin: 16px 0px;
}

.about-us .article-content .article-content-container .article-content-info {
  display: flex;
  justify-content: space-between;
}

.about-us .article-content .article-content-container .article-content-info p,
.about-us
  .article-content
  .article-content-container
  .article-content-info
  span {
  font-size: 14px;
  font-weight: 700;
  line-height: 22px;
  padding: 0;
}

.article-content-container progress {
  width: 100%;
}

.about-us-page-cards {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0 24px;
  color: #ffffff;
  margin-top: 60px;
}

.about-us .about-us-page-cards .about-us-page-item .about-us-badge {
  height: 182px;
  width: 182px;
  margin: 0 auto -65px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
  background-image: url(https://nmbio.sgp1.cdn.digitaloceanspaces.com/DOSKKO/design-assets/img/v2/icons/ellipse-vip.png);
  background-size: cover;
  position: relative;
  gap: 10px 0;
  font-size: 70px;
  font-weight: 900;
  letter-spacing: -1.4px;
}

.about-us .about-us-page-cards .about-us-page-item p {
  padding: 70px 0px 0px 0px;
  font-size: 14px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0.32px;
}

.about-us
  .about-us-article
  .article-content
  .article-content-container
  progress::-webkit-progress-value {
  border-radius: 64px;
  background: #008cff;
}

.about-us
  .about-us-article
  .article-content
  .article-content-container
  progress::-webkit-progress-bar {
  border-radius: 64px;
  background: var(--Neutral-Gray-20, #e0e0e0);
}

/* About Us End */

/* Tourna */
.tournament-list-wrapper {
  max-width: 100% !important;
  padding: 0 !important;
}

.tournament-banner {
  margin-bottom: 40px;
}

.tournament-banner img {
  width: 100%;
  -webkit-clip-path: var(--clip-path-home-hero);
  clip-path: var(--clip-path-home-hero);
}

.tournament-list-modern-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.tournament-list-modern-wrapper .tournament-list-container {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.tournament-list-modern-wrapper
  .tournament-list-container
  .tournament-list-column {
  display: flex;
  padding: 0 !important;
  width: 100%;
}

.tournament-list-item-wrapper {
  display: flex;
  flex-grow: 1;
}

.tournament-list-item-wrapper .tournament-list-item {
  padding: 49px 38px 43px 46px;
  position: relative;
  overflow: hidden;
  min-height: 390px;
  background-color: #041759;
  background-blend-mode: luminosity;
}

.tournament-list-item-wrapper .tournament-list-item .tournament-status {
  width: 214px;
  height: 48px;
  padding: 10px 20px 10px 20px;
  background-color: #04b500;
  font-size: 20px;
  font-family: var(--font-family-black);
  text-transform: uppercase;
  text-align: right;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.32),
    0px 0px 2px 0px rgba(0, 0, 0, 0.04);
}

.tournament-list-item-wrapper.status-scheduled
  .tournament-list-item
  .tournament-status {
  width: 214px;
  height: 48px;
  padding: 10px 20px 10px 20px;
  background-color: #2871f6;
  font-size: 20px;
  font-family: var(--font-family-black);
  text-transform: uppercase;
  text-align: right;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.32),
    0px 0px 2px 0px rgba(0, 0, 0, 0.04);
}

.tournament-list-item-wrapper .tournament-name {
  text-align: right;
  font-size: 40px;
  font-family: var(--font-family-black);
  line-height: normal;
  text-transform: uppercase;
  padding: 0 0 22px 0;
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.32), 0px 0px 1px rgba(0, 0, 0, 0.04);
}

.tournament-list-item-wrapper .tournament-panel-data {
  padding: 13px 0 0 10px;
}

.tournament-list-item-wrapper .tournament-panel-leaderboard {
  width: 100%;
  max-width: 400px;
}

.tournament-list-item-wrapper .tournament-list-item .tournament-status span {
  position: relative;
  z-index: 1;
}

.tournament-list-item-wrapper.status-ended
  .tournament-list-item
  .tournament-status {
  background-color: #e93535;
}

.tournament-list-item-wrapper .tournament-panel-data .tournament-items-action {
  margin-top: 32px;
  margin-left: -10px;
}

.tournament-list-item-wrapper .tournament-btn-view,
.tournament-view-games-article-button button {
  position: relative;
  width: 178px;
  height: 36px;
  color: white;
  font-size: 14px;
  font-weight: 700;
  filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.32))
    drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.04));
}

.tournament-list-item-wrapper .tournament-btn-view::before,
.tournament-view-games-article-button button:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 178px;
  height: 36px;
  background: #2871f6;
}

.tournament-list-item-wrapper.status-scheduled .tournament-btn-view::before {
  background: #eeeeee;
}

.tournament-list-item-wrapper .tournament-btn-view span {
  position: relative;
  text-transform: uppercase;
  z-index: 1;
}

.tournament-list-item-wrapper
  .tournament-panel-data
  .tournament-panel-data-item
  img {
  display: none;
}

.tournament-list-item-wrapper .tournament-panel-leaderboard {
  width: 100%;
  max-width: 400px;
}

.tournament-list-item-wrapper
  .tournament-panel-leaderboard
  .tournament-item-leaderboard-title {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 61px;
  padding: 10px 24px 10px 24px;
  background-color: #041759;
  font-size: 16px;
  font-weight: 900;
  line-height: 19px;
  letter-spacing: 0em;
  text-transform: uppercase;
}

.tournament-list-item-wrapper .tournament-panel-leaderboard table tr th {
  background-color: #2871f6;
  text-transform: uppercase;
}

.tournament-list-item-wrapper .tournament-panel-leaderboard table th {
  border: 0;
  padding: 7px 10px !important;
  color: white;
  font-size: 10px;
}

.tournament-list-item-wrapper
  .tournament-panel-leaderboard
  table
  tr:nth-child(2)
  td {
  background-color: rgba(40, 113, 246, 0.78);
}

.tournament-list-item-wrapper .tournament-panel-leaderboard table td {
  border: 0;
  padding: 7px 10px !important;
  color: white;
  font-size: 10px;
  text-transform: uppercase;
  background-color: rgba(40, 113, 246, 0.35);
}

.tournament-list-item-wrapper
  .tournament-panel-leaderboard
  table
  tr:nth-child(3)
  td {
  background-color: rgba(40, 113, 246, 0.55);
}

#tournamentViewModal.modal .modal-dialog {
  min-height: fit-content;
  min-width: 700px;
  max-width: 900px;
}

#tournamentViewModal.modal .modal-dialog .modal-content .close {
  top: 27px;
  right: 29px;
}

.tournament-preview-container .title {
  height: 200px;
  width: calc(100% - 2rem);
  position: absolute;
  top: 1rem;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffff;
  font-weight: 600;
  font-size: 32px;
  letter-spacing: -0.22px;
  text-transform: uppercase;
}

.tournament-preview-detail-panel .base-time-ticker p,
.tournament-view-classic-wrapper
  .tournament-timer-detail-panel
  .base-time-ticker
  p {
  flex-grow: 1;
  background: linear-gradient(180deg, #008cff 0%, #0956fa 100%);
  flex-basis: 0;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0;
  height: 75px;
  color: #fff;
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px 0;
  border-radius: 4px;
}

.tournament-preview-container .tournament-image {
  height: 200px;
  border-radius: 4px;
  overflow: hidden;
}

.tournament-preview-container .tournament-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tournament-preview-detail-panel,
.tournament-view-classic-wrapper .tournament-timer-detail-panel {
  display: flex;
  flex-wrap: wrap;
  gap: 0 30px;
  margin-top: 25px;
}

.tournament-preview-detail-panel .base-time-ticker,
.tournament-view-classic-wrapper
  .tournament-timer-detail-panel
  .base-time-ticker {
  width: 100%;
  max-width: calc(40% - 15px);
}

.tournament-preview-detail-panel .tournament-view-details,
.tournament-view-classic-wrapper
  .tournament-timer-detail-panel
  .tournament-prize-pool {
  width: 100%;
  max-width: calc(60% - 15px);
}

.tournament-view-details {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(var(--button-color-2-rgb), 0.75);
  border-radius: 4px;
  padding: 8px;
  gap: 0 8px;
  height: 75px;
}

.tournament-preview-container .tournament-summary {
  margin-top: 24px;
}

.tournament-preview-container .tournament-summary p {
  word-break: break-all;
  color: #ffffff;
  font-size: 12px;
  line-height: normal;
}

.tournament-preview-container button {
  margin-top: 16px;
  background: linear-gradient(180deg, #008cff 0%, #0956fa 100%);
  border: 0;
  height: 32px;
  padding: 0 16px;
  border-radius: 4px;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 600;
}

.tournament-list-wrapper {
  max-width: 100% !important;
}

.tournament-list-modern-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.tournament-list-modern-wrapper .tournament-list-container {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.tournament-list-modern-wrapper
  .tournament-list-container
  .tournament-list-column {
  display: flex;
  padding: 0 !important;
  width: 100%;
}

.tournament-list-item-wrapper {
  display: flex;
  flex-grow: 1;
}

.tournament-list-item-wrapper .tournament-list-item {
  padding: 49px 38px 43px 46px;
  position: relative;
  overflow: hidden;
  min-height: 390px;
  background-color: #041759;
  background-blend-mode: luminosity;
}

.tournament-list-item-wrapper .tournament-name {
  text-align: right;
  font-size: 40px;
  font-family: var(--font-family-black);
  line-height: normal;
  text-transform: uppercase;
  padding: 0 0 22px 0;
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.32), 0px 0px 1px rgba(0, 0, 0, 0.04);
}

.tournament-list-item-wrapper .tournament-panel-data {
  padding: 13px 0 0 10px;
}

.tournament-list-item-wrapper .tournament-panel-leaderboard {
  width: 100%;
  max-width: 400px;
}

.tournament-list-item-wrapper .tournament-list-item .tournament-status span {
  position: relative;
  z-index: 1;
}

.tournament-list-item-wrapper.status-ended
  .tournament-list-item
  .tournament-status {
  background-color: #e93535;
}

.tournament-list-item-wrapper .tournament-panel-data .tournament-items-action {
  margin-top: 32px;
  margin-left: -10px;
}

.tournament-list-item-wrapper .tournament-btn-view,
.tournament-view-games-article-button button {
  position: relative;
  width: 178px;
  height: 36px;
  color: white;
  font-size: 14px;
  font-weight: 700;
  filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.32))
    drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.04));
}

.tournament-list-item-wrapper .tournament-btn-view::before,
.tournament-view-games-article-button button:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 178px;
  height: 36px;
  background: #2871f6;
}

.tournament-list-item-wrapper .tournament-btn-view:hover:before,
.tournament-list-item-wrapper.status-scheduled
  .tournament-btn-view:hover:before,
.tournament-preview-container button:hover {
  background: var(--bg-button-reverse);
}

.tournament-list-item-wrapper.status-scheduled .tournament-btn-view::before {
  background: #2871f6;
}

.tournament-list-item-wrapper .tournament-btn-view span {
  position: relative;
  text-transform: uppercase;
  z-index: 1;
}

.tournament-list-item-wrapper
  .tournament-panel-data
  .tournament-panel-data-item
  img {
  display: none;
}

.tournament-list-item-wrapper .tournament-panel-leaderboard {
  width: 100%;
  max-width: 400px;
}

.tournament-list-item-wrapper
  .tournament-panel-leaderboard
  .tournament-item-leaderboard-title {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 61px;
  padding: 10px 24px 10px 24px;
  background-color: #041759;
  font-size: 16px;
  font-weight: 900;
  line-height: 19px;
  letter-spacing: 0em;
  text-transform: uppercase;
}

.tournament-list-item-wrapper .tournament-panel-leaderboard table tr th {
  background-color: #2871f6;
  text-transform: uppercase;
}

.tournament-list-item-wrapper .tournament-panel-leaderboard table th {
  border: 0;
  padding: 7px 10px !important;
  color: white;
  font-size: 10px;
}

.tournament-list-modern-wrapper
  .tournament-list-container
  .tournament-list-item-status-container {
  grid-column: span 2;
  font-size: 20px;
  text-transform: uppercase;
}

.tournament-list-modern-wrapper
  .tournament-list-container
  .tournament-list-item-status-container
  .Active {
  color: #04b500;
}

.tournament-list-modern-wrapper
  .tournament-list-container
  .tournament-list-item-status-container
  .Scheduled {
  color: #2871f6;
}

.tournament-list-modern-wrapper
  .tournament-list-container
  .tournament-list-item-status-container
  .Ended {
  color: #e93535;
}

.tournament-list-item-wrapper
  .tournament-panel-leaderboard
  table
  tr:nth-child(2)
  td {
  background-color: rgba(40, 113, 246, 0.78);
}

.tournament-list-item-wrapper .tournament-panel-leaderboard table td {
  border: 0;
  padding: 7px 10px !important;
  color: white;
  font-size: 10px;
  text-transform: uppercase;
  background-color: rgba(40, 113, 246, 0.35);
}

.tournament-list-item-wrapper
  .tournament-panel-leaderboard
  table
  tr:nth-child(3)
  td {
  background-color: rgba(40, 113, 246, 0.55);
}

.tournament-preview-detail-panel .base-time-ticker p span,
.tournament-view-classic-wrapper .tournament-timer-detail-panel p span {
  font-size: 8px;
  text-transform: uppercase;
  font-weight: 300;
}

.tournament-view-details .tournament-view-details-item {
  height: 100%;
  flex-grow: 1;
  flex-basis: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgba(var(--gray-bg-rgb), 0.75);
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
}

.tournament-view-details .tournament-view-details-item img {
  display: none;
}

.tournament-view-wrapper .data-panel .tournament-view-games {
  display: grid;
  gap: 32px;
}

.tournament-view-wrapper
  .data-panel
  .tournament-view-games
  .tournament-view-games-title,
.tournament-view-games-article-thumbnails:not(.sports) {
  grid-column: 1 / -1;
}

.tournament-view-games-article-thumbnails.sports {
  grid-column: span 1;
  /* Each sports item takes 1 column */
}

/* Tourna End*/

/* Accordion */

.article-content .accordion-container .accordion {
  display: flex;
  align-items: center;
  text-align: center;
  cursor: pointer;
  background: linear-gradient(180deg, #008cff 0%, #0956fa 100%);
  padding: 9px 20px 9px 20px;
  font-size: 16px;
  line-height: 24px;
  width: 100%;
  position: relative;
  justify-content: space-between;
}

.article-page .article-content p {
  font-weight: normal;
}

.accordion-container {
  margin-bottom: 20px;
  box-shadow: 0 2px 4px #00000024, 0 3px 4px #0000001f, 0 1px 5px #0003;
}

.article-content .accordion-container .accordion.active {
  background: linear-gradient(180deg, #0c66b0 0%, #0956fa 100%);
  color: #fff;
  height: auto;
  position: relative;
  overflow: visible;
  white-space: pre-wrap;
}

.article-content .accordion-container .panel {
  padding: 20px 8%;
  background: transparent;
  text-align: justify;
}

.wallet-action-container .btn-system-primary {
  background: var(--bg-paw-nav-tab-a-active);
  color: #444473;
}

.wallet-action-container .btn-system-primary:hover {
  background: transparent;
  border: 1px solid #0956fa;
  color: #fff;
}

.wallet-action-container .btn-system-secondary {
  border: 1px solid #0956fa;
}

.wallet-action-container .btn-system-secondary:hover {
  background: var(--bg-paw-nav-tab-a-active);
  color: #444473;
  border: none;
}

.player-information-header .right-align .custom-chat-link-tablet {
  display: none;
}

/* GP-4205 */

.dropdown-user-profile .dropdown-item i {
  min-width: 33px;
}

/* Accordion End */

.promo-page-content .article-content {
  text-align: center;
}

.promo-page-content .article-content table {
  margin: auto;
}

/* Tournament Page CSS*/

.tournament-view-modern-wrapper .data-panel {
  flex-grow: 1;
  width: 100%;
  max-width: calc(55% - 60px);
  padding-left: 60px;
}

.tournament-view-modern-wrapper .leaderboard-panel {
  display: flex;
  flex-direction: column;
  gap: 24px;
  flex-grow: 1;
  width: 100%;
  max-width: calc(45% - 60px);
  padding-right: 90px;
}

.tournament-view-modern-wrapper {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  padding-top: 30px;
  gap: 64px 120px;
  margin-bottom: 50px;
}

.tournament-view-modern-wrapper .banner-title-panel {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 338px;
  background-image: var(--tournamentViewTitleBG);
  clip-path: var(--clip-path-promotions-sidebanner);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: var(--bg-top-header);
  background-blend-mode: luminosity;
}

.tournament-view-modern-wrapper .tournament-panel .tournament-view-title-panel,
.tournament-view-modern-wrapper .tournament-panel .tournament-view-image {
  display: none;
}

.tournament-view-modern-wrapper .tournament-timer-detail-panel {
  display: flex;
  gap: 16px;
  width: 100%;
}

.tournament-view-modern-wrapper
  .tournament-timer-detail-panel
  .tournament-view-detail-prizepool {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  padding: 0px 16px 0px 16px;
  gap: 14px;
  background: var(--bg-section);
}

.tournament-view-modern-wrapper
  .tournament-timer-detail-panel
  .tournament-view-detail-prizepool
  img {
  display: none;
}

.tournament-view-modern-wrapper
  .tournament-timer-detail-panel
  .base-time-ticker {
  width: fit-content;
  display: flex;
  gap: 0 4px;
}

.tournament-view-modern-wrapper
  .tournament-timer-detail-panel
  .base-time-ticker
  p {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: var(--bg-section);
  color: #ffffff;
  width: 71px;
  height: 73px;
  font-size: 24px;
  font-family: var(--font-family-black);
  line-height: normal;
}

.tournament-view-details .tournament-view-details-item {
  background: var(--bg-section);
}

.tournament-view-modern-wrapper
  .tournament-timer-detail-panel
  .base-time-ticker
  p
  span {
  font-size: 8px;
  font-weight: 300;
  text-align: center;
  text-transform: uppercase;
  margin-top: 3px;
}

.tournament-view-games-article-thumbnails
  .base-game-card-buttons
  button:nth-child(1) {
  content: "";
  font-size: 0;
  background-image: var(--content-gamelobby-play-button);
  height: var(--height-gl-renderer-play-btn);
  width: var(--width-gl-renderer-play-btn);
  background-size: var(--bg-icon-size);
  background-repeat: var(--bg-icon-repeat);
  filter: var(--opacity-gl-renderer-play-btn);
  background-position: center;
  background-size: cover;
}

.tournament-view-games-article-thumbnails:not(.sports) {
  grid-template-columns: repeat(4, 1fr);
  gap: 30px 10px;
  display: grid;
}

.tournament-view-games-article-thumbnails
  a.base-game-card:hover
  .base-game-card-buttons {
  display: flex !important;
  opacity: 1;
}

.tournament-view-games-article-thumbnails .base-game-card-buttons {
  display: none;
  height: 100%;
  align-items: center;
  justify-content: center;
  z-index: 4;
  opacity: 0;
  transition: 0.1s opacity ease-in;
  position: absolute;
  top: 0;
  width: 100%;
  transition: all 0.1s ease-in;
}

.tournament-view-games-article-thumbnails a.base-game-card img {
  width: 100%;
}

.tournament-view-modern-wrapper .tournament-panel {
  display: flex;
  flex-direction: column;
  gap: 36px;
  padding: 0 0 32px 0;
}

.tournament-view-modern-wrapper
  .tournament-timer-detail-panel
  .tournament-view-detail-prizepool
  div:nth-child(2) {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 8px;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  letter-spacing: 0em;
  color: white;
}

.tournament-view-myrank-wrapper .table-responsive {
  max-height: 1126px;
}

.tournament-view-myrank-wrapper .table {
  border-spacing: 0;
  border-collapse: separate !important;
  margin-bottom: 0;
}

.tournament-view-myrank-wrapper .table-responsive table tr:nth-child(1) {
  position: sticky;
  top: 0;
}

.tournament-view-myrank-wrapper .table th,
.tournament-view-leaderboard-wrapper .table th {
  border: 0;
  padding: 15px 25px !important;
  color: white;
  font-size: 14px;
  background: var(--bg-custom-promo-link);
}

.tournament-view-myrank-wrapper .table td,
.tournament-view-leaderboard-wrapper .table td {
  padding: 15px 25px !important;
  color: white;
  font-size: 14px;
}

.tournament-view-modern-wrapper
  .data-panel
  .tournament-view-description
  .description-title,
.tournament-view-modern-wrapper
  .data-panel
  .tournament-view-games
  .tournament-view-games-title,
.leaderboard-panel .tournament-leaderboard-title,
.leaderboard-panel .tournament-previous-container .title {
  font-size: 24px;
  line-height: normal;
  font-style: italic;
  text-transform: uppercase;
  margin-bottom: 40px;
  font-weight: 700;
}

.tournament-view-modern-wrapper
  .data-panel
  .tournament-view-description
  .tournament-view-description-content
  p {
  color: #fff !important;
  font-weight: 700;
  font-size: 12px;
  word-break: break-all;
}

.tournament-view-modern-wrapper .data-panel .tournament-view-description {
  padding: 0 0 100px 0;
}

.tournament-view-games-article-header h1 {
  font-size: 24px;
}

.tournament-view-games-article .tournament-view-games-article-button {
  text-align: center;
  margin-top: 30px;
}

.tournament-view-games-article .tournament-view-games-article-button button {
  background: #2871f6;
  border-radius: 4px;
}

.tournament-view-games-article
  .tournament-view-games-article-button
  button:hover {
  background: var(--bg-button-reverse);
  color: #444473;
}

.tournament-view-wrapper
  .tournament-view-container
  .tournament-view-games-article
  .tournament-view-games-article-button
  button:before {
  content: "Load Button";
  opacity: 0;
}

.tournament-view-modern-wrapper
  .data-panel
  .tournament-terms-container.shorted
  button {
  display: block;
  background: #2871f6;
  border-radius: 4px;
  width: 178px;
  height: 36px;
  margin: auto;
  margin-top: 16px;
}

.tournament-view-modern-wrapper
  .data-panel
  .tournament-terms-container.shorted
  button:hover {
  background: var(--bg-button-reverse);
  color: #444473;
}

.tournament-view-modern-wrapper .data-panel .tournament-terms-container {
  margin-top: 16px;
}

.tournament-view-modern-wrapper .data-panel .tournament-terms-container button {
  display: none;
}

.tournament-view-modern-wrapper
  .data-panel
  .tournament-terms-container.shorted
  .terms-description {
  max-height: 200px;
  overflow: hidden;
}

.tournament-view-modern-wrapper .leaderboard-panel .tournament-previous-panel {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: start;
  clip-path: var(--clip-path-tournaments-item);
  min-height: 310px;
  background-image: var(--prevTournamentBG);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 40px 36px;
  background-color: var(--bg-top-header);
  background-blend-mode: luminosity;
}

.tournament-view-modern-wrapper
  .leaderboard-panel
  .tournament-previous-panel
  .previous-tournament-name {
  font-size: 40px;
  line-height: normal;
  color: white;
  font-style: italic;
  text-transform: uppercase;
}

.tournament-view-modern-wrapper
  .leaderboard-panel
  .tournament-previous-panel
  .view-result-btn {
  position: relative;
  width: 178px;
  height: 36px;
  border-radius: 4px;
  color: white;
  background: var(--bg-custom-promo-link);
  font-size: 14px;
  font-weight: 700;
  filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.32))
    drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.04));
}

.tournament-view-modern-wrapper
  .leaderboard-panel
  .tournament-previous-panel
  .view-result-btn:hover {
  background: var(--bg-button-reverse);
  color: #444473;
}

.tournament-view-result-wrapper .tournament-top-player {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 49px;
  padding: 16px;
  gap: 10px;
  color: white;
  font-size: 14px;
  background: var(--bg-custom-promo-link);
  margin-bottom: 24px;
}

.tournament-view-result-wrapper .table tr:first-child {
  margin-bottom: 24px;
}

.tournament-view-result-wrapper .table tr:first-child th,
.tournament-view-result-wrapper .table tr td {
  min-height: 50px;
  height: 50px;
  padding: 15px 25px !important;
  color: white;
}

/**/

*[lang="ko"] body,
*[lang="ko"] a,
*[lang="ko"] p,
*[lang="ko"] span,
*[lang="ko"] button,
*[lang="ko"] h1,
*[lang="ko"] h2,
*[lang="ko"] h3,
*[lang="ko"] h4,
*[lang="ko"] h5,
*[lang="ko"] h6,
*[lang="ko"] button {
  font-family: var(--font-family-kr) !important;
}

.ssologins {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;

  & .nm-widget {
    margin: 0;

    & i {
      cursor: pointer;
      color: #fff;
      padding: 8px 12px;
    }
  }
}

.ssologins .nm-widget i:hover {
  color: var(--color-form-link);
}

form.login-existing-user-verification {
  padding: var(--padding-form-login);
  mix-blend-mode: plus-lighter;
  background: var(--bg-section);
  border: var(--border-section);
  border-radius: var(--border-radius-section);
  box-shadow: var(--box-shadow-section);
}

form.login-existing-user-verification input {
  border: none !important;
  border-radius: 8px !important;
  background: var(--bg-input-select) !important;
  font-weight: 400 !important;
  font-size: 14px !important;
}

form.login-existing-user-verification
  .login-existing-user-verification-button-wrapper
  .login-existing-user-verification-button {
  background: var(--bg-button);
  border-radius: var(--border-radius);
  border: var(--border-button);
  width: var(--width-form-button);
  padding: var(--padding-button);
  height: var(--height-button);
  color: var(--color-button);
  text-transform: var(--text-transform-button);
  font-weight: var(--font-weight-button);
  font-size: var(--font-size-button);
  min-width: var(--width-min-button);
}

/* 4366 */
.tournament-view-games-article
  .tournament-view-games-article-thumbnails.sports {
  gap: 16px;
  /*display: grid;*/
  display: none;
  grid-template-columns: repeat(4, 1fr);
  margin: 16px 0;
}

.tournament-view-games-article
  .tournament-view-games-article-thumbnails.sports
  img {
  position: relative;
  text-wrap: nowrap;
}

.tournament-view-games-article
  .tournament-view-games-article-thumbnails.sports
  img:after {
  content: "\2713";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 16px;
  background: var(--bg-body);
}

.tournament-list-item-wrapper .tournament-name.inner {
  display: none;
}

/* Game Provider CSS*/

.game-provider-wrapper .game-provider-header .header-container {
  display: flex;
  margin-bottom: 12px;
}

.game-provider-wrapper .game-provider-header .header-container i {
  margin-right: 8px;
}

.game-provider-wrapper .game-provider-header .header-container i:before {
  content: "";
  display: var(--display-icon);
  height: var(--height-icon);
  width: var(--width-icon);
  background-repeat: var(--bg-icon-repeat);
  background-size: var(--bg-icon-size);
  background-position: var(--bg-icon-position);
  vertical-align: var(--vertical-align-icon);
  background-image: url(https://wnkstg.sgp1.digitaloceanspaces.com/DOSMSR/assets/images/icons/providerLogo.svg);
}

.game-provider-wrapper .game-provider-header .header-container h5 {
  color: rgba(255, 255, 255, 0.6);
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  font-weight: var(--font-weight-gl-header);
  text-transform: var(--text-transform-header);
  letter-spacing: var(--letter-spacing-header);
  font-size: var(--font-size-header);
}

.game-provider-wrapper .game-provider-slider-container {
  height: 36px;
  position: absolute;
  top: -4px;
  right: 0;
  display: flex;
  z-index: 1;
  width: fit-content !important;
}

.game-provider-wrapper .game-provider-slider-container button {
  height: 33px !important;
  width: 33px !important;
  border: 0 !important;
  border-radius: var(--default-border-radius) !important;
  border-top: var(--default-border-top) !important;
  background: var(--dropdown-menu-bg-color) !important;
}

.game-provider-wrapper span .game-provider-list {
  display: grid;
  grid-auto-flow: column;
  scroll-behavior: smooth;
  overflow: hidden;
  -ms-overflow-style: none;
  width: 100%;
  align-items: center;
  grid-auto-columns: calc(calc(100% - 84px) / 9) !important;
  gap: 0 10px !important;
  margin-bottom: 20px;
}

.game-provider-wrapper span .game-provider-list .game-provider-list-item {
  border-radius: 10px !important;
  border-top: 2px solid rgba(255, 255, 255, 0.1);
  background: #00226a;
  height: 60px !important;
  padding: 10px 15px !important;
  position: relative;
  overflow: hidden;
}

.game-provider-wrapper span .game-provider-list .game-provider-list-item img {
  object-fit: contain;
  height: 100%;
  width: 100%;
}

.game-provider-wrapper
  span
  .game-provider-list:has(.game-provider-list-item:hover)
  .game-provider-list-item:not(:hover) {
  filter: blur(3px);
}

a
  .bonus-list-wrapper
  .bonus-details
  .btn-action-wrapper
  .btn-system-primary:hover:not(.disabled),
#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper
  .btn-deposit-confirm:hover,
.bank-accounts-table-header .btn-warning:hover,
.deposit-mgate-classic-container
  .bank-accounts-table
  .table-responsive
  .deposit-table
  .btn-warning:hover,
.withdraw-tab
  .wallet-payment-method
  .btn-system-amount-wrapper
  .btn-withdraw-amount:hover,
.deposit-tab
  .wallet-payment-method
  .overwrite-mode-amount-wrapper
  .btn-deposit-amount:hover,
.active-bonuses-tab .active-bonus-item .btn-claim:hover:not(.disabled),
#bonus-popup
  .modal-content
  .modal-body
  .bonus-list-wrapper
  .bonus-details
  .claim:hover:not(.disabled) {
  background: var(--bg-paw-nav-tab-a-active) !important;
  color: #444473 !important;
}

.bonus-list-wrapper
  .bonus-details
  .btn-action-wrapper
  .btn-system-primary:not(.disabled),
#modal-user-profile
  .modal-body
  .modal-wrapper
  .tab-content-wrapper
  .btn-deposit-confirm,
.bank-accounts-table-header .btn-warning,
.deposit-mgate-classic-container
  .bank-accounts-table
  .table-responsive
  .deposit-table
  .btn-warning,
.withdraw-tab
  .wallet-payment-method
  .btn-system-amount-wrapper
  .btn-withdraw-amount,
.deposit-tab
  .wallet-payment-method
  .overwrite-mode-amount-wrapper
  .btn-deposit-amount {
  background: var(--bg-cat-page-nav-a);
  color: #fff;
}

.bank-accounts-table-header .btn-warning,
.deposit-mgate-classic-container
  .bank-accounts-table
  .table-responsive
  .deposit-table
  .btn-warning,
.withdraw-tab
  .wallet-payment-method
  .btn-system-amount-wrapper
  .btn-withdraw-amount,
.deposit-tab
  .wallet-payment-method
  .overwrite-mode-amount-wrapper
  .btn-deposit-amount {
  border: none;
}

.withdrawal-transactions-history-classic
  .transaction-details-modal-container
  h4
  span,
.deposit-transactions-history-classic
  .transaction-details-modal-container
  h4
  span {
  color: #ffc107;
}

.withdrawal-transactions-history-classic
  .transaction-details-modal-container
  h4
  span.text-success,
.deposit-transactions-history-classic
  .transaction-details-modal-container
  h4
  span.text-success {
  color: #28a745 !important;
}

.withdrawal-transactions-history-classic
  .transaction-details-modal-container
  h4
  span.text-warning,
.deposit-transactions-history-classic
  .transaction-details-modal-container
  h4
  span.text-warning {
  color: red !important;
}

/* Baccarat Promotion */

.baccarat-content ul {
  list-style-type: none;
  margin: 16px 0;
}

.baccarat-content h5 {
  text-align: center;
  color: #fff;
  font-size: 32px;
}

.baccarat-content h1 {
  font-size: 20px;
  text-align: center;
  color: #fff;
  font-weight: 400;
}

.baccarat-content h1:last-child {
  font-weight: 700;
}

.baccarat-content p {
  margin: 8px 10rem;
}

.baccarat-content p,
.baccarat-content ul li div {
  color: #fff;
  font-weight: 400;
}

.baccarat-content li {
  list-style: none;
  margin: auto;
  min-height: 50px;
  border-left: 1px dashed #fff;
  padding: 0 0 50px 30px;
  position: relative;
  margin-left: 10rem;
}

.baccarat-content li:last-child {
  border-left: 0;
}

.baccarat-content li:before {
  position: absolute;
  left: -8px;
  top: 0x;
  content: " ";
  border-radius: 500%;
  background: #0183fe;
  height: 16px;
  width: 16px;
  transition: all 500ms ease-in-out;
}

.baccarat-content .baccarat-toggle {
  border: 2px solid #0183fe;
  padding: 8px;
  margin-left: 8px;
}

.baccarat-content .baccarat-toggle:hover {
  background-color: #0183fe;
}

.baccarat-content .baccarat-content-info.shown {
  height: 498px;
}

.baccarat-content .baccarat-content-info {
  height: 0;
  transition: all 0.5s ease-in-out;
  overflow: hidden;
  text-align: center;
}

.baccarat-content .baccarat-content-info .baccarat-subtext {
  font-size: 16px;
  color: hsla(0, 0%, 100%, 0.6);
  font-weight: 400;
  margin: 16px 0;
}

.baccarat-content .baccarat-content-info .baccarat-text {
  font-size: 36px;
  line-height: 40px;
  margin: 16px 0;
}

.baccarat-content .baccarat-content-info .baccarat-prize {
  font-weight: 700;
  font-size: 60px;
  margin: 16px 0;
}

.baccarat-content .baccarat-content-info .baccarat-table-title {
  font-size: 27px;
  font-weight: 700;
  line-height: 40px;
  margin-bottom: 14px;
  text-transform: uppercase;
  margin: 16px 0;
}

.baccarat-content .baccarat-content-info table {
  margin: 16px auto;
  width: 400px;
}

.baccarat-content .baccarat-content-info table tr:last-child {
  background-color: #0183fe;
  padding: 6px 4px;
}

.baccarat-content .baccarat-content-info table tr td {
  padding: 6px 4px;
}

/* End Baccarat Promotion*/

/*Light Theme styles - values should be added to template css - https://stackoverflow.com/questions/48067695/change-root-variables-on-different-pages-with-a-class*/
body.light-theme {
  & #app_header.main-header-container {
    background: radial-gradient(
      30% 50% at 50% -2%,
      #78a2ef 0%,
      rgba(103, 141, 211, 0) 100%
    );
  }

  & #app_header.main-header-container:before {
    background: linear-gradient(
      270deg,
      rgba(255, 255, 255, 0.13) 0%,
      rgba(255, 255, 255, 0.5) 50.4%,
      rgba(255, 255, 255, 0.13) 96.77%
    );
  }

  & #app_header.main-header-container .subheader-menu .nm-widget.menuw ul a {
    color: #ffffff;
  }

  & .nm-widget.language-w .language-public {
    background: #ffffff;
  }

  & .two-row-gamelobby .nm-widget .game-lobby-header .header-container h5 {
    color: #ffffff;
  }

  &
    .two-row-gamelobby
    .game-lobby-renderer
    .game-lobby-renderer-card.see-all-card
    a
    .see-all-container
    .see-all-label {
    color: #ffffff;
  }

  &
    .two-row-gamelobby
    .game-lobby-renderer
    .game-lobby-renderer-card.see-all-card {
    box-shadow: none;
  }

  & #app_footer .footer-wrapper .top-footer .footer-details p {
    color: #ffffff;
  }

  & #app_footer .footer-wrapper .footer-menu .menu-column h6 {
    color: #ffffff;
  }

  & #app_footer .footer-wrapper .footer-menu .menu-column a {
    color: #ffffff !important;
  }

  & #app_footer .footer-wrapper .footer-menu .menu-column a:hover,
  & #app_footer .footer-wrapper .footer-menu .menu-column a.active {
    color: #ffc008 !important;
  }

  & #app_footer::after {
    background: linear-gradient(
      270deg,
      rgba(255, 255, 255, 0.13) 0%,
      rgba(255, 255, 255, 0.5) 50.4%,
      rgba(255, 255, 255, 0.13) 96.77%
    );
  }

  & #app_footer::before {
    background: radial-gradient(
      30% 60% at 50% 0%,
      #78a2ef 0%,
      rgba(103, 141, 211, 0) 100%
    ) !important;
  }

  & #app_footer .footer-wrapper .subfooter:before {
    background: linear-gradient(
      270deg,
      rgba(255, 255, 255, 0.13) 0%,
      rgba(255, 255, 255, 0.5) 50.4%,
      rgba(255, 255, 255, 0.13) 96.77%
    );
  }

  & #app_footer .footer-wrapper .subfooter {
    color: rgba(255, 255, 255, 0.4) !important;
  }

  & #app_footer .footer-wrapper .top-footer .footer-details .social-links a {
    background: #ffffff;
  }

  & #modernSkin .nm-widget.language-w .language-public .dropdown-menu {
    background-color: rgb(103, 125, 211) !important;
  }

  &
    .category-page-content
    .game-lobby-renderer
    .game-lobby-renderer-card.see-all-card {
    box-shadow: none;
  }

  & .category-page-content .nm-widget .game-lobby-header .header-container h5 {
    color: #ffffff;
  }

  &
    .category-page-content
    .game-lobby-renderer
    .game-lobby-renderer-card.see-all-card
    a
    .see-all-container
    .see-all-label {
    color: #ffffff;
  }

  & #modal-login .modal-content .modal-body .form-login,
  & #modal-login .modal-content .modal-body .form-forgot-password,
  .form-register {
    mix-blend-mode: normal;
  }

  & form .form-group .input-inline,
  & .form .form-group .input-inline,
  & .form-register .form-group select,
  & form .form-group #mobileNumber,
  & form .form-group .mobileNumber,
  & .form .form-group #mobileNumber,
  & .form .form-group .mobileNumber,
  & form .form-group #verifyMobileNumber,
  & .form .form-group #verifyMobileNumber,
  & form .form-group #birthDate,
  & .form .form-group #birthDate,
  & .form-register .form-group input[type="text"],
  & .form-register .form-group input[type="email"],
  & .form-register .form-group input[type="password"],
  & .form-register .form-group select {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset,
      0px 4px 4px 0px rgba(0, 0, 0, 0.1);
    border: 2px solid rgba(255, 255, 255, 0.3);
  }

  & form .form-group .input-inline::placeholder,
  & .form .form-group .input-inline::placeholder,
  & form .form-group #mobileNumber::placeholder,
  & form .form-group .mobileNumber::placeholder,
  & .form .form-group #mobileNumber::placeholder,
  & .form .form-group .mobileNumber::placeholder,
  & form .form-group #verifyMobileNumber::placeholder,
  & .form .form-group #verifyMobileNumber::placeholder,
  & form .form-group #birthDate::placeholder,
  & .form .form-group #birthDate::placeholder,
  & .form .form-group #birthDate::placeholder,
  & .form-register .form-group input[type="text"]::placeholder,
  & .form-register .form-group input[type="email"]::placeholder,
  & .form-register .form-group input[type="password"]::placeholder,
  & .form-register .form-group select::placeholder {
    color: rgba(255, 255, 255, 0.5);
  }

  &
    #modal-user-profile
    .modal-body
    .modal-wrapper
    .sidenav-system
    .grp-account {
    background: rgba(255, 255, 255, 0.35);
  }

  &
    #modal-user-profile
    .modal-body
    .modal-wrapper
    .sidenav-system
    .grp-balance {
    background: rgba(255, 255, 255, 0.35);
  }

  & #site-loading-icon:before {
    mix-blend-mode: plus-lighter;
  }

  & #modernSkin #app_mobile_navigation:before {
    background: radial-gradient(
      50% 64.29% at 50% 91.07%,
      rgba(255, 255, 255, 0.3) 0%,
      rgba(103, 141, 211, 0) 100%
    );
  }

  & #modernSkin #app_mobile_navigation {
    background: linear-gradient(
      180deg,
      rgba(82, 160, 244, 0.95) 0%,
      rgba(82, 160, 244, 0.95) 20%,
      rgba(103, 141, 211, 0.95) 42.06%
    );
  }

  & #modernSkin #app_mobile_navigation .mobile-menu ul li {
    color: #ffffff;
  }

  & #modernSkin #app_mobile_navigation:after {
    background: linear-gradient(
      270deg,
      rgba(255, 255, 255, 0.13) 0%,
      rgba(255, 255, 255, 0.5) 50.4%,
      rgba(255, 255, 255, 0.13) 96.77%
    );
  }

  &
    #modal-user-profile.modal
    .modal-dialog
    .modal-content
    .close
    .icomoon-icon {
    content: url(https://wnkstg.sgp1.cdn.digitaloceanspaces.com/DOSMSR/assets/images/icons/light-theme/gameStageXButton-white.svg);
  }

  & #modernSkin.main-wrapper .separator {
    background: linear-gradient(
      270deg,
      rgba(255, 255, 255, 0.13) 0%,
      rgba(255, 255, 255, 0.5) 50.4%,
      rgba(255, 255, 255, 0.13) 96.77%
    ) !important;
  }
}

/*Ten Coins  */
section.tencoin-deposit-container h1,
section.tencoin-withdrawal-container h1 {
  text-align: center;
  padding: 20px;
  font-size: 18px;
  margin: 10px 15px;
}

section.tencoin-deposit-container form,
section.tencoin-withdrawal-container form {
  padding: 20px;
  border: 1px solid #5b5b5b;
}

section.tencoin-deposit-container form h2,
section.tencoin-withdrawal-container form h2 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 1rem;
}

section.tencoin-deposit-container form .base-input-container label,
section.tencoin-withdrawal-container form .base-input-container label {
  font-size: 12px;
  color: #c2c2c2;
  margin-bottom: 0;
}

section.tencoin-deposit-container
  form
  .tencoin-deposit-payment
  .base-input-field,
section.tencoin-deposit-container form .payment-amount-suggested {
  margin-bottom: 0.5rem;
}

section.tencoin-deposit-container form .base-input-container,
section.tencoin-withdrawal-container form .base-input-container {
  margin-bottom: 1.5rem;
}

section.tencoin-deposit-container
  form
  .base-input-container
  .base-input-wrapper
  .base-input-field
  input,
section.tencoin-withdrawal-container
  form
  .base-input-container
  .base-input-wrapper
  .base-input-field
  input {
  min-width: 256px;
  width: 100%;
  background: none;
  border: none;
  outline: none;
  border-radius: 0;
  font-size: 14px;
  padding: 0.5rem 0 0 0;
  border-bottom: 1px solid rgba(194, 194, 194, 0.35);
}

section.tencoin-deposit-container
  form
  .tencoin-deposit-payment
  .tencoin-deposit-currency
  button,
section.tencoin-deposit-container
  form
  .tencoin-deposit-payment
  .tencoin-deposit-currency
  menu,
section.tencoin-deposit-container
  form
  .tencoin-deposit-payment
  .tencoin-deposit-network
  button,
section.tencoin-deposit-container
  form
  .tencoin-deposit-payment
  .tencoin-deposit-network
  menu,
section.tencoin-withdrawal-container
  form
  .tencoin-withdrawal-payment
  .tencoin-withdrawal-currency
  button,
section.tencoin-withdrawal-container
  form
  .tencoin-withdrawal-payment
  .tencoin-withdrawal-currency
  menu,
section.tencoin-withdrawal-container
  form
  .tencoin-withdrawal-payment
  .tencoin-withdrawal-network
  button,
section.tencoin-withdrawal-container
  form
  .tencoin-withdrawal-payment
  .tencoin-withdrawal-network
  menu {
  background: none;
  width: fit-content;
  margin-top: 1rem;
  max-width: fit-content;
  color: #fff;
  border: 1px solid #5b5b5b;
}

section.tencoin-deposit-container
  form
  .tencoin-deposit-payment
  .tencoin-deposit-currency
  button
  .tencoin-deposit-currency-placeholder-slot
  label,
section.tencoin-withdrawal-container
  form
  .tencoin-withdrawal-payment
  .tencoin-withdrawal-currency
  button
  .tencoin-withdrawal-currency-placeholder-slot
  label {
  display: none;
}

section.tencoin-deposit-container
  form
  .tencoin-deposit-payment
  .tencoin-deposit-network
  button
  .tencoin-deposit-network-placeholder-slot
  label,
section.tencoin-withdrawal-container
  form
  .tencoin-withdrawal-payment
  .tencoin-withdrawal-network
  button
  .tencoin-withdrawal-network-placeholder-slot
  label {
  margin-bottom: 0;
}

section.tencoin-deposit-container
  form
  .tencoin-deposit-payment
  .tencoin-deposit-network
  button
  .tencoin-deposit-network-placeholder-slot
  span,
section.tencoin-withdrawal-container
  form
  .tencoin-withdrawal-payment
  .tencoin-withdrawal-network
  button
  .tencoin-withdrawal-network-placeholder-slot
  span {
  margin: 0 6px;
}

section.tencoin-deposit-container
  form
  .tencoin-deposit-payment
  .tencoin-deposit-currency
  menu,
section.tencoin-deposit-container
  form
  .tencoin-deposit-payment
  .tencoin-deposit-network
  menu,
section.tencoin-withdrawal-container
  form
  .tencoin-withdrawal-payment
  .tencoin-withdrawal-currency
  menu,
section.tencoin-withdrawal-container
  form
  .tencoin-withdrawal-payment
  .tencoin-withdrawal-network
  menu {
  background: var(--bg-section);
  border-radius: 4px;
}

section.tencoin-deposit-container
  form
  .tencoin-deposit-payment
  .tencoin-deposit-currency
  #select-search,
section.tencoin-deposit-container
  form
  .tencoin-deposit-payment
  .tencoin-deposit-network
  #select-search,
section.tencoin-withdrawal-container
  form
  .tencoin-withdrawal-payment
  .tencoin-withdrawal-currency
  #select-search,
section.tencoin-withdrawal-container
  form
  .tencoin-withdrawal-payment
  .tencoin-withdrawal-network
  #select-search {
  background: none;
  border-bottom: 1px solid rgba(194, 194, 194, 0.35);
}

section.tencoin-deposit-container
  form
  .tencoin-deposit-payment
  .tencoin-deposit-currency
  menu
  ul
  li,
section.tencoin-withdrawal-container
  form
  .tencoin-withdrawal-payment
  .tencoin-withdrawal-currency
  menu
  ul
  li,
.tencoin-deposit-form .tencoin-deposit-wallet-address label,
section.tencoin-withdrawal-container form .base-input-container label {
  color: #fff;
}

.tencoin-deposit-container .tencoin-deposit-form .tencoin-deposit-action,
.tencoin-withdrawal-container
  .tencoin-withdrawal-form
  .tencoin-withdrawal-action {
  justify-content: end;
}

section.tencoin-deposit-container form .tencoin-deposit-action button,
section.tencoin-withdrawal-container form .tencoin-withdrawal-action button {
  font-size: 14px;
  padding: 9px 40px;
  border-radius: 4px;
  font-weight: 500;
  line-height: normal;
  margin-right: 8px;
}

section.tencoin-deposit-container
  form
  .tencoin-deposit-action
  button:first-child,
section.tencoin-withdrawal-container
  form
  .tencoin-withdrawal-action
  button:first-child {
  border: 1px solid #0956fa;
}

section.tencoin-deposit-container
  form
  .tencoin-deposit-action
  button:last-child,
section.tencoin-withdrawal-container
  form
  .tencoin-withdrawal-action
  button:last-child {
  background: var(--bg-paw-nav-tab-a-active);
  color: #444473;
}

section.tencoin-deposit-container form .payment-amount-suggested button,
section.tencoin-withdrawal-container form .payment-amount-suggested button {
  font-size: 14px;
  padding: 6px 24px;
  border-radius: 4px;
  font-weight: 500;
  line-height: normal;
  margin-right: 8px;
  background: var(--bg-cat-page-nav-a);
}

.tencoin-withdrawal-container .tencoin-withdrawal-recent {
  padding: 20px;
  border: 1px solid #5b5b5b;
  margin: 10px 0px;
}

.tencoin-withdrawal-container
  .tencoin-withdrawal-recent
  .tencoin-withdrawal-recent-header {
  margin-bottom: 16px;
}

.tencoin-withdrawal-container
  .tencoin-withdrawal-recent
  .tencoin-withdrawal-recent-header
  h2 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 1rem;
}

.wallet-payment-method section.tencoin-deposit-container .tencoin-instruction,
.wallet-payment-method
  section.tencoin-withdrawal-container
  .tencoin-instruction {
  padding: 20px;
  background: rgba(255, 255, 255, 0.05);
  margin: 10px 0;
}

.wallet-payment-method section.tencoin-deposit-container .tencoin-instruction p,
.wallet-payment-method
  section.tencoin-withdrawal-container
  .tencoin-instruction
  p {
  font-size: 12px;
  line-height: 20px;
}

.wallet-payment-method
  section.tencoin-deposit-container
  .tencoin-instruction
  ul,
.wallet-payment-method
  section.tencoin-withdrawal-container
  .tencoin-instruction
  ul {
  list-style-type: disc;
  padding: 8px 20px;
  font-size: 12px;
  line-height: 20px;
}

.tencoin-deposit-qr-address small {
  display: flex;
  gap: 8px;
  margin: 12px 0px;
  font-size: 12px;
  max-width: 273px;
  justify-content: center;
}

.tencoin-deposit-qr-address small .base-time-ticker {
  font-size: 14px;
}

.tencoin-deposit-qr-address label {
  font-size: 13px;
  font-weight: 800;
}

body .tencoin-deposit-qr-address .base-qrcode,
body .tencoin-deposit-qr-address .base-qrcode .hydrated {
  max-width: 200px !important;
  max-height: 200px !important;
  margin: auto;
}

form.tencoin-deposit-form .tencoin-deposit-qr-address {
  width: fit-content;
}

form.tencoin-deposit-form .tencoin-deposit-payment,
form.tencoin-withdrawal-form .tencoin-withdrawal-payment {
  display: grid;
  grid-template-columns: 0fr 1fr;
  gap: 8px;
  margin: 16px 0;
}

form.tencoin-deposit-form .tencoin-deposit-payment p,
form.tencoin-withdrawal-form .tencoin-withdrawal-payment p {
  grid-column: 1 / -1;
}

.tencoin-withdrawal-payment section,
.tencoin-deposit-payment section {
  margin-top: -16px;
}

.tencoin-deposit-wallet-address .base-input-wrapper .base-input-field input {
  min-width: 368px !important;
}

body .tencoin-withdrawal-recent .tencoin-withdrawal-recent-header button {
  border: 1px solid #fbae3e !important;
  box-sizing: border-box;
  border-radius: 4px !important;
  margin: 16px 0;
  color: #ffffff !important;
  padding: 4px 24px !important;
}

section.tencoin-deposit-container .tencoin-deposit-form {
  grid-template-columns: 0fr 1fr;
  display: grid;
}

section.tencoin-deposit-container
  .tencoin-deposit-form
  div.base-input-container:first-of-type {
  grid-column: 1;
  max-width: 162px;
  width: 162px;
}

section.tencoin-deposit-container
  .tencoin-deposit-form
  div.base-input-container:nth-of-type(2) {
  grid-column: 2;
}

section.tencoin-deposit-container
  .tencoin-deposit-form
  div:not(:first-of-type):not(:nth-of-type(2)),
form.tencoin-deposit-form .payment-amount-suggested,
form.tencoin-deposit-form .payment-amount-suggested ~ .base-input-container {
  grid-column: 1 / -1 !important;
}

.tencoin-deposit-form .base-input-container .base-input-append,
.tencoin-withdrawal-form .base-input-container .base-input-append {
  text-wrap: nowrap;
}

.tencoin-deposit-payment .tencoin-deposit-network,
.tencoin-withdrawal-payment .tencoin-withdrawal-network {
  position: relative;
}

.tencoin-withdrawal-payment .tencoin-withdrawal-network {
  margin-bottom: 16px;
}

.tencoin-deposit-payment .tencoin-deposit-network small,
.tencoin-withdrawal-payment .tencoin-withdrawal-network small {
  left: -108px;
  position: absolute;
}

.tencoin-deposit-payment .tencoin-deposit-currency small,
.tencoin-withdrawal-payment .tencoin-withdrawal-currency small {
  text-wrap: nowrap;
}

/* GP-4990: Bonus Revamp, player menu modal (MyBet) */
#modal-user-profile .message-box-modal .modal-content {
  min-height: unset !important;
}
#modal-user-profile .message-box-modal .modal-content .modal-body {
  padding: 1rem !important;
}
#modal-user-profile .message-box-modal .modal-content .modal-body:before {
  content: unset !important;
}
#modal-user-profile .message-box-modal.fade .modal-dialog {
  transform: translateY(-50px) !important;
}
#modal-user-profile .message-box-modal.show .modal-dialog {
  transform: none !important;
}
/* ENd - GP-4990: Bonus Revamp, player menu modal */

/* BTI Sports Odds Display Start */

#w-bti-sports-odds-display {
  width: 100%;
  position: relative;

  .bti-sports-event-container {
    width: 100%;
    padding: 20px;
    display: flex;
    overflow: hidden;
    margin-block: 10px;
    position: relative;
    border-radius: 10px;
    flex-direction: column;

    h1,
    h2 {
      border: none;
      color: #fff;
      font-size: 20px;
      text-align: left;
      margin-bottom: 15px;
      background-color: transparent;
    }

    .left-button,
    .right-button {
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;

      button {
        width: 30px;
        height: 100%;
        padding: 15px;
        outline: none;
        display: flex;
        color: #fff;
        font-size: 18px;
        border-radius: 50%;
        align-items: center;
        justify-content: center;

        &:hover {
          color: #95cdff;
        }
      }
    }

    .sports-list-container {
      width: 100%;
      display: flex;

      .sport-list-content {
        gap: 10px;
        width: 100%;
        display: flex;
        overflow-x: scroll;
        scrollbar-width: none;

        button {
          height: 45px;
          font-size: 14px;
          text-wrap: nowrap;
          padding: 0 16px;
          /* min-width: 120px; */
          padding-block: 0;
          border-radius: var(--border-radius);
          color: #fff;
          background: var(--bg-custom-promo-link);

          &:hover {
            color: #95cdff;
          }

          &.active {
            background: #95cdff;
          }
        }
      }
    }

    .events-content-container {
      width: 100%;
      display: flex;
      margin-block: 20px;
      align-items: center;

      .event-content {
        gap: 15px;
        width: 100%;
        display: flex;
        padding-right: 10px;
        overflow-x: scroll;
        scrollbar-width: none;
        -ms-overflow-style: none; /* for Internet Explorer */
        &::-webkit-scrollbar {
          display: none; /* Hide scrollbar in webkit browsers */
        }

        .event-content-card {
          padding: 20px;
          color: #000;
          min-width: 450px;
          cursor: pointer;
          border-radius: 8px;
          background: linear-gradient(180deg, #008cff 0%, #0956fa 100%);

          .event-title-container {
            display: flex;
            margin-bottom: 15px;
            flex-direction: column;
          }

          .event-title-container div {
            gap: 10px;
            display: flex;
            align-items: center;

            span {
              padding: 5px;
              color: #fff;
              border-radius: 5px;
              background: #f14100;
            }
          }

          .event-date {
            font-size: 12px;
            color: #fff;
          }

          .event-league-name {
            font-size: 20px;
            font-weight: 900;
            color: #fff;
          }
        }

        .event-participants-container {
          width: 100;
          display: flex;
          justify-content: space-between;

          p {
            margin: 0px;
            font-size: 18px;
            font-weight: 600;
            color: #fff;
          }
        }

        .event-odds-container {
          gap: 5px;
          width: 100%;
          display: flex;
          margin-top: 15px;
          overflow-x: scroll;
          align-items: center;
          justify-content: center;
          scrollbar-width: none;

          button {
            gap: 5px;
            border: none;
            outline: none;
            display: flex;
            padding: 10px 20px;
            border-radius: 10px;
            align-items: center;
            justify-content: center;
            background: var(--bg-paw-grp-balance-btn-bonus);
            color: var(--color-button);
            &:hover {
              color: #444473 !important;
              background: var(--bg-button-reverse) !important;
            }
          }
        }
      }
    }

    .no-current-match {
      width: 100%;
      min-height: 300px;
      display: flex;
      font-size: 16px;
      align-items: center;
      justify-content: center;
    }

    .circle-buttons {
      gap: 10px;
      width: 100%;
      display: flex;
      cursor: pointer;
      color: #193d82;
      align-items: center;
      justify-content: center;
      overflow-x: scroll;
    }
  }
}

.events-content-container .left-button button,
.sports-list-container .left-button button {
  transform: rotate(180deg);
}

.events-content-container .left-button button i::before,
.events-content-container .right-button button i::before,
.sports-list-container .left-button button i::before,
.sports-list-container .right-button button i::before {
  content: var(--content-carret);
}

.bti-sports-event-container
  .sports-list-container
  .sport-list-content
  button:hover {
  background: var(--bg-button-reverse) !important;
  color: #444473 !important;
}

.events-content-container,
.sports-list-container {
  position: relative;
}

.events-content-container:hover .right-button,
.events-content-container:hover .left-button,
.sports-list-container:hover .left-button,
.sports-list-container:hover .right-button {
  background: linear-gradient(
    180deg,
    rgba(4, 19, 49, 0.5) 0%,
    /* #041331 with 50% opacity */ rgba(14, 32, 69, 0.5) 35.79%,
    /* #0E2045 with 50% opacity */ rgba(5, 25, 70, 0.5) 42.06%
      /* #051946 with 50% opacity */
  );
}

.events-content-container:hover .right-button button,
.events-content-container:hover .left-button button,
.sports-list-container:hover .left-button button,
.sports-list-container:hover .right-button button {
  opacity: 1;
}

.events-content-container .left-button button,
.events-content-container .right-button button,
.sports-list-container .left-button button,
.sports-list-container .right-button button {
  opacity: 0;
}

.events-content-container .left-button,
.events-content-container .right-button,
.sports-list-container .left-button,
.sports-list-container .right-button {
  position: absolute;
}

.events-content-container .left-button,
.sports-list-container .left-button {
  left: 0;
}

.events-content-container .right-button,
.sports-list-container .right-button {
  right: 0;
}
/* BTI Sports Odds Display End */

/* App Manifest Styling */
.pwa-install-banner .install-card {
  background: var(--bg-modal);
}

.pwa-install-banner .install-card .install-close {
  display: flex;
}

.pwa-install-banner .install-card .install-close button i:before {
  font-family: "Font Awesome 5 Free";
  font-size: 22px;
  color: var(--color-body);
}

.pwa-install-banner .install-card .install-message h5 {
  font-size: 16px;
  font-weight: 700;
  line-height: 130%;
  color: var(--color-body);
  font-family: var(--font-family-black);
}

.pwa-install-banner .install-card .install-message p {
  font-size: 12px;
  line-height: 120%;
}

.pwa-install-banner .install-card .install-action button {
  color: #fff;
  background: var(--bg-button-login);
  width: 100px;
  font-weight: 500;
  font-family: var(--font-family-black);
}

.pwa-install-banner .install-card .install-action button:hover {
  background: linear-gradient(180deg, #fcd051 0%, #ffc008 100%);
}
/* Manifest End*/

/* Product Categories Start*/
#before-provider-game-list-casino-group .category-nav,
#before-provider-game-list-casino-group .product_categories-widget {
  display: none;
}

.w-product-categories {
  width: calc(100% + 64px);
  left: -32px;
  z-index: 1;
  position: relative;
  background: var(--bg-body);
}

.w-product-categories .w-product-categories-display {
  background: var(--bg-subheader-menu);
  gap: 72px;
  margin: auto;
  justify-content: center;
}
.w-product-categories .w-product-categories-list {
  gap: 0 72px;
}

.w-product-categories .w-product-categories-list .w-product-categories-link img,
.w-product-categories-display
  .w-product-categories-providers
  .w-product-categories-item
  a
  img {
  height: var(--height-icon) !important;
  width: var(--width-icon) !important;
}

.w-product-categories
  .w-product-categories-list
  .w-product-categories-link
  span {
  text-wrap: nowrap;
  text-transform: uppercase;
  font-weight: var(--font-weight-subheader-menu-item);
  font-size: var(--font-size-subheader-menu-item);
  text-transform: var(--text-transform-subheader-menu-item);
}

#w-providers-list-widget-container {
  margin: 20px 0 40px;
}

.w-providers-container .w-providers-list.list {
  gap: 16px !important;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}

.w-providers-container
  .w-providers-list
  .w-provider-item
  .w-provider-item-logo {
  width: 64px !important;
  height: 24px !important;
}

.w-providers-sort-container .w-providers-sort-btn {
  height: var(--height-header-items);
  display: flex !important;
  align-items: center !important;
  gap: var(--gap-custom-promo-link) !important;
  color: var(--color-custom-promo-link);
  font-weight: var(--font-weight-button);
  background: var(--bg-custom-promo-link);
  border-radius: var(--border-radius) !important;
  padding: var(--padding-custom-promo-link) !important;
  font-size: var(--font-size-button);
  line-height: normal;
}

.w-providers-container .w-providers-list.list .w-provider-item {
  border-radius: 10px !important;
  border-top: 2px solid rgba(255, 255, 255, 0.1);
  background: #00226a;
  padding: 10px 15px !important;
  height: 72px !important;
}
/* Product Categoried End*/

/* Player Wallet Logo */

#modal-user-profile
  .modal-dialog
  .modal-body
  .container-fluid.modal-wrapper
  > div.row {
  position: relative;
}

#modal-user-profile
  .modal-dialog
  .modal-body
  .container-fluid.modal-wrapper
  img.user-profile-modal-logo {
  content: url("https://alpha-static.gpfront.com/DOSMSR/assets/images/logos/desktop-logo-mybet.svg");
  width: 174px;
  position: absolute;
  height: 56px;
  top: -60px;
  left: 15px;
  display: block;
}

#modal-user-profile
  .modal-dialog
  .modal-body
  .container-fluid.modal-wrapper
  img.user-profile-modal-logo:hover {
  cursor: pointer;
}

/* Player Wallet Logo End*/

/* Tournament Bet Details CSS*/
#tournamentPlayerBetsModal .modal-dialog {
  max-width: 991px;
  width: 100%;
}

#tournamentPlayerBetsModal .tournament-player-bets-report-wrapper {
  display: flex;
  gap: 16px;
  flex-direction: column;
}

#tournamentPlayerBetsModal .tournament-player-bets-report-wrapper .report-title,
#tournamentPlayerBetsModal
  .tournament-player-bets-report-wrapper
  .tournament-details,
#tournamentPlayerBetsModal
  .tournament-player-bets-report-wrapper
  .tournament-details
  div {
  display: flex;
}

#tournamentPlayerBetsModal
  .tournament-player-bets-report-wrapper
  .report-title {
  justify-content: space-between;
}

#tournamentPlayerBetsModal
  .tournament-player-bets-report-wrapper
  .tournament-details {
  justify-content: space-evenly;
  gap: 0 8px;
  height: 75px;
}

#tournamentPlayerBetsModal
  .tournament-player-bets-report-wrapper
  .tournament-details
  div {
  flex-direction: column;
  background: var(--bg-section);
  justify-content: center;
  flex-grow: 1;
  flex-basis: 0;
  align-items: center;
}

#tournamentPlayerBetsModal
  .tournament-player-bets-report-wrapper
  .report-title
  span {
  font-size: 24px;
}

#tournamentPlayerBetsModal
  .tournament-player-bets-report-wrapper
  .table-responsive
  tr
  th {
  border: 0;
  padding: 15px 25px !important;
  color: white;
  font-size: 14px;
  background: var(--bg-custom-promo-link);
  text-wrap: nowrap;
}

#tournamentPlayerBetsModal
  .tournament-player-bets-report-wrapper
  .table-responsive
  tr
  td {
  border: 0;
  padding: 15px 25px !important;
  color: white;
  font-size: 14px;
  text-wrap: nowrap;
}

#tournamentPlayerBetsModal .modal-dialog-centered .modal-header button {
  top: 32px;
}

/* BetSlip Modal CSS*/

#modernSkin .custom-modal-container .custom-modal-body {
  background: var(--bg-modal);
  padding: 8px;
}

#modernSkin
  .custom-modal-container
  .custom-modal-body
  .custom-modal-section
  .icon-container
  span {
  color: #fff !important;
}

#modernSkin
  .custom-modal-container
  .custom-modal-body
  .custom-modal-section
  .bet-details-content
  .px-4
  .row {
  gap: 8px;
}

#modernSkin
  .custom-modal-container
  .custom-modal-body
  .custom-modal-section
  .bet-details-content
  .px-4
  .row
  .px-1 {
  background: var(--bg-section);
}

#modernSkin
  .custom-modal-container
  .custom-modal-body
  .custom-modal-section
  .bet-details-content
  .px-4
  .row
  .px-1
  .card-container {
  border: none;
  box-shadow: none;
}

#modernSkin
  .custom-modal-container
  .custom-modal-body
  .custom-modal-section
  .bet-details-content
  .px-4
  .row
  .px-1
  .card-container
  .flex-item-container
  .card-content
  .align-items-center
  img {
  display: none !important;
}

#modernSkin
  .custom-modal-container
  .custom-modal-body
  .custom-modal-section
  .flex-item-container
  > span {
  font-size: 16px;
}

#modernSkin
  .custom-modal-container
  .custom-modal-body
  .custom-modal-section
  .flex-item-container
  button {
  background: var(--bg-paw-grp-balance-btn-wallet);
  border-radius: var(--border-radius-paw-grp-balance-btn);
  height: var(--height-header-items);
  padding: var(--padding-header-wallets-btn);
  font-size: var(--font-size-button);
  color: var(--color-paw-grp-balance-btn-wallet);
  font-weight: var(--font-weight-button);
  border: none;
}

#modernSkin
  .custom-modal-container
  .custom-modal-body
  .custom-modal-section
  .flex-item-container
  button:hover {
  background: var(--bg-button-reverse) !important;
  color: #444473 !important;
}
/* End Tournament CSS */

/* GP-5298: sports & casino bet details status */
.bet-details-content .bet-details-content-status {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  text-transform: capitalize;
  margin-top: 8px;
}

.bet-details-content .bet-details-content-status.primary {
  border: 1px solid var(--primary);
  background: color-mix(in srgb, var(--primary) 10%, transparent 90%);
  color: var(--primary);
}

.bet-details-content .bet-details-content-status.success {
  border: 1px solid var(--success);
  background: color-mix(in srgb, var(--success) 10%, transparent 90%);
  color: var(--success);
}

.bet-details-content .bet-details-content-status.danger {
  border: 1px solid var(--danger);
  background: color-mix(in srgb, var(--danger) 10%, transparent 90%);
  color: var(--danger);
}

.bet-details-content .bet-details-content-status.warning {
  border: 1px solid var(--warning);
  background: color-mix(in srgb, var(--warning) 10%, transparent 90%);
  color: var(--warning);
}

.bet-details-content .bet-details-content-status.orange {
  border: 1px solid var(--orange);
  background: color-mix(in srgb, var(--orange) 10%, transparent 90%);
  color: var(--orange);
}

.bet-details-content .bet-details-content-status.gray {
  border: 1px solid var(--gray);
  background: color-mix(in srgb, var(--gray) 10%, transparent 90%);
  color: var(--gray);
}

.tournament-player-bets-report-wrapper .tournament-player-bets-table th,
.tournament-player-bets-report-wrapper .tournament-player-bets-table td {
  cursor: pointer;
}
/* GP-5298: sports & casino bet details status  */

/* email verification modal */

.user-email-verification.custom-modal-container .custom-modal-body {
  padding: 20px;
  text-align: center;
  background: linear-gradient(
    180deg,
    var(--bgBody1) 0%,
    var(--bgBody2) 35.79%,
    var(--bgBody3) 42.06%
  );
  width: 400px !important;
  border-radius: 8px !important;
}

.user-email-verification h1 {
  font-size: 20px !important;
  font-weight: 800;
  margin-top: 40px;
  text-transform: capitalize;
}

.user-email-verification .description:first-of-type {
  font-size: 14px;
  margin-top: 17px;
}

.user-email-verification .description:first-of-type span {
  color: rgba(235, 235, 245, 0.6) !important;
  font-weight: 700;
}

.user-email-verification .description:last-of-type {
  font-size: 14px;
  margin-top: 17px;
  text-transform: initial;
}

.user-email-verification .buttons button:hover {
  opacity: 0.9;
}

.user-email-verification .buttons button:disabled:hover {
  cursor: not-allowed;
}

.user-email-verification .buttons button:first-of-type {
  color: #333;
  background: var(--bg-button-join);
}

.user-email-verification .buttons button {
  background: var(--bg-button-login);
  border-radius: 8px;
  border: 1px solid rgba(var(--gray-text-rgb), 1);
  font-size: 16px;
  height: 40px !important;
  margin: 17px 6px 0;
  padding: 4px 15px;
  position: relative;
  text-transform: capitalize !important;
  color: var(--color-button);
}

.user-email-verification .buttons button:last-of-type i {
  font-size: 24px;
  left: 50%;
  margin-left: -10px;
  position: absolute;
  transform: translateX(-50%);
}

.user-email-verification small {
  display: flex !important;
  gap: 4px;
  justify-content: center;
  margin-top: 17px;
  text-transform: none;
  font-size: 14px;
}

.user-email-verification small .base-time-ticker p {
  font-weight: bold;
  font-size: 14px;
}

.user-email-verification .buttons button:disabled {
  opacity: 0.4;
}

/* end email verification modal */

.preloader {
  .preloader-backdrop {
    background: var(--bg-site-loading-icon);
  }

  .preloader-src {
    video,
    img {
      width: 120px;
    }
  }
}

/* mybet service worker  */

#snackbarcompId.bottom.info {
  max-width: 100%;
  background: var(--bg-modal);
  border-radius: var(--border-radius-modal);
}

#snackbarcompId.bottom.info .snackbar__action div {
  background: var(--bg-button);
  border-radius: var(--border-radius);
  border: var(--border-button);
  padding: 8px 16px;
  font-weight: var(--font-weight-button);
  font-size: var(--font-size-button);
}

/* Sports FullScreen */

.content-wrapper .header-section.focused .subheader-menu,
#app_mobile_navigation.focused {
  display: none !important;
}

.content-wrapper .header-section.focused,
#modernSkin.main-wrapper .layout-wrapper .header-section.focused.scrollSrink {
  height: 57px !important;
}

#page_content_modern.focused .sports-wrap .btis-stage-container iframe,
#page_content_modern.focused .sports-wrap .sports-book-container iframe,
#page_content_modern.focused .sports-wrap .sports-book-container sport-mobile {
  height: 100% !important;
  min-height: calc(100dvh - 57px) !important;
  max-height: calc(100dvh - 57px) !important;
  margin-top: -102px !important;
}

#page_content_modern.focused .sports-wrap .sports-book-container sport-mobile {
  overflow: auto;
}

.sports-fullscreen {
  position: absolute;
  top: 36px;
  background: var(--bg-paw-grp-balance-btn-wallet);
  left: -18px;
  border-radius: 50%;
  width: 32px;
  font-size: 16px;
  height: 32px;
  z-index: 2;
  transition: 0.2s all ease-in;
}

.sports-fullscreen img {
  width: 18px;
  height: 18px;
}

/*.sports-fullscreen:hover,*/
.sports-fullscreen.active {
  left: -8px;
}