@keyframes LoopRotate {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}
@keyframes LoopRotate {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}
html.white-layout,
html.white-layout body {
  background: rgb(255, 255, 255) !important;
}
.crmpam-content {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}
.crmpam-header {
  background: rgb(19, 2, 39);
  border-bottom-width: 0px;
  border-bottom-style: solid;
  border-bottom-color: rgb(122, 18, 210);
  padding: 0px 12px;
}
.crmpam-header::before,
.crmpam-header::after {
  content: "";
  position: absolute;
  width: 14.188rem;
  height: 14.188rem;
  border-radius: 50%;
  filter: blur(2rem);
  background-color: rgb(84, 12, 120);
}
.crmpam-header::before {
  content: "";
  top: -12rem;
  right: -4.5rem;
  z-index: 0;
}
.crmpam-header::after {
  content: "";
  top: -12rem;
  left: -4.5rem;
  z-index: 0;
}
.crmpam-header-fixed {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 9;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 5px 0px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 5px 0px;
}
.crmpam-content-padding-header {
  padding-top: 60px;
}
.crmpam-header-user {
  height: 60px;
}
.crmpam-header img {
  height: 33px;
  width: 152px;
  position: relative;
  z-index: 2;
}
.mobile-login-button {
  display: none;
}
.mobile-login-button button {
  width: 42px;
  min-width: 42px;
  height: 42px;
  border-radius: 4px;
}
.crmpam-header-menu a > div {
  height: 36px;
  min-width: 87px;
  padding: 0px 20px;
}
.crmpam-header-menu * {
  text-decoration: none;
  font-weight: bold;
  transition: 0.3s;
}
.crmpam-header-menu a zzz {
  position: absolute;
  left: 0px;
  bottom: 0px;
  height: 3px;
  width: 100%;
}
.crmpam-header-menu a.active-menu-option > div {
  background: linear-gradient(
    90deg,
    rgba(68, 23, 85, 1) 0%,
    rgba(103, 37, 118, 1) 50%,
    rgba(68, 23, 86, 1) 100%
  );
  overflow: hidden;
  position: relative;
  height: 35px;
  border-radius: 100px;
  color: rgb(255, 255, 255);
  padding: 0px 20px;
  border: 1px solid rgb(151, 57, 170);
  opacity: 0.8;
}
.crmpam-header-menu a:hover div p,
.crmpam-header-menu a.active-menu-option div p {
  color: rgb(255, 255, 255);
}
.crmpam-user-header-content .crmpam-btn-primary {
  margin-right: 0px;
  font-size: 13px;
  line-height: 13px;
  font-weight: 500;
}
@media (max-width: 1280px) {
  .crmpam-header-menu {
    display: none;
  }
  .mobile-login-button {
    display: flex !important;
    border: medium !important;
    background: none !important;
    min-width: auto !important;
    padding: 0px !important;
  }
  .crmpam-header-user {
    padding: 0px 20px;
  }
  .crmpam-user-header-content .crmpam-btn-primary.crmpam-btn-small {
    margin-right: 10px;
    min-width: 90px !important;
    padding: 0px 4px !important;
  }
}
@media (max-width: 450px) {
  .header-info-user {
    display: none;
  }
}
.crmpam-header .crmpam-header-language img {
  width: 20px;
  min-width: 20px;
  max-width: 20px;
  height: 20px;
  min-height: 20px;
  max-height: 20px;
  border: 1px solid rgb(255, 255, 255);
  border-radius: 50px;
}
.crmpam-header-language:hover button img {
  opacity: 0.8;
}
.lang-menu-option {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.lang-menu-option img {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.crmpam-header-language button {
  padding: 10px;
}
.header-left-section {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
}
.header-left-section button {
  width: 20px;
  height: 50px;
}
.chatButton {
  height: 30px;
  width: 30px;
  min-width: 30px;
  padding: 0px;
  border-radius: 100%;
}
.chatButton img {
  width: 100%;
  height: 100%;
}
.chatButton:hover {
  opacity: 0.8;
}
.dark-logo {
  margin-left: auto;
  margin-right: auto;
  width: auto;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.loginForm {
  width: 100%;
  max-width: 450px;
  margin: auto;
}
.mobile-login-popup {
  display: none;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgb(217, 217, 217);
}
.login-popup .crmpam-popup-content-container {
    background: #130527;
    border-radius: 20px;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding-left: 300px;
}
.login-popup .crmpam-popup-content-container img {
    width: 350px;
    position: absolute;
    left: -50px;
}
.login-popup .crmpam-popup-overlay {background: rgb(230 165 255 / 20%);}

.login-popup.crmpam-popup .crmpam-popup-content-header {
    background: none !important;
    padding: 12px;
    width: 100%;
    top: 0;
    right: 0;
    left: auto;
    flex-direction: row-reverse;
    opacity: 0.7;
}
div#loginPopup .crmpam-btn-primary {
    height: 36px;
}
.login-popup .crmpam-dark-form .crmpam-input > div {
    background: linear-gradient(180deg, #320548 0%, #1f073a 100%) !important;
    border-radius: 12px;
}
@media (max-width: 830px) {
  .mobile-login-popup {
    display: block;
  }
  .login-popup .crmpam-popup-content-container {
    flex-direction: column-reverse !important;
    padding: 0px 40px;
}
.login-popup .crmpam-popup-content-container img {
    position: relative;
    left: 0;
    opacity: 0.6;
}
div#loginPopup {
    padding: 0;
}
  
}
.crmpam-footer {
  background: #130527 !important;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.crmpam-footer-logo {
  width: 100%;
  height: 100%;
  max-width: 30px;
  max-height: 30px;
  object-fit: contain;
}
a.icon-wrapper {
  border: 2px solid rgb(255, 255, 255);
  border-radius: 50px;
  padding: 8px;
  display: inline-block;
  background-color: transparent;
  transition: background-color 0.3s, border-color 0.3s;
  width: 46px;
  height: 46px;
  box-sizing: border-box;
}
a.icon-wrapper:hover {
  background-color: rgb(193, 25, 158) !important;
  border: 2px solid rgb(193, 25, 158) !important;
}
.crmpam-flex-end {
  display: flex;
  align-items: center;
  flex-direction: row;
}
.crmpam-footer-col {
  display: flex;
  align-items: flex-start;
  margin: 20px;
}
.crmpam-footer-col-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 20px;
}

.crmpam-footer-col-col a {
  opacity: 0.6;
  text-transform: uppercase;
  font-size: 10px;
}
.crmpam-footer-col p {
  max-width: 210px;
}
.crmpam-footer-cols {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.crmpam-footer-col-title {
  font-weight: bold;
  margin-bottom: 20px;
  color: var(--crmpam-color-secondary);
}
.footer-redes p {
  margin-bottom: 10px;
}
.footer-text {
  max-width: 250px;
  line-height: 18px;
}
.crmpam-footer-col .crmpam-bold.crmpam-uppercase.crmpam-mb20.crmpam-pb10 {
  color: var(--crmpam-btn-color-primary);
}
.item-title {
  color: rgb(193, 26, 158) !important;
}
@media (max-width: 964px) {
  .crmpam-footer-col {
  }
  .footer-text {
    text-align: center;
  }
  .crmpam-footer-col p {
    text-align: center;
  }
}
.crmpam-popup {
  position: fixed;
  width: 100%;
  height: 100vh;
  min-height: -webkit-fill-available;
  top: 0px;
  left: 0px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  background: var(--crmpam-color-overlay);
  z-index: 9991;
  padding: 1rem;
  box-sizing: border-box;
  overscroll-behavior: contain;
  overflow: auto;
}
.crmpam-popup-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.crmpam-content.crmpam-no-overflow {
  height: 100vh !important;
  padding: 0px !important;
  margin: 0px !important;
}
.crmpam-popup .crmpam-popup-content {
  position: relative;
  background: var(--crmpam-bg-primary);
  border-radius: 1.25rem;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px 2px;
  max-width: 550px;
  max-height: 80vh;
  margin: 20px 0px;
  opacity: 0;
  transition: opacity 0.3s, transform 0.3s;
  transform: scale(0.95);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.crmpam-popup .crmpam-popup-content-header {
  padding: 1.5rem;
  position: sticky;
  top: 0px;
  background: inherit;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgba(0, 0, 0, 0.1);
}
.crmpam-popup .crmpam-popup-content-header .close {
  position: relative;
  margin: 0px;
  padding: 0.5rem;
  color: var(--crmpam-color-primary);
  cursor: pointer;
  background: none;
  border: medium;
  font-size: 1.5rem;
  line-height: 1;
}
.crmpam-popup .crmpam-field-error {
  padding-left: 0px;
  background: none;
}
.crmpam-popup .crmpam-field-error .MuiAlert-icon {
  display: none;
}
.crmpam-popup .crmpam-field-error .MuiAlert-message {
  color: var(--crmpam-bg-color-error);
  font-size: 0.875rem;
}
@media (max-width: 560px) {
  .crmpam-popup .crmpam-popup-content {
    max-width: calc(100% - 20px);
    min-width: calc(100% - 20px);
    width: 100%;
    height: -webkit-fill-available;
    max-height: -webkit-fill-available;
    min-height: -webkit-fill-available;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  iframe#depositResponseIframe {
    height: calc(-100px + 100vh);
  }
}
.crmpam-user-menu {
  position: absolute;
  top: 0px;
  height: 100%;
  width: 100%;
  z-index: 9991;
  background: var(--crmpam-color-overlay);
}
.crmpam-user-menu > .crmpam-user-menu-content {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100vh;
  padding: 60px 20px 20px;
  background: var(--crmpam-bg-primary);
  min-width: 250px;
  opacity: 0;
  transition: 0.3s;
}
.crmpam-user-menu .crmpam-user-menu-content p {
  padding: 5px 10px;
  color: var(--crmpam-color-primary);
  cursor: pointer;
  display: flex;
  align-items: center;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  transition: 0.3s;
}
.crmpam-user-menu .crmpam-user-menu-content p:last-child {
  border-bottom-width: medium;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
}
.crmpam-user-menu .crmpam-user-menu-content p:hover {
  background: rgba(255, 255, 255, 0.25);
}
.crmpam-user-menu .btn-close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 20px;
  height: 20px;
  color: var(--crmpam-color-primary);
  z-index: 9;
  background: none;
  border: medium;
  cursor: pointer;
}
.user-menu-info {
  border-radius: 10px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.user-menu-info .user-menu-info-img {
  background: rgba(238, 238, 238, 0.5);
  border: 2px solid var(--crmpam-color-tertiary);
  border-radius: 100%;
  width: 46px;
  min-width: 46px;
  height: 46px;
  min-height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  font-size: 26px;
}
.user-menu-info-content {
  width: 100%;
  margin-left: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.user-menu-info-content span {
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.crmpam-user-menu .crmpam-user-menu-content p .crmpam-white-icon {
  color: var(--crmpam-color-tertiary);
  fill: var(--crmpam-color-tertiary);
}
.resetPwdButton {
  border-bottom-width: medium !important;
  border-bottom-style: none !important;
  border-bottom-color: currentcolor !important;
}
p.main-menu-link,
.main-menu-link p {
  padding: 10px !important;
}
p.main-menu-link.custom-menu-link,
.main-menu-link.custom-menu-link p {
  background: var(--crmpam-color-overlay);
}
a.main-menu-link.highlighted-menu-link p {
  color: var(--crmpam-btn-color-primary-text);
  margin: 10px 0px;
  background-color: var(--crmpam-btn-color-primary) !important;
}
a.main-menu-link.highlighted-menu-link p {
  margin: 10px 0px;
}
a.main-menu-link.bottom-menu-link {
  position: absolute;
  bottom: 10px;
  width: 87%;
  background-color: var(--crmpam-btn-color-primary) !important;
}
a.main-menu-link.bottom-menu-link p {
  color: var(--crmpam-btn-color-primary-text);
}
.crmpam-user-mobile-content {
  display: none;
}
@media (max-width: 850px) {
  .crmpam-user-mobile-content {
    display: block !important;
  }
}
@media (max-width: 500px) {
  form#filter-form-history > div,
  form#filter-form-history button {
    width: 100%;
    margin: 0px 0px 20px;
  }
}
.crmpam-userDocs-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  max-width: 650px;
}
.crmpam-userFiles {
  gap: 20px;
}
.crmpam-userDocs {
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--crmpam-border-radius);
  width: calc(100% - 40px);
  min-height: calc(140px);
  max-height: calc(140px);
  padding: 20px;
}
.crmpam-userDocs > div > svg,
.crmpam-userDocs > svg {
  width: 48px;
  height: 48px;
}
.crmpam-userDocs-counter {
  opacity: 0.6;
}
.crmpam-userDocs-status {
  position: absolute;
  right: 0px;
  top: 0px;
}
.Doc_pending_status {
  color: rgb(255, 154, 93);
}
.Doc_revising_status {
  color: rgb(255, 255, 255);
}
.Doc_approved_status {
  color: rgb(106, 199, 38);
}
.Doc_error_status {
  color: rgb(255, 93, 93);
}
.crmpam-userDocs.uploadButton {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  position: relative;
  transition: 0.3s;
  min-height: 342px;
}
.doc-history {
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: var(--crmpam-border-radius);
}
.doc-history-element {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgba(255, 255, 255, 0.1);
  padding: 10px;
  overflow: hidden;
}
.doc-history-element:last-child {
  border: medium;
}
.docFileName {
  max-width: 250px;
  width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.crmpam-drag-drop {
  display: flex;
  background: rgba(255, 255, 255, 0.1);
  border-radius: var(--crmpam-border-radius);
  cursor: pointer;
  position: relative;
  border: 2px dashed rgba(255, 255, 255, 0.2) !important;
}
.crmpam-drag-drop:hover {
  background: rgba(255, 255, 255, 0.15);
}
.crmpam-drag-drop label {
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  line-height: 20px;
}
@media (max-width: 1000px) {
  .crmpam-userDocs.uploadButton p {
    font-size: var(--crmpam-text-small) !important;
  }
}
@media (max-width: 900px) {
  .crmpam-userDocs {
    min-height: calc(124px);
  }
  .crmpam-userFiles {
    flex-direction: column;
    align-items: flex-start;
  }
  .doc-history-element {
    flex-direction: column;
    align-items: flex-start;
  }
  .doc-history-element .crmpam-white-text.crmpam-txtr {
    text-align: left !important;
  }
  .doc-history-element > div:last-child {
    margin-top: 5px;
    margin-left: 44px;
  }
}
.crmpam-account-card {
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.1);
  position: relative;
  width: 250px;
  height: 63px;
  overflow: hidden;
}
.crmpam-account-card-info {
  display: flex;
  align-items: center;
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  justify-content: space-between;
  position: absolute;
  z-index: 1;
}
.crmpam-account-card-info svg {
  width: 48px;
  height: 48px;
  color: var(--crmpam-color-secondary);
}
.crmpam-account-card-background {
  position: absolute;
  z-index: 0;
  rotate: -24deg;
  left: -10px;
  top: 0px;
}
.crmpam-account-card-background svg {
  width: 120px;
  height: 120px;
  color: rgba(255, 255, 255, 0.06);
}
@media (max-width: 480px) {
  .promo-code-form > div,
  .promo-code-form > div .crmpam-input {
    width: 100%;
  }
  .promo-code-form button {
    width: 100%;
    margin-left: 0px;
    margin-top: 20px;
  }
}
@media (max-width: 450px) {
  .crmpam-account-card {
    width: 100%;
  }
}
.crmpam-overlay {
  width: 100%;
  height: 100%;
  background: none;
  margin: 0px;
  position: absolute;
  z-index: 0;
}
.bannerSlider {
  min-height: 220px;
}
.bannerSlider .splide__slide,
.banner-slide {
  width: 100%;
  max-width: 100%;
  cursor: pointer;
}
.banner-slide img {
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.bannerSlider .splide__arrow {
  background: rgb(38, 38, 38);
  border: 1px solid var(--crmpam-btn-color-primary);
  width: 32px;
  height: 32px;
  border-radius: 100px;
}
.bannerSlider .splide__arrow svg {
  fill: var(--crmpam-btn-color-primary);
}
.bannerSlider .splide__pagination__page {
  background: rgb(242, 242, 242);
  opacity: 1;
}
.bannerSlider .splide__pagination__page.is-active {
  background: var(--crmpam-btn-color-primary);
}
.lobby-section-title {
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 30px;
}
.lobby-section-title p {
  color: var(--crmpam-bg-color-primary);
  background-color: var(--crmpam-bg-primary);
  padding: 0px 20px;
  text-align: center;
  text-transform: none;
  font-weight: bold;
  z-index: 1;
  height: 20px;
  position: relative;
  font-size: 20px;
  line-height: 20px;
}
.lobby-section-title p::after {
  content: "";
  position: absolute;
  width: 10%;
  min-width: 80px;
  height: 3px;
  background: rgb(255, 188, 15);
  left: 20px;
  bottom: -16px;
}
.lobby-section .crmpam-machines-contanier {
  max-height: 565px;
  overflow: hidden;
}
@media (max-width: 1100px) {
  .lobby-section .crmpam-machines-contanier {
    max-height: 565px;
  }
}
@media (max-width: 825px) {
  .lobby-section .crmpam-machines-contanier {
    max-height: 382px;
  }
}
.crmpam-machines-contanier {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  padding: 0px 10px;
}
.crmpam-machine {
  position: relative;
  flex-direction: column;
  background: rgba(47, 72, 88, 0.6);
  width: calc(12.5% - 10px);
  border-radius: 5px;
  align-items: center;
  justify-content: space-between;
  transition: 0.3s;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 8px 2px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 8px 2px;
}
.crmpam-machine:hover {
  cursor: pointer;
}
.crmpam-machine::after {
  content: "";
  position: absolute;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 2px solid rgba(245, 192, 67, 0);
  border-radius: 10px;
  z-index: 0;
  transition: 0.3s;
}
.crmpam-machine:hover::after {
  border: 2px solid var(--crmpam-color-tertiary);
}
.crmpam-machine .crmpam-machine-logo {
  transition: 0.5s;
  border-radius: 5px;
}
.crmpam-machine-frame {
  position: absolute;
  width: 100%;
  height: 100%;
}
.crmpam-machine .crmpam-btn-secondary {
  display: none;
}
.crmpam-machine .crmpam-machine-name {
  position: absolute;
  opacity: 0;
  z-index: 1;
  top: 15px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  text-shadow: rgba(0, 0, 0, 0.6) 2px 2px;
  transition: 0.3s;
}
.crmpam-machine:hover .crmpam-machine-name,
.crmpam-machine:hover .crmpam-btn-primary,
.crmpam-machine:hover .crmpam-machine-button-demo {
  opacity: 1 !important;
}
.crmpam-machine .crmpam-btn-primary {
  position: absolute;
  bottom: calc(50% - 30px);
  transition: 0.3s;
  width: auto;
  min-width: 84px;
  padding: 0px 10px;
  z-index: 1;
  opacity: 0 !important;
}
.crmpam-machine:hover .crmpam-machine-logo,
.crmpam-machine:hover .crmpam-machine-tags {
  filter: brightness(0.3) blur(0.2px);
  opacity: 0.9;
}
.crmpam-machine .crmpam-machine-logo {
  max-height: unset !important;
  min-height: unset !important;
  height: unset !important;
}
.crmpam-machine-tags {
  display: none !important;
}
.index-page .crmpam-filter-tags {
  display: none;
}
.index-page .crmpam-filter-providers {
}
@media (max-width: 1500px) {
  .crmpam-machine {
    width: calc(14.285714% - 10px);
  }
}
@media (max-width: 1300px) {
  .crmpam-machine {
    width: calc(16.666667% - 10px);
  }
}
@media (max-width: 1100px) {
  .crmpam-machine {
    width: calc(20% - 10px);
  }
}
@media (max-width: 800px) {
  .crmpam-machine {
    width: calc(25% - 10px);
  }
}
@media (max-width: 650px) {
  .crmpam-machine {
    width: calc(33.333333% - 10px);
  }
}
@media (max-width: 420px) {
  .crmpam-machine {
    width: calc(50% - 10px);
  }
}
@media (max-width: 825px) {
  .crmpam-machines-contanier .crmpam-machine .crmpam-machine-name {
    display: none;
  }
  .crmpam-machines-contanier .crmpam-machine .crmpam-machine-logo {
    border-radius: 5px;
  }
  .crmpam-machine .crmpam-btn-primary {
    bottom: calc(50% - 10px);
    height: 24px;
    padding: 0px 10px;
    width: 70px !important;
    min-width: auto !important;
  }
}
@media (max-width: 480px) {
  .crmpam-machines-contanier {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.index-lobby .crmpam-machine {
  position: relative;
  flex-direction: column;
  max-width: 180px;
  min-width: 180px;
  background: rgba(47, 72, 88, 0.6);
  border-radius: 5px;
  align-items: center;
  justify-content: space-between;
  transition: 0.3s;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 8px 2px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 8px 2px;
}
@media (max-width: 825px) {
  .index-lobby .crmpam-machines-contanier .crmpam-machine {
    min-width: 120px;
    max-width: 120px;
  }
}
.crmpam-btn-favorite {
  position: absolute;
  bottom: 6px;
  right: 6px;
  background: rgb(0, 0, 0);
  border-radius: 50px;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 2;
  transition: 0.3s;
}
.crmpam-btn-favorite svg {
  display: flex;
  align-items: center;
  justify-content: center;
  fill: var(--crmpam-bg-color-error);
  margin-top: 2px;
}
.crmpam-btn-favorite:hover {
  transform: scale(1.05);
  filter: brightness(0.8);
}
.favActive-true .favFalse {
  display: none;
}
.favActive-false .favTrue {
  display: none;
}
.crmpam-filter-providers {
  padding-top: 2px;
  padding-bottom: 5px;
}
.crmpam-lobby-filter-bar .crmpam-filter-name > div,
.crmpam-filter-content {
  border-radius: 4px;
  color: rgb(255, 255, 255) !important;
}
.crmpam-lobby-filter-bar .crmpam-filter-name > div fieldset {
  border-color: rgba(255, 255, 255, 0.2) !important;
}
.crmpam-filter-content * {
  color: rgb(255, 255, 255) !important;
}
.crmpam-filter-provider,
.crmpam-filter-tag,
.crmpam-filter-favs {
  border-radius: var(--crmpam-border-radius);
}
.crmpam-filter-tag label img,
.crmpam-filter-favs label img {
  width: 25px;
  height: 25px;
}
.crmpam-filter-provider.checked *,
.crmpam-filter-provider ul li:hover *,
.crmpam-filter-tag.checked *,
.crmpam-filter-tag:hover *,
.crmpam-filter-favs.checked *,
.crmpam-filter-favs:hover * {
  color: var(--crmpam-color-tertiary) !important;
}
.crmpam-filter-tag.checked label p,
.crmpam-filter-tag:hover label p,
.crmpam-filter-favs.checked label p,
.crmpam-filter-favs:hover label p {
  border: 1px solid var(--crmpam-btn-color-primary);
}
.crmpam-filter-tag.checked img,
.crmpam-filter-tag:hover img,
.crmpam-filter-favs.checked img,
.crmpam-filter-favs:hover img {
  filter: brightness(0.6);
}
.crmpam-filter-provider.checked div {
  border: 1px solid var(--crmpam-color-tertiary);
}
.crmpam-filter-provider label img {
  width: 30px;
  height: 30px;
  max-width: 30px;
  max-height: 30px;
  min-width: 30px;
  min-height: 30px;
}
.crmpam-filter-provider label {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 65px;
}
.crmpam-filter-provider label,
.crmpam-filter-provider label *,
.crmpam-filter-tag label,
.crmpam-filter-tag label *,
.crmpam-filter-favs,
.crmpam-filter-favs * {
  transition: 0.3s;
}
.crmpam-filter-tag *,
.crmpam-filter-favs * {
  text-transform: capitalize;
}
.crmpam-filter-tag label,
.crmpam-filter-favs label {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  max-width: 50px;
  min-width: 50px;
  min-height: 55px;
  max-height: 55px;
  text-align: center;
  font-size: 11px;
}
.crmpam-filter-tag label img {
  height: 25px;
  width: 25px;
}
.crmpam-filter-favs label svg {
  height: 25px;
  width: 25px;
}
.crmpam-filter-provider label div {
  background: rgb(0, 0, 0);
  border: 1px solid rgb(0, 0, 0);
  width: 38px;
  height: 38px;
  min-width: 38px;
  min-height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  margin-top: 3px;
  margin-bottom: 30px;
}
.crmpam-filter-provider label p {
  position: absolute;
  top: 49px;
  min-width: 53px;
  max-width: 107px;
  height: 24px;
  background: none;
  border: medium;
  font-weight: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  margin-bottom: 0px;
}
.crmpam-filter-tag label p {
  background: rgb(38, 38, 38);
  border: 1px solid rgb(38, 38, 38);
  width: 25px;
  height: 25px;
  min-width: 25px;
  min-height: 25px;
  max-width: 25px;
  max-height: 25px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  margin-bottom: 6px;
  color: rgba(255, 255, 255, 0.4) !important;
}
.casino-en-vivo-page .crmpam-filter-providers {
  display: none;
}
.crmpam-lobby-filter .splide__arrow {
  background: none;
}
.crmpam-lobby-filter .splide__arrow * {
  fill: var(--crmpam-btn-color-primary);
}
.crmpam-filter-provider.checked div {
  box-shadow: 0px 0px 6px 0px var(--crmpam-color-tertiary);
}
.crmpam-filter-tag.checked label p,
.crmpam-filter-favs.checked label p {
  box-shadow: 0px 0px 6px 1px var(--crmpam-color-tertiary);
}
.provider-slide,
.tag-slide {
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 34px;
  padding: 0 1.25rem 0 0.938rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#320548),
    to(#1f073a)
  );
  background: linear-gradient(180deg, #320548 0%, #1f073a 100%);
  border-radius: 6.25rem;
  gap: 0.625rem;
  cursor: pointer;
  margin-right: 5px;
}
.provider-slide div {
  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tag-slide div {
  background: rgb(38, 38, 38);
  border: 1px solid rgb(38, 38, 38);
  font-weight: bold;
  width: 25px;
  height: 25px;
  min-width: 25px;
  min-height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  margin-bottom: 30px;
  color: rgba(255, 255, 255, 0.5) !important;
}
.provider-slide div img,
.provider-slide div span {
  width: 30px;
  height: 30px;
  max-width: 30px;
  max-height: 30px;
  min-width: 30px;
  min-height: 30px;
}
.provider-slide.filterProv_0 img {
  height: 20px;
  max-width: 20px;
  max-height: 20px;
  min-width: 20px;
  min-height: 20px;
}
.tag-slide.filterTag_0 img {
  height: 15px;
  max-width: 15px;
  max-height: 15px;
  min-width: 15px;
  min-height: 15px;
}
.provider-slide p,
.tag-slide p {
  bottom: 0px;
  min-width: 80px;
  max-width: 80px;
  font-size: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.provider-slide:hover *,
.tag-slide:hover * {
  transition: 0.3s;
  cursor: pointer;
  color: var(--crmpam-color-tertiary) !important;
}
.provider-slide:hover div,
.tag-slide:hover div {
}
.activeProviderSlide div,
.activeTagSlide div {
  box-shadow: 0px 0px 6px 2px var(--crmpam-color-tertiary);
  border: 1px solid var(--crmpam-color-tertiary);
}
.activeProviderSlide *,
.activeTagSlide * {
  color: var(--crmpam-color-tertiary);
}
.crmpam-lobby-filter .crmpam-w50,
.crmpam-lobby-filter .crmpam-w25 {
  min-width: auto;
  max-width: 100%;
}
.crmpam-lobby-filter .crmpam-w50 {
  width: 75%;
}
.provider-select-image {
  width: 28px;
  height: 28px;
  margin-right: 12px;
  border: 1px solid rgb(92, 92, 92);
  border-radius: 100%;
  background: rgb(0, 0, 0);
}
p.tag-select-image {
  background: rgb(0, 0, 0);
  width: 28px;
  height: 28px;
  margin-right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 100%;
}
.crmpam-input input {
  height: 30px !important;
}
.crmpam-select > div {
  line-height: 34px;
  height: 30px !important;
}
@media (max-width: 800px) {
  .crmpam-lobby-filter {
    padding-top: 10px;
    padding-left: 0px;
    padding-right: 0px;
  }
  .casino-page .crmpam-filter-providers {
    display: none;
  }
  .crmpam-lobby-filter > div {
    width: calc(50% - 20px);
    min-width: calc(50% - 20px) !important;
  }
}
@media (max-width: 600px) {
  .crmpam-filter-tags,
  .crmpam-filter-providers {
    align-items: flex-start;
    flex-wrap: nowrap;
    overflow: scroll;
    max-width: calc(100% - 40px);
  }
}
#iframeArea {
  position: absolute;
  inset: 0px;
  z-index: 99999;
  width: calc(100% - 20px);
  height: calc(100% - 50px);
  background: rgb(0, 0, 0);
  padding: 40px 10px 10px;
}
#iframeArea iframe {
  height: 100%;
  border: medium;
}
#iframeArea .iframeButtons {
  position: absolute;
  top: 0px;
  right: 0px;
}
#iframeArea #demoMessage {
  position: absolute;
  top: 5px;
  margin: auto;
  left: 0px;
  right: 0px;
  width: 100px;
  text-align: center;
  padding: 5px;
  border-radius: var(--crmpam-border-radius);
  color: var(--crmpam-bg-color-warning);
}
.personal-data {
  display: flex;
  gap: 20px;
}
.personal-data > div {
  width: 50%;
}
.personal-data > div > div {
  min-height: 282px;
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
@media (max-width: 850px) {
  .personal-data {
    flex-wrap: wrap;
  }
  .personal-data > div {
    width: 100%;
  }
}
.text-fragment-column {
  padding: 0px 40px;
  width: calc(50% - 80px);
}
@media (max-width: 800px) {
  .text-fragment-column {
    width: 100%;
  }
}
.crmpam-reset-pwd-page {
  max-width: 600px;
  width: 100%;
}
.crmpam-reset-pwd-page h1 {
  width: 280px;
  left: calc(50% - 140px);
}
.filterProv_evolution {
  order: 1;
}
.filterProv_ezugi {
  order: 2;
}
.filterProv_pragmatic {
  order: 3;
}
.filterProv_habanero {
  order: 4;
}
.filterProv_egt {
  order: 5;
}
.filterProv_hacksaw {
  order: 6;
}
.filterProv_redtiger {
  order: 7;
}
.filterProv_spribe {
  order: 8;
}
.filterProv_netent {
  order: 9;
}
.filterProv_greentube {
  order: 10;
}
.filterProv_ctgaming {
  order: 11;
}
.filterProv_skywind {
  order: 12;
}
.filterProv_zitro {
  order: 13;
}
.filterProv_microgaming {
  order: 14;
}
.homeImageLinks > div {
  width: calc(33% - 20px);
}
.homeImageLinks > div a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.homeImageLinks > div a img {
  width: 100%;
}
.homeImageLinks > div button.crmpam-btn-primary {
  position: absolute;
  margin-top: 20px;
  left: 50px;
}
@media (max-width: 900px) {
  .homeImageLinks {
    flex-direction: column;
    margin: auto;
    width: 80%;
  }
  .homeImageLinks > div {
    width: 100%;
  }
}
@media (max-width: 650px) {
  .homeImageLinks > div {
    height: auto;
    width: 100%;
    margin-bottom: 20px;
  }
  .homeImageLinks > div img {
    position: relative;
    height: auto;
    width: 100% !important;
  }
  .homeImageLinks > div a {
    height: 100%;
  }
  .homeImageLinks > div a button {
    width: auto !important;
  }
}
.lobby-section .crmpamAltenarWidgetContainer {
  max-width: calc(100% - 40px);
}
.tagsCarrousel .splide__list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width: 1150px) {
  .tagsCarrousel .splide__list {
    justify-content: flex-start;
  }
}
@media (max-width: 700px) {
  .tagsCarrousel .tagSlide {
    margin-left: 5px;
    margin-right: 5px;
  }
  .tagsCarrousel > div.splide {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
.tagsCarrousel .splide__slide img::after {
  margin: 10px 0px;
  padding: 0px;
  content: "";
  width: 80px;
  height: 80px;
  background: rgb(0, 0, 0);
}
.crmpam-pointer:active {
  background: none !important;
}
.star-icon {
  background: none !important;
}
.star-icon:hover,
.star-icon:active {
  background: none !important;
}
.tag-carrousel-item img.star-animated {
  display: block;
  margin: 0px auto;
  max-width: 100%;
  animation: 4s linear infinite LoopRotate !important;
  transform-origin: center center !important;
  background: none !important;
}
.tagsCarrousel .splide__slide img:not(.star-animated) {
  animation: auto !important;
}
.ContIcon.Animation_1 {
  display: block;
  width: 100px;
  height: auto;
  margin: 0px auto;
  animation: 4s linear infinite LoopRotate !important;
  transform-origin: center center !important;
  backface-visibility: visible !important;
}
.ContIcon.Mid {
  width: 70px;
}
.ContIcon.Small {
  width: 30px;
}
.ContIcon.Animation_2 {
  animation: 4s cubic-bezier(0.28, 0.75, 0.2, 1.2) 1s infinite TLLoopRotate !important;
  backface-visibility: visible !important;
}
.activeMenuOption img {
}
@keyframes TLLoopRotate {
  0% {
    transform: rotateY(0deg);
  }
  60% {
    transform: rotateY(180deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}
@keyframes TLLoopRotate {
  0% {
    transform: rotateY(0deg);
  }
  60% {
    transform: rotateY(180deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}
.activeMenuOption img {
}
.main-menu-link.depositButton p {
  color: var(--crmpam-color-secondary);
  background-color: var(--crmpam-btn-color-primary) !important;
}
.lux-lobby-container {
  display: flex;
  flex-wrap: nowrap;
  overflow: auto hidden;
  gap: 10px;
}
.lux-machine {
  position: relative;
  flex-direction: column;
  background: none;
  border-radius: 12px;
  align-items: center;
  justify-content: space-between;
  transition: 0.3s;
  box-shadow: none;
  border: medium !important;
}
.lux-machine:hover {
  cursor: pointer;
}
.lux-machine::after {
  content: "";
  position: absolute;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 2px solid rgba(245, 192, 67, 0);
  border-radius: 10px;
  z-index: 0;
  transition: 0.3s;
}
.lux-machine:hover::after {
  /* border: 2px solid var(--crmpam-color-tertiary); */
}
.lux-machine .crmpam-machine-logo {
  transition: 0.5s;
  border-radius: 12px;
  width: 100%;
  height: calc(100% - 20px);
  min-height: calc(100% - 20px);
}
.lux-machine-frame {
  position: absolute;
  width: 100%;
  height: 100%;
}
.lux-machine .crmpam-btn-secondary {
  display: none;
}
.lux-machine .crmpam-machine-name {
  position: absolute;
  opacity: 1;
  z-index: 2;
  bottom: 0px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  text-shadow: rgba(0, 0, 0, 0.6) 2px 2px;
  transition: 0.3s;
  font-size: 10px;
  text-align: left;
  padding-left: 8px;
}
.lux-machine:hover .crmpam-machine-name,
.lux-machine:hover .crmpam-btn-primary,
.lux-machine:hover .crmpam-machine-button-demo {
  opacity: 1 !important;
}
.lux-machine .crmpam-btn-primary {
  position: absolute;
  bottom: calc(50% - 10px);
  transition: 0.3s;
  width: auto;
  min-width: auto;
  padding: 0px 10px;
  z-index: 1;
  opacity: 0 !important;
}
.lux-machine:hover .crmpam-machine-logo,
.lux-machine:hover .crmpam-machine-tags {
  filter: brightness(0.5) blur(0.6px);
  opacity: 0.9;
}
.lux-machine {
  display: flex;
  width: 130px;
  height: 130px;
  margin: 0px 5px 10px;
}
.doublerow {
  top: 5px;
  margin-bottom: 5px;
}
.index-lobby .lux-machine {
  position: relative;
  flex-direction: column;
  background: none;
  border-radius: 12px;
  align-items: center;
  justify-content: space-between;
  transition: 0.3s;
  margin-right: 8px;
}
@media (min-width: 1000px) {
  .lux-machine {
    width: 180px;
    height: 180px;
  }
}
.bannerSliderReduced .splide__slide,
.banner-slide-reduced,
.banner-slide-reduced img {
  height: auto !important;
}
.bannerSliderReduced {
  min-height: auto;
}
.bannerSliderReduced .splide__slide,
.banner-slide-reduced,
.banner-slide-reduced img {
  width: 100%;
  max-width: 100%;
  cursor: pointer;
  height: auto;
  object-fit: contain;
}
.bannerSliderReduced .splide__arrow {
  background: rgb(38, 38, 38);
  border: 1px solid var(--crmpam-btn-color-primary);
  width: 20px;
  height: 20px;
  border-radius: 100px;
}
.bannerSliderReduced .splide__arrow svg {
  fill: var(--crmpam-btn-color-primary);
}
.bannerSliderReduced .splide__pagination__page {
  background: rgb(242, 242, 242);
  opacity: 1;
}
.bannerSliderReduced .splide__pagination__page.is-active {
  background: var(--crmpam-btn-color-primary);
}
@media (min-width: 1000px) {
  .bannerSliderReduced {
    min-height: auto;
  }
  .bannerSliderReduced .splide__slide,
  .banner-slide-reduced,
  .banner-slide-reduced img {
    height: auto;
  }
  .bannerSliderReduced .splide__arrow {
    background: rgb(38, 38, 38);
    border: 1px solid var(--crmpam-btn-color-primary);
    width: 32px;
    height: 32px;
    border-radius: 100px;
  }
}
@media (max-width: 600px) {
  .bannerSliderReduced .splide__slide,
  .banner-slide-reduced,
  .banner-slide-reduced img {
    width: 100% !important;
    height: auto !important;
  }
}
.tagsCarrousel ul#splide01-list {
  max-height: 68px;
}
.crmpam-lobby div#splide02 {
  padding-bottom: 5px;
  padding-top: 0px;
}
.splide.bannerSlider-reduced {
  margin: 30px 0px;
}
.rainbow {
  animation: 45s ease-in-out infinite colorchange;
}
@keyframes colorchange {
  0% {
    color: rgb(255, 0, 0);
  }
  14.000000000000002% {
    color: rgb(255, 165, 0);
  }
  28.000000000000004% {
    color: rgb(255, 255, 0);
  }
  42% {
    color: rgb(0, 128, 0);
  }
  56.00000000000001% {
    color: rgb(0, 0, 255);
  }
  70% {
    color: rgb(75, 0, 130);
  }
  84% {
    color: rgb(238, 130, 238);
  }
  100% {
    color: rgb(255, 0, 0);
  }
}
.promotional-popup img {
  max-width: 100%;
}
.crmpam-popup-content.promotional-popup {
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.crmpam-popup-content-header.promotional-popup {
  display: contents;
}
.notifications-wrapper {
  margin: 0px 5px 0px 0px;
}
:root {
  --lux-notification-bg: var(--crmpam-bg-primary);
  --lux-notification-colour: var(--crmpam-btn-color-primary);
}
.splide__slide_TagsCarrousel {
  display: flex;
  align-items: center;
  justify-content: center;
}
.splide__slide a {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: left;
  font-weight: bold;
  text-decoration: none;
  color: inherit;
  padding-bottom: 5px;
}
.crmpam-mb40-footer {
  margin-bottom: 40px !important;
  align-items: center !important;
  text-align: center !important;
}
.crmpam-bg-tertiary {
  background: rgb(48, 48, 48) !important;
}
.footer-redes-content {
  align-items: start;
  justify-content: space-between;
  width: 100%;
  max-width: 1000px;
  margin: auto;
  flex-direction: column;
}
.crmpam-text-nowrap-footer {
  color: rgb(193, 26, 158);
  font-weight: 500;
  text-transform: uppercase;
  font-size: 12px;
  white-space: nowrap !important;
}
@media (max-width: 600px) {
  .footer-redes > div {
    flex-direction: column;
    align-items: center;
  }
  .footer-redes p {
    max-width: 100%;
    margin-bottom: 20px;
  }
  .footer-redes {
    padding: 20px 0px;
  }
}
@media (max-width: 480px) {
  .crmpam-machines-contanier {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}
@media (max-width: 825px) {
  .lobby-section .crmpam-machines-contanier {
    max-height: 479px !important;
  }
  .index-lobby .crmpam-machines-contanier .crmpam-machine {
    min-width: 110px !important;
    max-width: 110px !important;
  }
}
@media (max-width: 1100px) {
  .lobby-section .crmpam-machines-contanier {
    max-height: 519px !important;
  }
  .index-lobby .crmpam-machines-contanier .crmpam-machine {
    min-width: 120px !important;
    max-width: 120px !important;
  }
}
.crmpam-popup {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  margin: 0px auto;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9991;
}
.crmpam-popup-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.crmpam-content.crmpam-no-overflow {
  height: 100vh !important;
  padding: 0px !important;
  margin: 0px !important;
}
.crmpam-popup .crmpam-popup-content {
  margin: 0px auto;
  inset: 0px;
  background: none;
  max-height: calc(-32px + 100vh);
  height: auto;
  max-width: 500px;
  min-width: 500px;
  min-height: 180px;
  border-radius: 0px;
  position: relative;
  overflow: auto;
  z-index: 1;
  opacity: 0;
  transition: 0.3s;
  padding-top: 20px;
}
.crmpam-popup .crmpam-popup-content-header {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 0px;
  padding: 20px;
  background: linear-gradient(
    to right bottom,
    rgb(71, 17, 120),
    rgb(71, 17, 120),
    rgb(71, 17, 120),
    rgb(71, 17, 120),
    rgb(71, 17, 120),
    rgb(66, 18, 115),
    rgb(62, 18, 109),
    rgb(57, 18, 104),
    rgb(47, 18, 92),
    rgb(38, 17, 81),
    rgb(30, 15, 69),
    rgb(23, 13, 57)
  );
  width: calc(100% - 100px);
  left: 30px;
  top: -3px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.18) 0px 5px 11px 0px,
    rgba(0, 0, 0, 0.15) 0px 4px 15px 0px;
  box-shadow: rgba(0, 0, 0, 0.18) 0px 5px 11px 0px,
    rgba(0, 0, 0, 0.15) 0px 4px 15px 0px;
}
.crmpam-popup .crmpam-popup-content-header .close {
  margin: 0px;
  padding: 0px;
  color: var(--crmpam-color-primary);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.crmpam-popup .crmpam-field-error {
  padding-left: 0px;
  background: none;
}
.crmpam-popup .crmpam-field-error .MuiAlert-icon {
  display: none;
}
.crmpam-popup .crmpam-field-error .MuiAlert-message {
  color: rgb(255, 255, 255);
  padding: 0px 10px 0px 34px;
  font-size: 11px;
}
.crmpam-popup-content-container {
  background: rgb(56, 52, 77);
  padding-top: 80px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.18) 0px 5px 11px 0px,
    rgba(0, 0, 0, 0.15) 0px 4px 15px 0px;
  box-shadow: rgba(0, 0, 0, 0.18) 0px 5px 11px 0px,
    rgba(0, 0, 0, 0.15) 0px 4px 15px 0px;
}
#loginPopup.crmpam-popup .crmpam-popup-content {
  min-width: 300px;
  max-width: 600px;
  height: auto;
  min-height: auto;
  padding-top: 0;
  box-shadow: none;
  overflow: visible;
}
@media (max-width: 560px) {
  .crmpam-popup .crmpam-popup-content {
    max-width: calc(100% - 20px);
    min-width: calc(100% - 20px);
    width: 100%;
    height: -webkit-fill-available;
    max-height: -webkit-fill-available;
    min-height: -webkit-fill-available;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  iframe#depositResponseIframe {
    height: calc(-100px + 100vh);
  }
}
.crmpam-ph20 {
  padding-top: 30px !important;
}
#splide01-track {
  padding: 0.5% !important;
}
@media (max-width: 700px) {
  #splide01-track {
    padding: 1.5% !important;
  }
}
.lobby-section .crmpam-machines-contanier {
  max-height: 100% !important;
}
@media (max-width: 1100px) {
  .lobby-section .crmpam-machines-contanier {
    max-height: 1564px;
  }
}
@media (max-width: 535px) {
  .index-lobby .crmpam-machines-contanier .crmpam-machine {
    min-width: 105px !important;
    max-width: 105px !important;
  }
  .crmpam-machines-contanier {
    gap: 10px !important;
  }
  .lobby-section .crmpam-machines-contanier {
    max-height: 1724px !important;
  }
}
@media (max-width: 390px) {
  .index-lobby .crmpam-machines-contanier .crmpam-machine {
    min-width: 100px !important;
    max-width: 100px !important;
  }
  .crmpam-machines-contanier {
    gap: 9px !important;
  }
  .lobby-section .crmpam-machines-contanier {
    max-height: 1629px !important;
  }
}
@media (max-width: 351px) {
  .index-lobby .crmpam-machines-contanier .crmpam-machine {
    min-width: 75px !important;
    max-width: 75px !important;
  }
  .crmpam-machines-contanier {
    gap: 6px !important;
  }
  .lobby-section .crmpam-machines-contanier {
    max-height: 566px !important;
  }
}
@media (max-width: 300px) {
  .index-lobby .crmpam-machines-contanier .crmpam-machine {
    min-width: 80px !important;
    max-width: 80px !important;
  }
  .crmpam-machines-contanier {
    gap: 5px !important;
  }
  .lobby-section .crmpam-machines-contanier {
    max-height: 505px !important;
  }
}
@media (max-width: 255px) {
  .index-lobby .crmpam-machines-contanier .crmpam-machine {
    min-width: 75px !important;
    max-width: 75px !important;
  }
  .crmpam-machines-contanier {
    gap: 5px !important;
  }
  .lobby-section .crmpam-machines-contanier {
    max-height: 480px !important;
  }
}
.maintenandeAlert {
  position: fixed;
  z-index: 1;
  background: var(--crmpam-bg-primary);
  top: 50px;
  left: 0px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px,
    rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;
}
.maintenandeAlert p {
  width: 100%;
  font-weight: bold;
  padding: 15px 20px;
  background: rgba(255, 255, 255, 0.1);
  color: rgb(255, 255, 255);
}
.crmpam-popup {
  background: rgba(0, 0, 0, 0.7) !important;
}
.crmpam-popup .crmpam-popup-content {
  opacity: 1 !important;
  background: rgba(60, 60, 60, 0) !important;
}
.crmpam-popup-content-container {
  padding-top: 70px !important;
}
.crmpam-popup-content-container .crmpam-fragmentText {
  max-height: 66vh;
  overflow: auto;
}
@media (max-width: 560px) {
  .crmpam-popup .crmpam-popup-content {
    min-height: min-content !important;
  }
}
.crmpam-popup-content.promotional-popup {
  display: block !important;
}
@media (max-width: 420px) {
  .crmpam-machine {
    width: calc(33.333333% - 10px) !important;
  }
}
#BackXmasPopup {
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0px;
  bottom: 0%;
  z-index: 9999999999;
  padding: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  pointer-events: none;
  color: rgb(255, 255, 255);
  background: rgba(0, 0, 0, 0.8);
  font-size: 14px;
  line-height: 14px;
  overflow: hidden;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background-blend-mode: overlay;
  opacity: 0;
}
#SantaPopup {
  display: block;
  width: 100%;
  max-width: 600px;
  height: auto;
  margin: 0px auto;
  position: relative;
  animation: 2s infinite alternate yo-yo;
}
#ContSanta {
  display: block;
  width: 100%;
  max-width: 600px;
  height: auto;
  margin: 0px auto;
  position: relative;
  opacity: 1;
}
@keyframes yo-yo {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-5%);
  }
}
@keyframes yo-yo {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-5%);
  }
}
@keyframes fadeInBackXmasPopup {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInBackXmasPopup {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOutBackXmasPopup {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOutBackXmasPopup {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeInSantaXmasPopup {
  0% {
    opacity: 0;
    transform: scale(2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes fadeInSantaXmasPopup {
  0% {
    opacity: 0;
    transform: scale(2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes fadeOutSantaXmasPopup {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(2);
  }
}
@keyframes fadeOutSantaXmasPopup {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(2);
  }
}
#BackXmasPopup.show {
  animation: 0.5s forwards fadeInBackXmasPopup;
}
#BackXmasPopup.hide {
  animation: 0.3s forwards fadeOutBackXmasPopup;
}
#ContSanta.showSanta {
  animation: 0.5s forwards fadeInSantaXmasPopup;
}
#ContSanta.hideSanta {
  animation: 0.3s forwards fadeOutSantaXmasPopup;
}
#BackXmasPopup::before {
  content: "❅";
  z-index: 9999;
  position: fixed;
  top: 50%;
  left: -50%;
  height: 10px;
  width: 10px;
  background: white;
  border-radius: 50%;
  text-shadow: white 0px 0px, white -122vmax 58vmax 2px,
    white 59vmax -38vmax 0px, white -125vmax -25vmax 2px, white -2vmax 0vmax 2px,
    white -80vmax 53vmax 3px, white 19vmax -137vmax 0px,
    white -24vmax 99vmax 0px, white -112vmax 121vmax 0px,
    white 112vmax 22vmax 3px, white -26vmax -115vmax 1px,
    white -146vmax 94vmax 3px, white 113vmax -13vmax 3px,
    white 78vmax -83vmax 0px, white 144vmax 76vmax 3px,
    white 109vmax -12vmax 1px, white -16vmax 60vmax 2px,
    white -47vmax -40vmax 3px, white -43vmax -113vmax 3px,
    white -33vmax -107vmax 2px, white -115vmax -32vmax 1px,
    white -97vmax 141vmax 0px, white 135vmax 1vmax 2px, white -59vmax 3vmax 1px,
    white 125vmax 134vmax 2px, white -14vmax -140vmax 1px,
    white 49vmax -148vmax 2px, white -62vmax -77vmax 1px,
    white -60vmax 123vmax 2px, white -131vmax 78vmax 0px,
    white -43vmax 95vmax 2px, white -99vmax 80vmax 2px, white 70vmax 31vmax 3px,
    white 44vmax -58vmax 0px, white -35vmax -130vmax 0px,
    white -77vmax 69vmax 3px, white 0vmax 130vmax 1px, white -98vmax 25vmax 2px,
    white 84vmax -59vmax 2px, white 138vmax -7vmax 1px, white 92vmax -82vmax 1px,
    white 66vmax -134vmax 3px, white 123vmax -131vmax 3px,
    white -55vmax -100vmax 0px, white -141vmax 141vmax 2px,
    white -26vmax 150vmax 2px, white -124vmax -72vmax 2px,
    white -6vmax -71vmax 1px, white -18vmax 74vmax 1px, white 77vmax -37vmax 0px,
    white -45vmax -7vmax 3px, white -16vmax 21vmax 3px,
    white -38vmax 100vmax 1px, white -20vmax 13vmax 3px,
    white -9vmax -39vmax 2px, white 5vmax 32vmax 0px, white 82vmax 88vmax 1px,
    white 105vmax 106vmax 2px, white -123vmax -73vmax 0px,
    white 111vmax 103vmax 1px, white 28vmax 44vmax 3px,
    white -13vmax -87vmax 0px, white -141vmax -39vmax 2px,
    white 143vmax -121vmax 3px, white -133vmax 22vmax 0px,
    white -140vmax -56vmax 2px, white 92vmax -143vmax 0px,
    white -100vmax 46vmax 2px, white 131vmax -39vmax 2px,
    white 120vmax 58vmax 1px, white 139vmax -68vmax 1px,
    white 128vmax 37vmax 0px, white -137vmax -103vmax 1px,
    white 83vmax -56vmax 0px, white 137vmax 116vmax 2px,
    white -43vmax 125vmax 0px, white -40vmax -15vmax 2px,
    white 42vmax 101vmax 2px, white 149vmax -137vmax 3px,
    white 104vmax -148vmax 0px, white -65vmax 19vmax 2px,
    white 48vmax 78vmax 3px, white -63vmax 28vmax 1px, white 94vmax -129vmax 1px,
    white -27vmax 108vmax 0px, white -11vmax 67vmax 1px,
    white 114vmax 18vmax 2px, white 59vmax 96vmax 1px, white -46vmax -6vmax 1px,
    white 4vmax 28vmax 0px, white -116vmax -63vmax 1px, white 87vmax -62vmax 2px,
    white -27vmax 111vmax 1px, white 36vmax -51vmax 3px, white 9vmax -51vmax 3px,
    white 53vmax -111vmax 0px, white 22vmax -146vmax 0px,
    white -115vmax -131vmax 2px, white -146vmax 31vmax 0px,
    white 129vmax 2vmax 0px, white 106vmax 76vmax 2px,
    white -121vmax 106vmax 2px, white 55vmax -40vmax 1px,
    white -3vmax 70vmax 1px, white 55vmax -117vmax 1px, white -109vmax 1vmax 2px,
    white 5vmax 37vmax 0px, white -103vmax -86vmax 1px, white 78vmax 52vmax 3px,
    white -45vmax -142vmax 0px, white 113vmax -102vmax 3px,
    white -43vmax 147vmax 3px, white -108vmax 1vmax 1px,
    white 86vmax -139vmax 2px, white -137vmax -39vmax 0px,
    white -132vmax 122vmax 3px, white 98vmax -9vmax 3px,
    white -81vmax -77vmax 1px, white 93vmax 74vmax 3px,
    white 116vmax -118vmax 3px, white 61vmax -12vmax 0px,
    white -102vmax 149vmax 3px, white 69vmax 46vmax 0px,
    white -98vmax -80vmax 2px, white 27vmax 101vmax 2px,
    white -104vmax 31vmax 0px, white 23vmax 2vmax 1px, white -4vmax 14vmax 0px,
    white -59vmax 138vmax 1px, white 6vmax -62vmax 2px, white -46vmax 5vmax 2px,
    white 131vmax 17vmax 3px, white -76vmax -5vmax 3px,
    white -120vmax 47vmax 2px, white 118vmax -17vmax 1px,
    white -148vmax 137vmax 1px, white -139vmax -79vmax 2px,
    white 19vmax -99vmax 2px, white 85vmax 103vmax 3px,
    white -36vmax 108vmax 1px, white -132vmax -37vmax 0px,
    white 126vmax 121vmax 3px, white -49vmax -134vmax 2px,
    white 73vmax 89vmax 2px, white 79vmax -67vmax 2px, white 100vmax -79vmax 3px,
    white -23vmax 89vmax 3px, white -124vmax 87vmax 0px,
    white -47vmax -100vmax 1px, white 76vmax 80vmax 3px,
    white 59vmax -125vmax 3px, white 93vmax -146vmax 2px,
    white 15vmax -77vmax 2px, white 149vmax 98vmax 1px, white 48vmax 105vmax 3px,
    white 99vmax 72vmax 1px, white -117vmax -39vmax 1px,
    white 44vmax 109vmax 1px, white -102vmax -16vmax 2px,
    white 94vmax 133vmax 3px, white -136vmax 25vmax 0px,
    white 142vmax 71vmax 3px, white 142vmax -127vmax 1px,
    white 4vmax -19vmax 3px, white 87vmax 101vmax 1px, white -12vmax 82vmax 0px,
    white 30vmax -91vmax 0px, white -48vmax 16vmax 3px, white 35vmax -65vmax 0px,
    white 60vmax -83vmax 2px, white -121vmax 136vmax 1px,
    white -47vmax 34vmax 3px, white -149vmax -95vmax 0px,
    white 63vmax 83vmax 2px, white 41vmax -60vmax 3px,
    white -108vmax 142vmax 2px, white 2vmax -140vmax 3px,
    white 122vmax -104vmax 2px, white -83vmax 40vmax 3px,
    white 91vmax -41vmax 2px, white 125vmax 90vmax 3px, white -45vmax 68vmax 1px,
    white -77vmax 0vmax 3px, white 10vmax -34vmax 3px, white 39vmax 82vmax 2px,
    white 128vmax 77vmax 0px, white -77vmax 7vmax 2px,
    white -34vmax -136vmax 0px, white -12vmax -10vmax 0px,
    white 52vmax -149vmax 3px, white 23vmax 143vmax 0px, white 57vmax 96vmax 1px,
    white 110vmax 143vmax 3px, white 67vmax 51vmax 2px,
    white -113vmax -2vmax 1px, white -130vmax 95vmax 3px,
    white 65vmax -139vmax 2px, white -18vmax 21vmax 3px,
    white -128vmax 142vmax 0px, white -119vmax 96vmax 3px,
    white -9vmax 129vmax 0px, white 58vmax 28vmax 1px, white -32vmax -65vmax 1px,
    white -4vmax 13vmax 2px, white -93vmax 88vmax 2px, white 123vmax -20vmax 2px,
    white -38vmax -106vmax 2px, white 124vmax 7vmax 2px, white 19vmax 5vmax 3px,
    white 71vmax 112vmax 3px, white 103vmax -126vmax 1px,
    white 79vmax -136vmax 0px, white 0vmax -86vmax 1px,
    white 129vmax -76vmax 0px, white -144vmax -40vmax 0px,
    white 92vmax 80vmax 0px, white 35vmax 41vmax 0px, white 20vmax 114vmax 1px,
    white -76vmax -82vmax 0px, white 110vmax 121vmax 3px,
    white -22vmax -2vmax 0px, white -1vmax 21vmax 1px, white 58vmax 130vmax 3px,
    white -129vmax 129vmax 1px, white 21vmax -30vmax 1px, white 82vmax 6vmax 2px,
    white 65vmax 21vmax 1px, white -139vmax 144vmax 0px,
    white -97vmax 19vmax 0px, white 118vmax -79vmax 1px,
    white -127vmax 115vmax 1px, white -148vmax -141vmax 1px,
    white -88vmax -38vmax 2px, white 138vmax -11vmax 3px,
    white 33vmax -15vmax 0px, white 51vmax 61vmax 0px, white 66vmax 112vmax 2px,
    white 30vmax 65vmax 0px, white -114vmax 31vmax 2px, white 80vmax -60vmax 3px,
    white 34vmax 13vmax 1px, white 6vmax 128vmax 2px, white -19vmax 47vmax 3px,
    white -87vmax -91vmax 2px, white -90vmax -90vmax 1px,
    white -109vmax -20vmax 3px, white 115vmax -66vmax 1px,
    white 14vmax -29vmax 3px, white 106vmax 72vmax 0px, white 54vmax 98vmax 3px,
    white -147vmax -112vmax 3px, white 99vmax 57vmax 3px,
    white -27vmax 36vmax 3px, white 104vmax -85vmax 2px, white 24vmax 4vmax 2px,
    white 30vmax -23vmax 0px, white -23vmax 84vmax 0px, white -88vmax 15vmax 2px,
    white -18vmax 12vmax 2px, white 108vmax -117vmax 3px,
    white -26vmax 26vmax 1px, white 144vmax -78vmax 2px,
    white -64vmax -102vmax 1px, white 110vmax -143vmax 3px,
    white -120vmax 29vmax 2px, white 118vmax 147vmax 1px,
    white -69vmax -96vmax 1px, white -146vmax 138vmax 3px,
    white 32vmax -17vmax 3px, white -48vmax -82vmax 2px,
    white 123vmax 54vmax 3px, white 21vmax 114vmax 2px, white 28vmax 119vmax 1px,
    white 104vmax -7vmax 2px, white 97vmax 80vmax 2px, white -55vmax 83vmax 1px,
    white 80vmax -133vmax 0px, white 6vmax -80vmax 1px, white 5vmax -61vmax 0px,
    white 26vmax 82vmax 3px, white 118vmax 82vmax 0px, white 40vmax 15vmax 3px,
    white -122vmax -66vmax 2px, white 126vmax -92vmax 3px,
    white -5vmax 66vmax 2px, white -93vmax -91vmax 0px, white 36vmax 100vmax 3px,
    white -107vmax -28vmax 1px, white -9vmax 94vmax 3px,
    white 146vmax 77vmax 0px, white -128vmax -123vmax 1px,
    white 59vmax 66vmax 1px, white 34vmax -48vmax 2px, white -60vmax 2vmax 3px,
    white 37vmax 46vmax 3px, white -75vmax -129vmax 1px,
    white 89vmax 128vmax 1px, white 114vmax 70vmax 1px, white -80vmax 51vmax 2px,
    white -6vmax 145vmax 3px, white -78vmax 64vmax 3px;
  animation: 100s linear infinite snow;
}
@keyframes snow {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes snow {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.bg-footer {
  background: rgb(34, 38, 49);
}
.link-footer {
  gap: 12px;
}
.link-footer a:hover {
  text-decoration: underline;
  color: rgb(166, 173, 194) !important;
}
.chat-image {
  width: 240px;
  height: 137px;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s ease-in-out;
}
.chat-image:hover {
  background-color: rgb(49, 54, 69) !important;
}
.chat-image p {
  font-weight: 700;
  font-size: 14px !important;
}
.chat-image img {
  width: 100px;
  height: auto;
  object-fit: contain;
}
.options-footer {
  text-align: center;
  flex-direction: column;
}
.options-footer div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-bottom: 10px;
}
.options-footer a {
  color: rgb(166, 173, 194);
  text-decoration: underline;
  text-decoration-color: rgb(166, 173, 194);
  font-family: Inter, sans-serif;
  font-size: 11px;
  font-weight: 400;
}
.options-footer p {
  margin: 10px 0px;
  color: rgb(166, 173, 194);
  font-family: Inter, sans-serif;
  font-size: 11px;
  font-weight: 400;
}
.dot-style {
  margin: 0px 3px;
  color: rgb(166, 173, 194);
}
.container-image {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
@media (max-width: 489px) {
  .custom-hr {
    display: block !important;
  }
}
.custom-hr {
  position: relative;
  z-index: 1;
  width: 250px;
  height: 1px;
  background: rgba(255, 255, 255, 0.3);
  border: medium;
  margin: 20px auto;
  display: none;
}
@media (max-width: 964px) {
  .crmpam-footer-col {
  }
  .crmpam-footer-col p {
    text-align: center !important;
  }
}
.back-to-top-container {
  margin-bottom: 30px;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  width: auto !important;
}
.back-to-top-icon {
  padding: 10px;
  display: block !important;
  width: 14px !important;
  height: auto !important;
}
.back-to-top-container p {
  margin: 0px !important;
  text-align: center !important;
  font-family: Inter, sans-serif !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 100% !important;
}
.img-align a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media (min-width: 768px) {
  .back-to-top-icon {
    width: 24px !important;
  }
}
.history-popup table,
.crmpam-table-container table,
.crmpam-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}
.history-popup table th,
.crmpam-table-container table th,
.crmpam-table th {
  padding: 10px;
  text-align: left;
  font-weight: 500;
  background-color: rgb(51, 51, 51) !important;
  color: white !important;
}
.history-popup table td,
.crmpam-table-container table td,
.crmpam-table td {
  padding: 10px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgb(221, 221, 221);
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: rgba(0, 0, 0, 0.1);
  white-space: nowrap;
  background: rgba(255, 255, 255, 0.8) !important;
  color: rgb(51, 51, 51) !important;
}
.history-popup table tr:hover,
.crmpam-table-container table tr:hover,
.crmpam-table tr:hover {
  cursor: pointer;
  background-color: rgba(200, 200, 200, 0.5) !important;
}
#iframeArea {
  width: 100% !important;
  height: 100% !important;
}
.deposit-highlight-button {
  margin: 0px;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 10px;
  transition: 0.3s;
  width: 100%;
  display: block;
}
.deposit-highlight-button:hover {
  transform: translateY(-3px);
  box-shadow: rgba(0, 0, 0, 0.4) 0px 6px 15px;
}
.deposit-button-container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 12px 15px;
  background: linear-gradient(135deg, var(--crmpam-btn-color-primary), #8e44ad);
  color: var(--crmpam-color-secondary);
  font-weight: bold;
}
.deposit-icon-button {
  transition: transform 0.3s;
  background-color: rgba(255, 255, 255, 0.2) !important;
  margin-right: 6px !important;
  padding: 4px !important;
  height: 24px !important;
  width: 24px !important;
}
.deposit-icon {
  color: white !important;
  font-size: 0.8rem !important;
}
.deposit-text {
  font-size: 0.75rem;
  letter-spacing: 0.3px;
  animation: 2s infinite pulse;
}
@keyframes pulse {
  0% {
    opacity: 0.9;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.9;
  }
}
.crmpam-ph20 {
  padding-top: 5px !important;
}
@media (max-width: 1000px) {
  .crmpam-header-user {
    padding: 2px 10px 0px 5px !important;
  }
}
.home-links-banners a {
  width: calc(33.333333% - 22px);
  cursor: pointer;
}
.home-links-banners a:hover {
  filter: brightness(1.3);
  transition: filter 0.3s ease-in-out;
}
@media (max-width: 700px) {
  .home-links-banners a {
    width: calc(80% - 20px);
  }
}
.home-main-slots-desktop {
  display: flex;
  gap: 20px;
  width: calc(100% - 40px);
  margin: auto;
  align-items: center;
  justify-content: center;
}
.home-main-slots-desktop__item {
  position: relative;
  width: calc(25% - 20px);
}
.home-main-slots-desktop__button {
  width: 8.625rem;
  height: 2.5rem;
  max-width: 20%;
  max-height: 22%;
  position: absolute;
  bottom: 1.125rem;
  left: 50%;
  transform: translate(-50%);
  background: linear-gradient(
    113.27deg,
    rgb(84, 40, 180) 15.04%,
    rgb(179, 57, 226) 84.96%
  );
  border-radius: 31.25rem;
  color: rgb(255, 255, 255);
  font-size: 0.875rem;
  font-weight: 700;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  transition: 0.6s;
}
@media (max-width: 1200px) {
  .home-main-slots-desktop__button {
    display: none;
  }
}
.home-main-slots-desktop__icon {
  position: absolute;
  z-index: 5;
  transition: 0.4s;
  max-height: 100%;
}
.home-main-slots-desktop__item:hover .home-main-slots-desktop__button {
  transition: 0.6s;
  background: linear-gradient(
    113.27deg,
    rgb(179, 57, 226) 15.04%,
    rgb(84, 40, 180) 84.96%
  );
}
.home-main-slots-desktop__item:first-child .home-main-slots-desktop__icon {
  height: 100rem;
  bottom: 0.7rem;
  left: -2rem;
}
.home-main-slots-desktop__item:first-child:hover
  .home-main-slots-desktop__icon {
  transition: 0.4s;
  left: 0.4rem;
}
.home-main-slots-desktop__item:nth-child(2) .home-main-slots-desktop__icon {
  height: 100rem;
  left: -2rem;
  bottom: -0.3rem;
}
.home-main-slots-desktop__item:nth-child(2):hover
  .home-main-slots-desktop__icon {
  transition: 0.4s;
  left: -2rem;
  bottom: 0.7rem;
  transform: rotate(-7deg);
}
.home-main-slots-desktop__item:nth-child(3) .home-main-slots-desktop__icon {
  height: 13.75rem;
  bottom: 0.7rem;
  left: -2rem;
}
.home-main-slots-desktop__item:nth-child(3):hover
  .home-main-slots-desktop__icon {
  transition: 0.4s;
  transform: rotate(7deg);
}
.home-main-slots-desktop__item:nth-child(4) .home-main-slots-desktop__icon {
  height: 12.5rem;
  bottom: 0.3rem;
  left: -1rem;
  display: flex;
  z-index: 2;
}
.home-main-slots-desktop__item:nth-child(4):hover
  .home-main-slots-desktop__icon {
  transition: 0.4s;
  transform: rotate(7deg);
}
.home-main-slots-desktop__img {
  width: 100%;
  height: 10.5vw;
  position: relative;
  z-index: 0;
}
.home-main-slots-desktop__text {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 3;
}
.homeBanner {
  margin: 20px;
  border-radius: 12px;
  overflow: hidden;
}
.static-banner img {
  max-height: 500px;
  margin: auto;
}
.padding-top-page .crmpam-lobby {
  margin-top: -80px;
}
.tag-carrousel-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 34px;
  padding: 0 1.25rem 0 0.938rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#320548),
    to(#1f073a)
  ) !important;
  background: linear-gradient(180deg, #320548 0%, #1f073a 100%) !important;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 6.25rem;
  cursor: pointer;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0px 5px 0px 0px;
  padding-bottom: 0 !important;
}
.tagsCarrousel img {
  opacity: 0.6;
  padding: 0 !important;
  margin-right: 10px;
}
.promoIcon {
  width: 28px !important;
  height: 26px !important;
  margin: 0 8px 0 0 !important;
  transform: rotate(335deg) !important;
  opacity: 0.8 !important;
}

@media (max-width: 1200px) {
  .desktop-content {
    display: none;
  }
}
.mobile-content {
  display: none;
}
@media (max-width: 1200px) {
  .mobile-content {
    display: block;
  }
  .crmpam-header::before,
  .crmpam-header::after {
    display: none;
  }
  .crmpam-header {
    border: none !important;
    --AppBar-background: #130527 !important;
    --AppBar-color: #130527 !important;
    background-color: #130527 !important;
    padding-right: 0;
  }
  .MuiAppBar-root {
    background-color: #130527 !important;
  }
  .lux-machine {
    display: flex;
    width: 110px;
    height: 130px;
    margin: 0px 5px 10px;
  }
  .crmpamAltenarWidgetContainer {
    padding: 0 0 0 20px !important;
    max-width: 100% !important;
  }
  .lobby-section.index-lobby {
    padding-bottom: 0;
  }
  .navBar-mobile {
    display: block !important;
  }
  a.showMoreButton {
    height: 28px;
    right: 10px;
    padding: 0px 8px;
    bottom: -6px;
}
.lobby-section-title p {
    font-size: 16px;
}
  .lobby-section-title p::after {
    bottom: -10px;
  }
a.showMoreButton span {
    font-size: 11px;
}
}

.mobile-banner1 {
  display: flex;
  gap: 10px;
  margin: 0px 10px 10px 10px;
}

.mobile-banner2 {
  display: flex;
  gap: 10px;
  margin: 0px 10px 10px 10px;
}
.mobile-banner3 {
  display: flex;
  gap: 10px;
  margin: 20px 10px 20px 10px;
}
.navBar-mobile {
  border: none;
  background: #000000 !important;
  z-index: 9;
  display: none;
}
.MuiBottomNavigation-root {
  background: linear-gradient(180deg, #320548 0%, #1f073a 100%);
}
.MuiBottomNavigation-root {
  background: linear-gradient(180deg, #320548 0%, #1f073a 100%);
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.navBar-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  height: 56px;
  padding: 8px 0px 0px 0px;
}
.navBar-link svg {
  width: 20px;
  height: 20px;
}
.navBar-link p {
  font-size: 10px;
  font-weight: bold;
  margin-top: 4px;
  max-width: 76px;
  text-align: center;
  line-height: 10px;
}
.index-link.navBar-link img {
  position: absolute;
  width: 122px;
  height: 122px;
  bottom: 14px;
  z-index: 0;
  margin-right: 10px;
}
.index-link.navBar-link img.menu-bg {
    z-index: 1;
    width: 100%;
    max-width: 360px;
    height: 56px;
    top: 0px;
    margin-right: 0;
}
.MuiBottomNavigation-root a {
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
.MuiBottomNavigation-root a.index-a {
  z-index: 1;
}
.index-link.navBar-link p {
  padding-top: 20px;
  z-index: 1;
}
a.showMoreButton {
    display: flex;
    background: hsla(0, 0%, 100%, .1);
    align-items: center;
    height: 36px;
    border-radius: 8px;
    position: absolute;
    right: 20px;
    bottom: -6px;
    overflow: hidden;
    padding: 0px 16px;
}
a.showMoreButton:after {
    content: "";
    background-color: #9b39a7;
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-filter: blur(1.2rem);
    filter: blur(1.2rem);
}
a.showMoreButton span {
    font-weight: 700;
    z-index: 2;
    color: #fff;
}
/*BANNER*/
.bannerSlider {
  min-height: 220px;
  padding: 10px;
}

.bannerSlider .splide__slide,
.banner-slide {
  width: 100%;
  max-width: 100%;
  cursor: pointer;
}

.banner-slide img {
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 10px;
}

.bannerSlider .splide__arrow {
  background: #262626;
  border: 1px solid var(--crmpam-btn-color-primary);
  width: 32px;
  height: 32px;
  border-radius: 100px;
}

.bannerSlider .splide__arrow svg {
  fill: var(--crmpam-btn-color-primary);
}

.bannerSlider .splide__pagination__page {
  background: #f2f2f2;
  opacity: 1;
}

.bannerSlider .splide__pagination__page.is-active {
  background: var(--crmpam-btn-color-primary);
}