/* GET FONTS */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap");

/* DS-Digital */
@font-face {
  font-family: 'DS-Digital';
  src: url('/assets/fonts/dsDigital/DS-DIGI.TTF') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DS-Digital';
  src: url('/assets/fonts/dsDigital/DS-DIGIB.TTF') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DS-Digital';
  src: url('/assets/fonts/dsDigital/DS-DIGII.TTF') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'DS-Digital';
  src: url('/assets/fonts/dsDigital/DS-DIGIT.TTF') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/*----------------------------------------------
                    GLOBAL
------------------------------------------------*/
*,
*::after,
*::before {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  text-decoration: none !important;
  list-style: none !important;
  color: inherit;
}

html[dir="rtl"],
html[dir="rtl"] #root,
html[dir="rtl"] body {
  font-family: "Rubik", sans-serif;
}

html[dir="ltr"],
html[dir="ltr"] #root,
html[dir="ltr"] body {
  font-family: "Poppins";
}

#root,
html,
body {
  margin: 0;
  padding: 0;
  min-height: 100vh;
  user-select: none;
  background-color: #01121e;
}

body::-webkit-scrollbar {
  cursor: pointer;
  width: 0.65rem;
  background: #2f3838;
}

body::-webkit-scrollbar-thumb {
  cursor: pointer;
  width: 0.65rem;
  background: #5a5a5a;
  border-radius: 0.3125rem;
}

/* Global Media Query */
@media only screen and (max-width: 2600px) {
  html {
    font-size: 18px;
  }
}

@media only screen and (max-width: 2300px) {
  html {
    font-size: 17px;
  }
}

@media only screen and (max-width: 1920px) {
  html {
    font-size: 16px;
  }
}

@media only screen and (max-width: 1750px) {
  html {
    font-size: 15px;
  }
}

@media only screen and (max-width: 1600px) {
  html {
    font-size: 14px;
  }
}

@media only screen and (max-width: 1440px) {
  html {
    font-size: 13px;
  }
}

/*----------------------------------------------
                Desktop Container
------------------------------------------------*/
.desktop_container {
  position: relative;
  overflow: hidden;
  min-height: 100vh;
}

html[dir="ltr"] .desktop_container {
  background: right 2.875rem bottom / calc(41.875rem - 2.875rem) no-repeat url("../../../public/assets/img/background.png"),
    #01121e;
}

html[dir="rtl"] .desktop_container {
  background: left 2.875rem bottom / calc(41.875rem - 2.875rem) no-repeat url("../../../public/assets/img/background.png"),
    #01121e;
}

/*----------------------------------------------
                Desktop Main
------------------------------------------------*/
.desktop_main {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  /* margin-top: 5.0625rem; */
  flex: 1;
}

.margin-container {
  margin-top: 5.0625rem;
}

/*----------------------------------------------
                    Button
------------------------------------------------*/
.desktop_input {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  outline: none;
  user-select: none;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  border-radius: 9.375rem;
  background: transparent;
  color: white;
}

html[dir="ltr"] .desktop_input {
  font-family: "Poppins", sans-serif;
  font-size: 0.875rem;
  padding: 0.625rem 1.25rem;
}

html[dir="rtl"] .desktop_input {
  font-family: "Tajawal", sans-serif;
  font-size: 1rem;
  padding: 0.48rem 1.25rem;
}

.btn-primary {
  background-color: #00d274 !important;
}

.pagenation-button {
  border: 0.18em solid #00d274 !important;
  color: #ffffff !important;
}

.pagenation-button:hover {
  background: rgb(238 83 35 / 17%);
  color: #ffffff !important;
}

.pagenation-button:active {
  background: rgb(238 83 35 / 17%) !important;
  color: #ffffff !important;
}

.pagenation-button:disabled {
  color: #ccc;
}

/*----------------------------------------------
                    Blur Item
------------------------------------------------*/
.blur {
  width: 6.25rem;
  height: 6.25rem;
  background-color: #00d274;
  box-shadow: 0 0 16rem 7rem #12925e;
  position: absolute;
  border-radius: 50%;
  filter: blur(6.25rem);
}

.blur:nth-child(1) {
  top: -9rem;
}

.blur:nth-child(2) {
  top: 60.125rem;
}

.blur:nth-child(3) {
  top: 80.875rem;
}

html[dir="ltr"] .blur:nth-child(1) {
  left: 0;
}

html[dir="ltr"] .blur:nth-child(2) {
  right: -13.25rem;
}

html[dir="ltr"] .blur:nth-child(3) {
  left: -13.25rem;
}

html[dir="rtl"] .blur:nth-child(1) {
  right: 0;
}

html[dir="rtl"] .blur:nth-child(2) {
  left: -13.25rem;
}

html[dir="rtl"] .blur:nth-child(3) {
  right: -13.25rem;
}

/*----------------------------------------------
                Desktop Header
------------------------------------------------*/
.header_desktop {
  width: 100%;
  height: 5.063rem;
  user-select: none;
  padding: 0 1.188rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3;
}

.header_desktop>a {
  display: flex;
  justify-content: center;
  align-items: center;
}

.header_desktop>a svg {
  width: 16.563rem;
  height: 4.249rem;
}

.header_desktop .header_login_block {
  display: flex;
  justify-content: center;
  align-items: center;
}

.desktop_header_login_btn {
  border: 0.18em solid #ffd102;
  font-family: "Poppins";
  font-weight: 700;
  text-align: right;
  text-transform: uppercase;
  color: white;
  font-size: 0.875rem;
  margin-inline-end: 0.625rem;
}

.desktop_header_login_btn:hover {
  background: rgba(255, 204, 59, 0.17);
}

/* Desktop Lang Slide */
.desktop_lang {
  position: relative;
}

.desktop_selected_lang {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 0.625rem 0.625rem 0 0;
}

.desktop_selected_lang img {
  width: 2.5rem;
  height: 2.5rem;
  box-sizing: border-box;
  margin-inline-end: 1rem;
}

.desktop_lang_slider {
  opacity: 0;
  max-height: 0rem;
  top: 100%;
  position: absolute;
  z-index: 3;

  border-radius: 1.25rem;
  -webkit-animation: reduceVertical 0.3s linear;
  animation: reduceVertical 0.3s linear;
  width: 8.75rem;
  margin-top: 5px;
  overflow: hidden;
}

html[dir="ltr"] .desktop_lang_slider {
  right: 0;
}

html[dir="rtl"] .desktop_lang_slider {
  left: 0;
}

.desktop_lang_slider.open {
  -webkit-animation: incraseVertical 0.3s linear forwards;
  animation: incraseVertical 0.3s linear forwards;
}

@keyframes incraseVertical {
  0% {
    opacity: 0;
    max-height: 0rem;
  }

  100% {
    opacity: 1;
    max-height: 9rem;
  }
}

.desktop_lang_slider .singleLang {
  cursor: pointer;
  display: flex;
  box-sizing: border-box;
  padding: 0.625rem;
  display: flex;
  align-items: center;
  background: #01121e;
}

.desktop_lang_slider .singleLang.active {
  background: linear-gradient(90deg, #ffdf37 2.48%, #f5af21 100%),
    linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1));
}

.desktop_lang_slider .singleLang img {
  width: 1.5rem;
  height: 1.5rem;
  box-sizing: border-box;
  margin-inline-end: 0.625rem;
}

.desktop_lang_slider .singleLang span {
  font-size: 1rem;
  font-weight: 700;
  color: white;
}

/*----------------------------------------------
                Desktop Sidebar
------------------------------------------------*/
.desktop_sidebar {
  max-width: 18.125rem;
  width: 100%;
  min-width: 0;
  padding: 0;
  padding-bottom: 1rem;
  padding-inline-start: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  overflow: auto;
  max-height: calc(100vh - 5.0625rem);
  position: fixed;
}

.desktop_sidebar::-webkit-scrollbar {
  width: 0rem;
}

.desktop_sidebar::-webkit-scrollbar-thumb {
  width: 0rem;
}

.desktop_sidebar_menu {
  display: flex;
  flex-direction: column;
  gap: 0.938rem;
  padding: 0;
  padding-top: 1.25rem;
  margin: 0;
}

.sidebar_btn {
  border: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 3.75rem;
  min-width: 0;
  gap: 0.625rem;
  background-color: inherit;
  color: rgba(255, 255, 255, 0.5);
}

.sidebar_btn_child {
  padding-inline-start: 2.5rem !important;
}

.sidebar_link_arrow {
  width: 0.75rem;
  cursor: pointer;
  margin-inline-end: 1.813rem;
  color: rgba(255, 255, 255, 0.5);
  font-size: 1.3rem;
}

.sidebar_btn:active {
  transform: translateY(2px);
}

.sidebar_link.active .sidebar_btn {
  color: #00d274;
}

.sidebar_btn:hover {
  color: #72efb7;
  font-size: 1rem;
  font-weight: 700;
}

.sidebar_item {
  display: inline;
}

.sidebar_item_menu.active {
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 1.25rem;
  padding-bottom: 0.625rem;
}

.sidebar_link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
}

.sidebar_item_icon {
  width: 1.5rem;
  height: 1.5rem;
}

.sidebar_item_icon svg {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.sidebar_item_text {
  font-size: 1rem;
  font-weight: 700;
  text-align: start;
  white-space: break-spaces;
}

.sidebar_separator {
  width: 100%;
  height: 1px;
  display: flex;
  background: rgba(255, 255, 255, 0.1);
  margin: 2.188rem 0;
}

.sidebar_flat_link {
  margin-bottom: 1.25rem;
  padding-inline-start: 1.25rem;
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
}

.sidebar_flat_link a {
  color: rgba(255, 255, 255, 0.5);
}

.sidebar_flat_link a.active {
  color: #00d274;
}

.sidebar_bottom {
  padding-inline-start: 1.25rem;
}

.sidebar_bottom .sidebar_bottom_title {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.875rem;
  font-weight: 700;
}

.sidebar_bottom .sidebar_bottom_bg {
  height: 100%;
  display: flex;
  align-items: center;
  margin-top: 1.25rem;
}

.sidebar_bottom .sidebar_bottom_bg span {
  width: 2.125rem;
  height: 2.125rem;
  display: flex;
  margin: 0;
  margin-inline-end: 0.375rem;
}

.sidebar_bottom .sidebar_bottom_bg p {
  max-width: 4.1875rem;
  font-weight: 700;
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.5);
  line-height: 0.75rem;
  margin: 0;
}

/*----------------------------------------------
                Modal Comp
------------------------------------------------*/
.modal_layout {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
}

.modal_layout .modal_content {
  min-width: 18.75rem;
  background: linear-gradient(121.78deg,
      #111c22 38.37%,
      #080d09 60.85%,
      #080d09 75.5%,
      #080c0d 90.61%);
  border-radius: 0.625rem;
  position: relative;
}

/* Close Modal */
.modal_layout .modal_content .close_modal {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 2.063rem;
  width: 0.762rem;
  height: 0.762rem;
  color: white;
  cursor: pointer;
}

html[dir="ltr"] .modal_layout .modal_content .close_modal {
  right: 2.125rem;
}

html[dir="rtl"] .modal_layout .modal_content .close_modal {
  left: 2.125rem;
}

.modal_layout .modal_content .close_modal svg {
  width: 100%;
  height: 100%;
}

/* Login Modal */
.modal_layout .login_modal {
  min-width: 44.813rem;
  min-height: 26.438rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.modal_layout .login_modal .modal_img {
  position: relative;
}

.modal_layout .login_modal .modal_img img {
  width: 24.875rem;
  height: 31rem;
  position: absolute;
  bottom: 0;
}

html[dir="ltr"] .modal_layout .login_modal .modal_img img {
  left: -2.5rem;
  border-top-right-radius: 80%;
}

html[dir="rtl"] .modal_layout .login_modal .modal_img img {
  right: -2.5rem;
  transform: rotateY(180deg);
}

.modal_layout .login_modal .login_form_container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.modal_layout .login_modal .login_form_container .login_title {
  margin-bottom: 2.375rem;
  font-size: 1.875rem;
  font-weight: 700;
  color: white;
}

.modal_layout .login_modal .login_form_container .login_form {
  width: 17.75rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.login_form .desktop_input {
  border: 0.18em solid #00d274;
  background-color: #00d274;
}

/*----------------------------------------------
                Blur Comp
------------------------------------------------*/
.blur_comp {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 1.25rem;
  -webkit-backdrop-filter: blur(0.313rem);
  backdrop-filter: blur(0.313rem);
}

/*----------------------------------------------
                Desktop Content
------------------------------------------------*/
.desktop_content {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
  min-width: 26.125rem;
  overflow: auto;
}

html[dir="ltr"] .desktop_content {
  margin-left: 19.5rem;
  margin-right: 27.5rem;
}

html[dir="ltr"] .desktop_content.full {
  margin-left: 19.5rem;
  margin-right: 1.25rem;
}

html[dir="rtl"] .desktop_content {
  margin-right: 19.5rem;
  margin-left: 27.5rem;
}

html[dir="rtl"] .desktop_content.full {
  margin-right: 19.5rem;
  margin-left: 1.25rem;
}

/*----------------------------------------------
                Desktop Jackpot
------------------------------------------------*/
.desktop_jackpot {
  max-width: 27.5rem;
  width: 100%;
  min-width: 0;
  padding: 0 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  max-height: calc(100vh - 5.0625rem);
  position: fixed;
  overflow: auto;
  -webkit-backdrop-filter: blur(0.313rem);
  backdrop-filter: blur(0.313rem);
  z-index: 1;
}

html[dir="ltr"] .desktop_jackpot {
  right: 0;
}

html[dir="rtl"] .desktop_jackpot {
  left: 0;
}

.desktop_jackpot::-webkit-scrollbar {
  cursor: none;
  width: 0;
  background: transparent;
}

.desktop_jackpot::-webkit-scrollbar-thumb {
  cursor: none;
  width: 0;
  background: transparent;
}

/*----------------------------------------------
                Blure Container
------------------------------------------------*/
.blure_container {
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 1.25rem;
  -webkit-backdrop-filter: blur(0.313rem);
  backdrop-filter: blur(0.313rem);
  overflow-x: hidden;
  position: relative;
  z-index: 2;
}

.blure_container.slot {
  padding: 1.875rem;
  margin-bottom: 1.25rem;
}

.blure_container.mb {
  margin-bottom: 1.25rem;
}

.blure_container.top_win_container {
  padding: 1.25rem 1.875rem 1.8755rem 1.875rem;
}

/* Top Win */
.top_win_container .top_win_header {
  display: flex;
  padding-bottom: 0.625rem;
  align-items: center;
  align-self: stretch;
  user-select: none;
}

.top_win_container .top_win_header .top_win_title {
  font-weight: 700;
  font-size: 2.4rem;
  color: white;
  white-space: nowrap;
  margin-inline-end: 1.25rem;
  margin-bottom: 0;
}

.top_win_container .top_win_header .top_win_separator {
  height: 1px;
  width: 100%;
  flex: 1 0 0;
  background: rgba(182, 186, 213, 0.2);
}

.top_win_container .top_win_body {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.top_win_container .top_win_body .top_win_row {
  display: grid;
  /* grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; */
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  padding: 0.625rem 0;
  user-select: text;
}

.top_win_container .top_win_body .top_win_row .top_win_col {
  display: flex;
  flex-direction: column;
  text-align: center;
}

html[dir="ltr"] .top_win_container .top_win_body .top_win_row .top_win_col.user {
  text-align: left;
}

html[dir="ltr"] .top_win_container .top_win_body .top_win_row .top_win_col.amount {
  text-align: right;
}

html[dir="rtl"] .top_win_container .top_win_body .top_win_row .top_win_col.user {
  text-align: right;
}

html[dir="rtl"] .top_win_container .top_win_body .top_win_row .top_win_col.amount {
  text-align: left;
  direction: ltr;
  justify-content: start;
}

.top_win_container .top_win_body .top_win_row .top_win_col span {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}

.top_win_container .top_win_body .top_win_row .top_win_col.data span {
  color: #ffffff;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.top_win_container .top_win_body .top_win_row .top_win_col.amount.data {
  color: #00d274;
  flex-direction: row;
  align-items: baseline;
  justify-content: flex-end;
}

.top_win_container .top_win_body .top_win_row .top_win_col.amount.data .currency {
  margin-inline-start: 5px;
}

.top_win_container .top_win_body .top_win_row .top_win_col.amount.data span:first-child {
  color: #ffd102;
  flex-direction: row;
}

.top_win_container .top_win_body .top_win_row .top_win_col.amount.data span:not(:first-child) {
  font-size: 0.75rem;
}

/*----------------------------------------------
                Desktop Slider
------------------------------------------------*/
.desktop_slider {
  margin-bottom: 2.3rem;
  user-select: none;
}

.desktop_slider .swiper {
  border-radius: 1.25rem;
}

.desktop_slider .swiper .swiper-slide {
  border-radius: 1.25rem;
  overflow: hidden;
}

.desktop_slider .swiper .swiper-slide img {
  max-height: 24.813rem;
  width: 100%;
}

.desktop_slider .swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  position: relative;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
}

.desktop_slider .swiper-pagination-bullet {
  width: 0.288rem !important;
  min-width: 0.288rem !important;
  height: 0.288rem !important;
  background: rgba(255, 255, 255, 0.5) !important;
  opacity: 1 !important;
  margin: 0 0.144rem !important;
}

.desktop_slider .swiper-pagination-bullet-active {
  background: #00d274 !important;
}

/*----------------------------------------------
                Slots
------------------------------------------------*/
.slots:not(:last-child) {
  margin-bottom: 3.75rem;
}

.slots:last-child {
  margin-bottom: 0;
}

.slots .slots_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.625rem;
  padding: 0 0.625rem;
  user-select: none;
}

.slots .slots_header .header_row {
  display: flex;
  align-items: center;
}

.slots_header .header_row .slot_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline-end: 1rem;
}

.slots_header .header_row .slot_icon img {
  width: 30px;
  height: 30px;
}

.slots_header .slots_title {
  font-weight: 700;
  font-size: 2.4rem;
  color: white;
  white-space: nowrap;
  text-transform: capitalize;
  margin: 0;
}

.slots_header .slots_separator {
  width: 100%;
  height: 1px;
  display: flex;
  background: rgba(182, 186, 213, 0.2);
  margin: 0 1.25rem;
}

.slots_header .slots_action {
  display: flex;
  align-items: center;
  justify-content: center;
}

.slots_header .slots_action a {
  font-weight: 600;
  font-size: 1.25rem;
  color: white;
  margin-inline-end: 1.25rem;
  text-decoration: none;
}

.slots_header .slots_action .slots_action_btn {
  display: flex;
  align-items: center;
  justify-content: center;
}

.slots_header .slots_action .slots_action_btn span {
  width: 1.875rem;
  min-width: 1.875rem;
  height: 1.875rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: white;
  cursor: pointer;
}

.slots_header .slots_action .slots_action_btn span.slots_action_btn_prev {
  margin-inline-end: 0.313rem;
}

.slots_header .slots_action .slots_action_btn span.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.slots_header .slots_action .slots_action_btn span svg {
  width: 100%;
  height: 100%;
}

/* Slot Body */
.slots .slots_body {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 0.638rem;
  user-select: none;
}

/* Single Slot Game */
.slots_body .single_slots_game {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.single_slots_game .single_slots_game_image {
  width: 100%;
  height: 8rem;
  background-image: url("/assets/img/loaded-img.png");
  background-position: center;
  background-color: #ffffff0d;
  background-repeat: no-repeat;
  background-size: 90%;
  border: 1px solid #ffffff1a;
  border-radius: 0.625rem;
  overflow: hidden;
}

.single_slots_game .single_slots_game_image img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: 0.4s;
}

.slots_body .single_slots_game:hover .single_slots_game_image img {
  transition: 0.4s;
  filter: blur(0.2rem);
  transform: scale(1.1);
}

.single_slots_game .single_slots_game_control {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  border-radius: 0.625rem;
  width: 0;
  height: 0;
  overflow: hidden;
}

.slots_body .single_slots_game:hover .single_slots_game_control {
  background: linear-gradient(180deg,
      rgba(0, 0, 0, 0.2) 0%,
      rgba(0, 0, 0, 0.6) 100%);
  width: 100%;
  height: 100%;
}

.single_slots_game .single_slots_game_control .game_play_btn {
  margin: 0px auto;
  width: 1.875rem;
  height: 1.875rem;
}

.single_slots_game .single_slots_game_control .game_play_btn svg {
  width: 100%;
  height: 100%;
}

.single_slots_game .single_slots_game_control .game_content {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.625rem;
}

.single_slots_game_control .game_content .game_info {
  align-items: flex-start;
  color: #ffffff;
  margin-top: 0.5rem;
}

.single_slots_game_control .game_content .game_info .game_name {
  /* max-width: 80px; */
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2rem;
  display: -webkit-box;
  display: -moz-box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
}

html[dir="rtl"] .single_slots_game_control .game_content .game_info .game_name {
  text-align: right;
  direction: ltr;
}

.single_slots_game_control .game_content .game_info .game_provider {
  font-size: 0.625rem;
  font-weight: 400;
  display: block;
}

.single_slots_game_control .game_content .game_fav {
  display: flex;
  min-width: 1.75rem;
  min-height: 1.75rem;
  max-width: 1.75rem;
  max-height: 1.75rem;
  cursor: pointer;
}

.single_slots_game_control .game_content .game_fav .game_fav_btn {
  display: inline-block;
  width: 100%;
  height: 100%;
  color: #fdd834;
}

.single_slots_game_control .game_content .game_fav .game_fav_btn svg {
  width: 100%;
  height: 100%;
}

/* Main Slot Header */
.slot_main_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
  padding: 0 0.625rem;
  user-select: none;
}

.slot_main_header .slots_separator {
  width: 100%;
  height: 1px;
  display: flex;
  background: rgba(182, 186, 213, 0.2);
  margin: 0;
}

.slot_main_header span {
  font-weight: 700;
  font-size: 1.5rem;
  color: #fff;
  white-space: nowrap;
  text-transform: capitalize;
  margin: 0 1.25rem;
  background-color: #ffffff00;
  padding: 0.5rem 1.5rem;
  border-radius: 1.25rem;
  -webkit-backdrop-filter: blur(0.313rem);
  backdrop-filter: blur(0.313rem);
}

/*----------------------------------------------
                Skeleton
------------------------------------------------*/
.singleSkeletonContainer {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.singleSkeletonContainer .singleSkeleton {
  width: 100%;
  height: 30px;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

/*----------------------------------------------
                Single Slot Skeleton
------------------------------------------------*/
.singleSlotSkeletonContainer {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 0.638rem;
  user-select: none;
}

.singleSlotSkeleton {
  display: flex !important;
  width: 100%;
  height: 8rem;
  border-radius: 0.625rem !important;
}

/*----------------------------------------------
                Single Provider Skeleton
------------------------------------------------*/
.singleProvSkeletonContainer {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 3.75rem;
  user-select: none;
  margin-bottom: 3.75rem;
}

.singleProvSkeleton {
  display: flex !important;
  width: 100%;
  height: 10rem;
  border-radius: 0.625rem !important;
}

/*----------------------------------------------
                Single Filter Skeleton
------------------------------------------------*/
.singleFilterSkeletonContainer {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0.5em;
  width: 100%;
}

.singleFilterSkeletonContainer .singleFilterSkeleton {
  flex-shrink: 0;
  width: 50px;
  height: 25px;
  border-radius: 15px;
}

/*----------------------------------------------
                Load More
------------------------------------------------*/
.load_more {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.load_more .load_more_btn {
  flex: 0.3;
  border: 0.18em solid #00d274;
  font-family: inherit;
  font-weight: 700;
  color: white;
}

html[dir="ltr"] .load_more .load_more_btn {
  padding: 0.725rem 1.25rem;
  font-size: 1rem;
}

html[dir="rtl"] .load_more .load_more_btn {
  padding: 0.725rem 1.25rem;
  font-size: 1rem;
}

.load_more .load_more_btn:hover {
  background: rgb(238 83 35 / 17%);
}

.load_more .load_more_btn.disabled {
  cursor: not-allowed;
}

.form-group .form-wrapper:first-child {
  margin-right: 20px;
}

.form-group .form-wrapper {
  width: 50%;
}

.form-wrapper {
  margin-bottom: 17px;
}

.form-control {
  border: 1px solid #ccc;
  display: block;
  width: 100%;
  height: 40px;
  padding: 0 20px;
  border-radius: 20px;
  font-family: muli-bold;
  overflow: none;
}

.form-control:focus {
  border: none;
  outline: 0.18em solid #00d274;
}

.form-wrapper label {
  margin-bottom: 9px;
  display: block;
  color: #ffffff;
}

/*----------------------------------------------
                Server Error
------------------------------------------------*/
.error_container {
  width: 100%;
  padding: 1.25rem;
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 1.25rem;
  -webkit-backdrop-filter: blur(0.313rem);
  backdrop-filter: blur(0.313rem);
  display: flex;
  justify-content: center;
  align-items: center;
}

.error_container .error_content {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 1rem;
}

.error_container .error_content img {
  width: 35%;
}

.error_container .error_content p {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
  color: #fff;
}

.error_container .error_content button {
  width: fit-content;
  border: 2px solid #00d274;
  border-radius: 50%;
  color: #fff;
  font-size: 1.8rem;
  padding: 0.8rem;
  transition: all 0.5s linear;
}

.error_container .error_content button:hover {
  -webkit-animation: reconnect 2s linear infinite;
  animation: reconnect 2s linear infinite;
  background: rgb(238 83 35 / 17%);
}

@keyframes reconnect {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(-180deg);
  }
}

.mbsc-windows.mbsc-label {
  color: #fff;
}

/*----------------------------------------------
                Filter
------------------------------------------------*/
.filter_container {
  position: relative;
  width: 100%;
  margin-bottom: 0.5rem;
}

.filter_container.flex {
  display: flex;
  justify-content: start;
  align-items: center;
}

.filter_list {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0.5em;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 0.5em;
}

.filter_list::-webkit-scrollbar {
  cursor: pointer;
  width: 0.3rem;
  height: 0.3em;
  background: #2f3838;
}

.filter_list::-webkit-scrollbar-thumb {
  cursor: pointer;
  width: 0.3rem;
  height: 0.3em;
  background: #5a5a5a;
  border-radius: 0.5rem;
}

.filter_container.flex .filter_list {
  width: 100%;
}

.filter_container .search_box {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0.5em;
  width: fit-content;
  padding: 0 0.2rem 0.2rem 0.5rem;
  padding-bottom: 0.2rem;
}

.filter_container .search_box input {
  width: 150px;
  border: 2px solid #00d274;
  text-align: start;
  cursor: initial;
  padding: 0.5rem 1.25rem;
}

.filter_container .search_box button {
  width: fit-content;
  border: 2px solid #00d274;
  background-color: #00d274;
  text-align: start;
  padding: 0.5rem 1rem;
}

.filter_list .filter_item {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
  padding: 0.2rem 0.7em;
  flex-shrink: 0;
  min-width: 50px;
  min-height: 25px;
  border-radius: 15px;
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 1.25rem;
  -webkit-backdrop-filter: blur(0.313rem);
  backdrop-filter: blur(0.313rem);
  cursor: pointer;
  transition: all 0.1s linear;
}

.filter_list .filter_item:last-child {
  margin-inline-end: 0.5em;
}

.filter_list .filter_item:hover {
  background-color: rgba(238, 82, 35, 0.3);
}

.filter_list .filter_item.active {
  background-color: #00d274;
}

.header_user .user_info {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
}

.header_user .user_info .user_balance {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.1rem;
  padding: 0.3rem 2rem;
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.5rem;
  -webkit-backdrop-filter: blur(0.313rem);
  backdrop-filter: blur(0.313rem);
}

.header_user .user_info .user_balance span {
  color: #fff;
  font-weight: 600;
  font-size: 0.85rem;
}

.header_user .user_info .user_balance .user_balance_lebel {
  color: #00d274;
  font-size: 1rem;
  font-weight: 600;
}

.header_user .user_info .user_menu_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  background-color: transparent;
  border: none;
  outline: none;
}

.header_user .user_info .user_menu_btn img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/*----------------------------------------------
                Game Iframe
------------------------------------------------*/
.game_iframe {
  min-height: calc(100vh - (1.25rem + 115px + 1.875rem));
  height: calc(100vh - (1.25rem + 115px + 1.875rem));
}

.game_iframe .game_iframe_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
}

.game_iframe .game_iframe_header button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0.5rem 0.5rem 0 0;
  -webkit-backdrop-filter: blur(0.313rem);
  backdrop-filter: blur(0.313rem);
  border: none;
  outline: none;
  color: #00d274;
  font-size: 1.5rem;
  padding: 0.5rem;
}

.game_iframe .game_iframe_header button svg {
  width: 100%;
  height: 100%;
}

.game_iframe .singleIframeSkeletonContainer {
  display: block;
  width: 100%;
  height: calc(100% - 39px);
}

.game_iframe .singleIframeSkeletonContainer .singleIframeSkeleton {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0;
}

.game_iframe .iframe {
  width: 100%;
  height: calc(100% - 39px);
  border-radius: 0;
  overflow: auto;
}

.game_iframe .iframe.jackpot {
  height: calc(100% - 45px);
}

.game_iframe .iframe::-webkit-scrollbar {
  cursor: pointer;
  width: 0.2rem;
  background: #2f3838;
}

.game_iframe .iframe::-webkit-scrollbar-thumb {
  cursor: pointer;
  width: 0.2rem;
  background: #5a5a5a;
  border-radius: 0.3125rem;
}

.game_iframe .iframe>div {
  width: 100%;
  overflow: auto;
}

.game_iframe .iframe>div::-webkit-scrollbar {
  cursor: pointer;
  width: 0.2rem;
  background: #2f3838;
}

.game_iframe .iframe>div::-webkit-scrollbar-thumb {
  cursor: pointer;
  width: 0.2rem;
  background: #5a5a5a;
  border-radius: 0.3125rem;
}

.game_iframe .iframe>div>iframe {
  width: 100% !important;
  min-height: 100% !important;
}

/*----------------------------------------------
        Single User Skeleton Container
------------------------------------------------*/
.singleUserSkeletonContainer {
  display: inline-block;
  width: 118px;
  height: 47px;
}

.singleUserSkeletonContainer .singleUserSkeleton {
  display: inline-block;
  width: 100%;
  height: 100%;
}

/*----------------------------------------------
        Coming Soon
------------------------------------------------*/
.coming_soon {
  width: 100%;
  height: 37.6vh;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  font-weight: 600;
  color: #fff;
}

.coming_soon p {
  margin: 0;
}

/*----------------------------------------------
        Coming Soon
------------------------------------------------*/
.SVG-component {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.SVG-component__content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.SVG-component__content-svg {
  width: 100%;
  height: 100%;
}

.jackpots-joker-desktop {
  position: relative;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 1.25rem;
  border: 0.56px solid rgba(255, 255, 255, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
  padding: 1.813rem 0 1.673rem 0;
}

.jackpots-joker-desktop::after,
.jackpots-joker-desktop::before {
  content: "";
  background-color: #0e9b5c;
  box-shadow: 0 0 2.5rem 2.5rem linear-gradient(180deg, #2ebdfe -24.3%, #37cefe 2.19%, #00deb6 100%);
  position: absolute;
  border-radius: 50%;
  width: 20.75rem;
  height: 2.313rem;
  filter: blur(2.313rem);
}

.jackpots-joker-desktop::after {
  width: 20.75rem;
  height: 2.313rem;
  filter: blur(2.313rem);
  top: 50%;
  left: 50%;
  transform: translate(-50%, 0);
}

.jackpots-joker-desktop::before {
  top: 10px;
  left: 160px;
}

.jackpots-joker-desktop__logo {
  width: 13.438rem;
  margin-bottom: 0.688rem;
}

.jackpots-joker-desktop__text {
  color: #ffffff;
  font-size: 0.816rem;
  font-weight: 700;
  margin-bottom: 0.328rem;
}

.jackpots-joker-desktop__item {
  width: 21.75rem;
  height: 4.063rem;
  background-image: url(/assets/img/background.png);
  background-position: center;
  border-radius: 1.1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.938rem;
}

.jackpots-joker-desktop__amount {
  font-weight: 900;
  color: #ffffff;
  font-size: 2.5rem;
  z-index: 2;
}

.jackpots-joker-desktop__winning {
  color: #00d274;
  font-size: 1.32rem;
  font-weight: 700;
}

/********************************/
.SVG-component {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.SVG-component__content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.SVG-component__content-svg {
  width: 100%;
  height: 100%;
}

@font-face {
  font-family: "password";
  font-style: normal;
  font-weight: 400;
  src: url(/assets/fonts/password.ttf);
}

.input-desktop {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0.625rem 1.25rem;
  position: relative;
  border-radius: 9.375rem;
  border: 1px solid rgba(217, 217, 217, 0.5);
  background: transparent;
}

.input-desktop__native {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  border-radius: 0;
  border: 0 solid transparent;
  outline: none;
  background: transparent;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.1875rem;
  -webkit-appearance: none;
  color: #fff;
  font-family: "Poppins";
}

.input-desktop__native_color_green {
  color: #00d274;
}

.input-desktop__native::-moz-placeholder {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.1875rem;
  color: rgba(255, 255, 255, 0.5);
  text-transform: capitalize;
}

.input-desktop__native:-ms-input-placeholder {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.1875rem;
  color: rgba(255, 255, 255, 0.5);
  text-transform: capitalize;
}

.input-desktop__native::placeholder {
  font-family: "Poppins";
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.1875rem;
  color: rgba(255, 255, 255, 0.5);
  text-transform: capitalize;
}

.input-desktop__native:focus.input-desktop__native::-moz-placeholder {
  color: transparent;
}

.input-desktop__native:focus.input-desktop__native:-ms-input-placeholder {
  color: transparent;
}

.input-desktop__native:focus.input-desktop__native::placeholder {
  color: transparent;
}

.input-desktop__native_activePassword {
  font-family: "password";
}

.input-desktop__native_valid {
  border: 1px solid #34c759;
}

.input-desktop__native_invalid {
  border: 1px solid #ff3b30;
}

.input-desktop__native:-webkit-autofill,
.input-desktop__native:-webkit-autofill:hover,
.input-desktop__native:-webkit-autofill:focus.input-desktop__native:-webkit-autofill,
.input-desktop__native:-webkit-autofill::first-line,
.input-desktop__native::-internal-input-seggested {
  color: black;
  -webkit-text-fill-color: black;
  -webkit-box-shadow: 0 0 0px 1000px transparent inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  background: -webkit-linear-gradient(top,
      rgba(255, 255, 255, 0) 0%,
      rgba(0, 174, 255, 0.04) 50%,
      rgba(255, 255, 255, 0) 51%,
      rgba(0, 174, 255, 0.03) 100%);
}

.input-desktop__native::-webkit-inner-spin-button {
  display: none !important;
}

.input-desktop__password,
.input-desktop__password-off {
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
  position: absolute;
  right: 1.0625rem;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.input-desktop__password_active {
  display: flex;
}

.input-desktop__password-off_active {
  display: flex;
}

.input-desktop_fontSize_14 .input-desktop__native {
  font-size: 0.875rem;
  line-height: 1rem;
}

.input-desktop_fontSize_14 .input-desktop__native::-moz-placeholder {
  font-size: 0.875rem;
  line-height: 1rem;
}

.input-desktop_fontSize_14 .input-desktop__native:-ms-input-placeholder {
  font-size: 0.875rem;
  line-height: 1rem;
}

.input-desktop_fontSize_14 .input-desktop__native::placeholder {
  font-size: 0.875rem;
  line-height: 1rem;
}

.input-desktop_fontSize_12 .input-desktop__native {
  font-size: 0.75rem;
  line-height: 0.875rem;
}

.input-desktop_fontSize_12 .input-desktop__native::-moz-placeholder {
  font-size: 0.75rem;
  line-height: 0.875rem;
}

.input-desktop_fontSize_12 .input-desktop__native:-ms-input-placeholder {
  font-size: 0.75rem;
  line-height: 0.875rem;
}

.input-desktop_fontSize_12 .input-desktop__native::placeholder {
  font-size: 0.75rem;
  line-height: 0.875rem;
}

.input-desktop__measure {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 0 0 1.25rem;
  font-size: 1rem;
  text-align: right;
  color: #00d274;
}

.button-desktop {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.625rem 1.25rem;
  border: none;
  outline: none;
  user-select: none;
  font-weight: bold;
  font-family: "Poppins", sans-serif;
  font-size: 0.875rem;
  text-align: center;
  white-space: nowrap;
  border-radius: 9.375rem;
  background: transparent;
  color: #fff;
}

.button-desktop:active {
  transform: translateY(2px);
}

.button-desktop_borderRadius_10 {
  border-radius: 0.625rem;
}

.button-desktop_leftAlignment {
  justify-content: flex-start;
}

.button-desktop_color_grad1 {
  background: linear-gradient(270deg, #00fbc1 0%, #00f67b 100%);
  box-shadow: 0px 0px 0.75rem #00f78e;
  color: #00926f;
}

.button-desktop_color_grad2 {
  background: linear-gradient(89.62deg, #008161 1.96%, #074644 99.68%);
}

.button-desktop_color_grad3 {
  background: linear-gradient(180deg, #008161 0.09%, #074644 99.91%);
  border: 1px solid #055049;
}

.button-desktop_color_green1 {
  background: #008161;
}

.button-desktop_color_yellow {
  background: linear-gradient(90deg, #ffdf37 2.48%, #f5af21 100%);
}

.button-desktop_color_yellow:hover {
  background: linear-gradient(90deg, #ffd600 2.48%, #e7d5ae 100%);
}

.button-desktop_color_yellowBorder {
  border: 1px solid #ffd102;
}

.button-desktop_color_yellowBorder:hover {
  background: rgba(255, 204, 59, 0.17);
}

.button-desktop_color_green {
  background-color: #00d274;
}

.button-desktop_color_green:hover {
  background-color: #097947;
}

.button-desktop:hover.button-desktop_color_grad1 {
  background: linear-gradient(270deg, #00fbc1 0%, #00f67b 100%);
  box-shadow: 0px 0px 0.9375rem #00f78e;
  color: #00926f;
}

.button-desktop_disabled {
  cursor: not-allowed;
  box-shadow: none;
  opacity: 0.5;
}

.handle-login {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  padding: 6.375rem 3.5rem 4rem;
}

.handle-login__back {
  position: absolute;
  top: 1.5625rem;
  left: 2.375rem;
  cursor: pointer;
}

.handle-login__header {
  height: 5.5rem;
  width: 100%;
  font-size: 1.625rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.handle-login__form {
  flex-grow: 1;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.handle-login__input:not(:last-child) {
  margin-bottom: 0.75rem;
}

.handle-login__button {
  margin-top: auto;
}

.set-language-dropdown-desktop {
  display: flex;
  flex-direction: column;
  position: relative;
  box-sizing: border-box;
  border-radius: 0.625rem;
}

.set-language-dropdown-desktop_open {
  border-radius: 0.625rem 0.625rem 0 0;
}

.set-language-dropdown-desktop__main-block {
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: flex-start;
}

.set-language-dropdown-desktop__current {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.set-language-dropdown-desktop__lang-info {
  display: flex;
  flex-direction: column;
}

.set-language-dropdown-desktop__lang-title {
  font-size: 0.75rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.5);
}

.set-language-dropdown-desktop__language {
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
}

.set-language-dropdown-desktop__current-text {
  display: flex;
  align-items: center;
  margin-right: auto;
  font-weight: bold;
  font-size: 0.875rem;
  white-space: nowrap;
}

.set-language-dropdown-desktop__current-img {
  width: 2.5rem;
  height: 2.5rem;
  box-sizing: border-box;
}

.set-language-dropdown-desktop__arrow {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s ease-in;
  margin-right: 0.625rem;
}

.set-language-dropdown-desktop__arrow-svg {
  width: 1.875rem;
  height: 1.875rem;
}

.set-language-dropdown-desktop_open .set-language-dropdown-desktop__arrow {
  transform: rotate(180deg);
}

.set-language-dropdown-desktop__items {
  opacity: 0;
  max-height: 0rem;
  top: 100%;
  position: absolute;
  z-index: 3;
  right: 0;
  border-radius: 1.25rem;
  -webkit-animation: reduceVertical 0.3s linear;
  animation: reduceVertical 0.3s linear;
  width: 8.75rem;
  margin-top: 5px;
  overflow: hidden;
}

.set-language-dropdown-desktop_open .set-language-dropdown-desktop__items {
  -webkit-animation: incraseVertical 0.3s linear forwards;
  animation: incraseVertical 0.3s linear forwards;
}

.set-language-dropdown-desktop__item {
  cursor: pointer;
  display: flex;
  box-sizing: border-box;
  padding: 0.625rem;
  display: flex;
  align-items: center;
  background: #01121e;
}

.set-language-dropdown-desktop__item span {
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
}

.set-language-dropdown-desktop__item_selected {
  background: linear-gradient(90deg, #ffdf37 2.48%, #f5af21 100%),
    linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1));
}

.set-language-dropdown-desktop__item-img {
  width: 1.5rem;
  height: 1.5rem;
  box-sizing: border-box;
  margin-right: 0.625rem;
}

.set-language-dropdown-desktop__item-text {
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 0.875rem;
  white-space: nowrap;
  color: #6f6f6f;
}

@-webkit-keyframes incraseVertical {
  0% {
    opacity: 0;
    max-height: 0rem;
  }

  100% {
    opacity: 1;
    max-height: 9rem;
  }
}

@keyframes incraseVertical {
  0% {
    opacity: 0;
    max-height: 0rem;
  }

  100% {
    opacity: 1;
    max-height: 9rem;
  }
}

@-webkit-keyframes reduceVertical {
  0% {
    opacity: 1;
    max-height: 6rem;
  }

  100% {
    opacity: 0;
    max-height: 0rem;
  }
}

@keyframes reduceVertical {
  0% {
    opacity: 1;
    max-height: 6rem;
  }

  100% {
    opacity: 0;
    max-height: 0rem;
  }
}

@-webkit-keyframes darker {
  0% {
    background: transparent;
  }

  100% {
    background: #252525;
  }
}

@keyframes darker {
  0% {
    background: transparent;
  }

  100% {
    background: #252525;
  }
}

@-webkit-keyframes lighter {
  0% {
    background: #252525;
  }

  100% {
    background: transparent;
  }
}

@keyframes lighter {
  0% {
    background: #252525;
  }

  100% {
    background: transparent;
  }
}

.header-login-block-desktop {
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}

.header-login-block-desktop__user {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

.header-login-block-desktop__user-balance {
  display: flex;
  padding: 0 0.938rem;
  flex-direction: column;
  justify-content: center;
  border-radius: 1.25rem;
  background-color: #ffffff0d;
  border: 2px solid #ffffff1a;
  height: 3.75rem;
}

.header-login-block-desktop__user-balance-bottom {
  display: flex;
}

.header-login-block-desktop__row {
  display: flex;
  align-items: center;
}

.header-login-block-desktop__user-balance-value {
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1rem;
}

.header-login-block-desktop__user-balance-value:first-child {
  margin-inline-end: 0.625rem;
}

.header-login-block-desktop__user-balance-id {
  color: #00d274;
  font-size: 0.875rem;
  font-weight: 700;
  text-align: center;
  line-height: 0.875rem;
  margin-bottom: 1px;
}

.header-login-block-desktop__user-profile {
  display: flex;
  align-items: center;
  border-radius: 0.625rem;
  background: rgba(255, 255, 255, 0.05);
  border: 2px solid rgba(255, 255, 255, 0.1);
  width: 3.75rem;
  height: 3.75rem;
  justify-content: center;
  border-radius: 1.25rem;
}

.header-login-block-desktop__user-profile-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.header-login-block-desktop__user-profile-icon-svg {
  width: 1.875rem;
  height: 1.875rem;
}

.header-login-block-desktop__user-profile-text {
  margin: 0 0 0 0.25rem;
  font-weight: 400;
  font-size: 1rem;
  color: #ffffff;
}

.header-login-block-desktop__auth-buttons {
  display: flex;
}

.header-login-block-desktop__buttons {
  padding-right: 0.625rem;
}

.header-login-block-desktop__button {
  max-width: 10rem;
}

.header-login-block-desktop__button-text {
  font-family: "Poppins";
  font-weight: 700;
  text-align: right;
  text-transform: uppercase;
  color: #fff;
  font-size: 0.875rem;
}

.header-login-block-desktop__amount {
  background: linear-gradient(90deg, #ffdf37 2.48%, #f5af21 100%);
  -webkit-background-clip: text;
  color: transparent;
}

.header-desktop {
  z-index: 15;
  flex-shrink: 0;
  width: 100%;
  min-width: 100%;
  height: 5.063rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: flex;
  padding: 0 1.188rem;
  justify-content: space-between;
  align-items: center;
}

.header-desktop__top {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header-desktop_isNotPadding .header-desktop__top {
  width: 100%;
}

.header-desktop__logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.header-desktop__logo-svg {
  width: 16.563rem;
  height: 4.249rem;
}

.header-desktop__top-right {
  display: flex;
  align-items: center;
}

.header-desktop__lucky-wheel {
  margin-left: 1.6875rem;
}

.header-desktop__promotions {
  min-width: 7.0625rem;
  height: 1.875rem;
  padding: 0 0 0 1.6875rem;
}

.header-desktop__promotions-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.header-desktop__promotions-icon-svg {
  width: 0.8125rem;
  height: 0.8125rem;
}

.header-desktop__promotions-text {
  margin: 0 0 0 0.375rem;
  font-weight: 700;
  font-size: 0.875rem;
  text-align: right;
  text-transform: uppercase;
  color: #000000;
}

.header-desktop__set-language {
  margin: 0 0 0 1.5rem;
}

.header-desktop__set-language_rightGap {
  margin: 0 1.5rem 0 0;
}

.header-desktop__menu {
  width: 86.75rem;
  box-shadow: 0px 0px 1.2996rem rgba(0, 0, 0, 0.19);
}

.header-desktop__fidelity {
  display: flex;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 0.625rem;
  background-color: #f8df37;
  filter: drop-shadow(0px 5px 15px rgba(249, 177, 9, 0.5));
  position: relative;
  margin-right: 0.625rem;
  justify-content: center;
  align-items: center;
}

.header-desktop__fidelity-icon {
  position: relative;
  width: 1.537rem;
  height: 1.67rem;
}

.header-desktop__fidelity-icon svg {
  width: 2rem;
  height: 2rem;
}

.modal-desktop {
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
}

.modal-desktop__content-container {
  display: flex;
  justify-content: center;
  min-width: 18.75rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.spinner-desktop2 {
  -webkit-animation: colorChange 2.5s ease-in-out infinite;
  animation: colorChange 2.5s ease-in-out infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  z-index: 10;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -50px 0 0 -50px;
  width: 110px;
  height: 110px;
}

.spinner-desktop2__frame {
  border: none;
  width: 110px;
  height: 110px;
}

.spinner-desktop2__logo {
  width: 9.375rem;
}

@-webkit-keyframes colorChange {
  100% {
    filter: hue-rotate(158deg);
  }
}

@keyframes colorChange {
  100% {
    filter: hue-rotate(158deg);
  }
}

.success-registration-mobile {
  width: 100%;
  height: 100%;
  min-width: 23.5rem;
  display: flex;
  flex-direction: column;
  color: white;
  align-items: center;
  margin: 0 auto;
}

.success-registration-mobile__cross {
  display: flex;
  position: absolute;
  right: 1.5rem;
  top: 1.25rem;
  width: 0.813rem;
  height: 0.813rem;
  cursor: pointer;
}

.success-registration-mobile__title {
  font-size: 1.25rem;
  font-weight: 700;
  color: #ffffff;
}

.success-registration-mobile__subtitle {
  margin: 1.563rem 0;
  font-weight: 700;
  font-size: 1rem;
  max-width: 14.625rem;
  line-height: 1rem;
  text-align: center;
}

.success-registration-mobile__button {
  max-width: 16.25rem;
  width: 100%;
  height: 2.5rem;
}

.success-registration-mobile__button-text {
  text-transform: uppercase;
}

.sign-in {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.sign-in__form {
  width: 17.75rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.sign-in__title {
  margin-bottom: 2.375rem;
  font-size: 1.875rem;
  font-weight: 700;
}

.sign-in__social {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.5rem;
  padding-bottom: 0.8rem;
  flex-wrap: wrap;
}

.sign-in__social::after {
  content: "";
  width: 100%;
  height: 2px;
  box-shadow: inset 0px -1px 0px #ffffff;
  background: #cacaca;
  margin-top: 1rem;
}

.sign-in__social-item {
  height: 3rem;
  width: 3rem;
  margin-left: 1rem;
}

.sign-in__label {
  font-size: 0.875rem;
  font-weight: 400;
  margin-bottom: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: white;
}

.sign-in__input {
  height: 2.6875rem;
  width: 100%;
  margin-bottom: 0.938rem;
}

.sign-in__input_last {
  margin-bottom: 2.375rem;
}

.sign-in__recovery {
  margin-bottom: 0.7rem;
  text-align: center;
}

.sign-in__button {
  height: 2.8125rem;
}

.sign-in__button-text {
  text-transform: uppercase;
}

.sign-in__button:last-child {
  margin-top: 0.625rem;
}

.check-box-desktop {
  width: 1.25rem;
  height: 1.25rem;
  border: 1px solid rgba(217, 217, 217, 0.5);
  box-sizing: border-box;
  border-radius: 0.375rem;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  flex-shrink: 0;
  cursor: pointer;
}

.check-box-desktop__input {
  display: none;
}

.check-box-desktop__view {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.check-box-desktop__img {
  display: flex;
  width: 0.6875rem;
}

.sign-up-promocode {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.25rem;
  margin-top: 0.625rem;
  width: 100%;
}

.sign-up-promocode__input {
  width: 100%;
  height: 2.5rem;
}

.sign-up-promocode__label {
  font-size: 0.875rem;
  font-weight: 400;
  margin-bottom: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: white;
}

.sign-up-promocode__item-button {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.sign-up-promocode__button {
  width: 100%;
  height: 2.5rem;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.sign-up-promocode__button-text {
  text-transform: uppercase;
}

.sign-up-desktop {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 4.188rem 1.813rem 0 1.513rem;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.sign-up-desktop__title {
  margin-bottom: 2.375rem;
  font-size: 1.875rem;
  font-weight: 700;
  display: flex;
}

.sign-up-desktop__input {
  width: 100%;
  height: 2.5rem;
  position: relative;
}

.sign-up-desktop__inputs {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.625rem 1.25rem;
}

.sign-up-desktop__label {
  font-size: 0.875rem;
  font-weight: 400;
  margin-bottom: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: white;
}

.sign-up-desktop__label span {
  color: #d31c32;
  margin-left: 2px;
}

.sign-up-desktop__checkboxes {
  margin-top: 3rem;
  display: flex;
  flex-direction: column;
  row-gap: 0.625rem;
}

.sign-up-desktop__checkbox {
  display: flex;
  font-size: 0.875rem;
  color: #ffffff;
}

.sign-up-desktop__checkbox span {
  color: #00d274;
}

.sign-up-desktop__text {
  margin-left: 0.625rem;
  font-weight: 400;
}

.sign-up-desktop__button {
  margin: 3rem auto 1.25rem;
  height: 2.5rem;
  width: 21.438rem;
}

.sign-up-desktop__button-text {
  text-transform: uppercase;
}

.sign-up-desktop__countries {
  position: absolute;
  top: 2.5rem;
  background: #ffffff;
  width: 100%;
  border-radius: 0.313rem;
  padding-left: 0.75rem;
  max-height: 25rem;
  overflow-y: scroll;
  z-index: 1;
}

.sign-up-desktop__country {
  display: flex;
  align-items: center;
  height: 2.5rem;
  cursor: pointer;
}

.sign-up-desktop__country-title {
  color: #000000;
  font-weight: 700;
}

.sign-up-desktop__country-icon {
  width: 1rem;
  height: 1rem;
  display: flex;
  margin-right: 0.313rem;
}

.auth {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
  display: flex;
  flex-direction: column;
  color: white;
  background: linear-gradient(121.78deg,
      #111c22 38.37%,
      #080d09 60.85%,
      #080d09 75.5%,
      #080c0d 90.61%);
  border-radius: 0.625rem;
  align-items: center;
  position: relative;
}

.auth__success {
  width: 23.5rem;
  margin: 0 auto;
  height: 100%;
  display: flex;
  padding: 5.063rem 0 5.375rem;
  background: linear-gradient(121.78deg,
      #111c22 38.37%,
      #080d09 60.85%,
      #080d09 75.5%,
      #080c0d 90.61%);
  border-radius: 0.938rem;
}

.auth__title {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 100%;
  margin-top: 1.375rem;
  margin-bottom: 1.5625rem;
  align-self: center;
}

.auth__title-sign-up {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 100%;
  margin-bottom: 1.5625rem;
  align-self: center;
}

.auth__buttons {
  margin-top: 1.375rem;
  padding: 0 2.688rem;
  display: flex;
  height: 2.5rem;
}

.auth__buttons button {
  min-width: 7rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.auth__buttons button:nth-child(1) {
  margin-right: 0.625rem;
}

.auth__cross {
  display: flex;
  position: absolute;
  right: 2.125rem;
  top: 2.063rem;
  width: 0.762rem;
  height: 0.762rem;
  cursor: pointer;
  z-index: 2;
}

.auth__logo {
  width: 10.438rem;
  height: 9.375rem;
  margin: 0 auto;
}

.auth__header {
  display: flex;
  padding: 1.125rem 0;
  justify-content: center;
  align-items: center;
  background-color: #011810ff;
  text-transform: uppercase;
  font-size: 1.125rem;
  font-weight: 700;
  border-radius: 0.625rem 0.625rem 0 0;
}

.auth__sign-in {
  min-width: 44.813rem;
  min-height: 26.438rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.auth__sign-in-img {
  width: 24.875rem;
  height: 31rem;
  position: absolute;
  left: -2.5rem;
  bottom: 0;
}

.auth__sign-up {
  min-width: 64.625rem;
  height: 100%;
  display: flex;
  justify-content: space-between;
}

.auth__sign-up-img {
  width: 28.8rem;
  height: 100%;
}

.auth__img-wrapper {
  position: relative;
}

.notification {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 3.25rem;
  position: relative;
  z-index: 100;
  margin-top: 1rem;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 400;
  box-shadow: 0px 5px 10px 0px #2e42620d;
  -webkit-animation: 0.7s ease init;
  animation: 0.7s ease init;
  background-color: #01121e;
  border-radius: 0.625rem;
}

.notification_deleting {
  -webkit-animation: 0.7s ease delete;
  animation: 0.7s ease delete;
}

.notification__icon {
  margin-right: 1rem;
}

.notification__icon-svg {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
}

.notification__left {
  align-self: flex-start;
  box-sizing: border-box;
  flex-shrink: 0;
}

.notification__cross {
  display: block;
  min-width: 0.5rem;
  min-height: 0.5rem;
  max-width: 0.5rem;
  max-height: 0.5rem;
  margin-top: 1rem;
  margin-right: 1.073em;
  cursor: pointer;
}

.notification__cross * {
  fill: #fff;
}

.notification__text {
  flex-grow: 2;
  box-sizing: border-box;
  padding: 0 1rem;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  word-break: break-word;
}

.notification__wrapper {
  width: 100%;
  min-height: 100%;
  display: flex;
  box-sizing: border-box;
  padding: 0.2rem 0;
  box-sizing: border-box;
}

.notification__wrapper_type {
  background-color: #01121e;
}

@-webkit-keyframes init {
  0% {
    opacity: 0;
    transform: translateX(10rem);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes init {
  0% {
    opacity: 0;
    transform: translateX(10rem);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@-webkit-keyframes delete {
  0% {
    opacity: 1;
    height: 3.25rem;
  }

  70% {
    opacity: 0.5;
    transform: translateX(120%);
    height: 3.25rem;
  }

  100% {
    opacity: 0;
    transform: translateX(200%);
    height: 0;
  }
}

@keyframes delete {
  0% {
    opacity: 1;
    height: 3.25rem;
  }

  70% {
    opacity: 0.5;
    transform: translateX(120%);
    height: 3.25rem;
  }

  100% {
    opacity: 0;
    transform: translateX(200%);
    height: 0;
  }
}

#notify-root {
  position: fixed;
  width: 20.375rem;
  right: 2rem;
  display: flex;
  justify-content: center;
  z-index: 1001;
  margin: auto;
  flex-direction: column-reverse;
}

.jackpot-modal {
  background: #fff;
  color: #000;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 0.625rem;
  padding: 2rem;
  position: relative;
}

.jackpot-modal__close {
  font-size: 2.5rem;
  transform: rotate(45deg);
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.jackpot-modal__amount {
  font-size: 3rem;
  -webkit-animation: shake 1.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both infinite;
  animation: shake 1.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both infinite;
}

.jackpot-modal__title {
  font-size: 1.5rem;
  margin-bottom: 2rem;
}

.jackpot-modal__image {
  width: 70%;
  margin: 1.2rem 0;
}

.jackpot-modal__currency {
  margin-left: 0.8rem;
  color: #fc0;
}

@-webkit-keyframes shake {
  0% {
    transform: rotate(0deg);
  }

  25% {
    transform: rotate(3deg);
  }

  50% {
    transform: rotate(0deg);
  }

  75% {
    transform: rotate(-3deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

@keyframes shake {
  0% {
    transform: rotate(0deg);
  }

  25% {
    transform: rotate(3deg);
  }

  50% {
    transform: rotate(0deg);
  }

  75% {
    transform: rotate(-3deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

.jackpots-joker-desktop {
  position: relative;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 1.25rem;
  border: 0.56px solid rgba(255, 255, 255, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
  padding: 1.813rem 0 1.673rem 0;
}

.jackpots-joker-desktop::after,
.jackpots-joker-desktop::before {
  content: "";
  background-color: #0e9b5c;
  box-shadow: 0 0 2.5rem 2.5rem linear-gradient(180deg, #2ebdfe -24.3%, #37cefe 2.19%, #00deb6 100%);
  position: absolute;
  border-radius: 50%;
  width: 20.75rem;
  height: 2.313rem;
  filter: blur(2.313rem);
}

.jackpots-joker-desktop::after {
  width: 20.75rem;
  height: 2.313rem;
  filter: blur(2.313rem);
  top: 50%;
  left: 50%;
  transform: translate(-50%, 0);
}

.jackpots-joker-desktop::before {
  top: 10px;
  left: 160px;
}

.jackpots-joker-desktop__logo {
  width: 13.438rem;
  margin-bottom: 0.688rem;
}

.jackpots-joker-desktop__text {
  color: #ffffff;
  font-size: 0.816rem;
  font-weight: 700;
  margin-bottom: 0.328rem;
}

.jackpots-joker-desktop__item {
  width: 21.75rem;
  height: 4.063rem;
  background-image: url(/assets/img/backgroundpot.png);
  background-position: center;
  border-radius: 1.1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.938rem;
}

.jackpots-joker-desktop__amount {
  font-weight: 900;
  color: #ffffff;
  font-size: 2.5rem;
  z-index: 2;
}

.jackpots-joker-desktop__winning {
  color: #00d274;
  font-size: 1.32rem;
  font-weight: 700;
}

.jackpot-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #fff;
  min-width: 11.25rem;
  width: 11.25rem;
}

.jackpot-item__img {
  max-width: 100%;
  border-radius: 10px;
  margin-bottom: 0.5rem;
  width: 11.25rem;
  height: 8.75rem;
  -o-object-fit: cover;
  object-fit: cover;
}

.jackpot-item__winner-wrapper {
  display: flex;
  flex-direction: column;
  text-transform: uppercase;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  font-weight: 500;
}

.jackpot-item__winner {
  align-self: center;
  color: #fff;
}

.jackpot-item__winner-name {
  color: #fff;
}

.jackpot-item__amount {
  font-size: 1.2rem;
  display: flex;
  align-items: center;
}

.jackpot-item__name {
  font-size: 1rem;
  margin-bottom: 0.5rem;
}

.jackpot-item__time {
  background: linear-gradient(0deg, #ebaa30, #feffa0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #0b2349;
  text-shadow: 0px 0.58608px 0.58608px rgba(0, 0, 0, 0.25);
  margin-bottom: 0.5rem;
  font-weight: bold;
  font-size: 1.2rem;
}

.jackpot-item__currency {
  margin-left: 0.5rem;
}

.jackpots-list {
  display: flex;
  align-items: unset;
  justify-content: center;
  overflow-y: auto;
  width: 100%;
  box-sizing: border-box;
}

.jackpots-list__item:not(:last-of-type) {
  margin-right: 2.5rem;
}

.latest-jackpots {
  display: flex;
  flex-direction: column;
  align-items: unset;
  justify-content: flex-start;
  overflow-y: auto;
  width: 100%;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 1.25rem;
  padding: 0.625rem 1.25rem 1.25rem 1.25rem;
}

.latest-jackpots__header {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding-bottom: 0.313rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.latest-jackpots__header-icon {
  display: flex;
  width: 1.875rem;
  height: 1.875rem;
}

.latest-jackpots__header-title {
  font-size: 1.125rem;
  line-height: 1.125rem;
  font-weight: 600;
  color: #ffffff;
}

.latest-jackpots__items {
  display: flex;
  flex-direction: column;
  gap: 0.313rem;
  margin-top: 0.313rem;
}

.latest-jackpots__item {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0.313rem 0;
}

.latest-jackpots__item-right {
  width: 100%;
  margin-left: 0.625rem;
}

.latest-jackpots__item-text {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.688rem;
  font-weight: 700;
  line-height: 1.031rem;
}

.latest-jackpots__item-time {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.625rem;
  font-weight: 700;
  line-height: 0.625rem;
}

.latest-jackpots__item-type {
  color: #ffffff;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.313rem;
}

.latest-jackpots__item-amount {
  color: #ffffff;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
}

.latest-jackpots__item-top,
.latest-jackpots__item-bottom {
  display: flex;
  justify-content: space-between;
}

.latest-jackpots__item-icon {
  display: flex;
  width: 1.25rem;
  height: 1.25rem;
}

.latest-jackpots::-webkit-scrollbar {
  width: 0rem;
}

.latest-jackpots::-webkit-scrollbar-thumb {
  width: 0rem;
}

.header-login-block-desktop__user-profile-icon-svg {
  width: 1.875rem;
  height: 1.875rem;
  background-color: transparent;
  cursor: pointer;
}

/*----------------------------------------------
                    Profile
------------------------------------------------*/

.profile-side-desktop {
  max-width: 19.625rem;
  width: 100%;
  min-width: 0;
  margin: 0 0 1rem 1.938rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  overflow: auto;
  max-height: calc(100vh - 5.0625rem);
  position: fixed;
  padding-bottom: 1rem;
}

.profile-side-desktop_isWide {
  max-width: 22rem;
}

.profile-side-desktop::-webkit-scrollbar {
  width: 0rem;
}

.profile-side-desktop::-webkit-scrollbar-thumb {
  width: 0rem;
}

.profile-side-desktop__back-button {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin: 1.875rem 0 0.938rem 0;
  height: 3.375rem;
}

.profile-side-desktop__back-text {
  color: #fff;
  font-size: 0.875rem;
  font-weight: 500;
  margin-left: 0.313rem;
}

.profile-side-desktop__back-icon {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.profile-side-desktop__nav {
  padding: 0 1.25rem;
}

.profile-side-desktop__menu-list {
  display: flex;
  flex-direction: column;
  gap: 0.313rem;
  padding: 0rem 0.438rem;
}

.profile-side-desktop__menu-item {
  display: inline;
}

.profile-side-desktop__menu-item button {
  border: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 3.375rem;
  min-width: 0;
  gap: 0.625rem;
  background-color: inherit;
  color: rgba(255, 255, 255, 0.5);
}

.profile-side-desktop__menu-item button:hover {
  color: #00d274;
  font-size: 1rem;
  font-weight: 700;
}

.profile-side-desktop__menu-item button:hover svg path {
  fill: #00d274;
  fillOpacity: 1;
}

.profile-side-desktop__menu-item button:hover svg rect {
  stroke: #00d274;
  strokeOpacity: 1;
}

.profile-side-desktop__link {
  display: flex;
  justify-content: space-between;
}

.profile-side-desktop__link_active button {
  color: #00d274;
  border: 1px solid #ffffff1a;
  background: #ffffff0d;
}

.profile-side-desktop__link_active button svg path {
  fill: #00d274;
  fillOpacity: 1;
}

.profile-side-desktop__link_active button svg rect {
  stroke: #00d274;
  strokeOpacity: 1;
}

.profile-side-desktop__icon {
  width: 1.5rem;
  height: 1.5rem;
}

.profile-side-desktop__title {
  color: rgba(255, 255, 255, 0.5);
  font-size: 1rem;
  font-weight: 600;
}

.profile-side-desktop__images {
  display: flex;
  justify-content: flex-end;
  flex-wrap: nowrap;
  margin-top: 0.9375rem;
  align-items: center;
}

.profile-side-desktop__images_offset {
  margin-top: 7.0625rem;
}

.profile-side-desktop__bet-responsibly-img svg {
  width: 7.0625rem;
  height: 2.125rem;
}

.profile-side-desktop__text {
  font-size: 1rem;
  font-weight: 700;
}

.profile-side-desktop__separator {
  width: 100%;
  height: 1px;
  display: flex;
  background: rgba(255, 255, 255, 0.1);
  margin: 2.188rem 0;
}

.profile-side-desktop__bottom {
  padding-left: 1.25rem;
}

.profile-side-desktop__flat-link {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: capitalize;
  margin-bottom: 1.25rem;
  padding-left: 1.25rem;
}

.profile-side-desktop__PG {
  height: 100%;
  display: flex;
  align-items: center;
  margin-top: 1.25rem;
}

.profile-side-desktop__PG-icon {
  width: 2.125rem;
  height: 2.125rem;
  display: flex;
  margin-inline-end: 0.375rem;
}

.profile-side-desktop__PG-text {
  max-width: 4.1875rem;
  font-weight: 700;
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.5);
  line-height: 0.75rem;
  margin: 0;
}

.profile-side-desktop__logo2-icon {
  position: absolute;
  right: -1.8125rem;
  top: -10.625rem;
  width: 27.0625rem;
  min-width: 27.0625rem;
  display: flex;
  opacity: 0.15;
}

.profile-side-desktop__bottom-title {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.875rem;
  font-weight: 700;
}

.app-desktop {
  flex: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  min-height: 100%;
  background: right 2.875rem bottom/calc(41.875rem - 2.875rem) no-repeat url(/img/src/modules/App/img/joker-sm.png),
    #01121e;
}

.app-desktop_bgLarge {
  background: right 2.875rem bottom/calc(41.875rem - 2.875rem) no-repeat url(/img/src/modules/App/img/joker-lg.png),
    #01121e;
}

.app-desktop_withoutJoker {
  background: #01121e;
}

.app-desktop__blur {
  width: 6.25rem;
  height: 6.25rem;
  background-color: #0e9b5c;
  box-shadow: 0 0 12.5rem 12.5rem rgba(14, 155, 92, 0.4);
  position: absolute;
  border-radius: 50%;
  filter: blur(6.25rem);
}

.app-desktop__blur:nth-child(1) {
  top: -9rem;
  left: 0;
}

.app-desktop__blur:nth-child(2) {
  top: 60.125rem;
  right: -13.25rem;
}

.app-desktop__blur:nth-child(3) {
  top: 80.875rem;
  left: -13.25rem;
}

.app-desktop__main {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 5.0625rem;
  flex: 1;
}

.app-desktop__container {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.app-desktop__main-content {
  display: flex;
  flex-direction: column;
  gap: 0.5625rem;
  width: 100%;
  min-width: 26.125rem;
  overflow: auto;
}

.app-desktop__main-content::-webkit-scrollbar {
  width: 0rem;
}

.app-desktop__main-content::-webkit-scrollbar-thumb {
  width: 0rem;
}

.app-desktop__main-content_withPadding {
  width: calc(100% - 1.25rem);
  margin: -5.0625rem 1.25rem 0 0;
}

.app-desktop__main-content_showRightSide {
  margin-right: 27.5rem;
}

.app-desktop__main-content_showLeftSide {
  margin-left: 19.5rem;
}

html[dir="ltr"] .app-desktop__main-content_isProfilePage {
  margin-left: 23.188rem;
  margin-right: 1.313rem;
}

html[dir="rtl"] .app-desktop__main-content_isProfilePage {
  margin-right: 23.188rem;
  margin-left: 1.313rem;
}

.app-desktop__header-wrapper {
  position: fixed;
  width: 100%;
  flex: 0 0 auto;
  position: fixed;
  z-index: 1000;
}

.app-desktop__full-content {
  margin-top: 0;
  width: 100%;
  max-width: 100vw;
  overflow-x: hidden;
}

.app-desktop_isNotPadding .app-desktop__main-content {
  padding: 0;
}

.app-desktop__footer-wrapper {
  width: 100%;
}

.flat-page {
  overflow: hidden;
  padding: 1.5rem;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 2.5rem 1.938rem;
  border-radius: 1.875rem;
  min-height: 80vh;
}

.flat-page-layout {
  color: #fff;
}

.profile-navigation-link {
  height: 1.9375rem;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0 1.1563rem;
  margin-bottom: 0.6875rem;
  border-radius: 0.1875rem;
  transition: all 0.5s ease;
  color: white;
}

.profile-navigation-link:hover,
.profile-navigation-link:active,
.profile-navigation-link_active {
  background: #f8df37;
  border-radius: 0.3125rem;
  color: black;
}

.profile-navigation-link__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0.8125rem;
  transition: all 0.5s ease;
}

.profile-navigation-link__icon-svg {
  width: 1.375rem;
  max-height: 1.375rem;
}

.profile-navigation-link__icon-svg path {
  fill: white;
}

.profile-navigation-link:hover .profile-navigation-link__icon-svg path,
.profile-navigation-link_active .profile-navigation-link__icon-svg path {
  fill: black !important;
}

.profile-navigation-link:hover .profile-navigation-link__icon-svg svg,
.profile-navigation-link_active .profile-navigation-link__icon-svg svg {
  fill: black !important;
}

.profile-navigation-link__text {
  font-weight: 400;
  font-size: 0.875rem;
}

.profile-menu-desktop {
  align-self: flex-start;
  min-width: 15.625rem;
  height: 100%;
  max-height: 27.5rem;
  display: flex;
  flex-direction: column;
  padding: 1.5625rem 1.25rem 9.375rem 1.25rem;
  background: #008161;
  box-shadow: 0px 0px 0.5rem rgba(0, 0, 0, 0.31);
  border-radius: 0.3125rem;
  color: white;
}

.profile-menu-desktop__header {
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
}

.profile-menu-desktop__links,
.profile-menu-desktop__buttons {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.profile-menu-desktop__links {
  border-bottom: 1px solid white;
}

.profile-menu-desktop__buttons {
  position: relative;
  flex-shrink: 1;
  padding-top: 0.6875rem;
}

.change-password {
  position: relative;
  width: 100%;
  border-radius: 0.625rem;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.05);
  padding: 0rem 0.625rem;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 80vh;
  margin-top: 1.875rem;
}

.change-password__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.625rem;
}

.change-password__icon-svg {
  height: 3.75rem;
  width: 3.75rem;
}

.change-password__title {
  margin-bottom: 1.875rem;
  font-weight: 400;
  font-size: 2.125rem;
  text-align: center;
  color: #ffffff;
  display: flex;
}

.change-password__form {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 20.625rem;
  width: 100%;
}

.change-password__inputs-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 0.625rem;
}

.change-password__input-block {
  height: 100%;
  width: 100%;
}

.change-password__input-block label {
  color: #fff;
  font-size: 0.875rem;
  font-weight: 400;
  margin-bottom: 2px;
  text-wrap: nowrap;
}

.change-password__input {
  width: 100%;
  height: 2.5rem;
}

.change-password__button {
  height: 2.5rem;
  margin-top: 1.875rem;
}

.change-password__button button {
  border-radius: 9.375rem;
}

.change-password__header {
  display: flex;
  justify-content: center;
  margin-bottom: 1.875rem;
  width: 100%;
}

.change-password__header__title {
  color: #fff;
  font-weight: 400;
  font-size: 2.125rem;
}

.change-password__item-button {
  display: flex;
}

.change-password__button {
  width: 100%;
  height: 2.75rem;
}

.change-password__button-text {
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
}

.admin-menu {
  display: flex;
  height: 2.375rem;
}

.admin-menu__link {
  width: 20%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  transition: all 0.3s ease;
  color: #fff;
}

.admin-menu__link_active,
.admin-menu__link:hover {
  background: #008161;
}

.additional-info {
  border-radius: 0.938rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.05);
  display: flex;
  width: 100%;
  padding: 1.25rem 1.875rem 0rem 1.875rem;
  flex-direction: column;
  align-items: flex-start;
  color: #ffffff;
}

.additional-info__title {
  font-size: 1.5rem;
  font-weight: 500;
  margin-bottom: 0.625rem;
}

.additional-info__content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.625rem;
}

.additional-info__label {
  font-size: 0.875rem;
  font-weight: 400;
  margin-top: 2px;
}

.additional-info__input {
  width: 100%;
  height: 2.5rem;
}

.balance-card {
  width: 100%;
  height: 100%;
  background: linear-gradient(112.53deg,
      #111c22 7.18%,
      #294923 35.89%,
      #44882c 74.45%,
      #080d09 123.12%);
  position: relative;
  overflow: hidden;
  color: #ffffff;
  border-radius: 0.938rem;
}

html[dir="ltr"] .balance-card {
  padding: 3.125rem 0 0 2.375rem;
}

html[dir="rtl"] .balance-card {
  padding: 3.125rem 2.375rem 0 0;
}

.balance-card__dollar {
  position: absolute;
  bottom: -3rem;
  width: 10.188rem;
  height: 18.688rem;
}

html[dir="ltr"] .balance-card__dollar {
  right: 2.188rem;
}

html[dir="rtl"] .balance-card__dollar {
  left: 2.188rem;
}

.balance-card__title {
  font-size: 1.375rem;
  font-weight: 400;
  text-transform: capitalize;
}

.balance-card__balance {
  font-size: 2.5rem;
  font-weight: 700;
  display: flex;
  align-items: flex-end;
  margin-bottom: 1.438rem;
}

.balance-card__balance-fraction {
  color: rgba(255, 255, 255, 0.6);
  font-size: 1.875rem;
  line-height: 3.4rem;
}

.balance-card__title-bonus {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 4px;
}

.balance-card__bonus-balance {
  font-size: 1.625rem;
  font-weight: 600;
}

.balance-card__payment-buttons {
  display: flex;
  gap: 0.625rem;
  margin: 2.063rem 0 4.188rem 0;
}

.balance-card__payment-button-text {
  text-transform: uppercase;
}

.user-info {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 2.188rem 2.5rem 2.5rem 2.5rem;
  border-radius: 0.625rem;
  margin-top: 1.875rem;
}

.user-info__wrapper-title {
  color: #fff;
  font-size: 2.5rem;
  font-weight: 600;
}

.user-info__top-info {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.05);
  border-radius: 0.938rem;
  height: 6.188rem;
  align-items: center;
  padding: 0 1.75rem;
}

.user-info__multi-content {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.user-info__button {
  min-width: 8.688rem;
  height: 2.8125rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.05);
  border-radius: 9.375rem;
}

.user-info__buttons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.625rem;
}

.user-info__buttons button {
  gap: 0.313rem;
}

.user-info__logout {
  cursor: pointer;
}

.user-info__user-inform {
  display: flex;
  gap: 1.25rem;
  width: 100%;
  padding-right: 2.1875rem;
}

.user-info__main-info {
  height: 5rem;
  display: flex;
  align-items: center;
  gap: 4.5625rem;
}

.user-info__left {
  display: flex;
  align-items: center;
  gap: 1.063rem;
}

.user-info__user-info {
  display: flex;
  flex-direction: column;
}

.user-info__user-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.user-info__user-icon svg {
  width: 2.813rem;
  height: 3.125rem;
}

.user-info__login-text {
  color: #fff;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.875rem;
}

.user-info__id-text {
  color: rgba(255, 255, 255, 0.5);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.user-info__balances {
  display: flex;
  gap: 0.625rem;
}

.user-info__balance {
  width: 10.3125rem;
  border-radius: 0.625rem;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.05);
  display: flex;
  flex-direction: column;
  padding: 0.625rem 0.9375rem;
}

.user-info__balance-title {
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
}

.user-info__balance-block {
  display: flex;
  gap: 3px;
  align-items: center;
}

.user-info__balance-value {
  color: #ffde39;
  font-size: 1.5rem;
  font-weight: 700;
}

.user-info__balance-currency {
  color: #ffde39;
  font-size: 1rem;
  font-weight: 700;
}

.user-info__max-balance {
  margin-top: 1.25rem;
  font-weight: 700;
  font-size: 0.875rem;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
}

.user-info__exit-icon {
  width: 1.5625rem;
  height: 1.5625rem;
}

.user-info__icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.625rem;
}

.user-info__icon-svg {
  height: 3.75rem;
  width: 3.75rem;
}

.user-info__title {
  margin-bottom: 1.25rem;
  font-weight: 700;
  font-size: 0.875rem;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
}

.user-info__list-wrapper {
  min-width: 12.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.user-info__item {
  width: 100%;
  height: 1.875rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.375rem 0 0.6875rem;
  background: #ffffff;
  border: 1px solid #cbd0dc;
  border-radius: 0.3125rem;
  font-weight: 400;
  font-size: 0.875rem;
  color: black;
}

.user-info__item:not(:last-child) {
  margin: 0 0 1.25rem 0;
}

.user-info__copy-icon {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 0 0 auto;
}

.user-info__copy-icon-svg {
  width: 1.375rem;
  height: 1.375rem;
}

.user-info__wrapper {
  display: flex;
  flex-direction: column;
  gap: 5rem;
}

.user-info__content-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 5rem;
}

.profile-layout {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
  overflow: auto;
  flex: 1;
}

.profile-layout::-webkit-scrollbar {
  width: 0rem;
}

.profile-layout::-webkit-scrollbar-thumb {
  width: 0rem;
}

.profile-layout__main {
  display: flex;
  width: 100%;
}

.profile-layout__content {
  min-height: -webkit-max-content;
  min-height: -moz-max-content;
  min-height: max-content;
  z-index: 10;
  flex-grow: 2;
  display: flex;
  justify-content: center;
  border-radius: 0.3125rem;
}

.slots-bet-history-filter-desktop {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.slots-bet-history-filter-desktop__header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.875rem;
}

.slots-bet-history-filter-desktop__header__title {
  color: #fff;
  font-size: 2.125rem;
  font-weight: 400;
}

.slots-bet-history-filter-desktop__items {
  display: flex;
  column-gap: 0.625rem;
  row-gap: 1.3rem;
  margin-top: 0.875rem;
  width: 100%;
  flex-wrap: wrap;
}

.slots-bet-history-filter-desktop__input-block {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.slots-bet-history-filter-desktop__checkboxes {
  display: flex;
  gap: 0.625rem;
}

.slots-bet-history-filter-desktop__checkbox-icon {
  width: 1.5625rem;
  height: 1.5625rem;
}

.slots-bet-history-filter-desktop__checkbox-icon svg {
  width: 1.5625rem;
  height: 1.5625rem;
}

.slots-bet-history-filter-desktop__status {
  display: flex;
  flex-direction: column;
}

.slots-bet-history-filter-desktop__status__group {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}

.slots-bet-history-filter-desktop__status__option {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 0.875rem;
  cursor: pointer;
  gap: 0.625rem;
}

.slots-bet-history-filter-desktop__item-selector {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.slots-bet-history-filter-desktop__item-selector {
  min-width: calc((100% / 3) - 0.5rem);
  max-width: 10rem;
}

.slots-bet-history-filter-desktop__item-date {
  width: 100%;
}

.slots-bet-history-filter-desktop__item-label {
  color: #fff;
  font-size: 0.875rem;
  font-weight: 400;
  margin-bottom: 5px;
}

.slots-bet-history-filter-desktop__item-date {
  display: flex;
  gap: 0.625rem;
}

.slots-bet-history-filter-desktop__item-button {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.slots-bet-history-filter-desktop__date-input {
  height: 2.5rem;
  width: 100%;
}

.slots-bet-history-filter-desktop__button-icon {
  height: 2.5rem;
  width: 10rem;
}

.slots-bet-history-filter-desktop__button {
  width: 10rem;
  height: 2.75rem;
  display: flex;
  justify-content: flex-end;
}

.slots-bet-history-filter-desktop__button-text {
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
}

.slots-bet-history-filter-desktop__button button {
  gap: 0.625rem;
  align-items: center;
  justify-content: center;
  border-radius: 9.375rem;
}

.slots-bet-history-filter-desktop__button-icon svg {
  width: 1.5rem;
  height: 1.5rem;
}

.slots-bet-history-desktop {
  display: flex;
  width: 100%;
  padding: 2.188rem 2.5rem 2.5rem 2.5rem;
  flex-direction: column;
  border-radius: 0.625rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.05);
  height: 100%;
  min-height: 80vh;
  justify-content: space-between;
  margin-top: 1.875rem;
}

.slots-bet-history-desktop__content {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.slots-bet-history-desktop__filters {
  width: 100%;
  margin-bottom: 1.875rem;
}

.slots-bet-history-desktop__list {
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
}

.slots-bet-history-desktop__wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: transparent;
  background-clip: content-box;
  gap: 0.3125rem;
}

.slots-bet-history-desktop__header {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  height: 2.25rem;
  background-color: #008161;
}

.slots-bet-history-desktop__header-item {
  justify-self: center;
  height: 100%;
  display: flex;
  align-items: center;
  color: white;
  font-size: 0.875rem;
}

.slots-bet-history-desktop__paginator {
  margin-top: 0.625rem;
  width: 100%;
  height: 3.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.slots-bet-history-desktop__empty {
  color: rgba(255, 255, 255, 0.5);
  font-size: 1.563rem;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100%;
}

.select-desktop {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  width: 100%;
  height: 100%;
  position: relative;
}

.select-desktop__item-selected {
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.25rem;
  background: transparent;
  border: 1px solid rgba(217, 217, 217, 0.5);
  border-radius: 9.375rem;
}

.select-desktop_open .select-desktop__item-selected {
  border-radius: 0.3125rem 0.3125rem 0 0;
}

.select-desktop__item-value-selected {
  font-weight: 400;
  font-size: 0.875rem;
  font-feature-settings: "pnum" on, "lnum" on;
  color: white;
  text-transform: capitalize;
}

.select-desktop__item-arrow-selected {
  width: 1.875rem;
  height: 1.875rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0.875rem;
}

.select-desktop_open .select-desktop__item-arrow-selected {
  transform: scaleY(-1);
}

.select-desktop__items {
  width: 100%;
  background-color: #01121e;
  padding: 0.5rem;
}

.select-desktop__items::-webkit-scrollbar {
  width: 0.1875rem;
  height: 90%;
  scroll-margin-right: 0.5rem;
}

.select-desktop__items::-webkit-scrollbar-thumb {
  width: 0.1875rem;
  background: gray;
  cursor: pointer;
}

.select-desktop__item {
  cursor: pointer;
  width: 100%;
  height: 2.5rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.625rem;
  background-color: transparent;
  font-weight: 600;
  font-size: 0.875rem;
  font-feature-settings: "pnum" on, "lnum" on;
  color: white;
  text-transform: capitalize;
}

.select-desktop__item:hover {
  background: #2ab66d;
}

.select-desktop__icon {
  display: flex;
  max-width: 5rem;
  height: 100%;
}

.SVG-component__content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.SVG-component__content-svg {
  width: 100%;
  height: 100%;
}

.input-date-desktop {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  width: 100%;
  height: 100%;
}

.input-date-desktop .react-datepicker-wrapper {
  width: 100%;
  height: 100%;
}

.input-date-desktop .react-datepicker__input-container {
  width: 100%;
  height: 100%;
}

.input-date-desktop .react-datepicker__triangle {
  display: none;
}

.input-date-desktop__custom-date-input {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.625rem;
  border-radius: 9.375rem;
  border: 1px solid #d9d9d980;
  background: transparent;
  /* gap: 0.3125rem; */
}

.input-date-desktop__custom-date-input-calendar {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 1.875rem;
  height: 1.875rem;
}

.input-date-desktop__custom-date-input-calendar svg {
  width: 1.875rem;
  height: 1.875rem;
}

.input-date-desktop__custom-date-input-arrow {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 1.875rem;
  height: 1.875rem;
}

.input-date-desktop__custom-date-input-arrow svg {
  width: 1.875rem;
  height: 1.875rem;
}

.input-date-desktop__custom-date-input-value {
  margin-right: auto;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 400;
  background-color: transparent;
  border: none;
  text-align: center;
  width: 6rem;
}

.paginator-switcher-desktop {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  min-width: 2.625rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 1.875rem;
  display: flex;
  align-items: center;
  overflow: hidden;
  gap: 1.906rem;
}

.paginator-switcher-desktop__page-item {
  cursor: pointer;
  height: 1.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.paginator-switcher-desktop__page-item:last-child,
.paginator-switcher-desktop__page-item:first-child {
  background: transparent;
}

.paginator-switcher-desktop__arrow-left-container,
.paginator-switcher-desktop__arrow-right-container {
  width: 1.875rem;
  height: 1.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.paginator-switcher-desktop__arrow-left,
.paginator-switcher-desktop__arrow-right {
  width: 1.875rem;
  height: 1.875rem;
  display: flex;
}

.paginator-switcher-desktop__arrow-right {
  transform: rotate(180deg);
}

.paginator-switcher-desktop__page-link {
  display: flex;
  justify-content: center;
  color: #fff;
  font-family: Roboto;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 900;
  line-height: 1.125rem;
}

.slots-history-item-desktop {
  width: 100%;
  display: flex;
  border-radius: 0.625rem;
  background: rgba(255, 255, 255, 0.05);
  padding: 0.625rem 0.9375rem;
  gap: 0.625rem;
  color: #fff;
}

.slots-history-item-desktop__content {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  align-items: center;
}

.slots-history-item-desktop__item {
  padding-left: 1.25rem;
}

.slots-history-item-desktop__item-label {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.625rem;
  font-weight: 700;
  line-height: 0.938rem;
}

.slots-history-item-desktop__item-value {
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 1.313rem;
}

.slots-history-item-desktop__item-value_win,
.slots-history-item-desktop__item-value_lose {
  font-size: 0.875rem;
  font-weight: 700;
}

.slots-history-item-desktop__item-value_win {
  color: #21d91d;
}

.slots-history-item-desktop__item-value_lose {
  color: #ea2139;
}

.slots-history-item-desktop__top,
.slots-history-item-desktop__bottom {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.slots-history-item-desktop__left {
  flex-shrink: 0;
  padding-right: 1.1875rem;
  height: 100%;
}

.slots-history-item-desktop__icon {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
}

.slots-history-item-desktop__provider {
  color: #fff;
  font-size: 0.875rem;
  font-weight: 600;
}

.slots-history-item-desktop__date {
  color: rgba(255, 255, 255, 0.75);
  font-size: 0.875rem;
  font-weight: 700;
}

.slots-history-item-desktop__amount {
  color: #fff;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 700;
}

.slots-history-item-desktop__amount span {
  color: #ffde39;
}

/* Transaction History */
.pay-history {
  display: flex;
  width: 100%;
  padding: 2.188rem 2.5rem 2.5rem 2.5rem;
  flex-direction: column;
  border-radius: 0.625rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.05);
  height: 100%;
  min-height: 80vh;
  justify-content: space-between;
  margin-top: 1.875rem;
}

.pay-history__content {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.pay-history__filters {
  width: 100%;
  margin-bottom: 1.875rem;
}

.pay-history__list {
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
}

.pay-history__wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: transparent;
  background-clip: content-box;
  gap: 0.3125rem;
}

.pay-history__header {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  height: 2.25rem;
  background-color: #008161;
}

.pay-history__header-item {
  justify-self: center;
  height: 100%;
  display: flex;
  align-items: center;
  color: white;
  font-size: 0.875rem;
}

.pay-history__paginator {
  margin-top: 0.625rem;
  width: 100%;
  height: 3.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pay-history__empty {
  color: rgba(255, 255, 255, 0.5);
  font-size: 1.563rem;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100%;
}

.slots-bets-filter-pay-history-desktop {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.slots-bets-filter-pay-history-desktop__main {
  display: flex;
  gap: 0.625rem;
  overflow: auto;
  display: flex;
  gap: 0.625rem;
  scrollbar-width: none;
}

.slots-bets-filter-pay-history-desktop__header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.875rem;
}

.slots-bets-filter-pay-history-desktop__header__title {
  color: #fff;
  font-size: 2.125rem;
  font-weight: 400;
}

.slots-bets-filter-pay-history-desktop__items {
  width: 100%;
  display: flex;
  gap: 0.625rem;
}

.slots-bets-filter-pay-history-desktop__checkboxes {
  display: flex;
  gap: 0.625rem;
}

.slots-bets-filter-pay-history-desktop__checkbox-icon {
  width: 1.5625rem;
  height: 1.5625rem;
}

.slots-bets-filter-pay-history-desktop__checkbox-icon svg {
  width: 1.5625rem;
  height: 1.5625rem;
}

.slots-bets-filter-pay-history-desktop__type {
  display: flex;
  flex-direction: column;
}

.slots-bets-filter-pay-history-desktop__type__group {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.slots-bets-filter-pay-history-desktop__type__option {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 0.875rem;
  cursor: pointer;
  gap: 0.625rem;
}

.slots-bets-filter-pay-history-desktop__type__button {
  border: 1px solid #fff;
  background: transparent;
  cursor: pointer;
  margin-right: 0.5rem;
  padding: 0.3125rem 0.625rem;
}

.slots-bets-filter-pay-history-desktop__type__button:last-child {
  margin-right: 0;
}

.slots-bets-filter-pay-history-desktop__type__button__selected {
  background-color: #fff;
  color: #000;
}

.slots-bets-filter-pay-history-desktop__type__button__selected:after {
  content: "✓";
  display: inline-block;
  margin-left: 0.3125rem;
}

.slots-bets-filter-pay-history-desktop__item-label {
  color: #fff;
  font-size: 0.875rem;
  font-weight: 400;
}

.slots-bets-filter-pay-history-desktop__item-selector {
  width: 100%;
  height: 100%;
  min-width: 13.5rem;
}

.slots-bets-filter-pay-history-desktop__item-dates {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  width: 100%;
}

.slots-bets-filter-pay-history-desktop__item-date {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.slots-bets-filter-pay-history-desktop__item-date-label {
  color: #fff;
  font-size: 0.875rem;
  font-weight: 600;
}

.slots-bets-filter-pay-history-desktop__item-date-input {
  height: 2.5rem;
  width: 100%;
}

.slots-bets-filter-pay-history-desktop__item-button {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.slots-bets-filter-pay-history-desktop__button {
  height: 2.5rem;
  width: 10rem;
}

.slots-bets-filter-pay-history-desktop__button button {
  gap: 0.625rem;
  align-items: center;
  justify-content: center;
  border-radius: 9.375rem;
}

.slots-bets-filter-pay-history-desktop__button-text {
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
}

.slots-bets-filter-pay-history-desktop__button-icon svg {
  width: 1.5rem;
  height: 1.5rem;
}

.pay-history-item {
  width: 100%;
  display: flex;
  border-radius: 0.625rem;
  background: rgba(255, 255, 255, 0.05);
  padding: 0.625rem 0.9375rem;
  gap: 0.625rem;
  color: #fff;
}

.pay-history-item__content {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
}

.pay-history-item__item-label {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.625rem;
  font-weight: 700;
}

.pay-history-item__item-value {
  font-size: 0.875rem;
  font-weight: 700;
}

.pay-history-item__item-value_win,
.pay-history-item__item-value_lose {
  text-align: right;
  font-size: 0.875rem;
  font-weight: 700;
}

.pay-history-item__item-value_win {
  color: #21d91d;
}

.pay-history-item__item-value_lose {
  color: #ea2139;
}

.pay-history-item__top,
.pay-history-item__bottom {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.pay-history-item__left {
  flex-shrink: 0;
  padding-right: 1.1875rem;
  height: 100%;
}

.pay-history-item__icon {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
}

.pay-history-item__provider {
  color: #fff;
  font-size: 0.875rem;
  font-weight: 600;
}

.pay-history-item__date {
  color: rgba(255, 255, 255, 0.75);
  font-size: 0.875rem;
  font-weight: 700;
}

.pay-history-item__amount {
  color: #fff;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 700;
}

.pay-history-item__amount span {
  color: #ffde39;
}

/*----------------------------------------------
          Launch Game Jackpot
------------------------------------------------*/
.game_iframe_header_jackpot {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  padding: 5px 0;
  gap: 5px;
}

.game_iframe_header_jackpot button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3px;
  width: 35px;
  height: 35px;
  background-color: rgba(173, 173, 173, 0.25);
  border-radius: 4px;
  border: none;
  outline: none;
  color: #ddd;
  cursor: pointer;
}

.game_iframe_header_jackpot button svg {
  width: 100%;
  height: 100%;
}

.game_iframe_header_jackpot button svg.full_screen {
  width: 75%;
  height: 75%;
}

.game_iframe_header_jackpot .launch_game_jackpot {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-wrap: nowrap;
  column-gap: 0.5rem;
  background-color: transparent;
  padding: 0 2px;
}

.game_iframe_header_jackpot .launch_game_jackpot .title {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'DS-Digital', sans-serif;
  font-weight: 400;
  font-size: 30px;
  color: var(--font-color);
}

.game_iframe_header_jackpot .launch_game_jackpot .content {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 0.5rem;
  width: 100%;
}

.game_iframe_header_jackpot .launch_game_jackpot .content .single_jackpot {
  font-size: 18px;
  font-family: 'DS-Digital', sans-serif;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 3px;
  color: #0f0;
  background: #4a4a4a;
  background: linear-gradient(180deg, rgba(74, 74, 74, 0.5) 0%, rgba(222, 222, 222, 0.25) 100%);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 35px;
  width: calc(100% / 3);
  border-radius: 5px;
}

.game_iframe_header_jackpot .launch_game_jackpot .content .single_jackpot .userJackpotSkeletonContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 90%;
  height: 90%;
}

.game_iframe_header_jackpot .launch_game_jackpot .content .single_jackpot .userJackpotSkeletonContainer .userJackpotSkeleton {
  width: 100%;
  height: 100%;
}

/* ==========================================================================
   Jackpot Winner
========================================================================== */
div.jackpotContainer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
  background-color: rgb(0 0 0 / 80%);
  z-index: 10000;
  display: none;
  align-items: center;
  justify-content: center;
  overflow: auto;
}

div.jackpotContainer.active {
  display: flex;
}

div.jackpotContainer .jackpotWinerBackground {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

html[dir="ltr"] div.jackpotContainer .jackpotWinerBackground {
  left: 0;
}

html[dir="rtl"] div.jackpotContainer .jackpotWinerBackground {
  right: 0;
}

div.jackpotContainer .jackpotWinerBackground2 {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 1;
  transform: rotate(180deg);
}

html[dir="ltr"] div.jackpotContainer .jackpotWinerBackground2 {
  left: 0;
}

html[dir="rtl"] div.jackpotContainer .jackpotWinerBackground2 {
  right: 0;
}

div.jackpotContainer .jackpotWiner {
  min-width: 30%;
  max-width: 95%;
  background-color: #121212;
  border: 2px solid #272727;
  border-radius: 15px;
  box-shadow: 0 0 141px -5px #f4e58f;
  position: relative;
  z-index: 2;
  overflow: hidden;
}

div.jackpotContainer .jackpotWiner .jackpotWinerHeader {
  width: 100%;
  height: 185px;
  padding: 0;
  overflow: hidden;
}

div.jackpotContainer .jackpotWiner .jackpotWinerHeader img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

div.jackpotContainer .jackpotWiner .jackpotWinerSupHeader {
  padding: 1.5em;
  text-align: center;
  border-bottom: 1px solid #83838361;
}

div.jackpotContainer .jackpotWiner .jackpotWinerSupHeader p {
  margin: 0;
  font-size: 1.8em;
  font-weight: 600;
  color: #fff;
  text-shadow: 0 0 5px #b88625;
  line-height: normal !important;
}

div.jackpotContainer .jackpotWiner .jackpotGroup {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1em;
  padding: 1.5em;
  border-bottom: 1px solid #83838361;
}

div.jackpotContainer .jackpotWiner .jackpotGroup .singleJackpot {
  position: relative;
}

div.jackpotContainer .jackpotWiner .jackpotGroup .singleJackpot img {
  width: 350px;
}

div.jackpotContainer .jackpotWiner .jackpotGroup .singleJackpot .jackpotContent {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.5em;
  margin-inline-start: 30px;
}

html[dir="ltr"] div.jackpotContainer .jackpotWiner .jackpotGroup .singleJackpot .jackpotContent {
  left: 0;
}

html[dir="rtl"] div.jackpotContainer .jackpotWiner .jackpotGroup .singleJackpot .jackpotContent {
  right: 0;
}

div.jackpotContainer .jackpotWiner .jackpotGroup .singleJackpot .jackpotContent .jackpotAmount {
  display: block;
  font-size: 1.8em;
  font-weight: 800;
  color: #212121;
}

div.jackpotContainer .jackpotWiner .jackpotGroup .singleJackpot .jackpotContent .jackpotType {
  display: inline-block;
  color: #fff;
  font-size: 1em;
  font-weight: 900;
  padding: 8px 15px;
  text-transform: uppercase;
}

html[dir="ltr"] div.jackpotContainer .jackpotWiner .jackpotGroup .singleJackpot .jackpotContent .jackpotType {
  border-radius: 0 12px 12px 12px;
}

html[dir="rtl"] div.jackpotContainer .jackpotWiner .jackpotGroup .singleJackpot .jackpotContent .jackpotType {
  border-radius: 12px 0 12px 12px;
}

div.jackpotContainer .jackpotWiner .jackpotGroup .singleJackpot.Golden_Prize .jackpotContent .jackpotType {
  background: linear-gradient(94.36deg, #efae42 1.378%, #614922 103.41%);
}

div.jackpotContainer .jackpotWiner .jackpotGroup .singleJackpot.Silver_Prize .jackpotContent .jackpotType {
  background: linear-gradient(94.36deg, #9f9f9f 1.017%, #282828 103.873%);
}

div.jackpotContainer .jackpotWiner .jackpotGroup .singleJackpot.Bronze_Prize .jackpotContent .jackpotType {
  background: linear-gradient(94.36deg, #d87e2c .798%, #643f1c 104.154%);
}

div.jackpotContainer .jackpotWiner .jackpotGroupFooter {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 0.5em;
}

div.jackpotContainer .jackpotWiner .jackpotGroupFooter .closeModalJackpot {
  background-color: rgb(214, 195, 42);
  display: inline-block;
  color: #000;
  font-size: 1.2em;
  font-weight: 700;
  padding: 15px 15px;
  border-radius: 50px;
  cursor: pointer;
  width: 100%;
  text-align: center;
}

@media only screen and (max-width: 600px) {
  div.jackpotContainer {
    padding: 15px 0;
  }

  div.jackpotContainer .jackpotWiner .jackpotWinerSupHeader {
    padding: 1em 0.5em;
  }

  div.jackpotContainer .jackpotWiner .jackpotWinerSupHeader p {
    font-size: 1.2em;
  }
}