/* 'Poppins' font */
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://use.fontawesome.com/releases/v5.6.1/css/all.css");

:root {
  --black-color: #000;
  --white-color: #fff;
  --brand-color-2: #361a95;
  --transparent-blue: #0025ff08;
  --transparent-blue-1: #0025ff14;
  --transparent-blue-2: #0025ff30;
  --success-messages: #2a6cd6;
  --link-colour: #2a6cd6;
  --light-green-parrot: #d752d4;
  --dark-green-parrot: #aec731;
  --yellow-parrot: #f5dc06;
  --red-parrot: #5b2d3d;
  --bordeau-parrot: #991158;
  --black-bingoFest: #2c2c36;
  --light-purple-parrot: #c68dba;
  --dark-purple-parrot: #844f84;
}

::-webkit-scrollbar-thumb {
  background-color: #d6dee1;
  border-radius: 20px;
  border: 6px solid #8a8a8f;
  background-clip: content-box;
}

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

::-webkit-scrollbar-track {
  background-color: transparent;
}

.glyphicon::after,
.glyphicon::before {
  font-family: "Glyphicons Halflings" !important;
}

@font-face {
  font-family: "Lora", serif;
  src: url("/content/css/fonts/Gilroy-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Helvetica-Neue";
  src: url("/content/css/fonts/Helvetica-Neue-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Source Sans Pro";
  src: url("/content/css/fonts/Source_Sans_Pro/SourceSansPro-Regular.ttf")
    format("truetype");
  font-style: normal;
}

@font-face {
  font-family: "Helvetica Rounded";
  src: url("/content/css/fonts/HelveticaRound/HELVETICAROUNDEDLTSTD-BD.ttf")
    format("truetype");
  font-style: normal;
}

@font-face {
  font-family: "Oswald";
  src: url("/content/fonts/Oswald-VariableFont_wght.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Gilroy-Medium";
  src: url("/content/css/fonts/Gilroy-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Gilroy-Bold";
  src: url("/content/css/fonts/Gilroy-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "brand-icon-font";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/brand-fonts/brand-icon-font_v22.ttf");
  src: url("../fonts/brand-fonts/brand-icon-font_v22.ttf")
      format("embedded-opentype"),
    url("../fonts/brand-fonts/brand-icon-font_v22.ttf") format("truetype"),
    url("../fonts/brand-fonts/brand-icon-font_v22.ttf") format("woff"),
    url("../fonts/brand-fonts/brand-icon-font_v22.ttf") format("svg");
}

/* @font-face {
  font-family: 'Bai Jamjuree';
  src: url('/content/css/fonts/BaiJamjuree-Regular.ttf') format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Bai Jamjuree';
  src: url('/content/css/fonts/BaiJamjuree-Bold.ttf') format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Bai Jamjuree';
  src: url('/content/css/fonts/BaiJamjuree-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
} */

@font-face {
  font-family: "MADESunflower";
  src: url("/content/css/fonts/43cb06ffbdca47126d0b5a2eec7e90ae.eot");
  src: url("/content/css/fonts/43cb06ffbdca47126d0b5a2eec7e90ae.eot?#iefix")
      format("embedded-opentype"),
    url("/content/css/fonts/43cb06ffbdca47126d0b5a2eec7e90ae.woff2")
      format("woff2"),
    url("/content/css/fonts/43cb06ffbdca47126d0b5a2eec7e90ae.woff")
      format("woff"),
    url("/content/css/fonts/43cb06ffbdca47126d0b5a2eec7e90ae.ttf")
      format("truetype"),
    url("/content/css/fonts/43cb06ffbdca47126d0b5a2eec7e90ae.svg#MADESunflower")
      format("svg");
}

.las::before,
.las::after {
  font-family: "Line Awesome Free" !important;
}

html {
  overflow-x: hidden;
}

body {
  background-color: #f5f7f9;
  font-family: "Source Sans Pro";
  font-weight: normal;
  color: #000000;
  margin-top: 0 !important;
  position: relative;
  overflow-x: hidden;
  letter-spacing: 1.5px;
}

body * {
  user-select: none;
}
#contentText:has(.promotions-content-with){
  background-color: var(--black-color);
}
/* Modal main design -- start */
.modal {
  z-index: 99999;
  text-align: center;
  padding: 0 !important;
}

.modal-dialog {
  display: flex;
  width: calc(100% - 20px);
  max-width: 792px;
  margin: 0 !important;
}

.modal-open .modal {
  height: 100vh;
  width: 100vw;
  justify-content: center;
  align-items: center;
}

.modal.show {
  display: block !important;
}

#verificationPopup .modal-dialog {
  max-width: 400px;
}

body:not(.mobile) #verificationPopup .modal-dialog {
  margin: 12% auto auto !important;
}

#verificationPopup .modal-body {
  padding: 22px;
  justify-content: center;
}

#verificationPopup .modal-title-text {
  height: 100%;
  display: inline-flex;
  align-items: center;
}

body.mobile #profilePopup .ajax-result .col-xs-12 {
  overflow-y: hidden;
}

#forgotPasswordPopup .modal-dialog,
#loginPopup .modal-dialog,
#changePasswordPopup .modal-dialog {
  width: 100%;
  max-width: 500px;
}

.modal-dialog .form-group * {
  /* font-family: Gilroy-Medium; */
  font-size: 12px;
  color: var(--black-bingoFest);
}

.modal-dialog .form-group .input-group-addon:first-child {
  padding: 0 8px;
}

/* Modal main design -- end */

.modal-open .Wrapper--Single.top {
  right: 4px;
}

.Wrapper--Single.top {
  width: 100%;
  height: 48px;
  border-bottom: 1px solid #cbcbcb;
  text-transform: uppercase;
  position: fixed;
  z-index: 100;
  top: 0;
}

.Widget--Header--secondary.top {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.Widget--Header--secondary.top .js-route.Sections__Item {
  display: flex;
  min-width: 200px;
  justify-content: flex-start;
  align-items: center;
  flex: 1;
}

.Widget--Header--secondary.top .js-route.Sections__Item:first-child {
  justify-content: flex-end;
}

.overlay24.loading {
  z-index: 10000000 !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
  pointer-events: none !important;
  user-select: none !important;
}

.loading {
  color: transparent !important;
  pointer-events: none;
  position: relative;
  background-image: none;
}

@keyframes spinAround {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(359deg);
  }
}

.loading:after {
  position: absolute !important;
  -webkit-animation: spinAround 0.5s infinite linear;
  animation: spinAround 0.5s infinite linear;
  border: 2px solid #dbdbdb;
  border-radius: 290486px;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  left: calc(50% - (15px / 2)) !important;
  top: calc(50% - (15px / 2)) !important;
}

.overlay24.loading:after {
  width: 100px;
  height: 100px;
  border-color: rgba(56, 18, 145, 0.5);
  border-right-color: transparent;
  border-top-color: transparent;
  left: calc(50% - (100px / 2)) !important;
  top: calc(50% - (300px / 2)) !important;
}

[id^="transaction-details"] .overlay24.loading:after {
  top: calc(50% - (100px / 2)) !important;
}

.btn-close.loading:after,
.btn-full-screen.loading:after,
.btn-refresh.loading:after {
  width: 10px;
  height: 10px;
  border-right-color: transparent;
  border-top-color: transparent;
  left: calc(50% - (10px / 2)) !important;
  top: calc(50% - (10px / 2)) !important;
}

.Iframe--full.loading:after,
#sport_div_iframe.loading:after {
  width: 100px;
  height: 100px;
  border-color: rgba(243, 36, 104, 0.5);
  border-right-color: transparent;
  border-top-color: transparent;
  left: calc(50% - (100px / 2));
  top: calc(50% - (100px / 2));
}

.block-overlay.loading {
  -webkit-animation: spinAround 500ms infinite linear;
  animation: spinAround 500ms infinite linear;
  border: 2px solid rgba(56, 18, 145, 0.5);
  border-radius: 290486px;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  width: 5em;
  height: 5em;
  position: absolute;
  left: calc(50% - (5em / 2));
  top: calc(50% - (5em / 2));
  position: absolute !important;
}

.block-overlay.loading:after {
  content: none;
}

.btn {
  border-radius: 20px;
  position: relative;
}

a {
  color: var(--black-bingoFest);
}

/* CONTAINER FULL */
.Container--full {
  width: 100%;
  /*background-color: var(--white-color);*/
}

.Container__Item {
  display: flex;
  width: 100%;
  margin: 0 auto;
  position: relative;
  justify-content: space-between;
}

.Container--GamePage,
.Container--GamePage .Container__Item {
  max-width: none !important;
  padding-top: 10px;
  height: 100%;
}

.Container--GamePage .game-page .game-container .btn-real-game {
  bottom: 46px !important;
  background-image: linear-gradient(
    180deg,
    var(--black-bingoFest),
    var(--black-bingoFest)
  );
}

@keyframes blinking {
  0% {
    background-image: linear-gradient(
      180deg,
      var(--black-bingoFest),
      var(--black-bingoFest)
    );
    border: 1px solid var(--black-bingoFest);
  }

  33% {
    background-image: linear-gradient(180deg, #121421, #121421);
    border: 1px solid transparent;
  }

  66% {
    background-image: linear-gradient(
      180deg,
      var(--black-bingoFest),
      var(--black-bingoFest)
    );
    border: 1px solid var(--black-bingoFest);
  }
}

.Container--GamePage .game-page .played-games span.arrow {
  background-image: linear-gradient(
    180deg,
    var(--black-bingoFest),
    var(--black-bingoFest)
  );
}

.Container--GamePage .game-page .played-games.closed span.arrow {
  margin: -30px 0px 0px 20px;
}

.Container--GamePage .game-page .game-container .played-games {
  border-top: 2px solid var(--black-bingoFest);
}

.Container--GamePage .game-page .game-container .btn-real-game:hover {
  background-color: var(--black-bingoFest);
  color: var(--white-color);
  border: 1px solid var(--black-bingoFest);
}

.Container--GamePage .game-page .game-container {
  border: 6px solid var(--black-bingoFest) !important;
  box-shadow: none !important;
}

.Container__Item.Widget--Iframe {
  border: none;
}

.Wrapper--Single .game-launch--full {
  margin-top: -8px;
}

/* HEADER WRAPPER */
.Wrapper--Header {
  background-color: var(--black-bingoFest);
  display: flex;
  flex: 1;
  box-sizing: border-box;
  margin-top: 0;
  box-shadow: 1px -5px 20px var(--black-color);
}

.Wrapper--Single.Header--secondary .Container__Item {
  padding: 25px 15px 25px;
}

.bannerwrapper {
  width: 1200px;
  margin: auto;
}

.Hidden .sections-trigger {
  display: none !important;
}

.burger-expander-style,
.Widget--banner.secondary {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 20px;
  width: 100%;
  flex-direction: column;
  height: 100%;
}

.Wrapper--Header .sections-trigger {
  display: flex;
  width: 100%;
  height: 24px;
  position: relative;
}

.Wrapper--Header .sections-trigger div > span {
  display: none;
}

.Wrapper--Header .sections-trigger i {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.Wrapper--Header .sections-trigger i.la-bars::before,
.Wrapper--Header .sections-trigger i.la-times::before {
  content: " ";
  width: 100%;
  min-width: 20px;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  cursor: pointer;
}

.Wrapper--Header .sections-trigger i.la-bars::before {
  background-image: url(/content/img/design/icons/i_bars.svg);
}

.Wrapper--Header .sections-trigger i.la-times::before {
  background-image: url(/content/img/design/icons/i_times.svg);
}

.Wrapper--Header .sections-trigger span {
  line-height: 25px;
  text-indent: 5px;
}

.Wrapper--Header.sticky .burger_icon {
  margin-left: 10px;
}

/* WIDGET BANNER */
.Wrapper--Header .Widget--banner img {
  object-fit: contain;
}

.Wrapper--Header .Widget--banner {
  box-sizing: border-box;
  padding: 0px;
  text-align: left;
}

/* WIDGET BANNER { PRIMARY LOGO } */
.Wrapper--Header .Widget--banner.primary {
  display: flex;
  flex: 1;
}

.Wrapper--Header.sticky .Widget--banner.primary a {
  width: 190px;
  height: 100%;
  margin-left: 20px;
  transition: all 0.25s ease;
}

.Wrapper--Header .Widget--banner.primary a {
  display: flex;
  width: 180px;
  height: 100%;
  margin-left: 21px;
  margin-top: 6px;
  transition: 0.5s ease;
}

/* WIDGET BANNER { SECONDARY LOGO / PAGES } */
.Container__Item.Wrapper--Single.text--content {
  display: block;
  margin-top: 70px;
}

.Wrapper--Header .Widget--banner.secondary {
  width: 100%;
  flex: 8 4 auto;
}

.Wrapper--Header .Widget--banner.secondary a {
  display: flex;
  flex: auto;
}

/* WIDGET USER */

.Widget--user {
  margin: auto;
}

.Wrapper--Header .Widget--user {
  display: flex;
  align-self: flex-end;
  align-items: center;
}

/* SIGN IN / SIGN UP BUTTON */
.Wrapper--Header .Widget--user .Button--outlined.Button--sign-up,
.Wrapper--Header .Widget--user .Button--outlined--transparent.Button--sign-in {
  display: flex;
  position: relative;
  white-space: nowrap;
  text-decoration: none;
  font-size: 22px;
  font-weight: 600;
  justify-content: center;
  align-items: center;
  margin: 5px 10px;
  width: 141px;
  border-radius: 5px;
  transition: all 0.2s;
  box-sizing: border-box;
  padding: 10px 20px;
  line-height: 20px;
  color: var(--white-color);
  text-transform: uppercase;
}

html[lang="tr-tr"]
  .Wrapper--Header
  .Widget--user
  .Button--outlined.Button--sign-up,
html[lang="tr-tr"]
  .Wrapper--Header
  .Widget--user
  .Button--outlined--transparent.Button--sign-in {
  font-size: 18px;
}

.Wrapper--Header .Widget--user .Button--outlined.Button--sign-up {
  background-color: var(--light-green-parrot);
  color: var(--black-bingoFest);
  outline: 2px solid var(--light-green-parrot);
}

.Wrapper--Header .Widget--user .Button--outlined--transparent.Button--sign-in {
  background-color: transparent;
  color: var(--light-green-parrot);
  outline: 2px solid var(--light-green-parrot);
}

.Wrapper--Header
  .Widget--user
  .Button--outlined--transparent.Button--sign-in:hover,
.Wrapper--Header .Widget--user .Button--outlined.Button--sign-up:hover {
  transform: scale(1.05);
}

/* WIDGET BANNER SECONDARY */
.Widget--banner.secondary .Widget--Header--secondary .Sections {
  padding: 0;
}

.Widget--banner.secondary .Widget--Header--secondary .Sections .Sections__Item {
  line-height: 25px;
}

.Widget--banner.secondary
  .Widget--Header--secondary
  .Sections
  .Sections__Item
  a
  i {
  line-height: 25px;
  width: 20px;
  display: flex;
}

.Wrapper--Header.sticky .Widget--banner.secondary .Widget--Header--secondary {
  display: none;
}

/* WIDGET BANNER SECONDARY */

/* LANGUAGE DROPDOWN */
.Language {
  display: flex;
  white-space: nowrap;
  cursor: pointer;
  text-decoration: none;
  position: fixed;
  width: fit-content;
  background-color: var(--black-bingoFest);
  outline: 2px solid #a091a0;
  color: #a091a0;
  border-radius: 8px;
  padding: 0 9px;
  line-height: 23px;
  top: 103px;
  left: 44px;
  z-index: 101;
  opacity: 0;
}

.Language.showLanguage {
  opacity: 1;
}

.Language .Dropdown--language {
  position: absolute;
  display: none;
  flex-direction: column;
  z-index: 100;
  top: 24px;
  left: 0;
  background-color: var(--black-bingoFest);
  border: 2px solid #a091a0;
  border-radius: 10px;
  min-width: 130px;
}

.Language .Icon--caret {
  transform: rotate(-90deg);
  transition: transform 0.2s;
  display: flex;
  width: 16px;
  font-size: large;
  color: #a091a0;
}

.Language:hover .Icon--caret {
  transform: rotate(0deg);
}

.Language .Language-active {
  margin-left: 5px;
  line-height: 23px;
  font-size: 20px;
  color: #a091a0;
}

.Language .Language-active .flag img,
.Dropdown--language li .flag img {
  width: 14px;
}

.Dropdown--language li {
  display: grid;
  padding: 5px;
  grid-template-columns: 1fr;
  grid-gap: 10px;
  box-sizing: border-box;
  transition: background-color 0.2s;
  border-radius: 10px;
}

.Dropdown--language li a {
  text-decoration: none;
  display: flex;
  justify-content: space-between;
  font-size: 18px;
  color: #a091a0;
}

.Dropdown--language li:hover a {
  color: var(--white-color);
}

.Language .Language-active .flag img {
  margin-bottom: -1px;
}

.Language:hover .Dropdown--language {
  display: block;
}

/*SIGNED IN*/
.Wrapper--Header .Widget--user .Button--outlined.Button--deposit {
  background-color: var(--light-green-parrot);
  color: var(--black-bingoFest);
  border: 2px solid var(--light-green-parrot);
  text-transform: capitalize;
  font-size: 1.8rem;
  font-weight: 600;
  margin: 5px;
  border-radius: 10px;
  padding: 0.3em 1.8em;
}

.Wrapper--Header .Widget--user .Button--outlined.Button--deposit:hover {
  color: var(--light-green-parrot);
  background-color: transparent;
}

.Wrapper--Header .Widget--user .Button--outlined.Button--messages {
  display: flex;
  white-space: nowrap;
  padding: 8px 15px;
  text-decoration: none;
  line-height: 6px;
  /* margin: 5px 7px 5px 7px; */
  position: relative;
  border: 1px solid var(--black-bingoFest);
  border-radius: 20px;
  width: 52px;
}

.Wrapper--Header .Widget--user .Button--outlined.Button--messages i {
  font-size: 20px;
  display: flex;
  width: 20px;
}

.Wrapper--Header
  .Widget--user
  .Button--outlined.Button--messages
  i
  .msg--count {
  position: absolute;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  right: 0px;
  top: -6px;
  background-color: #fa3e3e;
  padding: 3px;
  border-radius: 9px;
  font-size: 12px;
  text-align: center;
  z-index: 5;
  min-width: 18px;
  color: var(--white-color);
}

.Wrapper--Header .Widget--user .Button--outlined.Button--Balance {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  text-decoration: none;
  border: 2px solid var(--light-green-parrot);
  transform: scale(1);
  color: var(--light-green-parrot);
  border-radius: 10px;
  font-size: 1.5rem;
  padding: 0.5em 1em;
  line-height: 21px;
  transition: transform 0.5s ease;
}

.Wrapper--Header .Widget--user .Button--outlined.Button--Balance:hover {
  background-color: var(--light-green-parrot);
  color: var(--black-bingoFest);
}

.Wrapper--Header
  .Widget--user
  .Button--outlined.Button--Balance
  .la-credit-card::before {
  font-size: 25px;
  padding-right: 10px;
}

.Wrapper--Header .Widget--user .Button--outlined.Button--Balance span {
  font-weight: 800;
  display: inline-block;
  margin-right: 7px;
}

.Wrapper--Header .Widget--user .Button--outlined.Button--Balance span:after {
  content: "\203A";
  position: absolute;
  font-size: 30px;
  padding-bottom: 0px;
  margin-left: 7px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  display: none;
}

.Wrapper--Header .Widget--user .Balance--user {
  position: relative;
}

.Wrapper--Header .Widget--user .Balance--user:hover .Menu--user {
  display: block;
}

/* ****** Right Menu ******* */
.Wrapper--Header .Widget--user .Menu--user,
.Container__Item.right-panel-open {
  z-index: 1002;
  min-width: 290px;
  top: 44px;
  right: -22px;
  position: absolute;
  background-color: var(--black-bingoFest);
  box-shadow: 0px 3px 6px #00000029;
  overflow-y: scroll;
  max-height: 500px;
}

.Menu--user {
  display: none;
}

body.mobile .Menu--user {
  display: block;
}

.Menu--user ul,
.Container__Item.right-panel-open .Menu--user {
  padding-top: 10px;
}

.Container__Item.right-panel-open .Menu--user .name_obj.group-top {
  background: var(--white-color);
  margin-right: 30px;
  color: var(--black-bingoFest);
  font-size: 16px;
  max-width: 150px;
  font-weight: 600;
  padding: 15px 0 15px 15px;
  float: left;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  text-overflow: ellipsis;
  text-transform: uppercase;
}

.Container__Item.right-panel-open .Menu--user .Info--user {
  background-color: var(--black-bingoFest);
}

.Container__Item.right-panel-open .Menu--user .Info--user div.group-first {
  background-color: var(--white-color);
  padding-bottom: 8px;
}

.Menu--user ul li:nth-child(4) > div,
.Container__Item.right-panel-open .Menu--user .Info--user div.group-second {
  width: 190px;
  margin: 0 auto;
}

.Menu--user ul .pl-username,
.Container__Item.right-panel-open
  .Menu--user
  .Info--user
  div.username_obj.group-first {
  display: block;
  color: var(--black-bingoFest);
  font-weight: 500;
  text-transform: uppercase;
}

.Menu--user ul .pl-id,
.Container__Item.right-panel-open
  .Menu--user
  .Info--user
  div.id_obj.group-first {
  display: block;
  color: var(--black-bingoFest);
  font-weight: 500;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.Menu--user ul li:hover {
  background-color: var(--light-green-parrot);
  font-weight: bold;
}

.Menu--user ul li:hover a,
.Menu--user ul li:hover #msg--count,
.Menu--user ul li:hover i {
  color: var(--black-bingoFest);
}

.Menu--user ul li:nth-child(4) {
  clear: both;
  color: var(--white-color);
  padding: 15px 0;
  overflow: visible;
  position: relative;
  background-color: var(--dark-purple-parrot);
}

.Menu--user ul li:nth-child(4)::before,
.Menu--user ul li:nth-child(4)::after,
.Container__Item.right-panel-open
  .Menu--user
  .Info--user
  > div.group-second::before {
  content: " ";
  display: block;
  position: absolute;
  margin: 0 !important;
  float: left;
  width: 23px;
}

.Menu--user ul li:nth-child(4)::before,
.Container__Item.right-panel-open
  .Menu--user
  .Info--user
  > div.group-second::before {
  background-repeat: no-repeat;
  background-color: #273860;
  top: 0;
  left: -23px;
  height: 101%;
  z-index: 6;
}

.Menu--user ul li:nth-child(4)::after {
  background-image: url(/content/img/design/icons/angle.png);
  background-repeat: round;
  top: 100%;
  left: -23px;
  height: 20px;
  z-index: 23223;
}

.Wrapper--Header.sticky .Widget--user .Menu--user ul li:nth-child(4)::after,
.Wrapper--Header.sticky .Widget--user .Menu--user ul li:nth-child(4)::before,
.Container__Item.right-panel-open
  .Menu--user
  .Info--user
  > div.group-second::before {
  left: -22px;
}

.Wrapper--Header.sticky .Widget--user .Menu--user ul li:nth-child(4)::after {
  width: 22px;
  height: 21.1px;
}

.Container__Item.right-panel-open .Menu--user .Info--user > div.group-second {
  background-color: var(--black-bingoFest);
}

.Menu--user ul .pl-username::before {
  content: "\f007";
  font-family: "Line Awesome Free" !important;
  font-size: 1.8rem;
}

.Container__Item.right-panel-open
  .Menu--user
  .Info--user
  div.username_obj.group-first::before {
  content: " ";
  display: block;
  background-image: url(/content/img/design/icons/user-icon.png);
  background-repeat: no-repeat;
  width: 18px;
  height: 20px;
  margin: 0 !important;
  position: relative;
  top: 4px;
  float: left;
}

.Container__Item.right-panel-open
  .Menu--user
  .Info--user
  div.id_obj.group-first::before {
  content: "ID";
  text-align: right;
  font-weight: 500;
}

.Menu--user ul li:nth-child(4) > div,
.Container__Item.right-panel-open .Menu--user .Info--user > div.group-second {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  color: #e6a0cf;
  font-weight: 600;
  /* padding: 2px 7rem 0 0px; */
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.Menu--user ul li:nth-child(4) div span,
.Container__Item.right-panel-open
  .Menu--user
  .Info--user
  > div.group-second
  span {
  font-weight: 600;
  color: var(--white-color);
}

.Menu--user ul {
  margin-bottom: 0;
}

.Menu--user ul li,
.Container__Item.right-panel-open .Menu--user li.list-menu {
  border-bottom: 1px solid rgba(153, 153, 153, 0.1);
  overflow: hidden;
}

.Menu--user ul li a,
.Container__Item.right-panel-open .Menu--user li.list-menu a {
  display: flex;
  padding: 6px 15px;
  text-decoration: none;
  font-size: 18px;
  color: var(--light-green-parrot);
  font-weight: 500;
  align-items: center;
  justify-content: flex-start;
  align-content: center;
}

.Menu--user ul li a i,
.Container__Item.right-panel-open .Menu--user li.list-menu a i {
  margin-right: 10px;
  line-height: 21px;
  color: var(--light-green-parrot);
}

.Menu--user ul li:nth-child(2) div {
  font-weight: bold;
  font-size: 14px;
}

.Menu--user ul li:last-child {
  border-bottom: 0;
}

/*SIGNED IN*/

/* TIME LOCAL */
.Wrapper--Header .Widget--user .Time--local {
  line-height: 23px;
  padding: 8px 0 8px 10px;
  color: var(--black-bingoFest);
  user-select: none;
  width: calc(8ch + 10px);
  font-size: 16px;
  font-weight: 600;
}

/*  HEADER */
.Header--secondary {
  background-color: var(--white-color);
  padding: 0 8px;
  margin-top: 0;
}

.Wrapper--Single.Header--secondary {
  z-index: 1000;
  width: 350px;
  /* height: 0; */
  /* display: none; */
}

.sticky .burger_icon .sections-trigger {
  width: 35px;
  height: 25px;
  padding: 0;
  margin-top: 40px;
  background-image: url("/content/img/banners/burger-croped.svg");
  background-position: center;
}

.Widget--Header--secondary .Sections {
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
}

.Wrapper--Single.Header--secondary .Sections,
.Widget--Header--secondary .Sections {
  font-size: 28px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  text-transform: uppercase;
}

.Widget--Header--secondary .Sections .Sections__Item {
  display: flex;
  user-select: none;
  font-weight: 500;
}

body {
  position: relative;
}

.Wrapper--Single.Header--secondary .Sections .Sections__Item,
.Wrapper--Single .Widget--Header--secondary .Sections .Sections__Item {
  width: 100%;
  margin: auto;
  position: relative;
  justify-content: flex-start;
  align-content: center;
  padding-left: 20px;
}

.Wrapper--Single .Widget--Header--secondary:not(.top) {
  position: fixed;
  z-index: 9;
  left: 0;
  top: 118px;
  width: 260px;
  padding: 25px 15px 25px 2%;
  overflow-y: auto;
  background-color: var(--black-bingoFest);
  height: calc(100vh - 130px);
  opacity: 0;
  display: none;
  transition: opacity 0.25s ease-in-out;
}

.Wrapper--Single.Header--secondary .Sections .Sections__Item a::before,
.Wrapper--Single.Header--secondary .Sections .Sections__Item a i::before,
.Wrapper--Single .Widget--Header--secondary .Sections .Sections__Item a::before,
.Wrapper--Single
  .Widget--Header--secondary
  .Sections
  .Sections__Item
  a
  i::before {
  content: "";
  width: 18px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
}

.Wrapper--Single .Widget--Header--secondary .Sections .Sections__Item:before {
  display: none;
}

/* Icons of items in Left menu */

.Wrapper--Single
  .Widget--Header--secondary
  .Sections
  .Sections__Item.new-games-page
  a::before,
.Wrapper--Single
  .Widget--Header--secondary
  .Sections
  .Sections__Item
  a
  i.new-games-page::before {
  /* background-image: url(/content/img/design/icons/new-games-ico-purple.svg) */
  -webkit-mask: url(/content/img/design/icons/new-games-ico-purple.svg)
    no-repeat 50% 50%;
  mask: url(/content/img/design/icons/new-games-ico-purple.svg) no-repeat 50%
    50%;
  background-color: #a091a0;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.Wrapper--Single
  .Widget--Header--secondary
  .Sections
  .Sections__Item.home-page
  a::before,
.Wrapper--Single
  .Widget--Header--secondary
  .Sections
  .Sections__Item
  a
  i.home-page::before {
  /* background-image: url(/content/img/design/icons/home-ico.svg); */
  -webkit-mask: url(/content/img/design/icons/home-ico.svg) no-repeat 50% 50%;
  mask: url(/content/img/design/icons/home-ico.svg) no-repeat 50% 50%;
  background-color: #a091a0;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.Wrapper--Single
  .Widget--Header--secondary
  .Sections
  .Sections__Item.vip-page
  a::before,
.Wrapper--Single
  .Widget--Header--secondary
  .Sections
  .Sections__Item
  a
  i.vip-page::before {
  -webkit-mask: url(/content/img/design/icons/OurIcons/vip-cb.svg) no-repeat 50%
    50%;
  mask: url(/content/img/design/icons/OurIcons/vip-cb.svg) no-repeat 50% 50%;
  background-color: #a091a0;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.Wrapper--Single
  .Widget--Header--secondary
  .Sections
  .Sections__Item.sports-page
  a::before,
.Wrapper--Single
  .Widget--Header--secondary
  .Sections
  .Sections__Item
  a
  i.sports-page::before {
  /* background-image: url(/content/img/design/icons/sport-ico.svg); */
  -webkit-mask: url(/content/img/design/icons/sports-ico.svg) no-repeat 50% 50%;
  mask: url(/content/img/design/icons/sports-ico.svg) no-repeat 50% 50%;
  background-color: #a091a0;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.Wrapper--Single
  .Widget--Header--secondary
  .Sections
  .Sections__Item.favorite-page
  a::before,
.Wrapper--Single
  .Widget--Header--secondary
  .Sections
  .Sections__Item
  a
  i.favorite-page::before {
  /* background-image: url(/content/img/design/icons/favorite-ico.svg); */
  -webkit-mask: url(/content/img/design/icons/favorite-icone.svg) no-repeat 50%
    50%;
  mask: url(/content/img/design/icons/favorite-icone.svg) no-repeat 50% 50%;
  background-color: #a091a0;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.Wrapper--Single
  .Widget--Header--secondary
  .Sections
  .Sections__Item.bingo-page
  a::before,
.Wrapper--Single
  .Widget--Header--secondary
  .Sections
  .Sections__Item
  a
  i.bingo-page::before {
  /* background-image: url(/content/img/design/icons/bingo-ico.svg); */
  -webkit-mask: url(/content/img/design/icons/bingo-ico.svg) no-repeat 50% 50%;
  mask: url(/content/img/design/icons/bingo-ico.svg) no-repeat 50% 50%;
  background-color: #a091a0;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.Wrapper--Single
  .Widget--Header--secondary
  .Sections
  .Sections__Item.promotions-page
  a::before,
.Wrapper--Single
  .Widget--Header--secondary
  .Sections
  .Sections__Item
  a
  i.promotions-page::before {
  /* background-image: url(/content/img/design/icons/promotions-ico.svg); */
  -webkit-mask: url(/content/img/design/icons/promotions-ico.svg) no-repeat 50%
    50%;
  mask: url(/content/img/design/icons/promotions-ico.svg) no-repeat 50% 50%;
  background-color: #a091a0;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.Wrapper--Single
  .Widget--Header--secondary
  .Sections
  .Sections__Item.slots-page
  a::before,
.Wrapper--Single
  .Widget--Header--secondary
  .Sections
  .Sections__Item
  a
  i.slots-page::before {
  /* background-image: url(/content/img/design/icons/slots-ico-purple.svg); */
  -webkit-mask: url(/content/img/design/icons/slots-ico-purple.svg) no-repeat
    50% 50%;
  mask: url(/content/img/design/icons/slots-ico-purple.svg) no-repeat 50% 50%;
  background-color: #a091a0;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.Wrapper--Single
  .Widget--Header--secondary
  .Sections
  .Sections__Item.table-games-page
  a::before,
.Wrapper--Single
  .Widget--Header--secondary
  .Sections
  .Sections__Item
  a
  i.table-games-page::before {
  /* background-image: url(/content/img/design/icons/table-ico-purple.svg); */
  -webkit-mask: url(/content/img/design/icons/table-ico-purple.svg) no-repeat
    50% 50%;
  mask: url(/content/img/design/icons/table-ico-purple.svg) no-repeat 50% 50%;
  background-color: #a091a0;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.Wrapper--Single
  .Widget--Header--secondary
  .Sections
  .Sections__Item.all-games-page
  a::before,
.Wrapper--Single
  .Widget--Header--secondary
  .Sections
  .Sections__Item
  a
  i.all-games-page::before {
  /* background-image: url(/content/img/design/icons/all-games-ico-purple.svg); */
  -webkit-mask: url(/content/img/design/icons/all-games-ico-purple.svg)
    no-repeat 50% 50%;
  mask: url(/content/img/design/icons/all-games-ico-purple.svg) no-repeat 50%
    50%;
  background-color: #a091a0;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.Wrapper--Single
  .Widget--Header--secondary
  .Sections
  .Sections__Item.popular-games-page
  a::before,
.Wrapper--Single
  .Widget--Header--secondary
  .Sections
  .Sections__Item
  a
  i.popular-games-page::before {
  /* background-image: url(/content/img/design/icons/popular-ico-purple.svg); */
  -webkit-mask: url(/content/img/design/icons/popular-ico-purple.svg) no-repeat
    50% 50%;
  mask: url(/content/img/design/icons/popular-ico-purple.svg) no-repeat 50% 50%;
  background-color: #a091a0;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.Wrapper--Single
  .Widget--Header--secondary
  .Sections
  .Sections__Item.blackjack-page
  a::before,
.Wrapper--Single
  .Widget--Header--secondary
  .Sections
  .Sections__Item
  a
  i.blackjack-page::before {
  /* background-image: url(/content/img/design/icons/blackjack-ico-purple.svg); */
  -webkit-mask: url(/content/img/design/icons/blackjack-ico-purple.svg)
    no-repeat 50% 50%;
  mask: url(/content/img/design/icons/blackjack-ico-purple.svg) no-repeat 50%
    50%;
  background-color: #a091a0;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.Wrapper--Single
  .Widget--Header--secondary
  .Sections
  .Sections__Item.roulette-page
  a::before,
.Wrapper--Single
  .Widget--Header--secondary
  .Sections
  .Sections__Item
  a
  i.roulette-page::before {
  /* background-image: url(/content/img/design/icons/roulette-ico-purple.svg); */
  -webkit-mask: url(/content/img/design/icons/roulette-ico-purple.svg) no-repeat
    50% 50%;
  mask: url(/content/img/design/icons/roulette-ico-purple.svg) no-repeat 50% 50%;
  background-color: #a091a0;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.Wrapper--Single
  .Widget--Header--secondary
  .Sections
  .Sections__Item.jackpot-games-page
  a::before,
.Wrapper--Single
  .Widget--Header--secondary
  .Sections
  .Sections__Item
  a
  i.jackpot-games-page::before {
  /* background-image: url(/content/img/design/icons/jackpots-ico-purple.svg); */
  -webkit-mask: url(/content/img/design/icons/jackpots-ico-purple.svg) no-repeat
    50% 50%;
  mask: url(/content/img/design/icons/jackpots-ico-purple.svg) no-repeat 50% 50%;
  background-color: #a091a0;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.Wrapper--Single
  .Widget--Header--secondary
  .Sections
  .Sections__Item.live-dealer-page
  a::before,
.Wrapper--Single
  .Widget--Header--secondary
  .Sections
  .Sections__Item
  a
  i.live-dealer-page::before {
  /* background-image: url(/content/img/design/icons/live-dealer-ico-purple.svg); */
  -webkit-mask: url(/content/img/design/icons/live-dealer-ico-purple.svg)
    no-repeat 50% 50%;
  mask: url(/content/img/design/icons/live-dealer-ico-purple.svg) no-repeat 50%
    50%;
  background-color: #a091a0;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.Wrapper--Single
  .Widget--Header--secondary
  .Sections
  .Sections__Item.progressive-slots-page
  a::before,
.Wrapper--Single
  .Widget--Header--secondary
  .Sections
  .Sections__Item
  a
  i.progressive-slots-page::before {
  /* background-image: url(/content/img/design/icons/progressive-slots-ico-purple.svg); */
  -webkit-mask: url(/content/img/design/icons/progressive-slots-ico-purple.svg)
    no-repeat 50% 50%;
  mask: url(/content/img/design/icons/progressive-slots-ico-purple.svg)
    no-repeat 50% 50%;
  background-color: #a091a0;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.Wrapper--Single
  .Widget--Header--secondary
  .Sections
  .Sections__Item.poker-page
  a::before,
.Wrapper--Single
  .Widget--Header--secondary
  .Sections
  .Sections__Item
  a
  i.poker-page::before {
  /* background-image: url(/content/img/design/icons/poker-ico-purple.svg); */
  -webkit-mask: url(/content/img/design/icons/poker-ico-purple.svg) no-repeat
    50% 50%;
  mask: url(/content/img/design/icons/poker-ico-purple.svg) no-repeat 50% 50%;
  background-color: #a091a0;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.Wrapper--Single
  .Widget--Header--secondary
  .Sections
  .Sections__Item.video-games-page
  a::before,
.Wrapper--Single
  .Widget--Header--secondary
  .Sections
  .Sections__Item
  a
  i.video-games-page::before {
  /* background-image: url(/content/img/design/icons/video-ico-purple.svg); */
  -webkit-mask: url(/content/img/design/icons/video-ico-purple.svg) no-repeat
    50% 50%;
  mask: url(/content/img/design/icons/video-ico-purple.svg) no-repeat 50% 50%;
  background-color: #a091a0;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.Wrapper--Single
  .Widget--Header--secondary
  .Sections
  .Sections__Item.other-games-page
  a::before,
.Wrapper--Single
  .Widget--Header--secondary
  .Sections
  .Sections__Item
  a
  i.other-games-page::before {
  /* background-image: url(/content/img/design/icons/other-ico-purple.svg); */
  -webkit-mask: url(/content/img/design/icons/OurIcons/other-games-cb.svg)
    no-repeat 50% 50%;
  mask: url(/content/img/design/icons/OurIcons/other-games-cb.svg) no-repeat 50%
    50%;
  background-color: #a091a0;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.Wrapper--Single
  .Widget--Header--secondary
  .Sections
  .Sections__Item.redeem-code
  a::before,
.Wrapper--Single
  .Widget--Header--secondary
  .Sections
  .Sections__Item
  a
  i.redeem-code::before {
  -webkit-mask: url(/content/img/design/icons/OurIcons/redeemCode.svg) no-repeat
    50% 50%;
  mask: url(/content/img/design/icons/OurIcons/redeemCode.svg) no-repeat 50% 50%;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #a091a0;
}

.Wrapper--Single
  .Widget--Header--secondary
  .Sections
  .Sections__Item.about-us-page
  a::before,
.Wrapper--Single
  .Widget--Header--secondary
  .Sections
  .Sections__Item
  a
  i.about-us-page::before {
  /* background-image: url(/content/img/design/icons/about-us-ico-purple.svg); */
  -webkit-mask: url(/content/img/design/icons/about-us-ico-purple.svg) no-repeat
    50% 50%;
  mask: url(/content/img/design/icons/about-us-ico-purple.svg) no-repeat 50% 50%;
  background-color: #a091a0;
  -webkit-mask-size: contain;
  mask-size: contain;
}

/* .Wrapper--Single.Header--secondary .Sections .Sections__Item.banking-page a::before,
.Wrapper--Single.Header--secondary .Sections .Sections__Item a i.banking-page::before, */
.Wrapper--Single
  .Widget--Header--secondary
  .Sections
  .Sections__Item.banking-page
  a::before,
.Wrapper--Single
  .Widget--Header--secondary
  .Sections
  .Sections__Item
  a
  i.banking-page::before {
  /* background-image: url(/content/img/design/icons/wallet-ico-purple.svg); */
  -webkit-mask: url(/content/img/design/icons/wallet-ico-purple.svg) no-repeat
    50% 50%;
  mask: url(/content/img/design/icons/wallet-ico-purple.svg) no-repeat 50% 50%;
  background-color: #a091a0;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.Wrapper--Single
  .Widget--Header--secondary
  .Sections
  .Sections__Item.live-casino-page
  a::before,
.Wrapper--Single
  .Widget--Header--secondary
  .Sections
  .Sections__Item
  a
  i.live-casino-page::before {
  -webkit-mask: url(/content/img/design/icons/live-dealer-ico-wh.svg) no-repeat
    50% 50%;
  mask: url(/content/img/design/icons/live-dealer-ico-wh.svg) no-repeat 50% 50%;
  background-color: #a091a0;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.Wrapper--Single.Header--secondary
  .Sections
  .Sections__Item.contact-us-page
  a::before,
.Wrapper--Single.Header--secondary
  .Sections
  .Sections__Item
  a
  i.contact-us-page::before,
.Wrapper--Single
  .Widget--Header--secondary
  .Sections
  .Sections__Item.contact-us-page
  a::before,
.Wrapper--Single
  .Widget--Header--secondary
  .Sections
  .Sections__Item
  a
  i.contact-us-page::before {
  /* background-image: url(/content/img/design/icons/contact-us-ico-purple.svg); */
  -webkit-mask: url(/content/img/design/icons/contact-us-ico-purple.svg)
    no-repeat 50% 50%;
  mask: url(/content/img/design/icons/contact-us-ico-purple.svg) no-repeat 50%
    50%;
  background-color: #a091a0;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.Wrapper--Single.Header--secondary
  .Sections
  .Sections__Item.crypto-tutorial-page
  a::before,
.Wrapper--Single.Header--secondary
  .Sections
  .Sections__Item
  a
  i.crypto-tutorial-page::before,
.Wrapper--Single
  .Widget--Header--secondary
  .Sections
  .Sections__Item.crypto-tutorial-page
  a::before,
.Wrapper--Single
  .Widget--Header--secondary
  .Sections
  .Sections__Item
  a
  i.crypto-tutorial-page::before {
  /* background-image: url(/content/img/design/icons/contact-us-ico-purple.svg); */
  -webkit-mask: url(/content/img/design/icons/OurIcons/bitcoin.svg) no-repeat
    50% 50%;
  mask: url(/content/img/design/icons/OurIcons/bitcoin.svg) no-repeat 50% 50%;
  -webkit-mask-size: 31px auto;
  mask-size: 31px auto;
  background-color: #a091a0;
}

.Widget--Header--secondary.top .Sections .Sections__Item a {
  color: var(--black-bingoFest);
  display: flex;
  line-height: 1;
  justify-content: center;
  align-items: center;
}

.Widget--Header--secondary .Sections .Sections__Item.active_page a,
.Widget--Header--secondary .Sections .Sections__Item:hover a,
.Widget--Header--secondary .Sections .Sections__Item:active a {
  color: var(--black-bingoFest);
}

.Wrapper--Single.Wrapper--Header.top.sticky {
  width: 100%;
  position: fixed;
  z-index: 1001;
  top: 0px;
  height: 48px;
}

.Wrapper--Header.top .Sections {
  display: flex;
  gap: 20px;
}

/* SUBMENU */
.Widget--Header--secondary .Sections .Sections__Item.Menu--sub {
  position: relative;
}

.Widget--Header--secondary .Sections .Sections__Item.Menu--sub .Sections {
  position: absolute;
  display: none;
  z-index: 100000;
  border: 1px solid #ffc82e;
  background: var(--white-color);
  top: 30px;
  left: 0;
  padding: 5px;
  min-width: 140px;
}

.Widget--Header--secondary
  .Sections
  .Sections__Item.Menu--sub
  .Sections
  .Sections__Item
  a {
  white-space: nowrap;
  color: #22214e;
  padding: 10px;
  width: 100%;
}

.Widget--Header--secondary .Sections .Sections__Item.Menu--sub a i {
  margin-left: 8px;
  color: #ffc82e;
  width: 20px;
  display: flex;
}

.Widget--Header--secondary
  .Sections
  .Sections__Item.Menu--sub
  .Sections
  .Sections__Item
  a:hover {
  background-color: rgba(153, 153, 153, 0.2);
}

.Widget--Header--secondary
  .Sections
  .Sections__Item.Menu--sub
  .Sections
  .Sections__Item {
  margin: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.Widget--Header--secondary
  .Sections
  .Sections__Item.Menu--sub
  .Sections
  .Sections__Item:last-child {
  border-bottom: 0;
}

.Widget--Header--secondary .Sections .Sections__Item.Menu--sub:hover .Sections {
  padding: 5px;
  display: block;
}

.Widget--Header--secondary--colored .Sections .Sections__Item.Menu--sub {
  position: relative;
}

.Widget--Header--secondary--colored
  .Sections
  .Sections__Item.Menu--sub
  .Sections {
  position: absolute;
  display: none;
  z-index: 100000;
  border: 1px solid #ffc82e;
  background: var(--white-color);
  top: 37px;
  right: 0;
  padding: 5px;
  min-width: 140px;
  border-radius: 20px;
  margin-top: 1px;
}

.Widget--Header--secondary--colored
  .Sections
  .Sections__Item.Menu--sub
  .Sections
  .Sections__Item:first-child {
  border-radius: 20px 20px 0 0;
}

.Widget--Header--secondary--colored
  .Sections
  .Sections__Item.Menu--sub
  .Sections
  .Sections__Item:last-child {
  border-radius: 0 0 20px 20px;
}

.Widget--Header--secondary--colored
  .Sections__Item.Menu--sub
  .Sections
  .Sections__Item {
  border-radius: 0;
}

.Widget--Header--secondary--colored
  .Sections__Item.Menu--sub
  .Sections
  .Sections__Item
  a {
  background: none;
  border-radius: 0;
}

.Widget--Header--secondary--colored
  .Sections
  .Sections__Item.Menu--sub
  .Sections
  .Sections__Item
  a {
  white-space: nowrap;
  color: #22214e;
  padding: 10px;
  width: 100%;
}

.Widget--Header--secondary--colored
  .Sections
  .Sections__Item.Menu--sub
  .Sections
  .Sections__Item:first-child
  a {
  border-radius: 14px 14px 0 0;
}

.Widget--Header--secondary--colored
  .Sections
  .Sections__Item.Menu--sub
  .Sections
  .Sections__Item:last-child
  a {
  border-radius: 0 0 14px 14px;
}

.Widget--Header--secondary--colored .Sections .Sections__Item.Menu--sub a i {
  margin-left: 8px;
  color: var(--white-color);
  display: flex;
  width: 20px;
}

.Widget--Header--secondary--colored
  .Sections
  .Sections__Item.Menu--sub
  .Sections
  .Sections__Item
  a:hover {
  background-color: rgba(153, 153, 153, 0.2);
}

.Widget--Header--secondary--colored
  .Sections
  .Sections__Item.Menu--sub
  .Sections
  .Sections__Item {
  margin: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.Widget--Header--secondary--colored
  .Sections
  .Sections__Item.Menu--sub
  .Sections
  .Sections__Item:last-child {
  border-bottom: 0;
}

.Widget--Header--secondary--colored
  .Sections
  .Sections__Item.Menu--sub:hover
  .Sections {
  display: block;
}

/* SUBMENU */

/* .Widget--Header--secondary .Sections .Sections__Item.active a {
  color: var(--black-bingoFest) !important;
} */

.Widget--Header--secondary--colored .Sections {
  display: flex;
  padding: 8px 0;
  margin-bottom: 0;
}

.Widget--Header--secondary--colored .Sections__Item {
  border-radius: 20px;
  margin-right: 5px;
  user-select: none;
  padding: 5px 0 0 0;
}

.Widget--Header--secondary--colored .Sections .Sections__Item:last-child {
  margin-right: 0;
}

.Widget--Header--secondary--colored .Sections__Item a {
  border-radius: 20px !important;
  background: #000;
  padding: 3px 20px;
  overflow: hidden;
  color: var(--white-color);
  text-decoration: none;
  display: flex;
  transition: background-color 0.2s;
  font-size: 16px;
  transition: border 0.2s;
  font-weight: 600;
  line-height: 1.5;
}

.Widget--Header--secondary--colored .Sections__Item a:hover {
  background: #5a5958;
  border-bottom: 0;
}

/* WIDGET IFRAME */
.Widget--Iframe {
  min-height: 100vh;
  border: 1px solid rgba(153, 153, 153, 0.5);
  position: relative;
}

.Widget--Iframe iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* LARGE DOUBLE WRAPPER*/
.Wrapper--LargeDouble {
  display: grid;
  grid-template-columns: 6fr 4fr;
  grid-gap: 8px;
  height: 350px;
  margin-top: 8px;
}

.Wrapper--SmallDouble {
  display: grid;
  grid-template-columns: 4fr 6fr;
  grid-gap: 8px;
  height: 350px;
  margin-top: 8px;
}

.Wrapper--LargeDouble .Item,
.Wrapper--SmallDouble .Item {
  width: 100%;
  height: 350px;
}

.Widget--banner--sliding {
  /*height: 350px;*/
  border: 1px solid rgba(153, 153, 153, 0.5);
}

.top--left--single,
.top--right--single {
  z-index: 1;
}

.Widget--banner--sliding.carousel {
  width: 100%;
  border: none;
}

.Widget--banner--sliding .carousel-cell {
  width: 100%;
  /*height: 350px;*/
  margin-right: 10px;
  background-size: cover;
  background-position: center;
}

.Widget--banner--sliding .carousel-cell > a {
  height: 100%;
  display: block;
}

.Widget--banner--sliding .carousel-cell > a > img {
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.Widget--banner--sliding .flickity-page-dots {
  bottom: 10px;
}

.Widget--banner--sliding .flickity-page-dots .dot {
  width: 15px;
  height: 15px;
  margin: 0 8px;
  background: #000000;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
  border: 2px solid var(--white-color);
}

.Widget--banner--sliding .flickity-page-dots .dot.is-selected {
  background-color: #f96400;
}

/* SMALL DOUBLE WRAPPER*/

/* MULTI BANNER WRAPPER */
.Widget--banner--multi.image {
  height: 170px;
  display: flex;
  justify-content: space-around;
  width: 100%;
}

.Widget--banner--multi.image .Item {
  background: var(--transparent-blue);
  margin: 0 5px;
  flex-direction: column;
  position: relative;
  width: 100%;
  border-radius: 20px;
}

.Widget--banner--multi .Item a {
  padding: 12px 0 0;
  display: flex;
}

.Widget--banner--multi .Item a img {
  max-width: 100px;
  transition: transform 1s;
}

.Widget--banner--multi .Item:first-child {
  margin-left: 0;
}

.Widget--banner--multi .Item:last-child {
  margin-right: 0;
}

.Widget--banner--multi .Item .Item__Label {
  position: absolute;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  left: 0;
  bottom: 0;
  padding: 10px;
  box-sizing: border-box;
  text-align: center;
  color: var(--white-color);
  transition: background-color 1s;
  border-radius: 0 0 20px 20px;
}

.Widget--banner--multi.animated .Item a.animate img {
  transform: scale(1.2) rotate(5deg);
}

.Widget--banner--multi.animated .Item a.animate .Item__Label {
  background-color: rgba(255, 255, 255, 0.5);
}

.Widget--sport-live-now,
.Widget--sport-top-events {
  width: 100%;
  padding-top: 38px;
  position: relative;
}

.Widget--sport-top-events .Item {
  display: flex;
}

.Widget--sport-live-now .header,
.Widget--sport-top-events .header {
  position: absolute;
  width: 100%;
  background-color: #ffc82e;
  top: 0;
  left: 0;
  box-sizing: border-box;
  padding: 10px;
  color: var(--white-color);
}

.Widget--sport-live-now .Item {
  height: 100%;
}

.Widget--sport-live-now iframe {
  width: 100%;
  height: 100%;
}

.Widget--sport-top-events iframe {
  width: 100%;
  height: 252px;
}

.Footer {
  margin-top: 8px;
}

.Footer .Container__Item {
  max-width: 1200px;
}

.Footer_logo {
  width: 170px;
  margin-left: 133px;
}

.copyright_bottom p {
  margin-bottom: 0;
  color: #fefdff;
}

.footer-page_group,
.Footer-group-desktop {
  display: flex;
  width: 100%;
}

.Footer-group-desktop {
  padding-top: 20px;
  background-color: var(--red-parrot);
}

.Footer-group-desktop .Item,
.footer-page_group .Item {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
}

.Footer-group-desktop .Item li.Item__Title {
  color: var(--black-bingoFest);
  text-decoration: none;
  /* font-family: "MADESunflower" !important; */
  font-size: 23px;
  font-style: normal;
  white-space: nowrap;
  letter-spacing: -1.28px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-stroke-width: 0.2px;
}

.Payments {
  margin-top: 0;
}

.Widget--banner--multi.images--spread {
  display: flex;
  justify-content: center;
  width: 100%;
}

.Widget--banner--multi.images--spread .Item:first-child {
  margin-left: 0;
}

.Widget--banner--multi.images--spread .Item:last-child {
  margin-right: 0;
}

.Widget--banner--multi.images--spread .Item {
  margin: 0 5px;
  position: relative;
  border-radius: 20px;
  text-align: center;
  flex: 1;
}

.Widget--banner--multi.images--spread .Item a {
  text-decoration: none;
  color: var(--white-color);
  font-size: 13px;
  padding: 0;
}

.Widget--banner--multi.images--spread .Item a img {
  max-width: 100%;
  object-fit: cover;
  object-position: center;
  height: 250px;
}

.Wrapper--Single.Footer.chill_footer.Full
  > .Container__Item
  .Container__Item
  .Widget--banner--multi.chips--centered {
  font-size: 10px;
}

.chill_copyright {
  padding: 0 !important;
  transform: translate(0px, -20%);
}

.Widget--banner--multi.chips--centered,
.Widget--banner--multi.chips--centered.vendors {
  background-color: #7c2c70;
  margin: 0 auto;
  padding: 30px 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
  overflow: scroll;
}

.Widget--banner--multi.chips--centered.vendors::-webkit-scrollbar {
  height: 0px;
}

.Widget--banner--multi.chips--centered.vendors a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
  flex: 0 0 auto;
  padding: 0 20px;
  transition: 0.5s;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.Widget--banner--multi.chips--centered.vendors a img {
  height: 42px;
}

.Widget--banner--multi.chips--centered.vendors a:hover {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

.Widget--banner--multi.chips--centered .Item {
  margin: 0 5px;
  position: relative;
  width: 100%;
  border-radius: 20px;
  text-align: center;
}

.Widget--banner--multi.chips--centered .Item li a {
  text-decoration: none;
  color: var(--white-color);
  font-size: 13px;
}

.Widget--banner--multi.chips--centered .Item li.Item__Title {
  font-size: 14px;
  color: #f96400;
  text-decoration: none;
}

.Vendors,
.Copyright,
.Copyright {
  margin-top: 0;
}

.Copyright .Widget--banner--multi.chips--centered {
  font-size: 14px;
  color: var(--white-color);
}

/* MOBILE CLASSES*/
.Container--modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: var(--white-color);
  box-sizing: border-box;
  display: none;
}

.Container--modal__Header {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  border-bottom: 1px solid rgba(153, 153, 153, 0.5);
}

.Container--modal__Header .Title img {
  width: 100px;
}

.Container--modal__Header .Button--close {
  appearance: none;
  background: none;
  border: none;
}

.Container--modal__Header .Button--close i {
  font-size: 24px;
  color: #ffc82e;
}

/* LOGGED IN VIEW */
#profilePopup .profile-main-nav {
  list-style: none;
  margin: 0;
  font-size: 0;
  display: flex;
  width: 100%;
}

ul.profile-main-nav + button.close {
  color: #525252 !important;
}

.has-feedback label ~ .glyphicon-ok.form-control-feedback {
  top: 23px;
  color: #3aaa35;
}

.has-feedback label ~ .glyphicon-warning-sign.form-control-feedback {
  top: 23px;
  color: #ffae12;
}

/* LOGIN POPUP */
.modal-title-text {
  font-size: 14px;
  padding-top: 3px;
  line-height: 24px;
  display: inline-block;
  text-transform: uppercase;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#loginPopup .form-control,
#forgotPasswordPopup .form-control:not(#Captcha),
#changePasswordPopup .form-control {
  font-size: 20px;
  padding: 0;
  padding-left: 10px;
  border-radius: 8px;
  background: var(--white-color);
  border: 1px solid #838181;
  height: 46px;
  cursor: pointer;
}

#loginPopup .form-control::placeholder,
#forgotPasswordPopup .form-control::placeholder,
#changePasswordPopup .form-control::placeholder,
#registrationPopup .form-control::placeholder {
  font-size: 14px;
  font-weight: 600;
}

#loginPopup .modal-title-text,
#forgotPasswordPopup .modal-title-text,
#changePasswordPopup .modal-title-text {
  color: var(--black-bingoFest);
  font-weight: 700;
  text-align: center;
  position: absolute;
  left: 25px;
  top: 80px;
  text-transform: unset;
  font-size: 20px;
}

#loginPopup .modal-header,
#forgotPasswordPopup .modal-header,
#changePasswordPopup .modal-header {
  border: none;
  display: flex;
  height: 75px;
  margin-bottom: 10px;
  border-bottom: 2px solid #efefef;
}

#loginPopup .modal-body,
#forgotPasswordPopup .modal-body,
#changePasswordPopup .modal-body {
  height: auto;
  border-radius: 0 0 10px 10px;
  background-repeat: repeat-x;
  padding: 45px 25px 20px 25px;
  background: none;
}

#loginPopup .modal-body .form-group:not(:last-child),
#forgotPasswordPopup .modal-body .form-group:not(:last-child),
#changePasswordPopup .modal-body .form-group:not(:last-child) {
  margin-bottom: 20px;
}

#loginPopup .modal-body label,
#forgotPasswordPopup .modal-body label,
#changePasswordPopup .modal-body label,
#profilePopup .modal-sub-body form .form-group label {
  /* font-family: Gilroy, sans-serif; */
  color: var(--black-bingoFest);
  font-size: 16px;
  font-weight: 600;
  display: flex;
  text-align: left;
}

#registrationPopup .modal-body label {
  /* font-family: Gilroy, sans-serif; */
  color: var(--black-bingoFest);
  font-size: 16px;
  font-weight: 600;
  display: flex;
  text-align: left;
}

#profilePopup .modal-sub-body label {
  /* font-family: Gilroy, sans-serif; */
  color: var(--black-bingoFest);
  font-size: 14px;
  font-weight: 600;
  display: flex;
}

#profilePopup .row-flex {
  display: flex;
  flex-direction: row;
  gap: 20px;
}

#profilePopup .row-flex .col-half {
  flex: 1 2 50%;
  padding: 0;
}

#profilePopup .verification .btn-group,
#profilePopup .phone-number-verification .btn-group {
  width: 100%;
}

#paymentsystem
  > div
  > div:not(.depositmessage-success):not(.depositmessage-error) {
  flex: 1;
}

body:not(.mobile)
  #paymentsystem
  > div
  > div:nth-of-type(2)
  .form-group:nth-of-type(1),
body:not(.mobile)
  #paymentsystem
  > div
  > div:nth-of-type(2)
  .form-group:nth-of-type(2) {
  grid-column-start: 1;
  grid-column-end: 4;
}

#paymentsystem
  > div
  > div:not(.depositmessage-success):not(.depositmessage-error)
  label {
  width: 100%;
  max-width: 300px;
}

#paymentsystem > div > div.depositmessage-success,
#paymentsystem > div > div.depositmessage-error {
  flex: 1 1 100%;
  margin-left: auto;
  padding: 0 5px 20px;
}

#paymentsystem > div > div.depositmessage-success:empty,
#paymentsystem > div > div.depositmessage-error:empty {
  display: none;
}

#paymentsystem > div.js-deposit-submit-container {
  justify-content: flex-end;
}

#paymentsystem > .text-right {
  justify-content: flex-end;
}

#paymentsystem .deposit-sub-nav li.active,
#paymentsystem .deposit-sub-nav li:hover {
  /* change */
  border-bottom: 2px solid var(--black-bingoFest);
  color: var(--black-bingoFest);
  font-weight: bold;
}

#paymentsystem .player-bonus-type-deposit.freespins .bonus-body-row-header,
#paymentsystem .player-bonus-type-deposit.freespins .bonus-body-row-title {
  /* change */
  grid-template-columns: 28px 2fr 2fr 2fr;
}

#paymentsystem
  .player-bonus-type-deposit.freespins
  .bonus-body-row-header.freespins {
  margin-left: 28px;
  justify-items: start;
}

.player-bonus-type-deposit.freespins .os-content-glue {
  /* change */
  height: 240px !important;
}

.games-box .table--scrollable__tr > *:not(.games-info-titles) {
  /* change */
  /* padding: 10px 25px; */
}

.freespin-games > div:not(.freespin-game),
.freespin-game .Item > *,
.games-info-titles .table--scrollable__th {
  /* change */
  /* margin: 10px 25px; */
}

.freespin-games .Item img:not(.product-vendore-img),
.games-info-titles .game {
  /* change */
  max-width: 100px;
  min-width: 100px;
}

div.scrollable {
  overflow-x: auto;
}

#profilePopup .modal-sub-body form .form-group .col-md-6 {
  padding: 0 10px;
}

#profilePopup .modal-sub-body form .form-group .row,
#profilePopup .modal-sub-body form .form-group .row {
  margin: 0;
}

#profilePopup .modal-sub-body form .form-group .row .col-xs-6,
#profilePopup .modal-sub-body form .form-group .row .col-xs-12 {
  padding: 0;
}

#loginPopup .modal-body .forgot-password-url,
#loginPopup .modal-body .btn-sign-up {
  text-decoration: none;
  line-height: 34px;
  color: var(--black-bingoFest);
  outline: none;
  display: block;
  font-size: 14px;
  margin-top: 10px;
  font-weight: 600;
}

#loginPopup #popupLoginBtn,
#forgotPasswordPopup #popupLoginBtn,
#changePasswordPopup #popupSavePassBtn {
  width: fit-content;
  background: var(--white-color);
  color: var(--light-green-parrot);
  border: 0;
  outline: 2px solid var(--light-green-parrot)!important;
  font-size: 18px;
  font-weight: 800;
  line-height: 20px;
  padding: 15px 20px;
  border-radius: 50px;
  letter-spacing: 1px;
  margin: 0 auto;
  margin-top: 10px;
  text-transform: uppercase;
}

#forgotPasswordPopup .modal-header {
  border: none;
  margin-bottom: 20px;
  border-bottom: 2px solid #efefef;
  height: 66.5px;
}

#forgotPasswordPopup .lbl.popup_lbl {
  width: 100%;
}

#forgotPasswordPopup #Captcha {
  width: 100%;
  font-size: 18px;
}

#forgotPasswordPopup .captcha-image {
  height: 34px;
  border: 1px solid #707070;
  border-radius: 8px;
}

#forgotPasswordPopup .captcha-refresh {
  border-radius: 20px;
  display: flex;
  width: 34px;
  height: 34px;
  text-decoration: none;
  cursor: pointer;
  transition: background;
  color: var(--black-bingoFest);
  border: 1px solid var(--black-bingoFest);
}

#forgotPasswordPopup .captcha-refresh i {
  line-height: 33px;
  display: flex;
  width: 100%;
  text-align: center;
}

#forgotPasswordPopup .captcha-refresh i:before {
  display: block;
  width: 100%;
}

/* CHANGE PASSWORD */

#changepassform .row .col-md-7.col-md-offset-5 {
  width: 100%;
  left: 0;
  text-align: center;
  margin: 0 auto;
}

#changePasswordPopup .modal-header {
  border: none;
  margin-bottom: 20px;
  border-bottom: 2px solid #efefef;
}

#changePasswordPopup .lbl.popup_lbl {
  width: 100%;
}

#changePasswordPopup .password-change-success-message {
  color: #427d3f !important;
}

#changePasswordPopup .js-submit-button,
#changePasswordPopup .js-next-button {
  background: #36d0ff;
  color: #1c1438;
  font-weight: 800;
  border: 0;
  padding: 8px 20px;
  width: 100%;
  outline: none;
}

#profilePopup .form-group {
  margin-bottom: 21px;
  text-align: left;
}

#profilePopup .profile-sub-nav,
.deposit-sub-nav {
  list-style: none;
  padding: 0;
  margin: 0 0 0 0;
  /* font-size: 0; */
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

#profilePopup .profile-sub-nav li {
  flex-basis: 140px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 10px 0;
}

#profilePopup .profile-sub-nav li:nth-child(3) {
  display: none;
}

#profilePopup .profile-main-nav li a {
  /* font-family: Gilroy-Medium; */
  font-size: 16px;
  font-weight: 400;
  color: #989494;
  padding: 10px 0;
  text-decoration: none;
  border-right: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  border-top: 1px solid #efefef;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  white-space: nowrap;
}

#profilePopup .profile-main-nav li a[data-route="responsible"] {
  display: none;
}

#profilePopup .profile-main-nav li a i {
  font-size: 16px;
  margin-right: 7px;
  position: relative;
  top: -1px;
}

#profilePopup .profile-sub-nav li a {
  /* font-family: Gilroy-Medium; */
  display: block;
  color: #989494;
  font-size: 12px;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  padding-bottom: 4px;
}

#profilePopup .profile-sub-nav li.active a,
.registration.page-3 .registration-sub-nav li.active {
  border-bottom: 2px solid var(--black-bingoFest);
  color: var(--black-bingoFest);
}

#profilePopup .profile-sub-nav li a:hover,
.registration.page-3 .registration-sub-nav li:hover {
  border-bottom: 2px solid var(--black-bingoFest);
  color: var(--black-bingoFest);
}

.freespin-gamescontainer {
  /* change */
  display: flex;
  flex-direction: column;
}

.registration.page-3
  .player-bonus-type-registration
  .bonus-body-row-title.selected
  ~ [id^="bonus-content-"] {
  /* change */
  overflow: auto;
}

#profilePopup .profile-main-nav li a:hover {
  background-color: var(--light-green-parrot);
  color: var(--black-bingoFest);
  border: var(--light-green-parrot);
}

#profilePopup .profile-main-nav li.active a {
  background: var(--light-green-parrot);
  color: var(--black-bingoFest);
  border: 1px solid var(--light-green-parrot);
  display: flex;
  align-items: center;
}

/* NOTIFICATION SETTINGS */
.communication-types {
  color: #150d35;
  border-right: 1px solid #dddddd;
}

.communication-settings-wrapper {
  display: grid;
  grid-template-columns: 216px 1fr;
}

.communication-settings-wrapper * {
  font-size: 12px;
  text-align: left;
  /* font-family: Gilroy-Medium; */
  color: var(--black-bingoFest);
}

.communication-settings-wrapper .comm-single-type {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  line-height: 1;
}

.communication-types,
.thread-list {
  position: relative;
  overflow: auto;
}

.communication-types .comm-single-type,
.thread-list .single-thread {
  font-size: 14px;
  padding: 10px 10px 10px 15px;
  cursor: pointer;
  transition: background-color 0.2s;
  color: var(--black-bingoFest);
  /* font-family: Gilroy-Medium; */
}

.thread-list .single-thread {
  text-align: left;
}

.communication-types .comm-single-type:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.thread-list .single-thread:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.thread-list .single-thread {
  color: var(--black-bingoFest);
}

.thread-list .mCSB_inside > .mCSB_container {
  margin-right: 16px;
}

.thread-list .single-thread:last-child {
  border-bottom: none;
}

.thread-list .single-thread .title {
  color: var(--black-bingoFest);
  font-weight: 500;
  margin-bottom: 8px;
  font-size: 1.4rem;
}

.communication-types .comm-single-type.active {
  border-right: 0;
  background-image: linear-gradient(to right, var(--black-bingoFest), #275e8d);
  color: var(--white-color);
}

.ss-main .ss-single-selected {
  height: 35px;
  border-radius: 8px;
  border: 1px solid #707070;
}

.thread-list .single-thread.active {
  border-right: 0;
  background-color: var(--transparent-blue);
}

.thread-list .single-thread .title i {
  color: var(--black-bingoFest);
}

.thread-list .single-thread .detail-row {
  margin-bottom: 5px;
  font-size: 1.3rem;
}

.thread-list .single-thread.unread .title i {
  color: var(--black-bingoFest);
}

.thread-list .single-thread.unread .detail-row span {
  font-weight: bold;
}

.thread-list .single-thread .detail-row:last-child {
  margin-bottom: 0;
  color: var(--black-bingoFest);
}

.thread-list .single-thread .detail-row span {
  color: rgba(255, 255, 255, 0.3);
}

.communication-settings-block {
  padding: 0 15px 10px 30px;
  position: relative;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  min-height: 540px;
}

.message-content {
  padding: 0 5px 10px 0;
  position: relative;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  min-height: 540px;
}

.communication-settings-block .inner-block {
  color: #000;
}

.communication-settings-block .inner-block > .row {
  margin: 0;
  padding: 10px 0;
}

.communication-settings-block .inner-block > .row [class*="col-"] {
  padding: 0;
  width: 100%;
  font-size: 14px;
}

.communication-settings-block .inner-block > .row .col-xs-3 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}

.communication-settings-block .inner-block .communication-group {
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  max-width: 300px;
}

.message-header {
  display: flex;
}

.message-header * {
  /* font-family: Gilroy-Medium; */
}

.message-header .message-icon-wrapper {
  padding: 16px;
  display: flex;
  justify-content: flex-end;
  width: 80px;
  background-color: #efefef;
  font-size: 24px;
  color: var(--black-bingoFest);
}

.message-header .message-details {
  flex: 1 1 auto;
  background-color: #efefef;
  text-align: left;
  padding: 16px 0;
  color: var(--black-bingoFest);
}

.message-content .message-id {
  color: var(--black-bingoFest);
  font-size: 14px;
  background-color: #efefef;
  text-align: left;
}

.message-body {
  padding-top: 20px;
  padding-left: 80px;
}

.message-content .message-details div[class^="col-"] {
  color: var(--black-bingoFest);
  font-size: 13px;
  font-weight: bold;
  text-align: left;
}

.message-content .message-text {
  width: 100%;
  height: 396px;
  overflow: auto;
  margin-bottom: 0;
  color: var(--black-bingoFest);
  text-align: left;
}

.message-content {
  font-size: 14px;
  color: #150d35;
}

.message-sent-date {
  padding-bottom: 11px;
}

.message-content .detail-row {
  padding-top: 11px;
  border-top: 1px solid #bdbdbd;
  background: #efefef;
  text-align: left;
}

.message-details .text-right {
  color: #c3baa7 !important;
}

.message-details strong {
  color: var(--black-bingoFest);
  /* font-family: Gilroy-Bold; */
}

.detail-row span,
.message-id span,
.message-details span {
  color: var(--black-bingoFest) !important;
  font-weight: bold;
}

.modal-header {
  padding: 0;
  position: relative;
  border-radius: 0 10px 0 0;
  text-align: left;
}

.modal-content {
  border: 0;
  background-color: var(--white-color);
  border-radius: 10px;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.modal-content .close {
  color: #000000 !important;
  padding: 0;
  outline: 0 !important;
  width: 50px;
  height: 100%;
  line-height: 1;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  -webkit-flex-direction: column;
}

.modal-content .close span {
  height: 100%;
  font-size: 40px;
  line-height: 60px;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid transparent;
  padding: 6px 14px 0;
}

.modal-body {
  padding: 0;
  display: flex;
  flex-direction: column;
  height: 635px;
}

.modal-body:not(body.mobile .modal-body) {
  overflow: hidden;
}

.modal-body.no-footer {
  height: 685px;
}

#profilePopup .inbox-grid {
  display: grid;
  grid-template-columns: 216px 1fr;
  height: 585px;
  overflow-y: hidden;
}

#profilePopup .inbox-grid .message-short-wrapper {
  position: relative;
}

.modal-sub-body {
  padding: 10px 10px 0 10px;
  border-radius: 0 0 5px 5px;
}

.modal-sub-body.custom-scrollbar {
  padding-right: 0;
}

#profilePopup .js-custom-scrollbar-wrapper {
  overflow-x: hidden;
}

#profilePopup .loader {
  display: none;
  bottom: 0;
  position: absolute;
  /*width: calc(100% - 20px);*/
  background-color: rgba(255, 255, 255, 0.3);
  text-align: center;
  height: 30px;
  line-height: 30px;
  border-radius: 20px;
  margin-left: 5px;
}

#profilePopup .modal-header {
  background-color: var(--white-color) !important;
}

#profilePopup .modal-sub-body .custom-scrollbar {
  padding-right: 12px;
}

#profilePopup .custom-scrollbar {
  margin-right: 10px;
}

#profilePopup .modal-sub-body.custom-scrollbar.mCustomScrollbar {
  margin-right: 0 !important;
}

#profilePopup .custom-scrollbar .mCSB_inside > .mCSB_container {
  margin-right: 9px;
}

#profilePopup .modal-sub-body .sub-page-title {
  font-size: 1.3rem;
  text-transform: uppercase;
  color: #ffae12;
  margin: 10px 0;
}

#profilePopup .modal-sub-body .comunication-label {
  display: inline-flex;
  height: 16px;
  justify-content: center;
  align-items: center;
  min-width: 30px;
}

#profilePopup .modal-sub-body .emutable-details {
  background-color: var(--white-color);
  padding: 0 10px;
  border-radius: 5px;
}

.communication-settings-wrapper .switch-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}

#profilePopup .modal-sub-body .emutable-details .emutable-details-inner-block {
  margin: 10px 0;
}

#profilePopup
  .modal-sub-body
  .emutable-details
  .emutable-details-inner-block:first-child {
  margin-top: 0;
}

#profilePopup
  .modal-sub-body
  .emutable-details
  .emutable-details-inner-block:last-child {
  margin-bottom: 0;
}

#profilePopup
  .modal-sub-body
  .emutable-details
  .emutable-details-inner-block
  tr {
  text-align: left;
}

#profilePopup
  .modal-sub-body
  .emutable-details
  .emutable-details-inner-block
  tr
  .em {
  font-weight: 600;
  /* font-family: Gilroy-Bold; */
  color: var(--black-bingoFest);
  text-transform: uppercase;
}

#profilePopup
  .modal-sub-body
  .emutable-details
  .emutable-details-inner-block
  tr
  .em:first-child
  b {
  display: flex;
  margin-bottom: 16px;
}

#profilePopup
  .modal-sub-body
  .emutable-details
  .emutable-details-inner-block
  tr
  td
  *:not(.em) {
  margin-bottom: 19px;
}

#profilePopup
  .modal-sub-body
  .emutable-details
  .emutable-details-inner-block
  thead
  tr:nth-child(1)
  .em {
  text-transform: capitalize;
  /* font-family: Gilroy-Bold; */
  color: var(--black-bingoFest);
}

#profilePopup
  .modal-sub-body
  .emutable-details
  .emutable-details-inner-block
  thead
  tr:nth-child(1)
  .em
  * {
  font-size: 16px;
}

#profilePopup
  .modal-sub-body
  .emutable-details
  .emutable-details-inner-block
  .em
  #profilePopup
  .modal-sub-body
  .emutable-details
  .emutable-details-inner-block
  .underline {
  text-decoration: underline;
}

/* ---------------------------------------------------------------- Indetifications ----------------------------------------------------------*/

.modal-sub-body.identifications {
  color: var(--white-color);
}

.modal-sub-body.identifications .document-head-row-title,
.modal-sub-body.identifications .document-body-row-title {
  display: flex;
  color: var(--white-color);
  justify-content: space-between;
  margin: 4px 0;
}

.modal-sub-body.identifications .document-head-row-title {
  margin-bottom: 20px;
  font-size: 16px;
}

.modal-sub-body.identifications .document-head-row-title div,
.modal-sub-body.identifications .document-body-row-title div,
.modal-sub-body.identifications .document-body-row-title button,
.modal-sub-body.identifications .document-body-row-title i {
  flex: 1;
  margin: 4px 0;
  text-align: left;
  max-width: 164px;
  text-overflow: ellipsis;
  overflow: hidden;
  color: black;
}

.modal-sub-body.identifications .document-body-row-title .document-name {
  white-space: nowrap;
  overflow: visible;
  display: block;
  position: relative;
}

.modal-sub-body.identifications
  .document-body-row-title
  .document-name
  span:nth-child(1) {
  display: inline-block;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.document-name .tooltip {
  width: auto;
  position: absolute;
  background-color: var(--black-bingoFest);
  opacity: 1;
  color: var(--white-color);
  padding: 5px 8px;
  border-radius: 12px;
  border-bottom-left-radius: 0;
  top: -27px;
  left: 30px;
  white-space: nowrap;
}

.modal-sub-body.identifications .document-head-row-title div {
  color: var(--black-bingoFest);
}

.modal-sub-body.identifications .document-body-row-title i {
  color: #3aaa35;
  font-size: 22px;
}

.modal-sub-body.identifications .document-body-row-title .las.la-times {
  color: var(--black-bingoFest);
}

.modal-sub-body.identifications .document-body-row-title .las.la-sync-alt {
  color: var(--black-bingoFest);
}

.modal-sub-body.identifications .document-body-row-title button {
  background-color: transparent;
  border: 1px solid var(--black-bingoFest);
  color: var(--black-bingoFest);
  margin: 4px 0;
  justify-content: center;
}

.modal-sub-body.identifications .document-body-row-title button,
.modal-sub-body.identifications .document-body-row-title i,
.modal-sub-body.identifications .document-head-row-title .document-action {
  max-width: 100px;
  text-align: center;
}

.modal-sub-body.identifications .header-block {
  height: 240px;
  overflow: auto;
  margin-top: 32px;
}

.modal-sub-body.identifications .upload-file.row:before,
.modal-sub-body.identifications .upload-file.row:after {
  display: none;
}

.modal-sub-body.identifications .upload-file {
  display: grid !important;
  grid-auto-rows: minmax(100px, auto);
  grid-template-columns: repeat(auto-fill, minmax(40%, 1fr));
  gap: 20px;
  padding: 10px;
}

.modal-sub-body.identifications .upload-file section,
.modal-sub-body.identifications .upload-file div {
  width: 100%;
}

.modal-sub-body.identifications .upload-file .btn {
  width: auto !important;
  height: 35px;
  display: flex;
  align-items: center;
  padding: 16px;
  border-radius: 8px;
  border-color: #707070;
}

.modal-sub-body.identifications .upload-file .col-xs-6 {
  display: flex;
  flex-direction: column;
}

.modal-sub-body.identifications .upload-file .col-xs-6 .input {
  margin-left: 0;
}

.modal-sub-body.identifications .input_name {
  width: 100%;
  padding: 16px;
  height: 36px;
  border-radius: 8px;
  border: 1px solid #707070;
  color: #555;
}

.modal-sub-body.identifications .input_name:focus,
.modal-sub-body.identifications .input_name:focus-visible {
  border-color: var(--black-bingoFest);
  outline: none;
}

.identifications-settings-wrapper #formOne .col-xs-6 .row {
  display: flex;
  margin: 0;
}

.identifications-settings-wrapper #Day,
.identifications-settings-wrapper #Month,
.identifications-settings-wrapper #Year {
  height: 35px;
  flex: 1;
  outline: none;
  cursor: pointer;
  padding: 0;
  margin: 0 4px;
  color: black;
  border: none;
  border-bottom: 1px solid black;
  text-align: center;
}

.identifications-settings-wrapper #Day {
  flex: 0.7;
}

#profilePopup .identifications-settings-wrapper .row.submBtnBlock {
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
  margin: 0;
}

#profilePopup .identifications-settings-wrapper .row.submBtnBlock .col-xs-12,
#profilePopup .identifications-settings-wrapper .row.submBtnBlock .sbm-message {
  flex: 1;
}

#profilePopup
  .identifications-settings-wrapper
  .row.submBtnBlock
  .sbm-message
  .col-xs-6 {
  width: 100%;
}

#profilePopup .identifications-settings-wrapper .row.submBtnBlock .col-xs-12 {
  text-align: right;
}

#profilePopup
  .identifications-settings-wrapper
  .row.submBtnBlock
  .col-xs-12
  .btn {
  color: var(--white-color);
  border-color: var(--black-bingoFest);
  background-color: var(--black-bingoFest);
}

#profilePopup .identifications-settings-wrapper .note {
  text-align: left;
  color: var(--black-bingoFest);
  padding: 5px 0;
  margin: 0;
}

#profilePopup .modal-footer {
  border: none;
  width: 100%;
}

#profilePopup .modal-body.expanded {
  height: 594px;
  margin-bottom: 50px;
}

#profilePopup .modal-footer .btn-save {
  color: var(--white-color);
  border-color: var(--black-bingoFest);
  background-color: var(--black-bingoFest);
  outline: none;
  font-weight: 600;
}

#profilePopup .modal-footer .btn-save:hover {
  background: transparent;
  color: var(--black-bingoFest);
}

#profilePopup .switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 16px;
  margin-bottom: 0;
}

.daterangepicker.dropdown-menu {
  z-index: 99999;
}

/* Hide default HTML checkbox */
#profilePopup .switch input {
  display: none;
}

/* The slider */
#profilePopup .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: transparent;
  border-radius: 10px !important;
  vertical-align: top;
  border: 1px solid #707070;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

#profilePopup .slider:before {
  position: absolute;
  content: "";
  height: 8px;
  width: 8px;
  left: 2px;
  bottom: 2px;
  border-radius: 50%;
  background-color: var(--white-color);
  border: 5px solid #989494;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

#profilePopup input:checked + .slider {
  background-color: var(--black-bingoFest) !important;
  border-radius: 10px !important;
  border: 1px solid var(--black-bingoFest);
}

#profilePopup input:focus + .slider {
  box-shadow: 0 0 1px #2196f3;
}

#profilePopup input:checked + .slider:before {
  border-color: var(--white-color);
  -webkit-transform: translateX(15px);
  -ms-transform: translateX(15px);
  transform: translateX(15px);
}

/* Rounded sliders */
#profilePopup .slider.round {
  border-radius: 34px;
}

#profilePopup .slider.round:before {
  border-radius: 50%;
}

#profilePopup .modal--balance-history .modal-body table {
  font-size: 1.2rem;
}

#profilePopup .modal--balance-history .wallet-table td,
#profilePopup .modal--balance-history .wallet-table th {
  padding: 9px 3px;
  white-space: nowrap;
  width: 5ch;
  overflow: hidden;
  text-overflow: ellipsis;
}

#profilePopup .modal--balance-history .mCSB_container {
  margin-right: 7px !important;
}

#profilePopup .modal-dialog .modal-content .modal-header .close {
  color: #150d35 !important;
}

/* PROFILE POPUP */
body.modal-open {
  height: 100vh;
  overflow: hidden;
  box-sizing: content-box;
  -ms-touch-action: none;
  touch-action: none;
}

body.modal-open .page-wrapper {
  overflow: hidden;
  background-color: var(--black-bingoFest);
}

.field-validation-valid.has-error,
.field-validation-error.has-error,
.field-validation-error.error,
.field-validation-error .has-error {
  width: 100%;
  display: block;
  line-height: 20px;
  text-align: left;
  color: #ff597c;
}

.has-error,
.error {
  color: red !important;
  /* font-family: Gilroy-Medium; */
}

.has-error > *,
.error > * {
  color: red !important;
}

.wallet-table {
  width: 100%;
  color: var(--black-bingoFest);
}

.wallet-table tbody {
  color: var(--black-bingoFest);
  /* font-family: Gilroy-Medium; */
}

.wallet-table td,
.wallet-table th {
  text-align: left;
  padding: 5px;
  font-weight: normal;
  font-size: 12px;
}

.wallet-table th {
  background-color: rgba(255, 255, 255, 0.2);
  font-weight: bold;
}

.statedisabled {
  background-color: gray;
  color: #b3b0b0;
  pointer-events: none;
}

.statedisabledforbet {
  color: #b3b0b0;
  pointer-events: none;
}

.gold {
  color: #ffae12;
}

.transaction-row {
  display: flex;
  align-items: center;
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 3px;
  cursor: pointer;
  margin-bottom: 10px;
  position: relative;
  transition: background 0.2s;
  color: var(--white-color);
}

.transaction-block:not(.active):last-child .transaction-row {
  margin-bottom: 0;
}

.transaction-row-outlined {
  padding: 10px;
  border-radius: 3px;
  cursor: pointer;
  font-size: 0;
  transition: background-color 0.2s;
  position: relative;
  display: flex;
  justify-self: right;
}

/*Payment method description order Mob and Desk*/
/*Payment method description order Mob and Desk*/
.modal-dialog.deposit #paymentsystem > div,
#options--deposit #paymentsystem > div {
  display: grid;
}

.modal-dialog.deposit #paymentsystem > div > div:first-of-type,
#options--deposit #paymentsystem > div > div:first-of-type {
  order: 2;
}

.modal-dialog.withdrawal label.destails,
.modal-dialog.withdrawal label.explanation,
#options--withdrawal label.destails,
#options--withdrawal label.explanation,
#options--deposit #paymentsystem > div > div:last-of-type label,
.modal-dialog.deposit #paymentsystem > div > div:last-of-type label {
  max-width: unset !important;
}

.modal-dialog.modal--promotions-freespins .bonus-title-row,
.modal-dialog.modal--promotions-freespins .bonus-body-row-title {
  grid-template-columns: 1fr 1fr 1fr 1fr 1.3fr !important;
}

.modal-dialog.modal--promotions-freespins .player-bonus-type-1 .bonus-title-row,
/* change */
.modal-dialog.modal--promotions-freespins .player-bonus-type-1 .bonus-body-row-title {
  grid-template-columns: 1fr 1fr 1fr 1fr !important;
}

/*Deposit and withdrawal popUp Section*/
.options--deposit .transaction-row,
.options--withdrawal .transaction-row,
.modal-dialog.modal--withdrawal
  .transaction-row-outlined.column-headers-withdrawal,
.modal-dialog.modal--deposit .transaction-row-outlined.column-headers {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-items: center;
}

.modal-dialog.modal--withdrawal
  .transaction-row-outlined.column-headers-withdrawal,
.modal-dialog.modal--deposit .transaction-row-outlined.column-headers {
  padding-left: 50%;
}

.options--withdrawal .transaction-row,
.options--deposit .transaction-row {
  grid-template-columns: repeat(4, 1fr);
}

/*it removes the column Fee from deposit mobile and desktop*/
.transaction-row-outlined.column-headers-withdrawal .trans-fee,
#profilePopup .options--withdrawal .trans-fee,
#profilePopup .transaction-row-outlined.column-headers .trans-fee,
#profilePopup .options--deposit .trans-fee,
#profilePopup .modal-dialog.deposit .transaction-row .trans-fee,
#profilePopup .modal-dialog.withdrawal .transaction-row .trans-fee {
  display: none;
}

.modal-dialog.modal--deposit
  .transaction-row-outlined.column-headers
  .trans-logo,
.modal-dialog.modal--deposit
  .transaction-row-outlined.column-headers
  .trans-title,
.modal-dialog.modal--deposit
  .transaction-row-outlined.column-headers
  .trans-proc-time,
.modal-dialog.modal--withdrawal
  .transaction-row-outlined.column-headers-withdrawal
  .trans-proc-time,
.modal-dialog.withdrawal
  .transaction-row-outlined.column-headers-withdrawal
  .trans-proc-time {
  display: none;
}

.modal-dialog.modal--deposit .transaction-row .trans-proc-time,
.modal-dialog.modal--withdrawal .transaction-row .trans-proc-time,
.modal-dialog.withdrawal
  .row.transaction-block
  .col-md-12
  .transaction-row
  .trans-proc-time {
  display: none;
}

.transaction-row-outlined div {
  /* font-family: Gilroy-Medium; */
  font-size: 14px;
  color: var(--black-bingoFest);
  text-align: left;
}

.transaction-row.loading {
  color: inherit !important;
  width: auto;
}

.transaction-row.loading:after {
  width: 15px;
  height: 15px;
  right: 15px;
  left: auto;
  top: calc(50% - (15px / 2));
}

[id^="transaction-details"] {
  background-color: rgba(255, 255, 255, 0.2);
  margin-bottom: 20px;
  border-top: none;
  border-radius: 0 0 3px 3px;
  padding: 0;
  display: none;
  text-align: left;
  width: 100%;
}

[id^="transaction-details"] label {
  color: var(--black-bingoFest);
  font-weight: normal;
  line-height: 30px;
}

[id^="transaction-details"] .submit-event.aligned-action-btn,
[id^="transaction-details"] .js-deposit-submit {
  background: var(--red-parrot) !important;
  color: var(--white-color) !important;
  padding: 8px 20px !important;
  border: 0 !important;
  outline: none !important;
}

[id^="transaction-details"] .submit-event.aligned-action-btn:hover,
[id^="transaction-details"] .js-deposit-submit:hover {
  background: var(--white-color) !important;
  color: var(--red-parrot) !important;
  outline: 2px solid var(--red-parrot) !important;
}

[id^="transaction-details"].shown {
  display: block;
  padding: 10px;
}

[id^="transaction-details"] label {
  margin-right: 15px;
  margin-bottom: 15px;
}

.transaction-row:hover {
  background: var(--transparent-blue-1);
}

.transaction-row div {
  display: inline-block;
  font-size: 14px;
  text-align: left;
}

.transaction-title-row .transaction-row div {
  font-size: 1.1rem;
}

.transaction-title-row .trans-label {
  color: #f96400;
}

.transaction-title-row .transaction-row {
  padding: 1px 5px;
  width: 60%;
  float: right;
}

.transaction-title-row .transaction-row:after {
  content: "";
  clear: both;
  display: table;
}

.transaction-title-row .transaction-row:hover {
  background-color: #0d3a1f;
}

.transaction-title-row .transaction-row .trans-proc-time {
  width: 32%;
}

.transaction-title-row .transaction-row .trans-fee {
  width: 17%;
}

.transaction-title-row .transaction-row .trans-min {
  width: 17%;
}

.transaction-title-row .transaction-row .trans-max {
  width: 34%;
}

.transaction-title-row .trans-label {
  text-transform: uppercase;
  font-size: 14px;
  line-height: 30px;
}

.transaction-row .select-expander {
  display: none !important;
}

.transaction-row .trans-label {
  width: 40%;
}

.mobile .deposit .transaction-title-row > div:nth-child(1),
.mobile .withdrawal .transaction-title-row > div:nth-child(1) {
  flex: 2 2 2%;
}

.wallet-table .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.1);
}

.modal--payment-history .input-group .input-group i {
  font-size: 17px;
}

.js-see-details,
.js-form-search-submit {
  background: var(--white-color);
  padding: 10px 12px;
  margin-top: 23px;
  line-height: 15px;
  outline: none !important;
  color: var(--black-bingoFest) !important;
  border: 1px solid var(--black-bingoFest);
  border-radius: 8px;
}

.js-see-details:active {
  background: var(--black-bingoFest) !important;
  color: var(--white-color);
  border: 1px solid var(--black-bingoFest);
}

.js-form-search-submit:hover,
.js-see-details:hover {
  border: 1px solid var(--black-bingoFest);
  background: var(--black-bingoFest) !important;
  color: var(--white-color) !important;
}

.btn-success:hover {
  background-color: var(--brand-color-2);
}

.btn-success:focus,
.btn-success:active {
  background: var(--white-color);
  color: var(--black-bingoFest);
  box-shadow: none;
  outline: none !important;
  border: 1px solid var(--black-bingoFest);
}

.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active:focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open > .dropdown-toggle.btn-success.focus,
.open > .dropdown-toggle.btn-success:focus,
.open > .dropdown-toggle.btn-success:hover {
  background-color: var(--brand-color-2);
  border: 1px solid var(--brand-color-2);
}

.wallet-table tbody.table-striped > tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.1);
}

.wallet-table.table-hover > tbody > tr:hover {
  background-color: rgb(255 235 238) !important;
}

#verifyPartial .modal-body {
  height: 200px;
}

.verification .loading {
  width: auto;
}

.verification .btn-success:focus {
  padding: 6px 12px;
}

.verification .form-control {
  border-radius: 8px 0 0 8px !important;
  height: 35px;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-radius: 20px;
  margin-right: 8px;
  outline: none;
}

#sendEmailCodeLink,
#sendMobileCode,
#sendEmailCode {
  background: white;
  color: var(--black-bingoFest);
  padding: 0 12px;
  height: 35px;
  outline: none;
  border-radius: 8px;
  border: 1px solid var(--black-bingoFest);
  text-transform: uppercase;
}

/*#sendEmailCode {
  position: absolute;
  height: unset;
  top: 80px;
  right: -13px;
}*/

.verification-code-email .glyphicon,
.mobile-verification-code-block .glyphicon {
  color: var(--white-color);
}

#verifyPartial .verification-code-mobile:hover,
#verifyPartial .verification-code-email:hover {
  background: var(--white-color) !important;
}

#verifyPartial .verification-code-mobile:hover span.glyphicon,
#verifyPartial .verification-code-email:hover span.glyphicon {
  color: var(--black-bingoFest);
}

/* body:not(.LoggedIn) #validateform,body:not(.LoggedIn) #validateform .email-verification-block{
  height: 100%;
} */

body:not(.LoggedIn) #validateform .email-verification-block,
body:not(.LoggedIn) #validateform .phone-number-verification-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

body:not(.LoggedIn)
  #validateform
  .phone-number-verification-block
  .phone-number-verification {
  margin-top: auto;
  text-align: right;
}

body:not(.LoggedIn)
  #validateform
  .email-verification-block
  ~ .row
  .profile__msg--error,
body:not(.LoggedIn)
  #validateform
  .email-verification-block
  ~ .row
  .profile__msg--success {
  position: absolute;
  padding-left: 15px;
}

body:not(.LoggedIn)
  #validateform
  .form-group.has-feedback.email-verification-block
  label.control-label {
  position: absolute;
  top: -22px;
}

body:not(.LoggedIn)
  #validateform
  .email-verification-block
  .email-verification {
  width: 100%;
}

body:not(.LoggedIn)
  #validateform
  .email-verification-block
  .email-verification
  .verification {
  text-align: left;
}

body:not(.LoggedIn)
  #validateform
  .email-verification-block
  .email-verification
  .verification
  .btn-group {
  width: 85%;
}

body:not(.LoggedIn) #validateform .form-control {
  height: 36px;
  padding: 16px 18px;
}

body:not(.LoggedIn) #validateform .mobile-verification-code-block button,
body:not(.LoggedIn) #validateform .email-verification-code-block button {
  height: 36px;
}

body:not(.LoggedIn)
  #validateform
  .email-verification-code-block
  button
  .glyphicon.glyphicon-ok::before {
  content: "Verify" !important;
  font-family: "source sans pro" !important;
}

.bonus-placeholder {
  display: none;
}

.wagering-line {
  height: 6px;
  margin-top: 2px;
  position: absolute;
  background: var(--black-bingoFest);
  border-radius: 12px;
  z-index: 1;
}

.wagering-percent {
  background-color: var(--black-bingoFest);
  color: var(--white-color);
  border-radius: 20px;
  text-align: center;
  width: 30px;
  min-width: 29px;
  position: absolute;
  top: -4px;
  z-index: 1;
  font-size: 12px;
}

#profilePopup .modal-bonus-selector {
  display: flex;
  padding: 5px 0;
  box-sizing: border-box;
  justify-content: flex-end;
}

#profilePopup .modal-bonus-selector select {
  color: var(--white-color);
  background-color: #18723c;
  outline: none;
  max-width: 250px;
}

#profilePopup .player-bonus-type-1 .bonus-title-row,
#profilePopup .player-bonus-type-2 .bonus-title-row,
#profilePopup .player-bonus-type-3 .bonus-title-row,
#profilePopup .player-bonus-type-4 .bonus-title-row,
#profilePopup .player-bonus-type-5 .bonus-title-row,
#profilePopup .player-bonus-type-6 .bonus-title-row {
  display: grid;
  border-radius: 3px;
  padding: 10px;
  justify-items: center;
}

#profilePopup .player-bonus-type-1 .bonus-title-row {
  grid-template-columns: 85px 2fr 2fr 2fr;
  text-align: center;
}

#profilePopup .player-bonus-type-2 .bonus-title-row {
  grid-template-columns: 1fr 2fr 2fr 1fr 3fr 60px;
  /* padding-left: 100px; */
  text-align: center;
}

.modal-dialog.modal--promotions-freespins .bonus-title-row,
.modal-dialog.modal--promotions-freespins .bonus-body-row-title {
  grid-template-columns: 1fr 1fr 1fr 1fr 1.3fr !important;
}

.modal-dialog.modal--promotions-freespins .player-bonus-type-1 .bonus-title-row,
.modal-dialog.modal--promotions-freespins
  .player-bonus-type-1
  .bonus-body-row-title {
  grid-template-columns: 1fr 1fr 1fr 1fr !important;
}

#profilePopup .player-bonus-type-3 .bonus-title-row,
#profilePopup .player-bonus-type-4 .bonus-title-row,
#profilePopup .player-bonus-type-5 .bonus-title-row,
#profilePopup .player-bonus-type-6 .bonus-title-row {
  grid-template-columns: 2fr 3fr 3fr 2fr 3fr;
  text-align: center;
}

#profilePopup [class*="player-bonus-type-"] .bonus-title-row * {
  margin-right: 10px;
  color: var(--black-bingoFest);
  font-weight: bold;
  font-size: 12px;
}

#profilePopup [class*="player-bonus-type-"] .bonus-title-row *:last-child {
  margin-right: 0;
}

#profilePopup
  .modal-dialog.history:not(.modal-dialog.history.modal--promotions-freespins)
  .bonus-title-row
  div:nth-child(3),
#profilePopup
  .modal-dialog.history:not(.modal-dialog.history.modal--promotions-freespins)
  .bonus-body-row.item
  .bonus-type {
  display: none;
}

#profilePopup
  .modal-dialog.promotions:not(
    .modal-dialog.promotions.modal--promotions-freespins
  )
  .bonus-title-row
  div:nth-child(3),
#profilePopup
  .modal-dialog.promotions:not(
    .modal-dialog.promotions.modal--promotions-freespins
  )
  .bonus-body-row.item
  .bonus-type {
  display: none;
}

#profilePopup
  .modal-dialog.history:not(.modal-dialog.history.modal--promotions-freespins)
  .modal-sub-body::before,
#profilePopup
  .modal-dialog.promotions:not(
    .modal-dialog.promotions.modal--promotions-freespins
  )
  .modal-sub-body::before {
  content: "At BingoFest, we put you in control of your bonuses. Each bonus is kept in its own unique wallet, and you can choose which bonus you want to play, and when to play it. Your priority bonus is always the bonus that you move to the top of the list and is available to play. For more details, check out our Bonus Help section. ";
}

/* Turkish translation */
html[lang="tr-tr"]
  #profilePopup
  .modal-dialog.history:not(.modal-dialog.history.modal--promotions-freespins)
  .modal-sub-body::before,
html[lang="tr-tr"]
  #profilePopup
  .modal-dialog.promotions:not(
    .modal-dialog.promotions.modal--promotions-freespins
  )
  .modal-sub-body::before {
  content: "BingoFest'te bonuslarınızın kontrolünü size veriyoruz. Her bonus, kendi benzersiz cüzdanında saklanır ve hangi bonusu ne zaman oynayacağınızı seçebilirsiniz. Öncelikli bonusunuz, her zaman listenin en üstüne taşıdığınız ve oynanabilir durumda olan bonusunuzdur. Daha fazla detay için Bonus Yardım bölümümüze göz atın.";
}

#profilePopup
  .modal-dialog.history:not(.modal-dialog.history.modal--promotions-freespins)
  .modal-sub-body::after,
#profilePopup
  .modal-dialog.promotions:not(
    .modal-dialog.promotions.modal--promotions-freespins
  )
  .modal-sub-body::after {
  content: "\A \2022\00A0 Granted Bonus – A bonus that you need to select and click claim to play.\A \A \2022\00A0 Claimed – A claimed bonus, that is ready for you to select and play.\A \A \2022\00A0 Redeemed – A bonus where any wagering requirements were met, and the balance credited as cash.\A \A \2022\00A0 Spent – A bonus where the validity period has been exceeded and is no longer available.\A \A \2022\00A0 Approval Pending - A bonus that has not yet been made available to claim.\A \A \2022\00A0 Expired – A claimed bonus where the validity period has been exceeded before the wagering requirements have been met.";
  white-space: pre-line;
  text-align: left;
}

/* Turkish translation */
html[lang="tr-tr"]
  #profilePopup
  .modal-dialog.history:not(.modal-dialog.history.modal--promotions-freespins)
  .modal-sub-body::after,
html[lang="tr-tr"]
  #profilePopup
  .modal-dialog.promotions:not(
    .modal-dialog.promotions.modal--promotions-freespins
  )
  .modal-sub-body::after {
  content: "\A \2022\00A0 Verilen Bonus – Oynamak için seçip talep etmeniz gereken bonus.\A \A \2022\00A0 Talep Edilen – Talep edilmiş bonus, seçip oynamaya hazır durumda.\A \A \2022\00A0 Kullanılmış – Herhangi bir bahis gereksinimi karşılanmış ve bakiye nakit olarak kredilendirilmiş bonus.\A \A \2022\00A0 Harcanmış – Geçerlilik süresi sona ermiş ve artık mevcut olmayan bonus.\A \A \2022\00A0 Onay Bekliyor – Henüz talep edilebilir hale gelmemiş bonus.\A \A \2022\00A0 Süresi Dolmuş – Bahis gereksinimleri karşılanmadan önce geçerlilik süresi dolmuş talep edilmiş bonus.";
}

/*Bonus text*/
#profilePopup .modal-sub-body::before {
  display: block;
  width: 100%;
  font-size: 14px;
  padding: 12px 25px;
  text-align: left;
}

.wallet-table tr:nth-child(2) td div .wallet-table tbody tr:nth-child(2n + 1) {
  background-color: var(--transparent-blue);
}

.wallet-table tr:nth-child(2) td div .wallet-table tbody tr:hover {
  background-color: rgb(255 235 238) !important;
}

.wallet-table tbody.table-striped > tr:nth-of-type(odd) {
  background-color: var(--transparent-blue-1);
  border-top: 8px solid var(--white-color);
  border-bottom: 8px solid var(--white-color);
}

.wallet-table tbody.table-striped > tr:nth-of-type(even) {
  background-color: var(--transparent-blue);
  border-top: 8px solid var(--white-color);
  border-bottom: 8px solid var(--white-color);
}

.wallet-table.table-hover > tbody > tr {
  background-color: var(--transparent-blue);
}

#profilePopup [class*="player-bonus-type-"] .bonus-title-row *:last-child {
  margin-right: 0;
}

.player-bonus-type-1 .bonus-body-row-title {
  display: grid;
  grid-template-columns: 85px 2fr 2fr 2fr;
  justify-items: center;
  align-items: center;
}

.player-bonus-type-2 .bonus-body-row-title {
  display: grid;
  grid-template-columns: 1fr 2fr 2fr 1fr 3fr 60px;
  justify-items: center;
  align-items: center;
}

.player-bonus-type-3 .bonus-body-row-title {
  display: grid;
  grid-template-columns: 2fr 3fr 3fr 2fr 3fr;
  justify-items: center;
  align-items: center;
}

.player-bonus-type-4 .bonus-body-row-title {
  display: grid;
  grid-template-columns: 2fr 3fr 3fr 2fr 3fr;
  justify-items: center;
  align-items: center;
}

.player-bonus-type-5 .bonus-body-row-title {
  display: grid;
  grid-template-columns: 2fr 3fr 3fr 2fr 3fr;
  justify-items: center;
  align-items: center;
}

.player-bonus-type-6 .bonus-body-row-title {
  display: grid;
  grid-template-columns: 2fr 3fr 3fr 2fr 3fr;
  justify-items: center;
  align-items: center;
}

[class*="player-bonus-type"] .bonus-body-row {
  margin-top: 10px;
  border-radius: 3px;
  position: relative;
}

[class*="player-bonus-type"] .bonus-body-row-title {
  padding: 10px;
  border-radius: 3px;
  cursor: pointer;
  transition: background-color 0.2s;
  position: relative;
  background-color: var(--transparent-blue);
  color: var(--black-bingoFest);
  /* font-family: Gilroy-Medium; */
  font-size: 12px;
  text-align: left;
}

#paymentsystem ~ [class*="player-bonus-type"] .bonus-body-row-title {
  padding: 10px 0;
}

[class*="player-bonus-type"] .bonus-body-row-title:nth-child(odd) {
  background-color: var(--transparent-blue-1);
}

[class*="player-bonus-type"] .bonus-body-row-title:nth-child(even) {
  background-color: var(--transparent-blue);
}

[class*="player-bonus-type"] .bonus-body-row-title .bonus-expiration,
[class*="player-bonus-type"] .bonus-body-row-title .bonus-current-amount,
[class*="player-bonus-type"] .bonus-body-row-title .bonus-title,
[class*="player-bonus-type"] .bonus-body-row-title .bonus-type {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  white-space: wrap;
}

[class*="player-bonus-type"] .bonus-body-row-title .bonus-checkbox-wrapper {
  padding-left: 5px;
}

[class*="player-bonus-type"] .bonus-body-row-title.active,
[class*="player-bonus-type"] .bonus-body-row-title:hover {
  color: var(--black-bingoFest);
}

[class*="player-bonus-type"] .bonus-body-row-title .bonus-type {
  color: var(--black-bingoFest);
  font-size: 12px;
  font-weight: bold;
  /* padding-left: 5px; */
  line-height: 18px;
}

[class*="player-bonus-type"] .bonus-body-row-title .bonus-id {
  /* padding-left: 5px; */
}

[class*="player-bonus-type"] .bonus-body-row-title .bonus-amount,
[class*="player-bonus-type"] .bonus-body-row-title .bonus-validity,
[class*="player-bonus-type"] .bonus-body-row-title .bonus-order {
  font-size: 17px;
  font-weight: normal;
  line-height: 17px;
}

[class*="player-bonus-type"] .bonus-table-body {
  list-style-type: none;
  padding: 0;
  margin: 0;
  height: auto !important;
}

[class*="player-bonus-type"] .bonus-table-body .mCustomScrollBox {
  height: 430px;
}

[class*="player-bonus-type"] .bonus-body-row-title .bonus-order {
  text-align: center;
}

[class*="player-bonus-type"]
  .bonus-body-row-title
  .bonus-placeholder
  .b-icon-freebet,
[class*="player-bonus-type"]
  .bonus-body-row-title
  .bonus-placeholder
  .b-icon-wagering,
[class*="player-bonus-type"]
  .bonus-body-row-title
  .bonus-placeholder
  .b-icon-cashback {
  width: 20px;
  height: 18px;
  vertical-align: middle;
  display: inline-block;
  margin-right: 6px;
  background-position: center center;
}

[class*="player-bonus-type"]
  .bonus-body-row-title
  .bonus-placeholder
  .b-icon-freebet {
  background-image: url("/content/img/utils/freebet-bonus.png");
}

[class*="player-bonus-type"]
  .bonus-body-row-title
  .bonus-placeholder
  .b-icon-wagering {
  background-image: url("/content/img/utils/wagering-bonus.png");
}

[class*="player-bonus-type"]
  .bonus-body-row-title
  .bonus-placeholder
  .b-icon-cashback {
  background-image: url("/content/img/utils/cashback-bonus.png");
}

[class*="player-bonus-type"]
  .bonus-body-row-title
  .bonus-placeholder
  .b-question-mark,
[class*="player-bonus-type-deposit"]
  .bonus-body-row-title
  .bonus-placeholder
  .b-question-mark,
[class*="player-bonus-type-registration"]
  .bonus-body-row-title
  .bonus-placeholder
  .b-question-mark {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  color: #0d3a1f;
  text-align: center;
  line-height: 18px;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 300;
  background-color: var(--white-color);
  cursor: pointer;
  margin-right: 5px;
  border: 1px solid var(--black-bingoFest);
}

.la-question-circle:before {
  content: "?" !important;
}

[class*="player-bonus-type"] .bonus-body-row-title .bonus-placeholder .b-auto,
[class*="player-bonus-type-deposit"]
  .bonus-body-row-title
  .bonus-placeholder
  .b-auto,
[class*="player-bonus-type-registration"]
  .bonus-body-row-title
  .bonus-placeholder
  .b-auto {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  color: #000;
  line-height: 14px;
  vertical-align: middle;
  font-size: 12px;
  font-weight: bold;
  border: 2px solid #000;
  cursor: pointer;
  text-align: center;
  margin-right: 5px;
}

[class*="player-bonus-type"]
  .bonus-body-row-title
  .bonus-placeholder
  .b-auto:after,
[class*="player-bonus-type-deposit"]
  .bonus-body-row-title
  .bonus-placeholder
  .b-auto:after,
[class*="player-bonus-type-registration"]
  .bonus-body-row-title
  .bonus-placeholder
  .b-auto:after {
  content: "A";
}

[class*="player-bonus-type"] .bonus-body-row-title .bonus-placeholder .b-manual,
[class*="player-bonus-type-deposit"]
  .bonus-body-row-title
  .bonus-placeholder
  .b-manual,
[class*="player-bonus-type-registration"]
  .bonus-body-row-title
  .bonus-placeholder
  .b-manual {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  color: #000;
  line-height: 14px;
  vertical-align: middle;
  font-size: 12px;
  font-weight: bold;
  border: 2px solid #000;
  cursor: pointer;
  text-align: center;
  margin-right: 5px;
}

[class*="player-bonus-type"]
  .bonus-body-row-title
  .bonus-placeholder
  .b-manual:after,
[class*="player-bonus-type-deposit"]
  .bonus-body-row-title
  .bonus-placeholder
  .b-manual:after,
[class*="player-bonus-type-registration"]
  .bonus-body-row-title
  .bonus-placeholder
  .b-manual:after {
  content: "M";
}

[class*="player-bonus-type"]
  .bonus-body-row-title.active
  .bonus-placeholder
  .b-question-mark,
[class*="player-bonus-type"]
  .bonus-body-row-title:hover
  .bonus-placeholder
  .b-question-mark {
  color: var(--black-bingoFest);
}

[class*="player-bonus-type"] .bonus-body-row-body {
  display: none;
  padding: 18px 20px 25px;
  overflow: hidden;
  background: var(--transparent-blue);
  color: var(--black-bingoFest);
  border-top: 1px solid var(--black-bingoFest);
}

[class*="player-bonus-type"] .bonus-body-row-body * {
  font-size: 12px;
  /* font-family: Gilroy-Medium; */
  text-align: left;
}

[class*="player-bonus-type"] .bonus-body-row-body h4 {
  font-size: 14px;
  color: var(--black-bingoFest);
}

[class*="player-bonus-type"] .bonus-body-row-body p {
  margin-bottom: 0;
}

[class*="player-bonus-type"] .bonus-body-row-body p .bonus-prop {
  color: var(--black-bingoFest);
  font-weight: 500;
}

[class*="player-bonus-type"] .bonus-body-row-body p.button-wrapper {
  display: flex;
  justify-content: flex-end;
  float: right;
  padding-left: 10px;
  margin-top: 20px;
}

.bonus-body-row-body b,
.bonus-body-row-bold {
  color: var(--black-bingoFest);
}

.bonus-body-row-body .button-wrapper span.result-message {
  color: #707070;
  transition: all 0.3s;
  text-decoration: none !important;
  vertical-align: middle;
  border-radius: 20px;
  height: 36px;
  padding: 0 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  border: 1px solid #707070;
  box-sizing: border-box;
}

[class*="player-bonus-type"] .bonus-body-row-body p.button-wrapper .claim-btn {
  color: var(--black-bingoFest);
  transition: all 0.3s;
  text-decoration: none !important;
  vertical-align: middle;
  border-radius: 20px;
  height: 36px;
  width: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  border: 1px solid var(--black-bingoFest);
  box-sizing: border-box;
}

[class*="player-bonus-type"]
  .bonus-body-row-body
  p.button-wrapper
  .claim-btn:hover {
  background-color: var(--black-bingoFest);
  color: var(--white-color);
}

[class*="player-bonus-type"]
  .bonus-body-row-body
  p.button-wrapper
  .disable-btn {
  color: var(--black-bingoFest);
  transition: all 0.3s;
  text-decoration: none !important;
  vertical-align: middle;
  border-radius: 20px;
  height: 36px;
  width: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  border: 1px solid var(--black-bingoFest);
  box-sizing: border-box;
}

[class*="player-bonus-type"]
  .bonus-body-row-body
  p.button-wrapper
  .disable-btn:hover {
  background-color: var(--black-bingoFest);
  color: var(--white-color);
}

[class*="player-bonus-type"]
  .bonus-body-row-body
  p.button-wrapper
  .forfeit-btn {
  background-color: var(--black-bingoFest);
  color: var(--white-color);
  transition: all 0.3s;
  text-decoration: none !important;
  vertical-align: middle;
  border-radius: 20px;
  height: 36px;
  width: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}

[class*="player-bonus-type"]
  .bonus-body-row-body
  p.button-wrapper
  .forfeit-btn:hover {
  background-color: transparent;
  border: 1px solid var(--black-bingoFest);
  color: var(--black-bingoFest);
}

[class*="player-bonus-type"] .promotions .modal-sub-body {
  height: calc(100% - 75px);
}

.player-bonus-type-deposit .bonus-body-row-title {
  display: grid;
  grid-template-columns: 34px 2fr 2fr 2fr 2fr 2fr;
  margin-bottom: 10px;
  gap: 10px;
}

.player-bonus-type-deposit.freespins .bonus-body-row-title.frb {
  justify-items: start;
  padding-left: 20px;
}

.player-bonus-type-registration .bonus-body-row-title {
  display: grid;
  grid-template-columns: 1fr 2fr 2fr 2fr 1.5fr 2fr 1fr;
  margin-bottom: 5px;
}

.player-bonus-type-deposit .bonus-body-row-header {
  display: grid;
  grid-template-columns: 28px 2fr 2fr 2fr 2fr 2fr;
  margin-bottom: 5px;
  color: var(--black-bingoFest);
  align-items: center;
}

.player-bonus-type-deposit .bonus-body-row-header * {
  /* font-family: Gilroy-Medium; */
  font-size: 14px;
  color: var(--black-bingoFest);
}

.player-bonus-type-deposit .bonus-body-row-header .bonus-placeholder1 {
  display: none !important;
}

.player-bonus-type-deposit .bonus-body-row-header .bonus-type,
.player-bonus-type-deposit .bonus-body-row-title .bonus-type {
  display: none;
}

#registerContainer .bonus-body-row-header {
  color: var(--black-bingoFest);
  display: flex;
  padding: 10px 20px 10px 12%;
  margin: 0 5px 12px;
  border-radius: 16px;
}

.hintModal .hintModal_container {
  z-index: 10000000001;
}

.notifyModal .notifyModal_content {
  background: #418641 !important;
  color: var(--white-color) !important;
}

#profilePopup
  .player-bonus-type-deposit
  .bonus-body-row-title
  .bonus-placeholder,
#profilePopup
  .player-bonus-type-registration
  .bonus-body-row-title
  .bonus-placeholder {
  text-align: right;
  min-width: 75px;
}

#profilePopup
  .player-bonus-type-deposit
  .bonus-body-row-header
  .bonus-placeholder,
#registerContainer .bonus-body-row-header .bonus-placeholder {
  text-align: right;
  min-width: 75px;
}

.color-success,
.color-failure {
  display: inline-block;
  border-radius: 3px;
  font-size: 1.3rem;
  line-height: 2.3rem;
  padding: 3px 10px;
  color: var(--white-color);
  transition: all 0.3s;
  text-decoration: none !important;
  vertical-align: middle;
  font-weight: bold;
}

.color-success {
  background-color: #427d3f !important;
}

.color-failure {
  background-color: red;
}

.player-bonus-type-deposit {
  height: 100%;
  margin-top: 30px;
}

.bonus-checkbox-wrapper input {
  display: none;
}

.bonus-checkbox-wrapper label {
  margin: 0 10px 0 0;
  padding: 0;
  position: relative;
  height: 18px;
  width: 18px;
}

.bonus-checkbox-wrapper label:after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background-color: transparent;
  border: 1px solid var(--black-bingoFest);
  border-radius: 3px;
  position: absolute;
  top: 0;
  left: 0;
  margin-right: 10px;
}

.bonus-checkbox-wrapper input[type="checkbox"]:checked + label:before {
  content: "";
  display: block;
  width: 14px;
  height: 8px;
  border-left: 3px solid var(--black-bingoFest);
  border-bottom: 3px solid var(--black-bingoFest);
  transform: rotate(-45deg);
  position: absolute;
  z-index: 100000;
  margin: 3px 0 0 2px;
}

.form-group input::placeholder,
.form-group select {
  color: #555;
}

input#Captcha::placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-size: 13px;
}

.form-group input[type="radio"],
.form-group input[type="checkbox"] {
  margin: 0;
  margin-left: -20px;
}

.captcha-refresh-i {
  margin: 0 5px;
  font-size: large;
}

#Captcha {
  display: inline;
  width: 63%;
}

.page-wrapper .header-wrap.sticky {
  background-color: transparent;
  padding: 0 10px;
}

.page-wrapper {
  /* background-color: #f5f5f5; */
  overflow: visible !important;
}

.page-wrapper .Container--full:nth-child(4) .header-banner,
.home_banner .Container__Item {
  display: block !important;
}

.player-info {
  width: 100%;
}

.required-field {
  color: red !important;
}

.mt-10 {
  margin-top: 15px;
}

/* PAGING */
.modal .paging {
  list-style: none;
  margin-top: 10px;
  padding: 0 13px;
  float: right;
}

.modal .paging li {
  display: inline-block;
  font-size: 0;
  width: auto;
  height: auto;
  vertical-align: top;
}

.modal .paging li a,
.modal .paging li i {
  font-size: 1.2rem;
  line-height: 0px;
}

.modal .paging .pi {
  display: flex;
  width: 20px;
  height: 20px;
  border: 1px solid var(--black-bingoFest);
  cursor: pointer;
  transition: background-color 0.2s;
  border-radius: 20px;
  color: #22214e;
  position: relative;
  /* font-family: Gilroy-Medium; */
  align-items: center;
  justify-content: center;
}

.modal .paging .pi:hover {
  text-decoration: none;
  background: var(--transparent-blue);
}

.modal .paging .pi.active {
  border: transparent;
  text-decoration: none;
  background-color: var(--black-bingoFest);
  color: var(--white-color);
}

.modal .paging div.pi {
  line-height: 26px;
}

.paging-first-disabled,
.paging-prev-disabled,
.paging-next-disabled,
.paging-last-disabled {
  opacity: 0.2;
}

.modal .paging .disabled {
  opacity: 0.5;
}

.modal .paging .pi.paging-first,
.modal .paging .pi.paging-last,
.modal .paging .pi.paging-prev-ten,
.modal .paging .pi.paging-prev,
.modal .paging .pi.paging-next-ten,
.modal .paging .pi.paging-next {
  background: var(--transparent-blue);
}

/* PAGING */
.no-wrap {
  white-space: nowrap;
}

/* REGISTRATION POPUP */
#registrationPopup .modal-body label a {
  color: var(--black-bingoFest);
}

#registrationPopup .form-group,
#registerContainer .form-control.valid {
  margin-bottom: 13px;
}

#registerContainer [novalidate^="novalidate"] .form-group {
  margin-bottom: 0;
}

#registerContainer .registration.page-3 .bonus-body-row-header,
#registerContainer.on-page-1 .page-2,
#registerContainer.on-page-1 .page-3,
#registerContainer.on-page-2 .page-1,
#registerContainer.on-page-2 .page-3,
#registerContainer.on-page-3 .page-1,
#registerContainer.on-page-3 .page-2,
#registerContainerHeader.on-page-1 .page-header-2,
#registerContainerHeader.on-page-3 .page-header-2 {
  display: none;
}

#registrationPopup [id^="bonus-content-"] {
  background-color: rgba(255, 255, 255, 0.2);
  padding: 10px;
  margin-top: -10px;
  margin-bottom: 10px;
  border-radius: 0px 0px 3px 3px;
  color: var(--black-bingoFest);
  font-size: 12px;
  text-align: left;
  /* font-family: Gilroy-Medium; */
}

#profilePopup [id^="bonus-content-"] {
  padding: 10px 10px 0 10px;
  margin-top: -10px;
  margin-bottom: 10px;
  border-radius: 0px 0px 3px 3px;
  color: var(--black-bingoFest);
  font-size: 12px;
  /* font-family: Gilroy-Medium; */
}

#profilePopup div[id^="bonus-content"] .os-content > h4,
#profilePopup div[id^="bonus-content"] .os-content > p:has(.bonus-prop) {
  display: none;
}

#registrationPopup .modal-dialog {
  transition: width 200ms;
}

#registrationPopup .modal-dialog.expanded {
  width: 600px;
}

#registrationPopup #Captcha {
  width: 100%;
}

#registrationPopup .captcha-image {
  height: 34px;
  border: 1px solid #707070;
  border-radius: 8px;
}

.form-group.checkbox .control-label {
  width: 100%;
  display: flex;
  flex-direction: column;
}

#registrationPopup .js-submit-button {
  background: var(--black-bingoFest);
}

#registrationPopup .js-back-button {
  background: transparent;
  border: 2px solid var(--black-bingoFest) !important;
  color: var(--black-bingoFest) !important;
  margin-bottom: 10px;
}

.page-header-2 {
  display: none !important;
}

.modal-header .logo-img,
#registrationPopup #registerContainerHeader .logo-img {
  width: 140px;
  vertical-align: top;
  margin: 7px 15px 12px 15px;
  min-height: 46px;
}

#registrationPopup #registerContainerHeader .modal-title-text p:nth-child(1) {
  font-size: 20px;
  font-weight: 800;
  margin: 2px 0px;
}

#registrationPopup #registerContainerHeader .modal-title-text p:nth-child(2) {
  font-size: 11px;
}

.datepicker {
  z-index: 999999;
}

.datepicker td.active:hover,
.datepicker td.active:hover:hover,
.datepicker td.active:focus,
.datepicker td.active:hover:focus,
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active,
.datepicker td.active.disabled,
.datepicker td.active:hover.disabled,
.datepicker td.active[disabled],
.datepicker td.active:hover[disabled] {
  color: var(--white-color);
  background-image: none;
  background-color: #22214e;
}

.dropdown-menu {
  max-width: 182px;
}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px 0;
}

#__depositPopup .modal-header {
  padding: 10px;
}

#__depositPopup .modal-content {
  height: 720px;
}

#__depositPopup .modal-body {
  float: left;
  width: 100%;
  height: 100vh !important;
}

#__depositPopup .modal-header .title {
  font-size: 14px;
  padding: 10px;
  background-color: var(--black-bingoFest);
  color: var(--white-color);
}

.game-list-wrapper {
  display: block;
}

.Iframe--full {
  min-height: calc(100vh - 128px);
  position: relative;
}

.Iframe--full iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

#betgames_div_iframe {
  min-height: 100vh;
  width: 1200px;
  margin: auto;
}

#betgames_div_iframe iframe {
  min-height: calc(100vh - 128px);
  width: 1px;
  min-width: 100%;
  position: relative;
  z-index: 10;
}

#iframe-host-wrapper {
  min-height: 100vh;
  width: 1200px;
  margin: auto;
}

#iframe-host-wrapper iframe {
  min-height: calc(100vh - 128px);
  width: 1px;
  min-width: 100%;
  position: relative;
  z-index: 10;
}

/* CATEGORIES STYLES */
.article-cards .card-wrapper.hovered .flipper {
  transform: rotateY(180deg);
}

.article-cards .card,
.article-cards .front,
.article-cards .back {
  height: auto;
  width: 100%;
}

/* flip speed goes here */
.article-cards .flipper {
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative;
}

/* hide back of pane during swap */
.article-cards .front,
.article-cards .back {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  top: 0;
  left: 0;
  overflow: hidden;
  border-radius: 3px 3px 0 0;
}

.article-cards .card.contentOpened .front .card-image {
  height: 0;
}

.article-cards .card.contentOpened .front a {
  height: 0;
}

.article-cards.openContent .front a {
  display: flex;
}

.article-cards .card-image {
  width: calc(100% + 2px);
  height: 399px;
  object-fit: cover;
  border-radius: 20px 20px 0 0;
  transition: all ease-out 0.5s;
}

.article-cards .front {
  z-index: 2;
  transform: rotateY(0deg);
  display: block;
}

.article-cards .front .card-date,
.article-cards .front .card-info,
.article-cards .front .card-title {
  display: none !important;
}

.article-cards .back {
  background-color: #efefef;
  border-radius: 0 0 10px 10px;
  text-align: center;
}

.article-cards .contentOpened .back {
  border-radius: 10px;
}

.article-cards .card .content {
  text-align: center;
  font-size: 1.6rem;
  font-weight: normal;
  letter-spacing: 0px;
  color: var(--black-color);
  padding: 0 50px;
  width: 100%;
}

.article-cards .card .content > p {
  text-align: left;
  padding: 0px 15px 0px 15px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  overflow-wrap: break-word;
  color: var(--white-color);
}

.article-cards .card .read-more {
  display: block;
  font-weight: normal;
  text-decoration: none;
  width: 248px;
  height: 48px;
  background: var(--black-bingoFest) 0% 0% no-repeat padding-box;
  border-radius: 50px;
  color: var(--white-color);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 25px auto 30px;
}

.banner-promotion-3x {
  width: 1416px;
  margin: 0 auto 60px;
  box-shadow: 0px 7px 7px #00000029;
  border-radius: 10px;
}

/* CASINO PAGE */

.sub-game-nav {
  background-color: var(--black-bingoFest);
}

.game-nav,
.btn-load-more,
.btn-load-more:focus,
.btn-load-more:active,
.btn-load-more:visited {
  background-image: linear-gradient(180deg, #ff2e00, #fe7342);
  outline: none !important;
}

.casino-game-list .product-card:hover .user-product-ctrl .play-now,
.casino-game-list .product-card:hover .user-product-ctrl .demo,
.games-box .btn a {
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--white-color);
  color: var(--light-green-parrot);
  border: 2px solid var(--light-green-parrot);
  width: 124px;
  border-radius: 10px;
  height: 42px;
  font-size: 1.5rem;
  margin-bottom: 10px;
  font-weight: 700;
}

.casino-game-list .product-card:hover .user-product-ctrl .play-now:hover,
.casino-game-list .product-card:hover .user-product-ctrl .demo:hover {
  color: var(--white-color);
  background-color: var(--light-green-parrot);
}

.game-container {
  border: 10px solid #653b84;
}

.game-page .played-games span.arrow {
  background: linear-gradient(
    180deg,
    var(--black-bingoFest),
    var(--brand-color-2)
  );
}

.game-page .played-games {
  background-color: var(--black-bingoFest);
}

/* PROMOTION PAGE */

/* CATEGORY ICONS */

.casino-top {
  cursor: pointer;
  margin: 0 8px 0 0;
  font-size: 14px;
}

.casino-top:before {
  content: "\f0e0";
}

/* PROMOTION PAGE */
.article-cards .card {
  margin-top: 10px;
  margin-bottom: 10px;
  border-radius: 20px;
  color: var(--black-bingoFest);
}

.contentOpened .card .content {
  height: 470px !important;
}

.openContent .slick-list {
  overflow-y: auto;
  padding-bottom: 20px;
}

.openContent .slick-prev {
  z-index: 1;
  width: 35px;
  height: 35px;
  transform: rotate(90deg) translate(-90%, -25px);
}

.openContent .slick-next {
  z-index: 1;
  width: 35px;
  height: 35px;
  transform: rotate(270deg) translate(100%, -25px);
}

.openContent .slick-prev:before,
.openContent .slick-next:before {
  content: "";
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  display: block;
  filter: brightness(0) saturate(100%) invert(57%) sepia(1%) saturate(0%)
    hue-rotate(356deg) brightness(95%) contrast(94%);
  background-size: 100%;
}

.openContent .slick-prev:before {
  background-image: url(/content/img/design/icons/load-more-button.png);
}

.openContent .slick-next:before {
  background-image: url(/content/img/design/icons/load-more-button.png);
}

.article-cards .card-wrapper {
  padding: 0 10px;
  overflow: hidden;
  position: relative;
}

.article-cards .card-wrapper .close-info,
.article-cards .card-wrapper .card-info {
  position: absolute;
  top: 6px;
  right: 6px;
  display: block;
  border-radius: 50%;
  height: 27px;
  width: 28px;
  z-index: 5;
  color: var(--white-color);
  text-align: center;
  font-size: 24px;
  line-height: 26px;
  cursor: pointer;
  border: 1px solid #ffc82e;
  color: var(--white-color);
  background-color: rgba(255, 255, 255, 0.2);
}

.article-cards .card-date {
  font-size: 12px;
  padding: 10px;
  position: absolute;
  bottom: -2px;
  right: 0;
  color: #ffc82e;
}

.card-wrapper.hovered .close-info {
  background-color: #22214e;
}

.close-info {
  padding-left: 1px;
}

.Container__Item.row.article-cards {
  flex-wrap: wrap;
}

.Games--Top {
  width: 100%;
}

.Games--Top .header {
  width: 100%;
  background-color: #ffc82e;
  top: 0;
  left: 0;
  box-sizing: border-box;
  padding: 10px;
  color: var(--white-color);
}

/* CATEGORY ICONS */

.flickity-enabled.is-fade .flickity-slider > * {
  pointer-events: none;
  z-index: 0;
}

.flickity-enabled.is-fade .flickity-slider > .is-selected {
  pointer-events: auto;
  z-index: 1;
}

.slick-prev:before {
  font-family: "Line Awesome Free";
  font-weight: 900;
  content: "\f104";
}

.slick-next:before {
  font-family: "Line Awesome Free";
  font-weight: 900;
  content: "\f105";
}

.slick-prev {
  left: 0;
  height: 100px;
  width: 40px;
}

.slick-next {
  right: 0;
  height: 100px;
  width: 40px;
}

.btn-real-game {
  outline: none !important;
}

.btn-real-game:hover {
  background-color: #3e9f2c;
  color: var(--white-color);
  border: 1px solid #3e9f2c;
  text-decoration: none !important;
}

.slot-banner .body {
  display: flex;
  flex-direction: column;
}

.slot-banner .body .tabs {
  display: flex;
  flex-direction: column;
}

.slot-banner .body .tabs ul {
  padding: 0;
  margin: 0;
  display: flex;
  list-style: none;
  background-color: #22214e;
}

.slot-banner .body .tabs ul li {
  color: #787977;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  text-transform: uppercase;
  padding: 10px;
  text-align: center;
  font-size: 12px;
  list-style: none;
  cursor: pointer;
  transition: color 0.2s;
}

.slot-banner .body .tabs ul li:hover {
  color: var(--white-color);
}

.slot-banner .body .tabs ul li.active {
  color: var(--white-color);
  border-bottom: 1px solid #ffc82e;
}

.slot-banner .body .tab-body {
  display: flex;
  flex-direction: column;
  height: 272px;
  overflow: hidden;
}

.slot-banner .body .tab-body.recent-winners .item {
  display: grid;
  grid-template-areas: "pi pn wi wa pnb" "pi pn pid wa pnb";
  grid-template-rows: 41px 40px;
  grid-template-columns: 150px 2.5fr 2.5fr 2.5fr 2.9fr;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  grid-column-gap: 10px;
  cursor: pointer;
  transition: background-color 0.2s;
  align-items: center;
  margin-bottom: 10px;
  background-color: #efefef;
  padding-right: 30px;
}

.slot-banner .body .tab-body .item .play-now-btn a {
  text-decoration: none;
  color: var(--white-color);
  font-size: 16px;
  font-weight: 500;
  white-space: nowrap;
}

.slot-banner .body .tab-body .item {
  display: grid;
  grid-template-areas: "pi pn wi ba pnb" "pi pn pid wa pnb";
  grid-template-rows: 41px 40px;
  grid-template-columns: 80px 3fr 2fr 2fr;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  grid-column-gap: 10px;
  cursor: pointer;
  transition: background-color 0.2s;
  margin-bottom: 10px;
}

.slot-banner .body .tab-body .item .play-now-btn {
  grid-area: pnb;
  border-radius: 20px;
  padding: 5px 21px;
  text-decoration: none !important;
  background-color: #146fbf;
}

.slot-banner .body .tab-body .item .product-image {
  grid-area: pi;
  height: 80px;
  width: 144px;
}

.slot-banner .body .tab-body .item .wager-id {
  grid-area: wi;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.3);
  line-height: 27px;
  user-select: none;
  white-space: nowrap;
}

.slot-banner .body .tab-body .item .player-id {
  grid-area: pid;
  font-size: 12px;
  color: #000;
  line-height: 27px;
  user-select: none;
}

.slot-banner .body .tab-body .item .bet-amount {
  grid-area: ba;
  font-size: 12px;
  color: #f96400;
  line-height: 27px;
  user-select: none;
}

.slot-banner .body .tab-body .item .win-amount {
  grid-area: wa;
  font-size: 12px;
  color: var(--black-bingoFest);
  font-weight: bold;
  line-height: 27px;
  user-select: none;
}

.slot-banner .body .tab-body .item .product-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: center;
}

.slot-banner .body .tab-body .item .product-name {
  grid-area: pn;
  color: #000;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 55px;
  white-space: nowrap;
}

.slot-banner .body .tab-body .item .amount {
  grid-area: a;
  color: #c9a94e;
  text-align: right;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 50px;
}

.slot-banner .body .tab-body span.prop {
  font-size: 9px;
  color: rgba(0, 0, 0, 0.4);
  display: inline-flex;
  margin-right: 5px;
}

.chill_footer {
  background: var(--white-color);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: top;
  margin-bottom: -25px;
  padding-bottom: 30px;
}

.Wrapper--Single.Footer.chill_footer.Full > .Container__Item {
  display: grid;
  grid-template-columns: 1fr 1.6fr 1.7fr 2fr;
  grid-template-rows: 1fr 1.3fr 0.1fr;
  grid-template-areas: "c m p f" "d m v n" "d m v q";
}

.Wrapper--Single.Footer.chill_footer.Full > .Container__Item .pic-logo {
  grid-area: c;
  max-width: 100px;
  margin-left: 0;
  width: 100%;
  margin-top: 8px;
}

.Wrapper--Single.Footer.chill_footer.Full > .Container__Item .Copyright {
  grid-area: d;
}

.Wrapper--Single.Footer.chill_footer.Full
  > .Container__Item
  .Container__Item:nth-child(3) {
  grid-area: m;
}

.Wrapper--Single.Footer.chill_footer.Full
  > .Container__Item
  .Container__Item:nth-child(4) {
  grid-area: p;
  padding-left: 60px;
}

.Wrapper--Single.Footer.chill_footer.Full
  > .Container__Item
  .Container__Item:nth-child(5) {
  grid-area: v;
  padding: 20px 0px 0 60px;
}

.Wrapper--Single.Footer.chill_footer.Full
  > .Container__Item
  .Container__Item:nth-child(6) {
  grid-area: f;
  border-left: 2px solid rgba(0, 0, 0, 0.14);
  padding-left: 158px;
}

.Wrapper--Single.Footer.chill_footer.Full
  > .Container__Item
  .Container__Item:nth-child(7) {
  grid-area: n;
  border-left: 2px solid rgba(0, 0, 0, 0.14);
  margin-top: 0;
  padding-left: 158px;
}

.Wrapper--Single.Footer.chill_footer.Full > .Container__Item .copy_bottom {
  grid-area: q;
  width: 100%;
  text-align: right;
  border-left: 2px solid rgba(0, 0, 0, 0.14);
}

.Wrapper--Single.Footer.chill_footer.Full
  > .Container__Item
  .Container__Item
  .chill_footerpages
  ul
  li,
.Wrapper--Single.Footer.chill_footer.Full
  > .Container__Item
  .Container__Item
  .chill_footerpages
  ul
  li
  a {
  text-align: left;
  display: block;
  font-weight: bold;
  color: #000;
}

.Wrapper--Single.Footer.chill_footer.Full
  > .Container__Item
  .Container__Item
  .Widget--banner--multi.chips--centered {
  margin: 0;
  position: relative;
  font-size: 10px;
}

.Widget--banner--multi.chips--centered.chill_vendors {
  margin: 0;
  position: relative;
}

.Wrapper--Single.Footer.chill_footer.Full .Container__Item {
  padding: 80px 10px 10px 10px;
}

.Wrapper--Single.Footer.chill_footer.Full .Container__Item .Container__Item {
  padding: 0;
}

.payment_title,
.certificates_title {
  color: var(--white-color);
  position: absolute;
  left: 0;
  font-weight: 700;
  font-size: 14px;
}

.Footer .sponsors {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 5fr;
  grid-template-areas: "t t" "d m";
}

.Footer .sponsors div {
  grid-area: t;
}

.Footer .sponsors a:nth-child(2) {
  grid-area: d;
  margin-left: 5px;
}

.Footer .sponsors a:nth-child(3) {
  grid-area: m;
  margin-left: 5px;
}

.payment_title span,
.certificates_title span {
  font-weight: 800;
}

.payment_title_mob,
.certificates_title_mob {
  color: var(--white-color);
  width: 100%;
  text-align: center;
  padding-bottom: 10px;
  font-weight: 600;
  font-size: 12px;
}

.Footer-group-desktop.chill_footerpages .Item {
  padding: 0 !important;
}

.Footer-group-desktop.chill_footerpages .Item ul .Item__Title {
  display: none !important;
}

.Footer-group-desktop.chill_footerpages .Item ul li a {
  font-weight: 700 !important;
  padding: 0 0 15px 0;
}

.Wrapper--Single.Footer.chill_footer.Full
  > .Container__Item
  .Container__Item:nth-child(6)
  div:nth-child(1) {
  width: 100%;
  max-width: 290px;
}

.Wrapper--Single.Footer.chill_footer.Full
  > .Container__Item
  .Container__Item:nth-child(6)
  div
  div
  strong {
  float: right;
}

.Wrapper--Single.Footer.chill_footer.Full
  > .Container__Item
  .Container__Item:nth-child(7)
  div:nth-child(1) {
  max-width: 290px;
  width: 100%;
}

.Wrapper--Single.Footer.chill_footer.Full
  > .Container__Item
  .Container__Item:nth-child(7)
  div
  div
  strong {
  float: right;
}

.Inner_mob {
  padding: 0 15px 0 15px;
}

app-root {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  box-sizing: border-box;
}

#gameModal {
  position: fixed;
  top: 0;
  z-index: 1040;
  width: 100%;
  height: 100%;
}

#gameModal .modal-dialog {
  height: auto;
}

#gameModal .modal-dialog .modal-content .modal-body {
  padding: 10px;
  height: 100%;
}

#gameModal .modal-dialog .modal-content .modal-body img {
  border-radius: 13px;
  width: 100%;
}

#gameModal .modal-dialog .modal-content .modal-body .game-title {
  text-align: center;
  font-size: 14px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 15px;
  margin-top: 10px;
  color: #ff5722;
}

#gameModal .modal-dialog .modal-content .modal-body .game-control-button {
  display: flex;
  grid-gap: 8px;
}

#gameModal
  .modal-dialog
  .modal-content
  .modal-body
  .Button--outlined.Button--play-real {
  display: flex;
  white-space: nowrap;
  border: 1px solid transparent;
  padding: 8px 20px;
  border-radius: 20px;
  text-decoration: none;
  transition: background-color 0.2s;
  margin: 8px 0 5px 0;
  background: var(--transparent-blue);
  color: var(--white-color);
  line-height: 20px;
  font-size: 16px;
  position: relative;
  width: 100%;
  justify-content: center;
}

#gameModal
  .modal-dialog
  .modal-content
  .modal-body
  .Button--outlined--transparent.Button--play-demo {
  display: flex;
  white-space: nowrap;
  padding: 8px 20px;
  border-radius: 20px;
  text-decoration: none;
  margin: 8px 0 5px 0;
  border: 1px solid #ffc82e;
  line-height: 20px;
  font-size: 16px;
  position: relative;
  width: 100%;
  justify-content: center;
}

.Floating--Wrapper {
  position: fixed;
  width: 60px;
  height: 30px;
  bottom: 10px;
  left: 10px;
  z-index: 100;
  display: flex;
  white-space: nowrap;
  padding: 0 15px;
  border-radius: 20px;
  border: 0;
  text-decoration: none;
  background: var(--transparent-blue);
  color: var(--white-color);
  line-height: 23px;
  margin: 5px 0;
  font-size: 16px;
  position: fixed;
  bottom: 10px;
  left: 10px;
}

.Floating--Wrapper i {
  font-size: 30px;
  color: var(--white-color);
  text-align: center;
}

.Floating--Wrapper i .msg--count {
  font-size: 12px;
  right: 10px;
  top: 5px;
  background: var(--white-color);
  height: 15px;
  color: #f96400;
  line-height: 15px;
}

.copyright_first {
  padding: 0 10px 0 10px;
  font-size: 12px;
  color: #d2d2d2;
  text-align: center;
}

.copyright_second {
  width: 140px;
  margin: auto;
  padding-top: 40px;
}

.left_panel--logo {
  text-align: center;
  padding-top: 20px;
}

.Widget--banner--multi.chips--centered.chill_payments {
  padding: 0;
}

.Widget--banner--multi.chips--centered.chill_payments a:nth-child(5) {
  position: absolute;
  width: 170px;
  top: 40px;
  left: 0;
}

.Widget--banner--multi.chips--centered.chill_payments a {
  padding-top: 28px;
  margin-right: 20px;
  width: 50px;
}

.Widget--banner--multi.chips--centered.chill_vendors a {
  padding-top: 28px;
  width: 145px;
}

.route-cart-items-count {
  position: absolute;
  background-color: #d0232b;
  color: var(--white-color);
  top: 0px;
  right: -17px;
  min-width: 20px;
  height: 20px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  border-radius: 10px;
  z-index: 10;
}

.super {
  min-width: 110px;
}

.BackGroud-Desk {
  width: 100%;
  position: absolute;
  height: 500px;
}

.BackGroud-Desk.Hidable .Container__Item {
  max-width: none;
}

.SpaceWrapper-Desk {
  width: 100%;
  min-height: 139px;
}

.SpaceWrapper-Desk .Container__Item > div {
  width: 100%;
}

.header-banner .Container__Item > div {
  width: 100%;
}

.BackgroundWrapper__Banner {
  height: 0;
  padding-bottom: 20%;
  background-color: #ff4948;
  margin-bottom: -20%;
}

.SpaceWrapper-Desk {
  width: 100%;
}

.SpaceWrapper-Desk .Container__Item {
  width: 100%;
  max-width: 100%;
}

.Banner--with-padding-centering {
  padding-left: calc((100% - 1440px) / 2);
  padding-right: calc((100% - 1440px) / 2);
  margin: 0;
  min-width: 100%;
  background-color: #07d8d9;
}

.inner-content {
  padding: 10px;
}

.inner-content p {
  margin-left: 0 !important;
}

/*--------NOT FOUND -----------*/
.inner-content.error-page {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.inner-content.error-page:before {
  background: url("/content/img/banners/not-found-BF.svg") 50% no-repeat;
  background-size: 100%;
  content: "";
  height: 250px;
  width: 500px;
  margin-top: 5%;
}

.inner-content.error-page h2#sub-header:after {
  content: "]";
}

.inner-content.error-page h2#sub-header:before {
  content: "[";
}

.inner-content.error-page #sub-header,
.inner-content.error-page #sub-header .not-found {
  color: var(--fifth-bingoFest);
}

.inner-content.error-page h2#sub-header:after,
.inner-content.error-page h2#sub-header:before {
  color: var(--fifth-bingoFest) !important;
  font-size: 20px;
  -webkit-animation-name: opacity;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-name: opacity;
  animation-name: opacity;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  margin: 0 50px;
}

@-webkit-keyframes opacity {
  0%,
  100% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }
}

@keyframes opacity {
  0%,
  100% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }
}

@keyframes out {
  0% {
    r: 1;
    opacity: 0.9;
  }

  25% {
    r: 5;
    opacity: 0.3;
  }

  50% {
    r: 10;
    opacity: 0.2;
  }

  75% {
    r: 15;
    opacity: 0.1;
  }

  100% {
    r: 20;
    opacity: 0;
  }
}

/*----*/

.Wrapper--Single.Wrapper--CookiePolicy {
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgb(255 255 255 / 42%);
  width: calc(100% + 8px);
  height: 100vh;
  z-index: 1000000;
  margin: 0;
}

.Wrapper--Single.Wrapper--CookiePolicy .Container__Item {
  margin: 0;
  min-width: 100%;
  padding: 10px 10px 0 10px;
}

.Wrapper--Single.Wrapper--CookiePolicy .Widget--Policy {
  display: grid;
  grid-template-columns: 9fr 1fr;
  grid-gap: 10px;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 1000;
  background-color: var(--white-color);
  padding: 10px 40px;
  box-sizing: border-box;
  color: var(--black-bingoFest);
}

.Wrapper--Single.Wrapper--CookiePolicy .Widget--Policy .button-group {
  display: flex;
  flex-direction: column;
}

.Wrapper--Single.Wrapper--CookiePolicy
  .Widget--Policy
  .button-group
  .Button--accept {
  background: var(--black-bingoFest);
  white-space: nowrap;
  height: 31px;
  border: 1px solid var(--black-bingoFest);
  padding: 7px 20px;
  text-decoration: none;
  font-weight: bold;
  transition: background-color 0.2s;
  color: var(--white-color);
  font-size: 13px;
  text-transform: uppercase;
  position: relative;
  line-height: 15px;
  border-radius: 3px;
  outline: none;
  transition: 0.5s;
}

.Wrapper--Single.Wrapper--CookiePolicy
  .Widget--Policy
  .button-group
  .Button--read-less,
.Wrapper--Single.Wrapper--CookiePolicy
  .Widget--Policy
  .button-group
  .Button--read-more {
  background: #000000;
  white-space: nowrap;
  border-radius: 3px;
  text-decoration: none;
  transition: background-color 0.2s;
  margin: 10px 0 10px;
  color: var(--white-color);
  font-weight: bold;
  font-size: 13px;
  position: relative;
  line-height: 15px;
  padding: 7px 20px;
  outline: none;
  border: 1px solid var(--black-bingoFest);
}

.Wrapper--Single.Wrapper--CookiePolicy
  .Widget--Policy
  .button-group
  .Button--read-less {
  display: none;
}

.Wrapper--Single.Wrapper--CookiePolicy
  .Widget--Policy
  .button-group
  .Button--read-more:hover {
  background: #dbdae2;
}

.Wrapper--Single.Wrapper--CookiePolicy #contentText {
  display: none;
  background: var(--white-color) fff;
  padding: 15px;
  margin: 0 auto 100px auto;
  border-radius: 3px;
  width: 100%;
  margin-bottom: 0px !important;
}

.Wrapper--Single.Wrapper--CookiePolicy .Container__Item:after {
  content: none;
}

.no-footer .modal-sub-body {
  padding: 0 24px 24px 24px !important;
}

.no-footer .modal-sub-body .transaction-row {
  background-color: var(--dark-green-parrot);
  color: var(--black-bingoFest);
}

.transaction-row * {
  /* font-family: Gilroy-Medium; */
}

[id^="transaction-details"].shown {
  background-color: #eee;
  border-top: 1px solid var(--dark-green-parrot);
  position: unset !important;
}

.transaction-block.active .col-xs-12,
.transaction-block.active .col-md-12 {
  position: unset;
}

.os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {
  background: var(--black-bingoFest);
}

.os-theme-dark
  > .os-scrollbar
  > .os-scrollbar-track
  > .os-scrollbar-handle.active {
  background: var(--transparent-blue-2);
}

.depositmessage-error li {
  font-weight: 500;
}

/* MODAL FIXES */
#profilePopup .modal-header {
  border-bottom: 0;
}

#profilePopup .modal-sub-body {
  padding: 0 15px;
  /*margin-top: 43px;*/
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-start;
}

#profilePopup .modal--deposit .modal-sub-body,
#profilePopup .modal--withdrawal .modal-sub-body,
#profilePopup .modal-dialog.history .modal-sub-body {
  overflow-y: auto;
}

#profilePopup .modal-sub-body.communication > div {
  margin: 0;
}

#profilePopup .modal-sub-body.personal-details {
  height: 560px !important;
}

li.js-route.Sections__Item:before,
li.Sections__Item.i_star:before {
  content: "";
  display: flex;
  background-image: url("/content/img/design/icons/i_star.png");
  width: 20px;
  height: 20px;
  background-size: contain;
}

li.Sections__Item.i_cross:before {
  content: "";
  background-image: url("/content/img/design/icons/i_cross.png");
  width: 20px;
  height: 20px;
}

/*
.Button--sign-in:after {
  background-image: url(/content/img/design/icons/girl.png);
  background-size: 20px;
  width: 25px; height: 25px;
  margin: 0px 0 0 7px !important;
  top: 3px;
}
.Button--sign-up:after {
  background-image: url(/content/img/design/icons/diamond.png);
  background-size: 20px;
  width: 25px; height: 25px;
  margin: 0px 0 0 7px !important;
  top: 3px;
  filter: brightness(0) invert(1);
} */

a.Button--outlined--transparent.Button--sign-in.loading {
  color: transparent !important;
  pointer-events: none;
  position: relative;
  width: 93px;
  background-image: none;
  background-color: var(--white-color) !important;
}

.join-btn a.loading:after {
  content: "";
}

.modal.in .modal-dialog {
  -webkit-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}

.modal.fade .modal-dialog {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}

.fade {
  -webkit-transition: none;
  -o-transition: none;
  opacity: none;
  transition: none;
}

.modal-backdrop.show,
.modal-backdrop.in {
  opacity: 0.95;
  z-index: 9995;
}

.modal-backdrop {
  background-color: rgb(240 240 240);
}

a:hover,
a:focus {
  color: black;
  text-decoration: none;
  outline: none;
}

.blue-slider-wrapper a:focus {
  outline: none !important;
}

.col-md-10.col-md-push-2 {
  left: 0;
  width: 100%;
}

.Button--sign-up.loading:after,
.Button--sign-in.loading:after {
  background-image: none;
}

.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  background-image: none;
  background-color: var(--black-bingoFest);
  border: 1px solid var(--black-bingoFest);
  padding: 8px 12px;
}

.footer-logo-widget {
  margin: auto;
  margin-bottom: 4vw;
}

.footer-logo-widget .Item {
  display: flex;
  justify-content: center;
}

.Wrapper--Single.footer-logo,
.Wrapper--Single.footer-1 {
  margin-top: 0;
  color: var(--black-bingoFest);
  position: relative;
}

.Wrapper--Single.footer-logo {
  background-color: var(--red-parrot);
}

.Wrapper--Single.footer-logo .Container__Item {
  width: auto;
}

.Wrapper--Single.footer-logo .upper-jackpot.bottom {
  padding: 51px 80px 30px;
}

.Wrapper--Single.footer-logo .upper-jackpot.bottom * {
  color: var(--white-color);
  /* text-align: left ; */
  font-size: 14px;
}

.Wrapper--Single.footer-logo .upper-jackpot.bottom h2 {
  font-size: 23px !important;
  margin: 0 0 20px;
}

.Wrapper--Single.footer-logo .payment-logos-footer,
.Wrapper--Single.footer-logo .Payment-banners {
  background-color: var(--black-bingoFest);
  margin-top: 8px;
  padding: 48px 0 24px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.Wrapper--Single.footer-logo .Payment-banners .Item,
.Wrapper--Single.footer-logo .payment-logos-footer .Item {
  margin: 0 8px;
}

.Wrapper--Single.footer-logo .payment-logos-footer img,
.Wrapper--Single.footer-logo .Payment-banners img {
  width: 71px;
}

.Wrapper--Single.footer-logo .Trusted-platform {
  padding: 0 5px 90px 5px;
}

.Wrapper--Single.footer-logo .Trusted-platform * {
  color: var(--white-color);
}

.fixed-promo {
  position: fixed;
  width: 272px;
  bottom: -26px !important;
  left: 50%;
  z-index: 99;
  transform: translate(-50%, 50%);
  transition: bottom 0.5s;
}

.with-sticky-padding .fixed-promo {
  bottom: 0 !important;
}

.footer-icons-wrapper {
  position: absolute;
  top: 4.5vh;
  flex-direction: column;
  position: relative;
  width: 100%;
  padding: 1vw 0px;
  white-space: nowrap;
}

.footer-icons-wrapper img {
  width: auto;
  height: 3vh;
  margin-right: 2.3vw;
}

.Wrapper--Single.footer-1 .Item__Label {
  display: none;
}

.footer-icons-wrapper .Item {
  display: inline-block;
}

.Wrapper--Single.footer-1 {
  display: grid;
  padding: 0 9em;
  grid-template-columns: 2fr 1fr;
  grid-template-areas: "cf cs";
  justify-content: center;
  align-items: flex-start;
}

.Wrapper--Single.footer-1 .Container__Item:nth-child(1) {
  grid-area: cf;
}

.Wrapper--Single.footer-1 .Container__Item:nth-child(3),
.footer-1 .Copyright {
  grid-area: cs;
}

.social-wrapper-header div {
  color: var(--black-bingoFest);
  text-decoration: none;
  font-family: "MADESunflower" !important;
  font-size: 1.57vw;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  flex-direction: column;
  position: relative;
  width: 100%;
  padding: 18px 0px;
  white-space: nowrap;
}

.footer-text {
  color: var(--white-color);
  position: relative;
  top: 122px;
  padding: 5px 0 0px 0px;
  font-size: 0.6vw;
}

.jackpot-section-wrapper {
  position: relative;
  padding: 70px 0 87px;
  background-color: var(--dark-green-parrot);
}

.jackpot-section-wrapper * {
  font-family: "Source Sans Pro";
}

.Container--full.palm {
  background-size: unset;
  background-position: bottom;
  background-image: url("/content/img/banners/footer-background-min.png");
}

.lower-wrapper-jackpot {
  height: 1003px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "p s";
  max-width: 1440px;
  margin: auto;
}

body.LoggedIn .lower-wrapper-jackpot,
.lower-wrapper-jackpot:not(.home-page) {
  grid-template-areas: "p p";
}

body.LoggedIn .lower-wrapper-jackpot .Container__Item:nth-child(2),
.lower-wrapper-jackpot:not(.home-page) .Container__Item:nth-child(2) {
  display: none;
}

body.LoggedIn .lower-wrapper-jackpot .Container__Item:nth-child(1),
.lower-wrapper-jackpot:not(.home-page) .Container__Item:nth-child(1) {
  justify-content: center;
}

.lower-wrapper-jackpot .Container__Item:nth-child(1) {
  justify-content: left;
  grid-area: p;
}

.lower-wrapper-jackpot .Container__Item:nth-child(2) {
  grid-area: s;
}

.lower-wrapper-jackpot .container {
  display: grid;
  grid-template-columns: 1.5fr 1.5fr;
  grid-template-rows: 11fr 4fr 37fr 4fr;
  gap: 0px 0px;
  grid-template-areas:
    "upper-padding upper-padding"
    "register-text register-text"
    "join-now join-now"
    "payment-icons sub-form";
  align-items: start;
  justify-content: center;
}

.lower-wrapper-jackpot .sub-form {
  grid-area: sub-form;
}

.lower-wrapper-jackpot .payment-icons {
  grid-area: payment-icons;
  padding: 5px 0;
}

.lower-wrapper-jackpot .join-now {
  grid-area: join-now;
  justify-items: center;
  justify-content: center;
  display: flex;
  align-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
}

.lower-wrapper-jackpot .register-text {
  grid-area: register-text;
  color: var(--black-bingoFest);
  text-align: center;
  font-size: 22px;
}

.lower-wrapper-jackpot .join-now .Button--outlined.Button--sign-up {
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  padding: 0px;
  border-radius: 50px;
  text-decoration: none;
  color: var(--white-color);
  line-height: 0px;
  font-size: 17px;
  position: relative;
  background: var(--black-bingoFest);
  font-weight: bold;
  width: 150px;
  height: 52px;
  transition: background-color 0.2s;
  box-shadow: 0px 8px 15px rgb(0 0 0 / 10%);
  text-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
}

.lower-wrapper-jackpot .join-now .Button--outlined.Button--sign-up:after {
  content: "";
  background-image: none;
  width: 0px;
}

.lower-wrapper-jackpot .payments img {
  max-width: 80px;
  height: 100%;
  margin: 0 7px 0px 7px;
  display: flex;
}

.payment-widget {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: "b m v s g";
  margin-top: auto;
  margin-bottom: 97px;
}

.payment-widget .Item {
  margin-left: 20px;
  max-width: auto;
}

.payment-widget .Item img {
  width: 100%;
}

.subscribe-frame {
  margin-top: auto;
  margin-bottom: 26px;
}

.subscribe-frame iframe {
  min-width: 330px;
  min-height: 320px;
  overflow: hidden;
  height: auto;
  width: auto;
}

.lower-jackpot-class-style .sub-form label {
  position: relative;
  color: var(--white-color);
  top: -19px;
  left: 90px;
  font-size: 18px;
  float: left;
}

.lower-jackpot-class-style input {
  border: 1px solid white;
  display: flex;
  outline: 0px;
  white-space: nowrap;
  padding: 11px;
  text-decoration: none;
  transition: background-color 0.2s;
  color: var(--white-color);
  line-height: 0px;
  font-size: 17px;
  position: relative;
  background: var(--black-bingoFest);
  font-weight: bold;
  justify-content: center;
  height: 48px;
  align-items: center;
  float: left;
  margin: 5px;
}

.lower-jackpot-class-style input[type="submit"] {
  border: 1px solid white;
  border-radius: 50px;
  display: flex;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  padding: 0px;
  text-decoration: none;
  transition: background-color 0.2s;
  color: var(--white-color);
  line-height: 0px;
  font-size: 17px;
  position: relative;
  background: var(--black-bingoFest);
  font-weight: bold;
  width: 104px;
  height: 48px;
}

.lower-jackpot-class-style input::placeholder {
  color: var(--white-color);
}

.footer-logo-widget img {
  width: 27vw;
}

.Wrapper--Header.sticky .Widget--user .Button--outlined.Button--deposit {
  transform: scale(0.92);
}

.Wrapper--Header.sticky .Widget--user .Button--outlined.Button--Balance {
  transform: scale(0.92);
}

.Wrapper--Header .Widget--user.loggedin .Time--local {
  padding: 16px 0 16px 10px;
}

.play-with-us-wrapper {
  max-width: 750px;
  margin: 0 auto;
  text-align: center;
  position: relative;
}

.jackpot-section-wrapper .play-with-us-wrapper *,
.Wrapper--Single.footer-contact .play-with-us-wrapper * {
  color: var(--black-color);
  font-size: 18px;
  padding: 0 30px;
  display: block;
}

.jackpot-section-wrapper .play-with-us-wrapper h2,
.jackpot-section-wrapper .play-with-us-wrapper h1,
.Wrapper--Single.footer-contact .play-with-us-wrapper h2,
.Wrapper--Single.footer-contact .play-with-us-wrapper h1 {
  color: var(--black-bingoFest);
  font-size: 50px;
  font-weight: 700;
}

.Wrapper--Single.footer-contact .Social-icons,
.jackpot-section-wrapper .Social-icons {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 50px auto 90px;
}

.jackpot-section-wrapper .Social-icons a,
.Wrapper--Single.footer-contact .Social-icons a {
  padding: 0 70px;
  text-align: center;
}

.middle-jack-text {
  max-width: 587px;
  text-align: center;
  color: var(--black-bingoFest);
  margin: 20px auto 50px auto;
  font-size: 18px;
  line-height: 21px;
}

.middle-jack-title {
  margin-bottom: 27px;
  color: var(--black-bingoFest);
  font-size: 50px;
  text-align: center;
  font-family: "MADE Sunflower";
}

.play-with-us-wrapper img {
  margin-bottom: 95px;
}

.upper-jackpot-wrapper {
  position: relative;
  padding-top: 155px;
}

.upper-jackpot-wrapper table {
  margin: auto;
}

.top-jack-title {
  color: var(--black-bingoFest);
  font-family: "MADE Sunflower" !important;
  font-size: 50px;
  text-align: center;
}

img.jack-image {
  max-width: 625px;
  height: auto;
  margin-top: 25px;
}

.top-jack-title2 {
  color: var(--black-bingoFest);
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  margin: 150px auto 30px auto;
  text-align: center;
}

.jack1 {
  height: 80px;
  width: 80px;
  background-color: var(--black-bingoFest);
}

.jack2 {
  height: 80px;
  width: 80px;
  background-color: #6646a5;
}

.jack3 {
  height: 80px;
  width: 80px;
  background-color: #46a0a5;
}

td.vert-text {
  max-width: 100%;
  width: 427px;
  vertical-align: middle;
  background-color: #efefef;
  padding: 0 10px;
}

.upper-jackpot-wrapper .spacer {
  height: 6px;
}

.top-jack-text {
  /* background-color: #000000; */
  padding: 27px 0 42px;
  position: relative;
  margin: auto;
  width: 100%;
}

.top-jack-text * {
  color: var(--black-bingoFest) !important;
}

button.jack-play {
  background-color: #1172c6;
  border-radius: 20px;
  color: var(--white-color);
  border: 1px solid #1172c6;
  font-weight: bold;
  padding: 7px 12px;
}

.jack-but {
  vertical-align: middle;
  background-color: #efefef;
  padding: 0 10px;
}

.Wrapper--Single.Header--secondary.open-burger-menu {
  display: block;
  /* top: 141px !important; */
}

.sticky .Widget--Header--secondary .Sections .Sections__Item a {
  font-size: 16px;
}

.Wrapper--Single.Header--secondary .Sections .Sections__Item a,
.Wrapper--Single .Widget--Header--secondary .Sections .Sections__Item a {
  font-size: 18px;
  font-weight: 500;
  color: #a091a0;
  display: flex;
  gap: 20px;
  align-items: center;
  text-transform: capitalize;
}

.Wrapper--Single.Header--secondary .Sections .Sections__Item a:hover,
.Wrapper--Single .Widget--Header--secondary .Sections .Sections__Item a:hover {
  font-weight: 600;
  color: var(--light-green-parrot);
}

/* FOOTER */

.Container--full.pages {
  background-color: var(--black-bingoFest);
  background-size: cover;
  transform: translate(0px, -30px);
  margin-bottom: -30px;
}

.Wrapper--Single.Footer {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-areas: "cf cs";
  max-width: 1440px;
  margin: auto;
}

.Wrapper--Single.Footer .Container__Item:nth-child(1) {
  grid-area: cf;
}

.Wrapper--Single.Footer .Container__Item:nth-child(2) {
  grid-area: cs;
}

.Footer-group-desktop .Item:nth-child(1) {
  grid-area: g;
}

.Footer-group-desktop .Item:nth-child(2) {
  grid-area: i;
}

.Footer-group-desktop .Item:nth-child(3) {
  grid-area: p;
}

.Footer-group-desktop .Item:nth-child(4) {
  grid-area: b;
}

.Footer-group-desktop .Item li a {
  text-decoration: none;
  color: var(--white-color);
  font-weight: 300;
  font-size: 18px;
  white-space: nowrap;
  justify-content: left;
  line-height: 32px;
}

.Footer-group-desktop .Item li a:hover {
  font-weight: bold;
  text-decoration: underline;
}

.Widget--banner--multi.banners {
  display: grid;
  width: 100%;
  grid-template-areas:
    "s s s s s"
    "fb tw i yt empty"
    "t t t t t";
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 4fr;
  padding: 20px 0;
  margin-top: 30px;
}

.Widget--banner--multi.banners .obj_svill {
  grid-area: s;
  text-align: left;
  color: var(--black-bingoFest);
  text-decoration: none;
  font-family: "MADESunflower" !important;
  font-size: 1.57vw;
  font-style: normal;
  font-weight: 500;
  white-space: nowrap;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: -1.28px;
}

.Widget--banner--multi.banners .obj_fb {
  grid-area: fb;
  max-width: 40px;
  margin-right: 40px;
  display: flex;
  align-items: center;
}

.Widget--banner--multi.banners .obj_twitter {
  grid-area: tw;
  max-width: 45px;
  margin-right: 40px;
  display: flex;
  align-items: center;
}

.Widget--banner--multi.banners .obj_insta {
  grid-area: i;
  max-width: 40px;
  margin-right: 40px;
  display: flex;
  align-items: center;
}

.Widget--banner--multi.banners .obj_youtube {
  grid-area: yt;
  max-width: 50px;
  margin-right: 40px;
  display: flex;
  align-items: center;
}

.Widget--banner--multi.banners .obj_ftext {
  grid-area: t;
  font-size: 14px;
  margin-right: 40px;
  color: #efefef;
  margin-top: 12px;
}

.Wrapper--Single.footer-logo .social-icons {
  width: 100%;
  padding: 30px 0;
  background: var(--black-bingoFest);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.Wrapper--Single.footer-logo .social-icons a img {
  width: 37px;
  margin: 0 25px;
}

.Wrapper--Single.footer-logo .footer-logo-widget {
  width: 500px;
  margin: auto;
  margin-bottom: 80px;
}

.join-btn a {
  width: 255px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0px auto 0 auto;
  padding: 15px 0px;
  border-radius: 50px;
  position: relative;
  z-index: 11;
  box-shadow: 3px 2px 15px var(--black-color);
  background-color: var(--red-parrot);
  transition: background-color 0.2s;
  color: var(--black-bingoFest);
  font-size: 31px;
  line-height: 18px;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  font-weight: 700;
}

.join-btn a {
  z-index: 1;
}

/* .join-btn a.Button--sign-up,
.join-btn a.Button--deposit {
  margin-bottom: 80px;
} */
.join-btn a.Button--sign-up:hover {
  background-color: var(--black-bingoFest);
  color: var(--red-parrot);
}

.join-btn {
  display: flex;
  justify-content: center;
}

.join-btn a::after {
  content: none;
}

.register-now_content {
  color: var(--black-bingoFest);
  font-size: 20px;
  margin: auto;
  margin-bottom: 41px;
}

/* FOOTER - fonts */
.footer-page_group .Item .Item__Title,
.Footer-group-desktop .Item li.Item__Title {
  color: var(--white-color);
  text-decoration: none;
  font-size: 23px;
  font-weight: 600;
  white-space: nowrap;
  letter-spacing: 0.2px;
}

/* PAGES */

.top-paging {
  transform: translate(-235px, -50px);
}

.top-paging p a {
  color: var(--black-bingoFest);
}

.top-paging p a:nth-child(2) {
  font-weight: 600;
}

.content_about-us,
.content_privacy-policy,
.content_terms,
.content_about-us,
.content_resp-gaming {
  max-width: 982px;
  margin: auto;
  transform: translate(0px, 120px);
  z-index: 1;
  padding: 0 15px;
}

.content_contact-us {
  transform: translate(0px, 100px);
}

.lower-wrapper-jackpot.privacy .join-now,
.lower-wrapper-jackpot.privacy .register-text,
.lower-wrapper-jackpot.about .join-now,
.lower-wrapper-jackpot.about .register-text {
  display: none;
}

.contact-logos {
  width: 700px;
  margin: auto;
}

.content-wrapper.contact .Copyright .Container__Item {
  justify-content: center;
}

#upBtn {
  display: block;
  margin: auto;
  transform: translate(0px, 50px);
  border-radius: 0px 0px 10px 10px;
  border: 1px solid rgb(42, 9, 52);
  background: none;
  font-size: 22px;
  /* font-family: "Gilroy"; */
  padding: 0px 10px;
  font-weight: normal;
}

.gotop-attr {
  text-align: center;
  transform: translate(0px, 55px);
  font-size: 14px;
  text-transform: uppercase;
}

.banner-the-beach .Container__Item,
.banner-payments .Container__Item,
.banner-how-to-play .Container__Item,
.banner-trending .Container__Item,
.banner-casino-news .Container__Item,
.banner-affiliate-program .Container__Item,
.banner-vip-program .Container__Item,
.banner-banking .Container__Item,
.banner-promotions .Container__Item,
.banner-poker .Container__Item,
.banner-popular-slots .Container__Item,
.banner-progressive-slots .Container__Item,
.banner-new-slots .Container__Item,
.banner-other-games .Container__Item,
.banner-jackpot-games .Container__Item,
.banner-video-slots .Container__Item,
.banner-roulette .Container__Item,
.banner-table-games .Container__Item,
.banner-blackjack .Container__Item,
.banner-slots .Container__Item,
.banner-new-games .Container__Item,
.banner-popular-games .Container__Item,
.banner-all-games .Container__Item,
.banner-resp-gaming .Container__Item,
.banner-faq .Container__Item,
.banner-terms .Container__Item,
.banner-privacy .Container__Item,
.contactus-banner .Container__Item,
.banner-about .Container__Item,
.home_banner .Container__Item {
  position: unset;
  display: flex;
  justify-content: center;
}

.datepicker td span.active:hover,
.datepicker td span.active:focus,
.datepicker td span.active:active,
.datepicker td span.active.active,
.datepicker td span.active.disabled,
.datepicker td span.active[disabled] {
  background-image: none;
  background-color: #460858 !important;
}

.datepicker td.active:hover,
.datepicker td.active:hover:hover,
.datepicker td.active:focus,
.datepicker td.active:hover:focus,
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active,
.datepicker td.active.disabled,
.datepicker td.active:hover.disabled,
.datepicker td.active[disabled],
.datepicker td.active:hover[disabled] {
  background-color: #460858 !important;
}

.home_banner .Button--sign-up:after {
  content: none;
}

/* FORMS */

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: var(--white-color);
}

.form-control:focus {
  border-color: var(--black-bingoFest) !important;
  box-shadow: none;
}

.form-control {
  border: 1px solid #707070;
  border-radius: 8px;
}

.la-calendar:before {
  font-size: 20px;
  color: var(--black-bingoFest);
}

.input-group-addon {
  border: 1px solid #707070;
}

.input-group-addon:first-child {
  border-radius: 8px 0 0 8px;
}

/* VIEW CATEGORY */

.nav-slidable .search-wrapper {
  z-index: 1;
  width: 100%;
  display: flex;
  float: initial;
  justify-content: center;
}

.nav-slidable .search-wrapper form {
  width: 200px;
  position: relative;
}

.nav-slidable .search-wrapper input {
  height: 34px;
}

.search-wrapper.hidden-search-bar.hidden-search-bar {
  display: none !important;
}

#game-vendor-list {
  max-width: 200px;
  position: absolute;
  top: 0px;
  right: 51%;
  z-index: 1;
  margin: 0 !important;
}

.nav-slidable .game-nav {
  width: 100%;
  position: relative;
  z-index: 998;
  /* transition: all .25s cubic-bezier(.645,.045,.355,1); */
  background-image: none;
  border-bottom: none;
  border-radius: 0;
  overflow: visible;
  margin-bottom: 20px;
}

.singlePage.blue-slider-wrapper {
  position: relative;
  /* height: 100px;  */
}

.singlePage.blue-slider-wrapper {
  /* z-index: 98; */
}

.nav-slidable .game-nav.fixed,
.Widget--banner--multi-page.fixed {
  position: fixed;
  height: 104px;
  top: 147px;
}

.modal-open .nav-slidable .game-nav.fixed {
  padding-right: 8px;
}

.game-list-slidable .game-list-wrapper {
  padding: 20px 0 0 14px;
}

.Container__Item.text-center.load-more-container {
  align-items: center;
  justify-content: center;
}

.load-more-container #loadMoreBtn,
.load-more-container #loadMoreButton {
  margin: 17px 0;
  outline: none !important;
}

.loading-nav {
  visibility: hidden;
}

.casino-game-list-item .product-wrapper.hero .product-card.loading {
  pointer-events: all;
}

.game-list-normal .casino-game-list-item .product-wrapper .product-card {
  border-radius: 4px !important;
  overflow: hidden;
  position: relative;
}

.game-list-normal
  .casino-game-list-item
  .product-wrapper
  .product-card
  .product-thumb {
  aspect-ratio: 533 / 337;
}

/*.game-list-slidable .slick-slider .product-card.swiper-slide {*/
/*    !*background: rgba(229, 229, 165, 0.51);*!*/
/*    min-height: 285px;*/
/*    aspect-ratio: 533 / 337;*/
/*}*/

.no-games-found-container {
  grid-template-columns: 1fr !important;
}

.no-games-found-container .no-games-found {
  grid-area: auto;
}

.game-list-slidable .casino-game-list .product-card .product-title,
.game-list-normal .casino-game-list .product-card .product-title {
  font-size: 18px;
  font-weight: 900;
  position: initial;
  text-align: left;
  overflow: hidden;
  color: var(--light-green-parrot);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.game-list-normal .casino-game-list .product-card .product-title {
  line-height: 26px;
  height: 25px;
}

.casino-game-list .product-card:hover .product-title {
  background: transparent;
}

.game-list-slidable .casino-game-list .product-card:hover .product-title {
  width: 100%;
  height: auto;
  bottom: 0;
  left: 0;
}

.game-category.hero .casino-game-list-item .product-wrapper.single,
.game-category.hero .game-list-normal .casino-game-list-item .product-wrapper {
  padding: 0 15px;
}

.game-category.hero
  .casino-game-list-item
  .product-wrapper.single
  .product-card,
.game-category.hero
  .game-list-normal
  .casino-game-list-item
  .product-wrapper
  .product-card {
  width: auto !important;
  margin: 0;
}

.game-category.hero .product-wrapper {
  margin-top: 10px;
  width: 100%;
  display: grid !important;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: auto auto;
  grid-gap: 17px;
}

.no-games-found {
  grid-column-start: 1;
  grid-column-end: 10;
  color: var(--black-bingoFest);
}

.casino-categories.favorite-cat h4 {
  padding-bottom: 18px;
}

.casino-game-list .product-card .user-product-ctrl {
  position: absolute;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 60px;
  /* gap: 10px; */
}

.game-list-normal .casino-game-list .product-card .user-product-ctrl {
  top: 70%;
  width: 6.2vmax;
  z-index: 1;
  transition: all 0.3s;
}

.flickity-enabled.is-fade .flickity-slider > * {
  pointer-events: none;
  z-index: 0;
}

.flickity-enabled.is-fade .flickity-slider > .is-selected {
  pointer-events: auto;
  z-index: 1;
}

/* Categories Arrows start */
.game-list-slidable .casino-categories .slick-prev,
.game-list-slidable .casino-categories .slick-next {
  position: absolute;
  opacity: 1;
  bottom: 0;
  z-index: 95;
  border-radius: 0;
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}

.game-list-slidable .casino-categories .slick-prev {
  left: 0;
}

.game-list-slidable .casino-categories .slick-next {
  right: 0;
}

.game-list-slidable .casino-categories .slick-prev:before,
.game-list-slidable .casino-categories .slick-next:before {
  opacity: 0;
  display: block;
  position: relative;
  color: var(--white-color);
  font-size: 65px;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}

.game-list-slidable .casino-categories .slick-prev:before {
  content: "\203A";
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.game-list-slidable .casino-categories .slick-next:before {
  content: "\203A";
}

.game-list-slidable .casino-categories .slick-prev:hover,
.game-list-slidable .casino-categories .slick-next:hover {
  background-color: rgb(0 0 0 / 35%);
}

.game-list-slidable .casino-categories .slick-prev:hover:before,
.game-list-slidable .casino-categories .slick-next:hover:before {
  opacity: 1;
}

/* Categories Arrows end */

/* Casino Page */
.nav-simple {
  padding: 18px 15px;
}

.nav-simple .game-nav {
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
  background: transparent;
  border: navajowhite;
  overflow: inherit;
  border-radius: 0;
}

.nav-simple .game-nav ul {
  height: auto;
  margin-top: 10px;
}

.nav-simple .game-nav ul li {
  margin-top: 0;
  padding: 0;
  background: transparent;
  padding-bottom: 17px;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.Wrapper--Single.game-category,
.Wrapper--Single.game-category-single.blue-slider-wrapper {
  background-color: var(--black-bingoFest);
}

.Wrapper--Single.game-category .game-nav li i {
  width: 35px;
  height: 35px;
  margin-right: 10px;
  position: relative;
}

.Wrapper--Single.game-category-single .game-nav li i {
  width: 25px;
  height: 25px;
  margin-right: 5px;
  position: relative;
}

.Wrapper--Single.game-category .game-nav li i:before,
.Wrapper--Single.game-category-single .game-nav li i:before {
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-mask: url(/content/img/design/icons/slots-ico-purple.svg) no-repeat
    50% 50%;
  mask: url(/content/img/design/icons/slots-ico-purple.svg) no-repeat 50% 50%;
  background-color: var(--white-color);
  -webkit-mask-size: contain;
  mask-size: contain;
}

.Wrapper--Single.game-category .game-nav li i.blackjack-cat:before,
.Wrapper--Single.game-category-single .game-nav li i.blackjack-cat:before {
  background: url(/content/img/design/icons/blackjack-ico-pink.svg) no-repeat
    center center;
}

.Wrapper--Single.game-category .game-nav li i.popular-cat:before,
.Wrapper--Single.game-category-single .game-nav li i.popular-cat:before {
  background: url(/content/img/design/icons/popular-ico-pink.svg) no-repeat
    center center;
}

.Wrapper--Single.game-category .game-nav li i.new-games-cat:before,
.Wrapper--Single.game-category-single .game-nav li i.new-games-cat:before {
  background: url(/content/img/design/icons/new-games-ico-pink.svg) no-repeat
    center center;
}

.Wrapper--Single.game-category .game-nav li i.live-dealer-cat:before,
.Wrapper--Single.game-category-single .game-nav li i.live-dealer-cat:before {
  background: url(/content/img/design/icons/live-dealer-ico-pink.svg) no-repeat
    center center;
}

/*.Wrapper--Single.game-category .game-nav li i.other-cat:before,
  .Wrapper--Single.game-category-single .game-nav li i.other-cat:before {
      background: url(/content/img/design/icons/other-ico-pink.svg) no-repeat center center;
  }*/

.Wrapper--Single.game-category .game-nav li i.slots-cat:before,
.Wrapper--Single.game-category-single .game-nav li i.slots-cat:before {
  background: url(/content/img/design/icons/slots-ico-pink.svg) no-repeat center
    center;
}

.Wrapper--Single.game-category .game-nav li i.liveCasino-cat:before,
.Wrapper--Single.game-category-single .game-nav li i.liveCasino-cat:before {
  background: url(/content/img/design/icons/live-dealer-ico-cyberBingo.svg)
    no-repeat center center;
}

.Wrapper--Single.game-category .game-nav li i.roullete-cat:before,
.Wrapper--Single.game-category-single .game-nav li i.roullete-cat:before {
  background: url(/content/img/design/icons/roulette-ico-pink.svg) no-repeat
    center center;
}

.Wrapper--Single.game-category .game-nav li i.video-cat:before,
.Wrapper--Single.game-category-single .game-nav li i.video-cat:before {
  background: url(/content/img/design/icons/video-ico-pink.svg) no-repeat center
    center;
}

.Wrapper--Single.game-category .game-nav li i.table-games-cat:before,
.Wrapper--Single.game-category-single .game-nav li i.table-games-cat:before {
  background: url(/content/img/design/icons/table-ico-pink.svg) no-repeat center
    center;
}

.Wrapper--Single.game-category .game-nav li i.featured-cat:before,
.Wrapper--Single.game-category-single .game-nav li i.featured-cat:before {
  background: url(/content/img/design/icons/featured-pink.svg) no-repeat center
    center;
}

.Wrapper--Single.game-category .game-nav li i.progressive-cat:before,
.Wrapper--Single.game-category-single .game-nav li i.progressive-cat:before {
  background: url(/content/img/design/icons/progressive-slots-ico-pink.svg)
    no-repeat center center;
}

.Wrapper--Single.game-category .game-nav li i.jackpots-cat:before,
.Wrapper--Single.game-category-single .game-nav li i.jackpots-cat:before {
  background: url(/content/img/design/icons/jackpots-ico-pink.svg) no-repeat
    center center;
}

.Wrapper--Single.game-category .game-nav li i.poker-cat:before,
.Wrapper--Single.game-category-single .game-nav li i.poker-cat:before {
  background: url(/content/img/design/icons/poker-ico-pink.svg) no-repeat center
    center;
}

.nav-simple .game-nav ul li a:not(.slick-center a) {
  font-size: 32px !important;
  text-transform: none !important;
  background: transparent;
  color: var(--white-color) !important;
  font-weight: 600;
  line-height: 0;
  cursor: initial;
  /* font-family: Gilroy-Bold; */
}

.nav-simple .search-wrapper {
  width: 100%;
  display: flex;
  float: initial;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.2s;
}

.nav-simple .game-category-selector-container-replacer {
  right: initial;
  position: relative;
  margin-right: 15px;
  font-size: 14px;
}

.nav-simple .game-category-selector-container {
  right: initial;
  margin: 0 16px 0 0;
}

.nav-simple .search-wrapper form {
  margin-left: 16px;
}

.nav-simple .game-category-selector-container-replacer,
.nav-simple .game-category-selector-container,
.nav-simple .search-wrapper form {
  position: relative;
  border-radius: 4px;
  border: 1px solid #707070;
  width: 350px;
  height: 55px;
}

.nav-simple .search-wrapper form [id^="searchTb"] {
  height: 100%;
  border: none;
  box-shadow: none;
  border-radius: 4px;
  font-size: 14px;
}

.nav-simple .search-wrapper .form-control-feedback {
  padding: 0;
}

.nav-simple .sub-game-nav {
  background: #181b2c;
}

.nav-simple .sub-game-nav ul .selected {
  background-color: rgb(255 255 255 / 7%) !important;
  text-shadow: 0px 0px 2px white;
}

.nav-slidable .sub-game-nav {
  background: #181b2c;
}

.nav-slidable .sub-game-nav ul .selected {
  background-color: rgb(255 255 255 / 7%) !important;
  text-shadow: 0px 0px 2px white;
}

.Container__Item.sub-game-nav.row {
  justify-content: normal;
}

.game-nav [id^="searchTb"] {
  border-radius: 3px;
}

.game-nav .search-wrapper .form-control-feedback {
  color: #2a0934;
}

.categorycarousel .slick-prev:before,
.categorycarousel .slick-next:before {
  color: transparent;
}

/* .product-wrapper .slick-prev:before,
.product-wrapper .slick-next:before {
  color:#2A0934;
  font-size: 23px;
} */

.categorycarousel .slick-next,
.categorycarousel .slick-prev {
  width: auto;
  height: 70px;
  position: absolute;
  top: 50%;
  display: block;
  border: none;
  outline: none;
  z-index: 1;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  color: transparent;
  background: transparent;
  background-repeat: no-repeat;
}

/*
.categorycarousel .slick-next {
  right: calc(50% - 113px);
  text-align: right;
  background-image: url(/content/img/design/icons/next-btn.png);
  padding: 0 13px;
}


.categorycarousel .slick-prev {
  left: calc(50% - 111px);
  text-align: left;
  background-image: url(/content/img/design/icons/prev-btn.png);
  padding: 0px 12px;
}

.categorycarousel>.slick-list {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/content/img/design/icons/round-center.png), linear-gradient(to bottom, var(--white-color)0 19%, var(--white-color)fff 19% 81%, transparent 81% 100%);
  background-size: 153px;
  padding: 0 !important;
}

.fixed .categorycarousel>.slick-list, .fixed-sticky .categorycarousel>.slick-list {
  background-image: url(/content/img/design/icons/round-center.png)
}

.fixed .categorycarousel {
  background-image: linear-gradient(to bottom,var(--white-color) 13%,#F0F6F8 13% 87%,transparent 87% 100%);
}

.Widget--banner--multi-page.fixed {
  background-image: url(/content/img/design/icons/round-single-page.png), linear-gradient(to bottom,var(--white-color) 13%,#25023E 13% 87%,transparent 87% 100%);
} */

.game-nav-tab.slick-slide.slick-current.slick-active.slick-center i {
  color: var(--white-color) !important;
}

.game-nav-tab.slick-slide i::before {
  font-size: 50px;
  margin: auto;
  margin-bottom: 5px;
}

.slick-slide {
  margin: 0 6px !important;
}

.slick-list {
  margin: 0 -6px !important;
}

.game-nav li a:not(.slick-center a) {
  color: #177dcd !important;
}

.game-nav li a {
  height: 0;
  line-height: 22px;
  font-size: 16px;
  font-weight: 500;
  text-transform: initial;
}

.slick-slide img {
  /* width: 100%; */
}

.game-nav-tab.slick-slide a {
  /* width: 100%; */
}

.game-nav-tab.slick-slide i {
  color: #177dcd !important;
}

.game-category.hero
  .casino-game-list-item
  .product-wrapper
  .product-card:first-child {
  grid-column: span 2;
  grid-row: span 2;
}

.game-list-slidable .cat-url {
  float: right;
  position: relative;
  top: 12px;
  right: 24px;
  height: 25px;
}

.casino-categories:not(:last-child) {
  margin-bottom: 21px;
}

.Container__Item.nav-slidable {
  display: none;
  height: 210px;
  flex-direction: column-reverse;
}

.Wrapper--Single.game-category.hero {
  margin-top: 32px;
}

.game-nav ul {
  height: 155px;
}

.slick-list {
  z-index: 0;
}

.game-nav li {
  margin-top: 37px;
}

.game-nav-tab.slick-slide {
  z-index: 1;
  width: 165px;
  outline: none;
}

.game-nav-tab.slick-slide:hover {
  cursor: pointer;
}

.game-nav-tab.slick-slide:not(.slick-center):hover :before,
.game-nav-tab.slick-slide:not(.slick-center):hover a {
  color: var(--black-bingoFest) !important;
}

.casino-game-list-item .product-wrapper:not(.hero) .product-card {
  /* border-radius: 8px !important;
  width: calc(20% - 30px); */
  box-shadow: 0px 4px 7px #0000001a;
  border-radius: 12px;
}

.product-card.slick-slide {
  margin: 0 15px;
}

.casino-game-list-item
  .product-wrapper
  .product-card
  .product-producer-container {
  height: 50px;
  z-index: 1;
}

.game-category.hero
  .casino-game-list-item
  .product-wrapper
  .product-card:first-child
  .picture-productThumb {
  display: block;
  height: calc(100% - 63px);
}

.game-category.hero
  .casino-game-list-item
  .product-wrapper
  .product-card:first-child
  .product-thumb {
  height: calc(100%);
}

.game-list-normal
  .casino-game-list-item
  .product-wrapper
  .product-card
  .product-thumb,
.game-list-slidable
  .casino-game-list-item
  .product-wrapper
  .product-card
  .product-thumb {
  border-radius: 4px 4px 0px 0px;
  height: auto;
}

.game-list-normal
  .casino-game-list-item
  .product-wrapper
  .product-card
  .product-desc,
.game-list-slidable
  .casino-game-list-item
  .product-wrapper
  .product-card
  .product-desc {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  opacity: 1;
  padding: 17px;
  position: relative;
  border-radius: 0px 0px 5px 5px;
  /* background: var(--white-color) 0% 0% no-repeat padding-box; */
  background-color: var(--black-color);
  display: none;
}

.game-list-normal
  .casino-game-list-item
  .product-wrapper
  .product-card
  .product-desc {
  height: 60px;
}

.casino-game-list-item .product-wrapper .product-card .product-desc {
  height: 60px;
}

.game-list-normal .fav-game,
.game-list-slidable .fav-game {
  position: relative;
  font-size: 1vw;
  margin-top: 3px;
}

.game-list-normal .fav-game i:before,
.game-list-slidable .fav-game i:before {
  content: "\f004";
  /*heart icon*/
}

.game-list-normal .fav-game i,
.game-list-slidable .fav-game i {
  font-size: 24px;
  color: var(--red-parrot);
}

.game-list-normal .fav-game i.fav-color-red,
.game-list-slidable .fav-game i.fav-color-red,
#gameModal .game-name-fav .game-fav i.fav-color-red {
  color: #005dff;
  font-weight: 900;
}

body:not(.mobile) .product-card:hover .product-producer {
  display: none;
}

a.game-page-url {
  opacity: 0;
  background: var(--black-bingoFest);
  text-align: center;
  position: absolute;
  top: 2%;
  right: 3%;
  width: 20px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 17px;
  z-index: 1;
}

a.game-page-url:hover {
  background-color: var(--black-bingoFest);
}

.casino-game-list .product-card:hover .game-page-url {
  opacity: 1;
}

a.game-page-url span::before {
  content: "i";
}

.casino-categories .slick-list {
  width: 100%;
  padding: 10px;
}

.product-wrapper .product-card {
  float: left;
  border: 0 !important;
}

.game-list-slidable .casino-game-list-item .lazyLoadSliderContainer.swiper {
  flex: 1;
  display: flex;
  position: relative;
  width: 100%;
  padding-right: 20px;
}

.game-list-slidable
  .casino-game-list-item
  .lazyLoadSliderContainer.swiper::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}

.game-list-slidable .casino-game-list-item .product-wrapper.sliderWithLazyLoad {
  display: flex;
  flex-wrap: nowrap;
  width: initial;
  padding: 10px;
}

/* .blue-slider-wrapper .btn-load-more {
  background: none;
  width: 120px;
  border: none;
  margin: 17px 0;
  outline: none!important;
  color: var(--brand-color);
  text-transform: none;
  font-size: 12px;
} */

.blue-slider-wrapper .btn-load-more:active {
  box-shadow: none;
}

.nav-slidable .game-nav.fixed-sticky {
  position: fixed;
  top: 127px;
  transition: all 1s;
}

.casino-game-list-item .name-cat-title {
  width: 100%;
  display: inline-block;
}

.casino-game-list-item .name-cat-title > p {
  font-size: 24px;
  text-transform: none;
  background: transparent;
  color: var(--light-green-parrot);
  font-weight: 600;
}

.casino-game-list-item .name-cat-title > h4 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  color: var(--black-bingoFest);
  font-size: 32px;
  margin: 0 0 0 14px;
}

.casino-game-list-item .name-cat-title > h4:before {
  content: " ";
  display: block;
  margin-right: 5px;
  position: relative;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
}

/* ----  Icons near Titles of categories ----*/
.casino-game-list-item .featured-cat .name-cat-title > p:before {
  background-image: url(/content/img/design/icons/featured-pink.svg);
}

.casino-game-list-item .popular-cat .name-cat-title > p:before {
  background-image: url(/content/img/design/icons/popular-ico-pink.svg);
}

.casino-game-list-item .new-games-cat .name-cat-title > p:before {
  background-image: url(/content/img/design/icons/new-games-ico-pink.svg);
}

.casino-game-list-item .slots-cat .name-cat-title > p:before {
  background-image: url(/content/img/design/icons/slots-ico-pink.svg);
}

.casino-game-list-item .blackjack-cat .name-cat-title > p:before {
  background-image: url(/content/img/design/icons/blackjack-ico-pink.svg);
}

.casino-game-list-item .roullete-cat .name-cat-title > p:before {
  background-image: url(/content/img/design/icons/roulette-ico-pink.svg);
}

.casino-game-list-item .poker-cat .name-cat-title > p:before {
  background-image: url(/content/img/design/icons/poker-ico-pink.svg);
}

.casino-game-list-item .jackpots-cat .name-cat-title > p:before {
  background-image: url(/content/img/design/icons/jackpots-ico-pink.svg);
}

.casino-game-list-item .table-games-cat .name-cat-title > p:before {
  background-image: url(/content/img/design/icons/table-ico-pink.svg);
}

.casino-game-list-item .live-dealer-cat .name-cat-title > p:before {
  background-image: url(/content/img/design/icons/live-dealer-ico-pink.svg);
}

.casino-game-list-item .video-cat .name-cat-title > p:before {
  background-image: url(/content/img/design/icons/video-ico-pink.svg);
}

.casino-game-list-item .progressive-cat .name-cat-title > p:before {
  background-image: url(/content/img/design/icons/progressive-slots-ico-pink.svg);
}

.casino-game-list-item .other-cat .name-cat-title > p:before {
  background-image: url(/content/img/design/icons/other-ico-pink.svg);
}

.casino-game-list-item .all-games-cat .name-cat-title > p:before {
  background-image: url(/content/img/design/icons/all-games-ico-pink.svg);
}

.casino-game-list-item .favorite-cat .name-cat-title > p:before {
  background-image: url(/content/img/design/icons/favorite-ico-pink.svg);
}

.casino-game-list-item .promo-cat .name-cat-title > p:before {
  /*background-image: url(/content/img/design/icons/promotions-ico.svg); */
  -webkit-mask: url(/content/img/design/icons/promotions-ico.svg) no-repeat 50%
    50%;
  mask: url(/content/img/design/icons/promotions-ico.svg) no-repeat 50% 50%;
  background-color: var(--black-bingoFest);
  -webkit-mask-size: contain;
}

/*Homepage games categories ICONS*/
#casino-categories_3129 .name-cat-title > p::before,
#casino-categories_3128 .name-cat-title > p::before {
  content: "";
  display: inline-block;
  height: 32px;
  width: 28px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 5px;
}

#casino-categories_3129 .name-cat-title > p,
#casino-categories_3128 .name-cat-title > p {
  padding-left: 10px;
  margin-bottom: 0;
}

/*Bingo*/
#casino-categories_3129:nth-child(1) .name-cat-title > p::before,
#casino-categories_3128:nth-child(1) .name-cat-title > p::before {
  background-image: url("/content/img/design/icons/OurIcons/iconsCB/bingo-slots.png");
}

/*New Games*/
#casino-categories_3129:nth-child(2) .name-cat-title > p::before,
#casino-categories_3128:nth-child(2) .name-cat-title > p::before {
  background-image: url("/content/img/design/icons/OurIcons/iconsCB/new-slots.png");
}

/*Hot Games*/
#casino-categories_3129:nth-child(3) .name-cat-title > p::before,
#casino-categories_3128:nth-child(3) .name-cat-title > p::before {
  background-image: url("/content/img/design/icons/OurIcons/iconsCB/fire-slots.png");
}

/*Dauber's Pick*/
#casino-categories_3129:nth-child(4) .name-cat-title > p::before,
#casino-categories_3128:nth-child(4) .name-cat-title > p::before {
  background-image: url("/content/img/design/icons/OurIcons/iconsCB/teddy-slots.png");
}

/*Progressive Jackpots*/
#casino-categories_3129:nth-child(5) .name-cat-title > p::before,
#casino-categories_3128:nth-child(5) .name-cat-title > p::before {
  background-image: url("/content/img/design/icons/OurIcons/iconsCB/progressive-jackpot-slots.svg");
}

/*Trending slots*/
#casino-categories_3129:nth-child(6) .name-cat-title > p::before,
#casino-categories_3128:nth-child(6) .name-cat-title > p::before {
  background-image: url("/content/img/design/icons/OurIcons/iconsCB/trending-slots-v2.png");
}

/*Video Bingo*/
#casino-categories_3129:nth-child(7) .name-cat-title > p::before,
#casino-categories_3128:nth-child(7) .name-cat-title > p::before {
  background-image: url("/content/img/design/icons/OurIcons/iconsCB/bing-five-slots.png");
}

.blue-slider-wrapper .btn-load-more::after,
.load-more-container #loadMoreBtn::after {
  content: "\27A4";
  display: block;
  height: 40px;
  margin: auto;
  position: relative;
  text-align: center;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.load-more-container #loadMoreBtn {
  display: flex;
  width: 120px;
  border: none;
  background: none;
  text-align: center;
  align-items: center;
  text-transform: none;
  outline: none !important;
}

.load-more-container #loadMoreBtn:active {
  box-shadow: none;
}

.video-icon::after,
.all_games-icon::after,
.blackjack-icon::after,
.favorite-icon::after,
.featured-icon::after,
.live_dealer-icon::after,
.new_games-icon::after,
.other-icon::after,
.popular-icon::after,
.roulette-icon::after,
.slots-icon::after,
.table-icon::after {
  content: " ";
  width: 50%;
  height: 45px;
  display: block;
  margin: 10px auto 0;
  position: relative;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.video-icon::after {
  background-image: url(/content/img/design/icons/video-icone.svg);
}

.all_games-icon::after {
  background-image: url(/content/img/design/icons/allgames-icone.svg);
}

.blackjack-icon::after {
  background-image: url(/content/img/design/icons/blackjack-icone.svg);
}

.favorite-icon::after {
  background-image: url(/content/img/design/icons/favorite-icone.svg);
}

.featured-icon::after {
  background-image: url(/content/img/design/icons/featured-icone.svg);
}

.live_dealer-icon::after {
  background-image: url(/content/img/design/icons/livedealer-icone.svg);
}

.new_games-icon::after {
  background-image: url(/content/img/design/icons/newgames-icone.svg);
}

.other-icon::after {
  background-image: url(/content/img/design/icons/other-icone.svg);
}

.popular-icon::after {
  background-image: url(/content/img/design/icons/popular-icone.svg);
}

.roulette-icon::after {
  background-image: url(/content/img/design/icons/roulette-icone.svg);
}

.slots-icon::after {
  background-image: url(/content/img/design/icons/slots-icone.svg);
}

.table-icon::after {
  background-image: url(/content/img/design/icons/table-icone.svg);
}

.slick-center .all_games-icon::after,
.slick-center .blackjack-icon::after,
.slick-center .favorite-icon::after,
.slick-center .featured-icon::after,
.slick-center .live_dealer-icon::after,
.slick-center .new_games-icon::after,
.slick-center .other-icon::after,
.slick-center .popular-icon::after,
.slick-center .roulette-icon::after,
.slick-center .slots-icon::after,
.slick-center .table-icon::after,
.slick-center .video-icon::after {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(27%)
    hue-rotate(62deg) brightness(107%) contrast(107%);
}

.game-nav-tab:not(.slick-center):hover .all_games-icon::after,
.game-nav-tab:not(.slick-center):hover .blackjack-icon::after,
.game-nav-tab:not(.slick-center):hover .favorite-icon::after,
.game-nav-tab:not(.slick-center):hover .featured-icon::after,
.game-nav-tab:not(.slick-center):hover .live_dealer-icon::after,
.game-nav-tab:not(.slick-center):hover .new_games-icon::after,
.game-nav-tab:not(.slick-center):hover .other-icon::after,
.game-nav-tab:not(.slick-center):hover .popular-icon::after,
.game-nav-tab:not(.slick-center):hover .roulette-icon::after,
.game-nav-tab:not(.slick-center):hover .slots-icon::after,
.game-nav-tab:not(.slick-center):hover .table-icon::after,
.game-nav-tab:not(.slick-center):hover .video-icon::after {
  filter: brightness(0) saturate(100%) invert(71%) sepia(70%) saturate(940%)
    hue-rotate(298deg) brightness(106%) contrast(110%);
}

/* GAME SEARCH */

.game-category-selector-container ::-webkit-scrollbar {
  width: 5px;
  display: inline !important;
}

.game-category-selector-container .ss-optgroup:-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}

.game-category-selector-container .ss-optgroup::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.game-category-list {
  display: flex !important;
  justify-content: space-between;
}

.game-category-list span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.game-category-list img {
  margin-left: 3px;
  object-fit: contain;
}

.selectedInfoCount {
  justify-content: flex-start;
  flex: 1 1 100%;
  display: flex;
  width: calc(100% - 30px);
  align-items: center;
  display: none;
}

.selectedInfoCount p {
  width: max-content;
  height: 100%;
  color: var(--white-color);
  font-size: 13px;
  font-weight: bold;
  padding: 3px 10px;
  display: flex;
  align-items: center;
  background-color: var(--black-bingoFest);
  border-radius: 4px;
  user-select: none;
  animation-name: scaleIn;
  animation-duration: 0.2s;
  animation-timing-function: ease-out;
  animation-fill-mode: both;
}

/* .game-category-selector-container .ss-value-delete {
  display: none;
} */

.game-category-selector-container-replacer {
  display: none !important;
}

.game-category-selector-container {
  /* display: block !important; */
}

.ss-main .ss-multi-selected .ss-values .ss-value {
  background-color: var(--black-bingoFest);
  padding: 5px 10px;
  margin: 2px;
  animation: none;
}

.ss-main .ss-multi-selected .ss-values .ss-value b {
  font-size: 14px;
  /* font-family: Gilroy-Medium; */
  font-weight: 300;
}

.ss-content {
  z-index: 98;
}

.ss-68662.ss-main {
  min-height: 32px;
}

.ss-main {
  width: 100%;
  height: 100%;
}

.ss-main .ss-multi-selected {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0;
  border: none;
  /* right: calc(-100% + 200px); */
}

.casino-game-list-item .promo-wrapper,
.casino-game-list-item .promo-cat {
  width: 100% !important;
  /* margin-top: 25px; */
}

.game-category-list {
  display: flex !important;
  justify-content: space-between;
}

.selectedInfoCount {
  justify-content: flex-start;
  flex: 1 1 100%;
  width: calc(100% - 30px);
  align-items: center;
  display: none;
}

.game-category-selector-container .ss-value-delete {
  display: none;
}

.game-category-selector-container-replacer {
  display: none;
  min-height: 32px;
  position: relative;
  right: initial;
  margin: 0;
  margin-right: 15px;
}

.game-category-selector-container-replacer {
  display: block;
  width: 200px;
  height: 34px;
  border: 1px solid #707070;
  border-radius: 7px;
  content: "Providers";
  display: flex;
  align-items: center;
  padding-left: 8px;
  color: #a3a3a3;
  font-size: 12px;
}

.game-category-selector-container-replacer:before {
  display: block;
  content: "";
  background-image: url(/content/img/design/icons/vendor.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-color: var(--black-bingoFest);
  border-radius: 0 4px 4px 0;
  margin: auto;
  text-align: center;
  width: 55px;
  height: calc(100% + 2px);
  position: absolute;
  right: -1px;
  top: -1px;
}

nav.Container__Item.game-nav.mute:not(.fixed):after {
  height: calc(100% - 50px);
  top: 25px;
}

nav.Container__Item.game-nav.mute:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: calc(100% - 58px);
  top: 29px;
  left: 0;
  z-index: 1;
}

.ss-content .ss-list .ss-option {
  padding: 10px;
}

.nav-simple .search-wrapper form [id^="searchTb"]::placeholder {
  font-size: 14px;
}

.ss-content .ss-list .ss-option:hover,
.ss-content .ss-list .ss-option.ss-highlighted,
.ss-content .ss-list .ss-option.ss-disabled {
  color: black;
  background-color: var(--transparent-blue-2);
}

.ss-content .ss-list .ss-option:not(.ss-disabled).ss-option-selected {
  color: var(--white-color);
  background-color: var(--black-bingoFest);
}

.ss-main .ss-multi-selected.ss-disabled .ss-values .ss-disabled::before {
  content: "No games found";
  color: black;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 1px;
}

.ss-main .ss-multi-selected.ss-disabled {
  background: transparent;
}

.product-wrapper .product-card.loading:after {
  left: calc(50% - (15px / 2)) !important;
  top: calc(50% - (60px / 2)) !important;
}

.search-wrapper form [id^="searchTb"] {
  padding-right: 35px;
}

.search-wrapper form .glyphicon.glyphicon-search::before {
  content: " ";
  background-image: url(/content/img/design/icons/search.svg);
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  margin: auto;
  text-align: center;
  background-size: 23px;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.ss-main .ss-multi-selected .ss-add {
  margin: 0;
  display: flex;
}

.ss-main .ss-multi-selected .ss-add .ss-plus:after {
  content: initial;
}

.ss-main .ss-multi-selected .ss-add .ss-plus,
.search-wrapper form .glyphicon.glyphicon-search {
  color: var(--white-color);
  position: absolute;
  background: initial;
  transform: scale(1.06);
  width: 55px;
  height: 99%;
  background-color: var(--light-green-parrot);
  border-radius: 0 4px 4px 0;
  height: calc(100% - 2px);
  top: 1px;
  right: 1px;
}

.ss-main .ss-multi-selected .ss-add .ss-plus.ss-cross {
  transform: scale(1.06);
}

.ss-main .ss-multi-selected .ss-add .ss-plus:before {
  content: "\203A";
  /* background-image: url(/content/img/design/icons/vendor.svg);
  background-repeat: no-repeat;
  background-position: center; */
  display: block;
  color: var(--white-color);
  font-size: 35px;
  text-align: center;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.Wrapper--Header.sticky.sticky-fixed .Widget--banner.primary a {
  width: 200px;
}

.header-banner.banner-all-games .banner-all_games {
  width: 100%;
}

.header-banner .Item {
  margin-top: 120px;
}

.header-banner:not(.home_banner) .Item {
  margin-top: 50px;
}

.header-banner .Item img {
  width: 100%;
}

.Wrapper--Single.Wrapper--Header:not(.top) {
  position: fixed;
  padding: 0 20px;
  height: 120px;
  left: 0;
  right: 0;
  top: 0;
  z-index: 101;
}

.Wrapper--Single.Wrapper--Header:not(.top) .Container__Item {
  align-items: center;
}

.Wrapper--Single.Wrapper--Header.playSectionHeader {
  position: relative;
  top: initial;
  height: 122px;
  z-index: 999;
}

.slick-track {
  margin-left: initial;
  margin-right: initial;
}

.glyphicon.glyphicon-search.form-control-feedback.clearForm:before {
  content: initial;
}

.glyphicon.glyphicon-search.form-control-feedback.clearForm {
  pointer-events: initial;
  cursor: pointer;
}

.glyphicon.glyphicon-search.form-control-feedback.clearForm i {
  font-size: 18px;
  color: var(--white-color);
  position: relative;
  top: 13px;
}

.jackpot-section-wrapper .recent_winner {
  width: 625px;
  margin: auto;
  padding-top: 20px;
}

.jackpot-section-wrapper .recent_winner .header,
.jackpot-section-wrapper .recent_winner .tabs ul {
  display: none;
}

.game-articles {
  width: 349px;
}

.top-jack-title-bottom p {
  text-align: center;
  letter-spacing: 0px;
  color: var(--black-bingoFest);
  opacity: 1;
  font-size: 31px;
  margin-top: 20px;
  font-family: "Gilroy";
  font-weight: normal;
  font-weight: 500;
}

.Container--GamePage .game-page .game-container .game-controls .btn-refresh,
.Container--GamePage .game-page .game-container .game-controls .btn-close,
.Container--GamePage
  .game-page
  .game-container
  .game-controls
  .btn-full-screen {
  border: 1px solid var(--black-bingoFest);
  background-color: var(--black-bingoFest);
}

.Container--GamePage
  .game-page
  .game-container
  .game-controls
  .btn-refresh:hover,
.Container--GamePage .game-page .game-container .game-controls .btn-close:hover,
.Container--GamePage
  .game-page
  .game-container
  .game-controls
  .btn-full-screen:hover {
  background-color: var(--white-color);
  cursor: pointer;
}

.Container--GamePage
  .game-page
  .game-container
  .game-controls
  .btn-refresh:hover
  i,
.Container--GamePage
  .game-page
  .game-container
  .game-controls
  .btn-close:hover
  i,
.Container--GamePage
  .game-page
  .game-container
  .game-controls
  .btn-full-screen:hover
  i {
  color: var(--black-bingoFest);
}

.continuedContent {
  line-height: 0;
  display: block;
  font-size: 30px;
  text-align: center;
}

.rotateContent .scene {
  position: relative;
}

.rotateContent .rotateInfo {
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  overflow: hidden;
  transition: all ease-in-out 0.8s;
  transform: rotateY(180deg);
  background-color: #efefef;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  padding: 0 30px;
}

.scene.info--opened.viewRotatedContent .rotateInfo {
  z-index: 99;
}

.rotateContent .card {
  transition: all ease-in-out 0.8s;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  z-index: 1;
}

.viewRotatedContent .rotateInfo {
  transform: rotateY(0);
}

.viewRotatedContent .card {
  transform: rotateY(-180deg);
}

.article-cards .card-wrapper .rotateInfo .close-info {
  top: initial;
  bottom: 10px;
  margin: 0 auto;
  right: 50%;
  transform: translate(calc(100% + 10px), 0px);
}

.article-cards .card-wrapper .rotateInfo .content {
  height: calc(100% - 150px);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.product-card .picture-productThumb {
  position: relative;
  display: block;
  /* border-radius: 4px 4px 0px 0px;
  background-color: #050515; */
}

.product-card.loading .picture-productThumb {
  height: 150px;
}

body.mobile .product-card.loading .picture-productThumb {
  height: 102px;
}

.Container--GamePage .game-page.played-games-open .game-container .game-holder {
  height: calc(90vh - 260px) !important;
}

.fullscreen .Container--GamePage .game-page .game-container .game-holder {
  height: calc(100vh - 65px) !important;
  width: calc(100vw) !important;
}

.fullscreen
  .Container--GamePage
  .game-page.played-games-open
  .game-container
  .game-holder {
  height: calc(100vh - 155px) !important;
}

.ranges li {
  color: var(--black-bingoFest);
}

.ranges li.active,
.ranges li:hover {
  background-color: var(--black-bingoFest);
  border: 1px solid var(--black-bingoFest);
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: var(--black-bingoFest) !important;
}

.daterangepicker td.in-range {
  background-color: var(--transparent-blue);
}

.daterangepicker .input-mini.active {
  border: 1px solid var(--black-bingoFest);
}

[class^="game-container-type-"] {
  width: 100%;
}

.promo-title {
  display: none;
}

.load-more-container #loadMoreBtn,
.casino-categories .cat-url a {
  color: var(--brand-color-2);
  text-align: right;
  letter-spacing: -0.22px;
  font: normal normal normal 22px/31px "Gilroy";
  font-size: 19px !important;
  /* font-family: Gilroy-Medium; */
}

.logo_18 {
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 25px;
  justify-content: flex-end;
  width: 100%;
  align-items: center;
  padding: 0 30px;
}

.logo_18 .Item:first-of-type img {
  width: 40px;
}

.logo_18 .Item:last-of-type img {
  width: 70px;
}

.game-nav ul.categorycarousel:after {
  content: "";
  position: absolute;
  right: 0;
  z-index: 1;
  width: 9%;
  height: 100%;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.55) 50%,
    rgba(255, 255, 255, 0.7) 100%
  );
}

.game-nav ul.categorycarousel:before {
  content: "";
  position: absolute;
  left: 0;
  z-index: 1;
  width: 9%;
  height: 100%;
  background: linear-gradient(
    270deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.55) 50%,
    rgba(255, 255, 255, 0.7) 100%
  );
}

/* .nav-slidable .game-nav.fixed ul:after,
.nav-slidable .game-nav.fixed ul:before,
.blue-slider-wrapper.singlePage .Widget--banner--multi-page.fixed:before,
.blue-slider-wrapper.singlePage .Widget--banner--multi-page.fixed:after {
  height: 74%;
  top: 20px;
} */

.Wrapper--Single.launch-game {
  margin-top: 70px;
}

.page-wrapper > [class^="navigation_wrapper_"] {
  background-color: #f5f7f9;
  position: relative;
  z-index: 82;
  height: 40px;
}

.page-wrapper > [class^="navigation_wrapper_"] a {
  color: var(--black-bingoFest);
  font-size: 1.8rem;
}

.page-wrapper > .single[class^="navigation_wrapper_"] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
}

.page-wrapper
  > .single[class^="navigation_wrapper_"]
  > [class^="navigation_wrapper_"] {
  width: 1436px;
  padding: 0 10px;
}

.page-wrapper
  > .slidable[class^="navigation_wrapper_"]
  > [class^="navigation_wrapper_"] {
  position: absolute;
  top: 10px;
  left: 35px;
}

.page-wrapper
  > .slidable[class^="navigation_wrapper_"]
  > .navigation_wrapper_all-games {
  top: 223px;
}

.page-wrapper
  > .no-slidable[class^="navigation_wrapper_"]
  > [class^="navigation_wrapper_"] {
  position: absolute;
  top: 25px;
  left: 24px;
}

.js-payment-iframe {
  background-color: white !important;
}

.game-name-fav .game-fav {
  display: flex;
  align-items: center;
}

.game-name-fav .game-page-url {
  width: 25px;
  position: initial;
  background: white;
  opacity: 1;
  font-size: 30px;
  display: block;
  line-height: 1;
  border-radius: 5px;
  margin-right: 10px;
}

.game-name-fav .game-page-url:focus {
  outline: none;
}

/* MULTIBANNER START*/
.Widget--banner--multi-page * {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.Widget--banner--multi-page {
  display: flex;
  flex-wrap: nowrap;
  background-color: var(--black-bingoFest);
  width: 100%;
  height: 104px;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 15px 0;
  position: relative;
  gap: 20px;
  z-index: 97;
}

.Widget--banner--multi-page.fixed {
  z-index: 100;
}

.Widget--banner--multi-page .Item.cat:not(.selected-center) {
  text-align: center;
  position: relative;
  min-width: 80px;
  max-width: 100px;
  flex: 1;
}

.Widget--banner--multi-page .Item.cat:not(.selected-center) svg > path.st0 {
  fill: rgb(204, 170, 229);
}

.Widget--banner--multi-page .Item.cat:not(.selected-center):hover svg path {
  fill: #653b84;
}

.Widget--banner--multi-page .Item.cat:hover .Item__Label {
  color: #653b84;
}

.Widget--banner--multi-page .Item a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  height: calc(100% - 20px);
}

.Widget--banner--multi-page .Item a img {
  width: 45px;
  min-width: 45px;
  max-width: 45px;
}

.Widget--banner--multi-page .Item .Item__Label {
  color: #ccaae5;
  font-size: 16px;
  line-height: 15px;
  margin-top: 5px;
  font-weight: 500;
  position: absolute;
  bottom: 0;
  width: 130px;
  text-align: center;
  /* font-family: Gilroy-Medium; */
}

.Widget--banner--multi-page .Item.cat.selected-center .Item__Label {
  position: static;
}

.Widget--banner--multi-page .Item.cat.selected-center svg > path {
  fill: #ebebeb;
}

.Widget--banner--multi-page .Item.cat.selected-center {
  width: 152px;
  height: 152px;
  background-color: var(--black-bingoFest);
  border: 6px solid var(--brand-color-2);
  position: relative;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  top: -39px;
  /*box-sizing: border-box;*/
  margin: 0 10px;
}

.centered_circle {
  position: relative;
  text-align: center;
  display: flex;
  width: 152px !important;
}

.prevbtn {
  right: 50%;
  top: calc(50% + 3px);
  position: absolute;
  transform: translate(-60px, -50%);
  display: block;
  width: 46px;
}

.prevbtn > a > svg {
  width: 100%;
}

.prevbtn:hover {
  transform: translate(-65px, -50%);
}

.nextbtn {
  left: 50%;
  top: calc(50% + 3px);
  position: absolute;
  transform: translate(60px, -50%);
  width: 46px;
}

.nextbtn > a > svg {
  width: 100%;
}

.nextbtn:hover {
  transform: translate(65px, -50%);
}

.Widget--banner--multi-page .Item.cat.selected-center a {
  pointer-events: none;
  width: 156px;
  height: 76px;
}

/*
.Widget--banner--multi-page .Item.cat.selected-center a img {
  width: 70px;
  max-width: fit-content;
}*/

.Widget--banner--multi-page .Item.cat.selected-center .Item__Label {
  color: #ebebeb;
}

/*Multibanner centered Circle Item  - end */

/* Multibanner shadows - start */
.Widget--banner--multi-page::before,
.Widget--banner--multi-page::after {
  content: "";
  z-index: 1;
  top: 0;
  position: absolute;
  width: 184px;
  height: 100%;
}

.Widget--banner--multi-page::before {
  left: 0;
  background: transparent
    linear-gradient(270deg, #25023e00 0%, var(--black-bingoFest) 100%) 0% 0%
    no-repeat padding-box;
}

.Widget--banner--multi-page::after {
  right: 0;
  background: transparent
    linear-gradient(90deg, #25023e00 0%, var(--black-bingoFest) 100%) 0% 0%
    no-repeat padding-box;
}

/* Multibanner shadows - end */

/* Multibanner fixed */
.Widget--banner--multi-page.fixed .Item a img {
  width: 35px;
}

.Widget--banner--multi-page.fixed .Item.cat.selected-center {
  background: none;
  border: 0;
}

.Widget--banner--multi-page.fixed .nextbtn svg > g > path:first-child {
  fill: transparent !important;
  z-index: 1000;
}

.Widget--banner--multi-page.fixed .prevbtn svg > g > path:first-child {
  fill: transparent !important;
  z-index: 1000;
}

.Widget--banner--multi-page.fixed .nextbtn {
  transform: translate(50px, -50%);
}

.Widget--banner--multi-page.fixed .nextbtn:hover {
  transform: translate(55px, -50%);
}

.Widget--banner--multi-page.fixed .prevbtn {
  transform: translate(-50px, -50%);
}

.Widget--banner--multi-page.fixed .prevbtn:hover {
  transform: translate(-55px, -50%);
}

/*
.Widget--banner--multi-page.fixed .Item.cat.selected-center a img { width: 65px; }

.Widget--banner--multi-page .Item.cat.selected-center a img {
  filter:  brightness(0) invert(1);
}

.Widget--banner--multi-page .Item a img:hover {.Widget--banner--multi-page .Item.cat.selected-center::before
  filter: saturate(900%) brightness(180%);
}

@media screen and (max-width: 1650px) {
  .Widget--banner--multi-page {
      height: 130px;
  }
  .Widget--banner--multi-page .Item a img {
      width: 80%;
  }
  .Widget--banner--multi-page .Item .Item__Label {
      font-size: 13px;
      bottom: 30px;
  }
}
*/

.content_about-us *,
.content_contact-us *,
.content_privacy-policy *,
.content_terms * {
  /* font-family: "Gilroy" !important; */
}

.app-root > .game-launch-wrapper {
  margin-top: -56px;
}

.game-launch-wrapper .game-holder:first-of-type {
  width: 100%;
  height: 100vh;
}

.game-launch-wrapper .game-holder:first-of-type .game-page {
  height: 100%;
}

.game-launch-wrapper .game-holder:first-of-type .game-page .game-container {
  height: 100%;
}

/* @media screen and (max-width: 1330px) {
  .Widget--banner--multi-page {
      height: 115px;
  }
  .Widget--banner--multi-page .Item a img {
      width: 65%;
      margin-bottom: 10px;
  }
} */
/* MULTIBANNER END*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600 !important;
}

h1 {
  font-size: 32px;
}

h2 {
  font-size: 26px;
}

h3 {
  font-size: 22px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 14px;
}

.registrationPassportID {
  display: none;
}

.codeMobilePassportSection {
  display: flex;
  justify-content: space-between;
}

.codeMobilePassportSection > .col-xs-4 {
  width: 33.33333333%;
}

.codeMobilePassportSection > .col-xs-3 {
  width: 66.66666667%;
  padding-right: 15px !important;
  padding-left: 15px !important;
}

/* Home slider hide START */
.Wrapper--Single.blue-slider-wrapper.home_section
  .Container__Item.game-nav.row {
  display: none;
}

.Wrapper--Single.blue-slider-wrapper.home_section
  .Container__Item.nav-slidable {
  height: 50px !important;
  display: none;
}

.Wrapper--Single.blue-slider-wrapper.home_section {
  background-color: var(--black-bingoFest);
}

.swiper-button-prev {
  display: none;
  visibility: hidden;
  position: absolute;
  left: -14px;
  height: calc(100% - 26px);
  width: 76px;
  margin-top: 11px;
  border-radius: 5px 0 0 5px;
}

.swiper-button-prev:not([role="button"]):before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 76px;
  height: 100%;
  background-size: 100% 100%;
  background: url("/content/img/design/icons/sp-hover-arrow-left.svg") no-repeat
    center center;
}

.swiper-button-next {
  display: block;
  visibility: hidden;
  position: absolute;
  right: 0;
  height: calc(100% - 26px);
  width: 76px;
  margin-top: 11px;
}

.swiper-button-next:not([role="button"]):before {
  content: "";
  position: absolute;
  width: 76px;
  left: 0;
  top: 0;
  height: 100%;
  background-size: 100% 100%;
  background: url("/content/img/design/icons/sp-hover-arrow-right.svg")
    no-repeat center center;
}

.game-list-slidable
  .casino-game-list-item
  .lazyLoadSliderContainer.swiper:hover
  .swiper-button-prev,
.game-list-slidable
  .casino-game-list-item
  .lazyLoadSliderContainer.swiper:hover
  .swiper-button-next {
  visibility: visible;
  cursor: pointer;
}

.game-list-slidable .casino-categories.promo-cat .slick-prev {
  left: 10px;
  top: 10px;
  height: calc(100% - 25px);
}

.game-list-slidable .casino-categories.promo-cat .slick-next {
  right: 10px;
  top: 10px;
  height: calc(100% - 25px);
}

.game-list-slidable .casino-categories:not(.promo-cat) .slick-prev {
  left: 10px;
  height: calc(100% - 25px);
}

.game-list-slidable .casino-categories:not(.promo-cat) .slick-next {
  right: 0;
  height: calc(100% - 25px);
}

.game-list-slidable .promo-cat.casino-categories .slick-prev:before,
.game-list-slidable .promo-cat.casino-categories .slick-next:before {
  opacity: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  content: "";
  height: 60px;
}

.game-list-slidable .casino-categories .slick-next:before,
.game-list-slidable .casino-categories .slick-prev:before {
  content: "";
}

.game-list-slidable .casino-categories .slick-next:hover:before {
  background: url(/content/img/design/icons/right-arrow.svg) no-repeat center
    center !important;
}

.game-list-slidable
  .casino-categories:not(.promo-cat)
  .slick-next:hover:before {
  width: 10px;
  height: 40px;
  left: 50%;
  transform: translate(-50%, 0);
}

.game-list-slidable .casino-categories .slick-prev:hover:before {
  content: " ";
  background: url(/content/img/design/icons/right-arrow.svg) no-repeat center
    center;
  width: 10px;
  height: 40px;
  margin-left: 13px;
}

.game-list-slidable
  .casino-categories:not(.promo-cat)
  .slick-prev:hover:before {
  content: " ";
  background: url(/content/img/design/icons/right-arrow.svg) no-repeat center
    center;
  width: 10px;
  height: 40px;
  margin-left: 13px;
}

.slick-disabled {
  display: none !important;
}

.slick-prev,
.slick-next {
  top: 10px;
  transform: translate(0, 0);
}

.Wrapper--Single.footer-logo .multibanner-slidable.footer,
.Wrapper--Single.footer-logo .multibanner-vendors.footer {
  width: 100%;
  background-color: var(--red-parrot);
  box-shadow: 0px 1px 10px 0px var(--red-parrot);
  border-bottom: 2px solid var(--black-bingoFest);
}

.Wrapper--Single.footer-logo .multibanner-slidable.footer:not(.slick-slider),
.Wrapper--Single.footer-logo .multibanner-vendors.footer:not(.slick-slider) {
  display: flex;
  height: 95px;
  gap: 50px;
  padding: 0 2.5%;
}

body.mobile
  .Wrapper--Single.footer-logo
  .multibanner-slidable.footer:not(.slick-slider),
body.mobile
  .Wrapper--Single.footer-logo
  .multibanner-vendors.footer:not(.slick-slider) {
  gap: normal;
}

.Wrapper--Single.footer-logo
  .multibanner-slidable.footer:not(.slick-slider)
  .Item,
.Wrapper--Single.footer-logo
  .multibanner-vendors.footer:not(.slick-slider)
  .Item {
  display: flex;
  align-items: center;
}

.Wrapper--Single.footer-logo .multibanner-slidable.footer .slick-list,
.Wrapper--Single.footer-logo .multibanner-vendors.footer .slick-list {
  width: 95%;
  margin: 0 auto !important;
  overflow: hidden;
  padding: 0 !important;
}

.Wrapper--Single.footer-logo
  .multibanner-slidable.footer
  .slick-list
  .slick-track,
.Wrapper--Single.footer-logo
  .multibanner-vendors.footer
  .slick-list
  .slick-track {
  display: flex;
  align-items: center;
  height: 95px;
}

.multibanner-slidable.footer.slick-slider .slick-prev,
.multibanner-vendors.footer.slick-slider .slick-prev,
.slick-next {
  top: 0;
  height: 100%;
}

.Wrapper--Single.footer-logo .multibanner-slidable.footer .Item.slick-slide,
.Wrapper--Single.footer-logo .multibanner-vendors.footer .Item.slick-slide {
  margin: 0 25px !important;
  overflow: hidden;
  display: flex;
  align-items: center;
  pointer-events: none;
}

.Wrapper--Single.footer-logo .multibanner-slidable.footer .Item.slick-slide svg,
.Wrapper--Single.footer-logo .multibanner-vendors.footer .Item.slick-slide svg {
  overflow: visible !important;
  width: 100%;
}

.Container--full.short-cat {
  display: flex;
}

.Wrapper--Single.footer-logo .multibanner-slidable.footer a,
.Wrapper--Single.footer-logo
  .multibanner-vendors.footer
  a
  .Wrapper--Single.footer-logo
  .multibanner-slidable.footer
  a:focus,
.Wrapper--Single.footer-logo .multibanner-vendors.footer a:focus {
  outline: none;
  display: flex;
}

#chatBeaconBtn:not(.hide) {
  width: 80px;
}

.promo-card-img {
  width: 100%;
  border-radius: 12px;
}

.swiper .product-wrapper:not(.hero) {
  grid-gap: 0;
}

.game-category-selector-container-replacer:before {
  display: block;
  content: "";
  background-image: url("/content/img/design/icons/vendor.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-color: var(--black-bingoFest);
  border-radius: 0 4px 4px 0;
  margin: auto;
  text-align: center;
  height: 100%;
  width: 55px;
  position: absolute;
  right: 0;
  top: 0;
}

.nav-simple .game-category-selector-container {
  margin-right: 15px !important;
}

.ss-main .ss-multi-selected .ss-values {
  width: 100%;
}

.ss-main .ss-multi-selected .ss-add .ss-plus,
.search-wrapper form .glyphicon.glyphicon-search {
  transform: scale(1);
  height: 100%;
  top: 0;
  right: 0;
}

/* Home slider hide END */

/* DESKTOP: ABOUT US */
.about-us-image-2,
.about-us-1 {
  width: 100%;
  max-width: 1400px;
  display: flex;
  margin: 0 auto;
}

.about-us-3 {
  background-image: url("/content/img/banners/bg-clouds.png");
  background-position: center bottom;
  background-size: contain;
  background-repeat: no-repeat;
  padding-bottom: 130px;
  background-color: #d7ebf7;
  margin: 0 auto;
  width: 100%;
  display: flex;
}

.about-us-image-2 > .Container__Item,
.about-us-image-2,
.about-us-1 > .Container__Item,
.about-us-1 .Copyright {
  flex: 1 1 50%;
}

.about-us-1 .Copyright {
  padding: 100px 0 0 100px;
}

.about-us-image-2 .about-us-content-3 {
  padding: 0 0 0 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.about-us-image-2 h2,
.about-us-image-2 p,
.about-us-1 h2,
.about-us-1 p {
  /* font-family: Gilroy; */
  font-size: 18px;
  font-weight: 300;
  max-width: 968px;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  color: var(--black-bingoFest);
}

.about-us-image-2 h2,
.about-us-1 h2 {
  padding-bottom: 24px;
  font-size: 50px;
  color: var(--black-bingoFest);
}

.about-us-image-2 h2 strong,
.about-us-1 h2 strong {
  font-family: Gilroy-Bold;
}

.lock-image {
  padding-top: 92px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--black-bingoFest);
}

.lock-image img {
  width: 176px;
}

.about-us-content-2 {
  padding: 32px 0 92px 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--black-bingoFest);
}

.about-us-content-2 h2,
.about-us-content-2 p {
  /* font-family: Gilroy; */
  font-size: 18px;
  font-weight: 300;
  max-width: 968px;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  text-align: center;
  color: var(--white-color);
}

.about-us-content-2 h2 {
  padding-bottom: 24px;
  font-size: 50px;
}

.about-us-content-2 h2 strong {
  /* font-family: Gilroy-Bold; */
}

.Wrapper--Single.footer-logo.static {
  margin-top: 0;
}

/* DESKTOP: PRIVACY POLICY */
.privacy-policy-wrapper {
  width: 100%;
  max-width: 1400px;
  display: flex;
  margin: 0 auto;
}

.privacy-policy-wrapper .privacy-policy-content,
.privacy-policy-wrapper .Container__Item {
  flex: 1 1 50%;
}

.privacy-policy-wrapper .privacy-policy-content {
  padding: 0 0 80px 100px;
}

.privacy-policy-wrapper .Container__Item:after {
  content: "";
  display: block;
  width: 100%;
  height: 296px;
  background: transparent
    linear-gradient(180deg, #ffffff00 0%, var(--white-color) 100%) 0% 0%
    no-repeat padding-box;
  position: absolute;
  bottom: 0;
}

.privacy-policy-wrapper .privacy-policy-content h1 {
  margin-top: 0;
  font-size: 58px;
  /* font-family: Gilroy-Bold !important; */
  font-weight: 500 !important;
  color: var(--black-bingoFest);
  margin-bottom: 36px;
  padding: 0;
}

.privacy-policy-wrapper .privacy-policy-content p {
  font-size: 16px;
  line-height: 27px;
  color: var(--black-bingoFest);
  font-weight: 600;
  margin-bottom: 27px;
}

.privacy-policy-wrapper .privacy-policy-content p a {
  color: var(--black-bingoFest);
  font-weight: bold;
  text-decoration: underline;
}

.privacy-policy-wrapper .privacy-policy-content strong {
  /* font-family: Gilroy-Bold; */
}

.privacy-policy-wrapper .privacy-policy-content h2 {
  font-size: 34px;
  /* font-family: Gilroy-Medium; */
  color: var(--transparent-blue-2);
  margin-bottom: 36px;
  padding-bottom: 5px;
  border-bottom: 3px solid var(--transparent-blue-2);
}

/* DESKTOP: TERMS & CONDITIONS */
.content-wrapper.terms {
  width: 100%;
  max-width: 1400px;
  display: flex;
  margin: 0 auto;
}

.content-wrapper.terms .Container__Item,
.content-wrapper.terms .content_terms-conditions {
  flex: 1 1 50%;
}

.content-wrapper.terms .content_terms-conditions {
  padding: 0 0 80px 100px;
}

.content-wrapper.terms .Container__Item:after {
  content: "";
  display: block;
  width: 100%;
  height: 296px;
  background: transparent
    linear-gradient(180deg, #ffffff00 0%, var(--white-color) 100%) 0% 0%
    no-repeat padding-box;
  position: absolute;
  bottom: 0;
}

.content-wrapper.terms .content_terms-conditions h1 {
  margin-top: 0;
  font-size: 58px;
  /* font-family: Gilroy-Bold !important; */
  font-weight: 500 !important;
  color: var(--black-bingoFest);
  margin-bottom: 36px;
  padding: 0;
}

.content-wrapper.terms .content_terms-conditions p {
  font-size: 16px;
  line-height: 27px;
  color: var(--black-bingoFest);
  font-weight: 600;
  margin-bottom: 27px;
}

.content-wrapper.terms .content_terms-conditions p a {
  color: var(--black-bingoFest);
  font-weight: bold;
  text-decoration: underline;
}

.content-wrapper.terms .content_terms-conditions strong {
  font-family: Gilroy-Bold;
}

.content-wrapper.terms .content_terms-conditions h2 {
  font-size: 34px;
  /* font-family: Gilroy-Medium; */
  color: var(--transparent-blue-2);
  margin-bottom: 36px;
  padding-bottom: 5px;
  border-bottom: 3px solid var(--transparent-blue-2);
}

/* DESKTOP: RESPONSIBLE GAMING */
.responsible-wrapper {
  width: 100%;
  max-width: 1400px;
  display: flex;
  margin: 0 auto;
}

.responsible-wrapper > .Container__Item,
.responsible-wrapper > .Copyright {
  flex: 1 1 50%;
}

.responsible-wrapper > .Copyright {
  padding: 0 0 80px 100px;
}

.responsible-wrapper > .Container__Item:after {
  content: "";
  display: block;
  width: 100%;
  height: 296px;
  background: transparent
    linear-gradient(180deg, #ffffff00 0%, var(--white-color) 100%) 0% 0%
    no-repeat padding-box;
  position: absolute;
  bottom: 0;
}

.responsible-wrapper > .Copyright h1 {
  margin-top: 0;
  font-size: 58px;
  /* font-family: Gilroy-Bold !important; */
  font-weight: 500 !important;
  color: var(--black-bingoFest);
  margin-bottom: 36px;
  padding: 0;
}

.responsible-wrapper > .Copyright p {
  font-size: 16px;
  line-height: 27px;
  color: var(--black-bingoFest);
  font-weight: 600;
  margin-bottom: 27px;
}

.responsible-wrapper > .Copyright p a {
  color: var(--black-bingoFest);
  font-weight: bold;
  text-decoration: underline;
}

.responsible-wrapper > .Copyright strong {
  /* font-family: Gilroy-Bold; */
}

.responsible-wrapper > .Copyright h2 {
  font-size: 34px;
  /* font-family: Gilroy-Medium; */
  color: var(--transparent-blue-2);
  margin-bottom: 36px;
  padding-bottom: 5px;
  border-bottom: 3px solid var(--transparent-blue-2);
}

/* DESKTOP: TERMS & CONDITIONS */
.content-wrapper.terms {
  width: 100%;
  max-width: 1400px;
  display: flex;
  margin: 0 auto;
}

.content-wrapper.terms .Container__Item,
.content-wrapper.terms .content_terms-conditions {
  flex: 1 1 50%;
}

.content-wrapper.terms .content_terms-conditions {
  padding: 0 0 0 100px;
}

.content-wrapper.terms .content_terms-conditions h1 {
  margin-top: 0;
  font-size: 58px;
  /* font-family: Gilroy-Bold !important; */
  font-weight: 500 !important;
  color: var(--black-bingoFest);
  margin-bottom: 36px;
  padding: 0;
}

.content-wrapper.terms .content_terms-conditions p {
  font-size: 16px;
  line-height: 27px;
  color: var(--black-bingoFest);
  font-weight: 600;
  margin-bottom: 27px;
}

.content-wrapper.terms .content_terms-conditions p a {
  color: var(--black-bingoFest);
  font-weight: bold;
  text-decoration: underline;
}

.content-wrapper.terms .content_terms-conditions strong {
  /* font-family: Gilroy-Bold; */
}

.content-wrapper.terms .content_terms-conditions h2 {
  font-size: 34px;
  /* font-family: Gilroy-Medium; */
  color: var(--transparent-blue-2);
  margin-bottom: 36px;
  padding-bottom: 5px;
  border-bottom: 3px solid var(--transparent-blue-2);
}

/* DESKTOP: FAQ */
.faq-wrapper {
  width: 100%;
  max-width: 1400px;
  display: flex;
  margin: 0 auto;
}

.faq-wrapper .faq-content,
.faq-wrapper .Container__Item {
  display: block;
  flex: 1 1 50%;
}

.faq-wrapper .faq-image img {
  width: 100%;
}

.faq-wrapper .faq-content {
  padding: 0 0 80px 100px;
}

.faq-wrapper > .Container__Item:after {
  content: "";
  display: block;
  width: 100%;
  height: 296px;
  background: transparent
    linear-gradient(180deg, #ffffff00 0%, var(--white-color) 100%) 0% 0%
    no-repeat padding-box;
  position: absolute;
  bottom: 0;
}

.faq-wrapper .faq-content h1 {
  margin-top: 0;
  font-size: 58px;
  /* font-family: Gilroy-Medium; */
  color: var(--black-bingoFest);
  margin-bottom: 36px;
  padding: 0;
}

.faq-wrapper .faq-content p {
  font-size: 16px;
  line-height: 27px;
  color: var(--black-bingoFest);
  font-weight: 600;
  margin-bottom: 27px;
}

.faq-wrapper .faq-content p a {
  color: var(--black-bingoFest);
  font-weight: bold;
  text-decoration: underline;
}

.faq-wrapper .faq-content strong {
  /* font-family: Gilroy-Bold; */
}

.faq-wrapper .faq-content h2 {
  font-size: 34px;
  /* font-family: Gilroy-Medium; */
  color: var(--transparent-blue-2);
  margin-bottom: 36px;
  padding-bottom: 5px;
  border-bottom: 3px solid var(--transparent-blue-2);
}

.faq-wrapper .faq-content h3 {
  line-height: 1.3;
}

.faq-wrapper .faq-content ol {
  padding: 24px;
  background-color: #f9f9f9;
  list-style: none;
}

.faq-wrapper .faq-content li {
  font-size: 16px;
  margin-left: 42px;
  position: relative;
  z-index: 1;
  line-height: 2;
}

.faq-wrapper .faq-content li:before {
  content: " ";
  width: 32px;
  height: 24px;
  position: absolute;
  left: -42px;
  top: 0;
  z-index: 0;
  transform: translate(0, 5px);
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url("/content/img/banners/olli.svg");
  background-repeat: no-repeat;
}

.faq-wrapper .faq-content li:first-child:before {
  content: "1.";
}

.faq-wrapper .faq-content li:nth-child(2):before {
  content: "2.";
}

.faq-wrapper .faq-content li:nth-child(3):before {
  content: "3.";
}

.faq-wrapper .faq-content li:nth-child(4):before {
  content: "4.";
}

/* DESKTOP: BANKING */

.Banking-wrapper-2,
.Banking-wrapper-1 {
  width: 100%;
  max-width: 1264px;
  display: flex;
  margin: 0 auto;
}

.Banking-wrapper-2 .Container__Item,
.Banking-wrapper-2 .banking-content-2,
.Banking-wrapper-1 .Container__Item,
.Banking-wrapper-1 .banking-content-1 {
  display: block;
  flex: 1 1 50%;
}

.Banking-wrapper-1 {
  margin-bottom: 48px;
}

.Banking-wrapper-2 {
  margin-top: 63px;
}

.Banking-wrapper-2 .Container__Item .banking-image-2 img,
.Banking-wrapper-1 .Container__Item .banking-image-1 img {
  width: 100%;
}

.Banking-wrapper-2 .banking-content-2,
.Banking-wrapper-1 .banking-content-1 {
  padding: 0 0 0 100px;
}

.Banking-wrapper-2 .banking-content-2 h1,
.Banking-wrapper-1 .banking-content-1 h1 {
  margin-top: 0;
  font-size: 58px;
  /* font-family: Gilroy-Bold !important; */
  font-weight: 500 !important;
  color: var(--black-bingoFest);
  margin-bottom: 36px;
  padding: 0;
}

.Banking-wrapper-2 .banking-content-2 p,
.Banking-wrapper-1 .banking-content-1 p {
  font-size: 16px;
  line-height: 27px;
  color: var(--black-bingoFest);
  font-weight: 600;
  margin-bottom: 27px;
}

.Banking-wrapper-2 .banking-content-2 p a,
.Banking-wrapper-1 .banking-content-1 p a {
  color: var(--black-bingoFest);
  font-weight: bold;
  text-decoration: underline;
}

.Banking-wrapper-2 .banking-content-2 strong,
.Banking-wrapper-1 .banking-content-1 strong {
  /* font-family: Gilroy-Bold; */
}

.Banking-wrapper-2 .banking-content-2 h2,
.Banking-wrapper-1 .banking-content-1 h2 {
  font-size: 34px;
  /* font-family: Gilroy-Medium; */
  color: var(--transparent-blue-2);
  margin-bottom: 36px;
  padding-bottom: 5px;
  border-bottom: 3px solid var(--transparent-blue-2);
}

.Banking-wrapper-2 .banking-content-2 h3,
.Banking-wrapper-1 .banking-content-1 h3 {
  line-height: 1.3;
}

.Banking-wrapper-2 .banking-content-2 ul,
.Banking-wrapper-1 .banking-content-1 ul {
  padding: 24px;
  background-color: #f9f9f9;
  list-style: none;
}

.Banking-wrapper-2 .banking-content-2 li,
.Banking-wrapper-1 .banking-content-1 li {
  font-size: 16px;
  margin-left: 42px;
  position: relative;
  z-index: 1;
  line-height: 2;
  font-weight: 600;
}

.Banking-wrapper-2 .banking-content-2 li:before,
.Banking-wrapper-1 .banking-content-1 li:before {
  content: " ";
  width: 32px;
  height: 24px;
  position: absolute;
  left: -42px;
  top: 0;
  z-index: 0;
  transform: translate(0, 5px);
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url("/content/img/banners/olli.svg");
  background-repeat: no-repeat;
}

.Payment-complex-page-wrapper .article-cards {
  width: 100%;
  max-width: 1440px;
  display: flex;
  margin: 0 auto;
  flex-wrap: nowrap !important;
}

.Payment-complex-page-wrapper .article-cards > div {
  flex: 1;
}

.Payment-complex-page-wrapper .article-cards .scene .card {
  background-color: transparent;
  margin: 0;
}

.Payment-complex-page-wrapper .article-cards .scene .card .front {
  height: 88px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 2px solid #d6d3d3;
  border-top: 2px solid #d6d3d3;
  border-radius: 0;
}

.Payment-complex-page-wrapper .article-cards .scene .card .back {
  height: 88px;
  border-bottom: 2px solid #d6d3d3;
  border-radius: 0;
  background-color: transparent;
  position: relative;
}

.Payment-complex-page-wrapper .article-cards .scene .card .back * {
  text-align: left;
  color: var(--black-bingoFest);
  font-size: 18px;
  /* font-family: Gilroy !important; */
  margin: 0;
}

.Payment-complex-page-wrapper .article-cards > div:nth-child(even) {
  background-color: #f8f8f8;
}

.Payment-complex-page-wrapper .article-cards .card-image {
  width: auto;
  height: auto;
  object-fit: initial;
  border-radius: 0;
}

.Payment-complex-page-wrapper .article-cards .card .content {
  padding: 16px;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.Payment-complex-page-wrapper .article-cards .card .content p:first-child {
  margin-bottom: 6px;
}

.Payment-complex-page-wrapper .article-cards .card .content > p > span {
  display: flex;
}

.Payment-complex-page-wrapper
  .article-cards
  .card
  .content
  > p
  > span
  > span:first-child {
  width: 50px;
}

.Payment-complex-page-wrapper .article-cards .card-title {
  display: none;
}

.Payment-complex-page-wrapper .article-cards .card .read-more {
  position: absolute;
  height: 24px;
  width: 20px;
  background-color: var(--black-bingoFest);
  right: 13px;
  top: 8px;
  border-radius: 0;
  margin: 0;
  color: var(--white-color) !important;
}

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

.content-wrapper.contact .Copyright {
  width: 100%;
  display: flex;
}

.content-wrapper.contact .content_contact-us {
  display: flex;
  transform: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  max-width: 596px;
}

.content-wrapper.contact > .Container__Item {
  margin: 83px auto 96px;
}

.content-wrapper.contact .contact-us-icons {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  max-width: 786px;
}

.content-wrapper.contact .contact-us-icons .Item {
  width: 100%;
  flex: 1;
}

.content-wrapper.contact .contact-us-icons .Item a {
  user-select: none;
  pointer-events: none;
  cursor: auto;
}

.content-wrapper.contact .contact-us-icons * {
  color: var(--black-bingoFest);
  /* font-family: Gilroy-Bold !important; */
  font-weight: 500;
  font-size: 20px;
}

.content-wrapper.contact .content_contact-us h1 {
  margin-top: 0;
  font-size: 58px;
  /* font-family: Gilroy-Bold !important; */
  font-weight: 500 !important;
  color: var(--black-bingoFest);
  margin-bottom: 36px;
  padding: 0;
}

.content-wrapper.contact .content_contact-us p {
  /* font-family: Gilroy-Medium !important; */
  font-size: 1.8rem;
  color: var(--black-bingoFest);
}

.contact-us-2-wrapper .register-now_content * {
  /* font-family: Gilroy-Medium; */
  font-size: 18px;
  color: var(--black-bingoFest);
}

/* DESKTOP: PROMOTIONS*/

.promotions-second-banners .card,
.promotions-first-banner .card {
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding-bottom: 242px;
  position: relative;
}

.promotions-second-banners .card-image,
.promotions-first-banner .card-image {
  border-radius: 8px 8px 0 0;
  height: auto;
}

.promotions-first-banner {
  overflow: initial !important;
}

.promotions-second-banners .back,
.promotions-first-banner .back {
  box-shadow: 0px 7px 7px #00000029;
  height: 242px;
  border-radius: 0 0 8px 8px;
  bottom: 0;
  top: auto;
  position: absolute;
  z-index: 1000;
}

.promotions-first-banner.card-wrapper .card .read-more {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(calc(-100% - 12px), 0);
  background-color: var(--black-bingoFest);
  font-size: 18px;
  /* font-family: Gilroy-Bold; */
}

.promotions-forth-banner.article-cards.article-cards .card .read-more:hover,
.promotions-second-banners.article-cards .card .read-more:hover,
.promotions-first-banner.card-wrapper .card .read-more:hover,
.promotions-forth-banner .rotateInfo .read-more:hover {
  background-color: transparent;
  border: 2px solid var(--black-bingoFest);
  color: var(--black-bingoFest);
}

.promotions-first-banner.card-wrapper .card .content {
  height: 65px;
  overflow: hidden;
  transition: all ease-in-out 0.5s;
}

.promotions-first-banner.card-wrapper .card .content * {
  font-size: 16px;
  line-height: 1;
}

.promotions-first-banner.card-wrapper .card .content p {
  margin-bottom: 6px;
  line-height: 1.6;
}

.contentOpened .card .content,
.rotateInfo .content {
  /* overflow-y: auto ; */
  /* -webkit-overflow-scrolling: touch; */
  /* overflow-x: hidden; */
  /* touch-action: auto;/ */
}

.promotions-first-banner.card-wrapper .back .close-info,
.promotions-second-banners.article-cards .card-wrapper .close-info {
  position: absolute;
  right: 50%;
  top: initial;
  bottom: 0;
  z-index: 5;
  width: 248px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  margin: 25px auto 30px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  /* font-family: Gilroy-Bold; */
  font-size: 18px;
  transform: translate(calc(100% + 12px), 0);
  border: 2px solid var(--black-bingoFest);
  background-color: transparent;
  color: var(--black-bingoFest);
}

body:not(.mobile) .promotions-first-banner .back .close-info:hover,
body:not(.mobile) .promotions-second-banners .card-wrapper .close-info:hover {
  background-color: var(--black-bingoFest);
  color: var(--white-color);
}

.promotions-first-banner .back .close-info i {
  display: none;
}

.promotions-first-banner .back .close-info:after {
  content: "T&C";
}

.promotions-second-banners .card-wrapper {
  overflow: initial;
}

.promotions-second-banners {
  gap: 64px;
}

.promotions-second-banners:after,
.promotions-second-banners:before {
  display: none;
}

.promotions-second-banners .card-wrapper {
  padding: 0 !important;
  flex: 1;
}

.promotions-second-banners .card-title {
  font: normal normal normal 34px/42px MADE Sunflower;
  padding: 10px 0 0;
  color: var(--black-bingoFest);
  font-family: MADE Sunflower, Regular;
  font: normal normal normal 34px/42px MADE Sunflower;
}

.promotions-second-banners .card .content {
  font: normal normal normal 14px/21px "Gilroy";
  font-weight: normal;
  height: 65px;
  overflow: hidden;
  transition: all ease-in-out 0.5s;
}

.promotions-second-banners.article-cards .card-wrapper .close-info i {
  display: none;
}

.promotions-second-banners.article-cards .card-wrapper .close-info:after {
  content: "T&C";
}

.promotions-second-banners.article-cards .card .read-more {
  left: 50%;
  transform: translate(calc(-100% - 12px), 0);
  position: absolute;
  bottom: 0;
  background-color: var(--black-bingoFest);
  font-size: 18px;
  /* font-family: Gilroy-Bold; */
}

.promotions-second-banners,
.promotions-first-banner {
  width: 100%;
  max-width: 1440px;
  margin-bottom: 60px;
  padding: 0 !important;
}

.promotions-second-banners .card-title,
.promotions-first-banner .card-title {
  /* font-family: Gilroy-Bold; */
  font-size: 40px;
  padding: 10px 4px;
  color: var(--black-bingoFest);
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.promotions-forth-banner .card-title {
  /* font-family: Gilroy-Bold; */
  font-size: 40px;
  padding: 10px 4px;
  color: var(--black-bingoFest);
}

.promotions-forth-banner .card-title,
.promotions-second-banners .card-title {
  font-size: 34px;
}

.promotions-forth-banner .front .card-image {
  display: flex;
}

.promotions-second-banners .scene .back,
.promotions-first-banner .scene .back {
  transition: all 0.3s ease-in-out;
}

.promotions-second-banners .scene.info--opened .back,
.promotions-first-banner .scene.info--opened .back {
  height: 100%;
  border-radius: 8px;
}

.promotions-second-banners .scene.info--opened .back .content,
.promotions-first-banner .scene.info--opened .back .content {
  overflow-y: auto;
}

.promotions-second-banners
  .scene.info--opened
  .back
  .content::-webkit-scrollbar,
.promotions-first-banner .scene.info--opened .back .content::-webkit-scrollbar {
  width: 4px;
}

.promotions-second-banners .scene.info--opened .continuedContent,
.promotions-first-banner .scene.info--opened .continuedContent {
  display: none;
}

.promotions-second-banners .card .content,
.promotions-first-banner .card .content {
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}

.promotions-second-banners .scene.info--opened .card .content,
.promotions-first-banner .scene.info--opened .card .content {
  height: calc(100% - 180px);
}

.promotions-second-banners .promotions-first-banner {
  margin-bottom: 0;
}

.promotions-forth-banner {
  flex-direction: column;
  width: 1440px;
}

.promotions-forth-banner .card-wrapper {
  width: 100%;
  margin-bottom: 55px;
  padding: 0 !important;
  border-radius: 8px;
  box-shadow: 0px 7px 7px #00000029;
}

.promotions-forth-banner .card {
  display: flex;
  height: 272px !important;
  margin-top: 0;
  margin-bottom: 0;
  border-radius: 8px;
}

.promotions-forth-banner .back {
  border-radius: 0 8px 8px 0;
  padding: 64px 392px 64px 64px;
  display: flex;
  flex-direction: column;
}

.promotions-forth-banner .back .card-title {
  grid-area: title;
  text-align: left;
  padding: 0 !important;
}

.promotions-forth-banner .card .content {
  text-align: left;
  padding: 0;
  height: 100%;
  overflow-y: hidden;
}

.promotions-forth-banner .card .content:after {
}

.promotions-forth-banner .read-more {
  grid-area: button;
}

.promotions-forth-banner .front {
  width: 480px;
  height: 100%;
  border-radius: 8px 0 0 8px;
}

.promotions-forth-banner .front a {
  display: flex;
  height: 100%;
}

.promotions-forth-banner .front .card-image {
  object-fit: cover;
  height: 100%;
  border-radius: 8px 0 0 8px;
}

.promotions-forth-banner .close-info i {
  display: none;
}

.promotions-forth-banner.article-cards .card-wrapper .close-info {
  position: absolute;
  right: 72px;
  bottom: 72px;
  top: auto;
  text-decoration: none;
  width: 248px;
  height: 48px;
  border-radius: 50px;
  color: var(--black-bingoFest);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  /* font-family: Gilroy-Bold; */
  font-size: 18px;
  border: 2px solid var(--black-bingoFest);
}

.promotions-forth-banner.article-cards .card-wrapper .close-info:hover,
.article-cards .card-wrapper .rotateInfo .close-info:hover {
  background: var(--black-bingoFest);
  background-color: var(--black-bingoFest) !important;
  color: var(--white-color) !important;
}

.promotions-forth-banner.article-cards.article-cards .card .read-more {
  position: absolute;
  right: 72px;
  background-color: var(--black-bingoFest);
  font-size: 18px;
  /* font-family: Gilroy-Bold; */
  top: 72px;
  margin: 0;
}

.promotions-forth-banner .close-info:after {
  content: "T&C";
}

.promotions-forth-banner .rotateInfo * {
  /* font-family: Gilroy-Medium; */
  font-size: 14px !important;
  line-height: 1.3 !important;
}

.promotions-forth-banner .rotateInfo::-webkit-scrollbar {
  width: 3px;
}

.promotions-forth-banner .rotateInfo p {
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.promotions-forth-banner .rotateInfo strong {
  /* font-family: Gilroy-Bold; */
}

.promotions-forth-banner .rotateInfo .content {
  height: 90% !important;
}

.rotateContent .rotateInfo {
  padding: 30px 392px 30px 30px;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.rotateContent .rotateInfo .content::-webkit-scrollbar {
  width: 3px;
}

.rotateContent .rotateInfo .card-title {
  padding: 10px 0 20px 0;
  /* font-family: Gilroy-Bold; */
  font-size: 32px !important;
}

.promotions-forth-banner .rotateInfo .read-more {
  position: absolute;
  bottom: 10px;
  right: 72px;
  width: 248px;
  height: 48px;
  background-color: var(--black-bingoFest);
  border-radius: 50px;
  color: var(--white-color);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0 !important;
  font-size: 18px !important;
  /* font-family: Gilroy-Bold !important; */
  top: 72px;
}

.promotions-forth-banner .rotateInfo .close-info {
  bottom: 72px !important;
  right: 72px !important;
  width: 248px !important;
  height: 48px !important;
  border-radius: 50px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin-right: 0 !important;
  font-size: 18px !important;
  /* font-family: Gilroy-Bold !important; */
  top: auto !important;
  background-color: transparent !important;
  color: var(--black-bingoFest) !important;
  left: auto !important;
  transform: none !important;
}

.promotions-forth-banner .rotateContent .card {
  transition-duration: 0.2s !important;
}

.select2-container--open {
  z-index: 100001;
}

.select2-container {
  display: flex;
  cursor: pointer;
  border-radius: 5px;
  background: var(--white-color);
}

.select2-container .selection {
  flex: 1;
}

#registrationPopup .select2-container .selection {
  appearance: none;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

#registrationPopup #cityDropdownId.col-md-12 {
  width: 100%;
}

#registrationPopup #cityDropdownId.col-md-6 {
  width: 50%;
  min-width: 176px !important;
}

.select2-container--default .select2-selection--single {
  border: 1px solid #7e7979;
}

.select2-container .select2-selection--single {
  height: 35px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  outline: none;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  line-height: 1;
  padding: 0 0 4px 0;
  color: var(--black-bingoFest);
  position: relative;
  text-align: left;
}

#profilePopup
  #cityDropdownId
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  max-width: 100px;
  padding: 4px 10px 4px;
}

.select2.select2-container.select2-container--default.select2-container--below.select2-container--focus {
  display: block;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 34px;
  right: -4px;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: #555 transparent transparent transparent;
  border-width: 6px 5px 0 5px;
  left: calc(50% - 5px);
  margin-top: -4px;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__clear {
  display: none;
  font-size: 16px;
  position: absolute;
  right: 5px;
  line-height: 12px;
}

.select2-container--default.select2-container--open
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: #555 transparent transparent transparent;
  border-width: 6px 5px 0 5px;
}

.select2-results__option {
  font-family: "Source Sans Pro";
  font-size: 20px!important;
  text-align: left;
  padding: 0 0 0 10px;
}

.select2-container--default
  .select2-results__option--highlighted[aria-selected] {
  /* font-family: Gilroy; */
  font-size: 11px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border-radius: 5px;
  font-size: 11px;
  outline: 0;
}

.select2-search--dropdown {
  width: 100%;
  display: flex;
}

.select2-search--dropdown:before {
  padding: 10px 5px 6px;
  border-bottom: 1px solid #aaa;
}

.field-validation-error.la-arrow-up {
  display: flex;
  flex-direction: row-reverse;
}

.field-validation-error.la-arrow-up:before {
  color: var(--white-color);
  font-size: large;
}

#City-error {
  font-family: "Source Sans Pro";
}

#registrationPopup #cityDropdownId input.select2-search__field::placeholder {
  font-size: 14px !important;
}

#registrationPopup #cityDropdownId input.select2-search__field {
  color: var(--black-bingoFest);
  font-family: "Source Sans Pro";
}

/*.select2-container--open .select2-dropdown--below {*/
/*    width: 180px !important;*/
/*}*/

.select2-container--focus {
  border-color: #7e7979;
}

.pl-name_lastname {
  /* font-family: Gilroy-Bold; */
  line-height: 1;
}

ul.Menu--ul,
.Menu--user ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 0;
  grid-template-areas:
    "name name"
    "username username"
    "id id"
    "balances balances"
    "profile profile"
    "wallet wallet"
    "deposit deposit"
    "withdrawal withdrawal"
    "messages messages"
    "history history"
    "promotions promotions"
    "change_pass change_pass"
    "sign_out sign_out";
}

.Menu--user ul .pl-username,
.Menu--user ul .pl-name_lastname,
.Menu--user ul .pl-id {
  padding: 15px 0 15px 15px;
  color: var(--light-green-parrot);
}

.Menu--user ul .pl-username:hover,
.Menu--user ul .pl-name_lastname:hover,
.Menu--user ul .pl-id:hover {
  background-color: transparent;
}

.Menu--user ul .pl-name_lastname {
  grid-area: name;
  font-size: 2rem;
  font-weight: 600;
}

.Menu--user ul .pl-username {
  grid-area: username;
}

.Menu--user ul .pl-id {
  grid-area: id;
}

.Menu--user ul li#menu_balance_wrapper {
  grid-area: balances;
  padding: 22px 0;
}

.Menu--user ul li:nth-child(4) > div,
.Container__Item.right-panel-open .Menu--user .Info--user > div.group-second {
  display: flex;
  width: 100%;
}

.Menu--user ul li:nth-child(4) > div {
  display: flex;
  gap: 15px;
}

.Menu--user ul li:nth-child(4) > div > span:nth-child(odd) {
  text-align: right;
  padding: 5px 0;
  letter-spacing: normal;
  font-weight: 300;
  color: var(--white-color);
}

.Menu--user ul li:nth-child(4) > div > span:nth-child(even) {
  padding: 5px 0;
  font-weight: 300;
  color: var(--white-color);
}

.Menu--user {
  border: 0;
}

.Menu--user ul li a,
.Container__Item.right-panel-open .Menu--user li.list-menu a {
  /* font-family: Gilroy-Medium; */
}

.Menu--user ul li:nth-child(4) > div > span {
  flex: 1 1 50%;
}

.Menu--user ul .pl-profile {
  grid-area: profile;
}

.Menu--user ul .pl-wallet {
  grid-area: wallet;
}

.Menu--user ul .pl-deposit {
  grid-area: deposit;
}

.Menu--user ul .pl-withdraw {
  grid-area: withdrawal;
}

.Menu--user ul .pl-messages {
  grid-area: messages;
  position: relative;
}

.Menu--user ul .pl-messages .msg--count {
  height: 24px;
  min-width: 24px;
  margin-left: 18px;
  font-size: 14px;
  border-radius: 14px;
  color: var(--light-green-parrot);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 7px;
  box-sizing: border-box;
  text-align: center;
}

.Menu--user ul .pl-history {
  grid-area: history;
}

.Menu--user ul .pl-promotions {
  grid-area: promotions;
}

.Widget--user .Menu--user ul .change_pass {
  grid-area: change_pass;
}

.Menu--user ul .sign_out {
  grid-area: sign_out;
}

.modal-dialog .form-group label {
  margin-bottom: 4px;
}

.form-control {
  height: 35px;
  border: 1px solid #707070;
  padding-right: 24px;
}

.modal-sub-body .row {
  margin: 0 -8px;
  display: flex;
}

.modal-sub-body .row > form {
  width: 100%;
}

.modal-sub-body [class*="col-"] {
  padding: 0 12px;
}

.modal-footer .btn-save {
  width: 120px;
  height: 40px;
}

.contact-us-2-wrapper {
  position: relative;
  padding: 25px 0;
}

.Item.cat:not(.selected-center) .st0 {
  fill: none !important;
}

.Widget--banner--multi-page .Item.cat:not(.selected-center) svg > path.st0 {
  fill: rgb(204, 170, 229);
}

.profile__msg--success,
.profile__msg--error {
  /* font-family: Gilroy-Bold; */
  font-size: 14px;
  color: red !important;
  text-align: left;
}

.profile__msg--success {
  color: #427d3f !important;
}

.PaymentPage {
  background-color: var(--white-color);
  padding: 20px;
}

.PaymentPage__Result .btn {
  background: var(--black-bingoFest);
  border-radius: 20px;
}

.message-content .message-text::-webkit-scrollbar {
  width: 6px;
}

.message-content .message-text::-webkit-scrollbar-thumb {
  background-color: var(--black-bingoFest) !important;
  border: 0;
}

.message-content .message-text::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.table--scrollable {
  padding: 5px;
  display: flex;
  flex-direction: column;
}

.table--scrollable__thead {
  display: flex;
  flex-direction: column;
}

.table--scrollable__tr {
  display: flex;
  flex-direction: row;
}

.table--scrollable__th {
  flex: 1;
  display: flex;
  flex-direction: row;
  /* font-family: Gilroy-Bold; */
  padding: 5px;
  font-size: 12px;
  color: var(--black-bingoFest);
}

.table--scrollable__tbody .table--scrollable__td {
  flex: 1;
  display: flex;
  flex-direction: row;
  /* font-family: Gilroy-Medium; */
  color: var(--black-bingoFest);
  padding: 5px;
  font-size: 12px;
  align-items: center;
}

.table--scrollable__tbody .table--scrollable__tr {
  display: flex;
  flex-direction: row;
  border-top: 4px solid var(--white-color);
  border-bottom: 4px solid var(--white-color);
}

.table--scrollable__tbody .table--scrollable__tr:nth-child(odd) {
  background-color: #cdd75259;
}

.table--scrollable__tbody .table--scrollable__tr:nth-child(even),
.identifications .document-body-row-title:nth-child(even) {
  background-color: #aec7318a;
}

.table--scrollable__tbody .table--scrollable__tr:hover {
  background-color: #d3266366;
}

.modal--wallet .ajax-result {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.modal--wallet
  .ajax-result
  > div.table--scrollable__thead
  > div.table--scrollable__tr,
.modal--wallet .ajax-result > div.wallet--bonus div.table--scrollable__tr {
  display: grid;
  grid-template-columns: 0.5fr 2.5fr 1fr 1fr 1fr 1fr;
  overflow-x: scroll;
  scrollbar-width: 0;
}

.modal--wallet
  .ajax-result
  > div.table--scrollable__thead
  > div.table--scrollable__tr
  > .table--scrollable__th {
  justify-content: flex-start;
}

.wallet-title {
  padding: 5px;
  text-transform: capitalize;
  color: var(--black-bingoFest);
  font-weight: 600;
  font-size: 16px;
  /* font-family: Gilroy-Bold; */
  text-align: left;
}

.space--spare {
  width: 100%;
  margin-bottom: 20px;
}

.modal--wallet .modal-sub-body {
  height: calc(100% - 75px) !important;
}

.modal--wallet .wallet--cash {
  height: 160px;
}

.modal--wallet .wallet--bonus {
  height: calc(100% - 160px);
  overflow-y: auto;
  scroll-behavior: smooth;
}

.modal--wallet .wallet--bonus .wallet-title {
  height: 34px;
  width: 100%;
  left: 0;
  top: 0;
}

.wallet--bonus .table--scrollable__thead {
  width: 100%;
  left: 0;
  height: 27px;
}

.modal--wallet .wallet--bonus::-webkit-scrollbar-thumb {
  background-color: var(--black-bingoFest) !important;
  border: 0;
}

.modal--wallet .wallet--bonus::-webkit-scrollbar {
  width: 6px;
}

.wallet-title + .table--scrollable__thead {
  padding: 5px;
}

.modal--withdrawal .ajax-request,
.modal--deposit .ajax-result {
  display: flex;
  flex-direction: column;
  height: 100%;
  flex: 1;
}

.modal--withdrawal .options--withdrawal,
.modal--deposit .options--deposit {
  height: 100%;
  /*overflow: hidden;
  overflow-y: auto;*/
  scroll-behavior: smooth;
}

.modal--withdrawal .options--withdrawal.height--fixed,
.modal--deposit .options--deposit.height--fixed {
  height: calc(100% - 114px);
}

.modal--withdrawal .options--withdrawal::-webkit-scrollbar-thumb,
.modal--deposit .options--deposit::-webkit-scrollbar-thumb {
  background-color: #21006f !important;
  border: 0;
}

.modal--withdrawal .options--withdrawal::-webkit-scrollbar,
.modal--deposit .options--deposit::-webkit-scrollbar {
  width: 6px;
}

.modal--game-history .table--scrollable,
.modal--payments-history .table--scrollable {
  padding: 0;
  height: 100%;
  position: relative;
}

.modal--game-history .modal-sub-body .filters--date,
.modal--payments-history .modal-sub-body .filters--date {
  height: 81px;
}

.modal--game-history .modal-sub-body .ajax-result,
.modal--payments-history .modal-sub-body .ajax-result {
  flex-grow: 1;
  flex-direction: column;
  height: 100%;
}

.modal--game-history .modal-sub-body .ajax-result > .col-xs-12,
.modal--payments-history .modal-sub-body .ajax-result > .col-xs-12 {
  height: 100%;
}

.modal--game-history .table--scrollable .table--scrollable__thead,
.modal--payments-history .table--scrollable .table--scrollable__thead {
  height: 27px;
  position: absolute;
  width: 100%;
}

.modal--game-history .table--scrollable .table--scrollable__tbody,
.modal--payments-history .table--scrollable .table--scrollable__tbody {
  height: 100%;
  margin-top: 27px;
  overflow-y: auto;
  scroll-behavior: smooth;
}

.modal--game-history .modal-footer,
.modal--payments-history .modal-footer {
  padding-bottom: 0 !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.modal--game-history
  .table--scrollable
  .table--scrollable__tbody::-webkit-scrollbar-thumb,
.modal--payments-history
  .table--scrollable
  .table--scrollable__tbody::-webkit-scrollbar-thumb {
  background-color: var(--black-bingoFest) !important;
  border: 0;
}

.modal--game-history
  .table--scrollable
  .table--scrollable__tbody::-webkit-scrollbar,
.modal--payments-history
  .table--scrollable
  .table--scrollable__tbody::-webkit-scrollbar {
  width: 6px;
}

.modal--game-history .modal-sub-body,
.modal--payments-history .modal-sub-body {
  height: calc(100% - 156px) !important;
}

.l-7-ch {
  white-space: nowrap;
  flex-basis: 7ch !important;
  width: 7ch !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  flex-grow: initial !important;
  flex-shrink: initial !important;
}

.l-6-ch {
  white-space: nowrap;
  flex-basis: 6ch !important;
  width: 6ch !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  flex-grow: initial !important;
  flex-shrink: initial !important;
}

.l-16-ch {
  white-space: nowrap;
  flex-basis: 16ch !important;
  width: 16ch !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  flex-grow: initial !important;
  flex-shrink: initial !important;
}

.l-18-ch {
  white-space: nowrap;
  flex-basis: 18ch !important;
  width: 18ch !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  flex-grow: initial !important;
  flex-shrink: initial !important;
}

.l-20-ch {
  white-space: nowrap;
  flex-basis: 20ch !important;
  width: 20ch !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  flex-grow: initial !important;
  flex-shrink: initial !important;
}

.l-8-ch {
  white-space: nowrap;
  flex-basis: 8ch !important;
  width: 8ch !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  flex-grow: initial !important;
  flex-shrink: initial !important;
}

.break-spaces {
  white-space: break-spaces;
}

.text-left {
  text-align: left;
}

/* .Wrapper--Single.Header--secondary.left-panel_group .js-route.Sections__Item:before {
  content: none;
} */

/* .Wrapper--Single.Header--secondary.left-panel_group::-webkit-scrollbar-thumb {
  background-color: var(--brand-color) !important;
  border: 0;
  border-radius: 0;
} */

/* .Wrapper--Single.Header--secondary.left-panel_group::-webkit-scrollbar {
  width: 6px;
} */

/* .Wrapper--Single.Header--secondary.left-panel_group {
  display: flex;
  align-items: flex-start;
  position: absolute;
  width: 390px;
  padding-left: 35px;
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
  overflow-y: auto;
  display: none;
} */

.Container--full > .Wrapper--Single.Header--secondary.left-panel_group {
  /* display: none; */
}

.Widget--Header--secondary.top .Sections__Item a {
  line-height: 1;
  /* font-family: Gilroy-Medium; */
}

.header-banner.home_banner .home_banner_widget .Item a {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.header-banner.home_banner .home_banner_widget .Item a img {
  min-height: 100%;
}

/* DESKTOP: MODAL PERSONAL DETAILS */
.modal-sub-body.personal-details .row form {
  display: flex;
}

.modal-sub-body.personal-details .row form > input {
  display: none;
}

.modal-sub-body.personal-details .row form > .col-xs-4 {
  flex: 1;
}

.modal-sub-body.personal-details .row form > .col-xs-8 {
  flex: 2;
}

.ajax-result .scrollable .bonus-table,
.modal--payments-history .table--scrollable,
.modal--game-history .table--scrollable,
.modal--balance-history .table--scrollable {
  min-width: 744px;
}

.ajax-result .col-xs-12,
.ajax-result .col-md-12 {
  overflow-x: auto;
}

.ajax-result .scrollable {
  overflow-x: auto;
}

.casino-game-list-item .product-wrapper:not(.hero) {
  margin-top: 3px;
  padding: 0px 10px;
}

.transaction-row.loading:after {
  left: auto !important;
  top: auto !important;
}

.withdrawalmessage-success,
.depositmessage-success {
  /* font-family: Gilroy-Medium; */
  font-size: 14px;
  color: var(--black-bingoFest);
  text-align: left;
}

.depositmessage-success li::marker {
  content: " ";
}

.options--deposit .transaction-block[id*="193"] .depositmessage-success li {
  color: var(--success-messages);
  font-weight: bold;
}

.withdrawalmessage-error,
.depositmessage-error {
  /* font-family: Gilroy-Medium; */
  font-size: 14px;
  color: red;
  text-align: left;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__placeholder {
  /* font-family: Gilroy-Medium; */
  font-size: 14px;
}

/* #profilePopup .player-bonus-type-1 .bonus-state-group-simple .bonus-title-row {
  grid-template-columns: 1fr 1fr 1fr;
}

#profilePopup .player-bonus-type-2 .bonus-state-group-simple .bonus-title-row {
  grid-template-columns: .5fr 1.5fr 1fr 1fr 1fr;
} */

#profilePopup
  .player-bonus-type-2
  .bonus-state-group-simple
  .bonus-title-row
  * {
  text-align: left;
}

#profilePopup
  .player-bonus-type-2
  .bonus-state-group-simple
  .bonus-title-row
  > :last-child {
  text-align: right;
}

#profilePopup
  .player-bonus-type-2
  .bonus-state-group-simple
  .bonus-table-body
  .bonus-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: wrap;
}

/* #profilePopup .modal-dialog.history .modal-body .profile-sub-nav li:nth-child(2),
#profilePopup .modal-dialog.promotions .modal-body .profile-sub-nav li:nth-child(2) {
  display: none;
} */

body.mobile [class^="modal-body player-bonus-type-"] .bonus-table {
  min-width: 630px;
}

body.mobile .modal-body.player-bonus-type-2 .bonus-table {
  min-width: 750px;
}

#profilePopup .modal-dialog.deposit .bonus-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#profilePopup
  .player-bonus-type-2
  .bonus-state-group-simple
  .bonus-table-body
  .bonus-order {
  text-align: right;
}

#profilePopup
  .player-bonus-type-2
  .bonus-state-group-simple
  .bonus-table-body
  .bonus-body-row-title
  > * {
  margin-right: 10px;
}

.player-bonus-type-2 .freespin-gamescontainer,
.games-box .table--scrollable__tr,
.freespin-gamescontainer {
  /* change */
  /* min-width: 700px; */
}

.freespin-games {
  /* change */
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  flex: 1;
  border-radius: 4px;
  justify-items: center;
  align-items: center;
}

.freespin-games:not(body.mobile .freespin-games) .spin-count {
  order: 1;
}

.freespin-game .Item {
  /* change */
  display: flex;
  align-items: center;
  column-gap: 5px;
}

.freespin-game .Item .product-vendore-img,
.games-info-titles .brand {
  /* change */
  min-width: 40px;
  max-width: 40px;
}

.freespin-game .Item .product-name,
.player-bonus-type-1 .games-info-titles .name,
.registration.page-3 .games-info-titles .name {
  /* change */
  max-width: 120px;
}

.games-info-titles .name,
.freespin-game .Item .product-name {
  /* change */
  min-width: 80px;
}

.games-box .play-now.btn {
  /* change */
  padding: 0 !important;
  background-color: unset !important;
  background-image: unset !important;
}

.games-box .btn a,
.games-box .dont-pl-btn {
  /* change */
  display: block;
  width: 100%;
  padding: 8px 36px !important;
  background-color: transparent !important;
  text-align: center;
  background-color: var(--black-bingoFest) !important;
  color: var(--white-color);
}

.games-box .dont-pl-btn {
  /* change */
  background-color: grey !important;
  cursor: not-allowed;
  color: black !important;
}

.freespin-game,
.no-wrap.table--scrollable__th.games-info-titles

/* change */ {
  flex: 2;
}

.no-wrap.table--scrollable__th.games-info-titles {
  /* change */
  padding: 0;
  display: flex;
}

.registration.page-3 .freespin-games .Item img:not(.product-vendore-img),
.registration.page-3 .games-info-titles .game {
  /* change */
  max-width: 60px;
  min-width: 60px;
}

.freespin-games > div:not(.freespin-game),
.freespin-game .Item > *,
.games-info-titles .table--scrollable__th {
  /* change */
  /*margin: 10px;*/
  flex: 1;
  padding: 0;
}

.registration.page-3 .freespin-games > div.spin-count,
.registration.page-3
  .table--scrollable__tr
  > .table--scrollable__th.spin-count {
  /* change */
  flex: 0.5;
}

.player-bonus-type-2 .games-box {
  /* change */
  overflow: auto;
}

.player-bonus-type-2 .games-box {
  /* change */
  overflow: auto;
}

.modal-dialog.modal--promotions-freespins
  .player-bonus-type-2
  .games-info-titles {
  /* change */
  /* flex: 8; */
}

.modal-dialog.modal--promotions-freespins
  .player-bonus-type-2
  .games-box
  .table--scrollable__tr,
.modal-dialog.modal--promotions-freespins
  .player-bonus-type-2
  .games-box
  .freespin-gamescontainer {
  /* change */
  min-width: 700px;
}

.registration.page-3 .table--scrollable__tr > *:not(.games-info-titles) {
  /* change */
  padding: 10px 5px;
}

.registration.page-3 .freespin-games > div:not(.freespin-game),
.registration.page-3 .freespin-game .Item > *,
.registration.page-3 .games-info-titles .table--scrollable__th {
  /* change */
  margin: 10px 5px;
}

/* .player-bonus-type-2 .bonus-state-group-simple .bonus-body-row-title {
  grid-template-columns: .5fr 1.5fr 1fr 1fr 1fr;
}

.player-bonus-type-1 .bonus-state-group-simple .bonus-body-row-title {
  grid-template-columns: 1fr 1fr 1fr;
} */

.btn--downgrade.btn-danger,
.btn--downgrade.btn-danger:active:hover {
  background-color: var(--transparent-blue-1);
  border-color: var(--transparent-blue-1);
}

.btn--upgrade.btn-success {
  background-color: var(--black-bingoFest) !important;
  border-color: var(--black-bingoFest) !important;
}

.bonus-table-body [class*="player-bonus-type"] .bonus-body-row-body,
.bonus-table-body [class*="player-bonus-type"] .bonus-body-row-body * {
  text-align: left;
}

.Widget--user a {
  pointer-events: none;
}

.bonus-partial-footer {
  opacity: 0;
}

#registrationPopup .modal-dialog {
  max-width: 400px;
  width: 100%;
}

body:not(.mobile) #registrationPopup .modal-dialog {
  margin: 2% auto auto !important;
}

body:not(.mobile).LoggedIn .modal.show .modal-dialog {
  margin: 6% auto auto !important;
}

body #loginPopup .modal-dialog,
body:not(.mobile) #forgotPasswordPopup .modal-dialog,
body:not(.mobile) #changePasswordPopup .modal-dialog {
  margin: 12% auto auto !important;
}

#dateOfBirth-error {
  visibility: visible !important;
}

#registrationPopup .modal-dialog .form-group input::placeholder {
  color: rgba(47, 5, 54, 0.4);
  font-size: 18px !important;
}

#registrationPopup .modal-body {
  position: relative;
  padding: 14px 18px 0px 18px;
  height: 100%;
}

#registrationPopup .form-control:not(#Captcha) {
  padding: 5px 0;
}

#registrationPopup .select2-selection__placeholder {
  font-size: 18px;
  color: rgba(47, 5, 54, 0.4);
}

#registrationPopup .modal-dialog .form-group select,
#registrationPopup .modal-dialog .form-group input {
  font-size: 18px !important;
  /*color: rgb(47, 5, 54);*/
}

#registrationPopup .modal-dialog .form-group select option[value=""] {
  color: rgba(47, 5, 54, 0.4) !important;
}

#registrationPopup .select2-container .select2-selection--single,
#registrationPopup .modal-dialog .form-group select,
#registrationPopup .modal-dialog .form-group input {
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid #99959b;
  box-shadow: none;
}

#registrationPopup .modal-dialog .form-group select {
  appearance: none;
  position: relative;
  background-image: url("/content/img/design/icons/drop-down.svg");
  background-repeat: no-repeat;
  background-position: center right;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#registrationPopup .modal-dialog .form-group input:focus,
#registrationPopup .modal-dialog .form-group select:focus {
  background-color: #ededee;
}

#registrationPopup .modal-dialog .wrapper--country {
  width: 50%;
}

#registrationPopup .modal-dialog .wrapper--country + .col-md-4 {
  width: 50%;
}

#registrationPopup
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  font-size: 18px;
}

#registrationPopup
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  content: "";
  border: 0 !important;
  background-image: url("/content/img/design/icons/drop-down.svg");
  width: 15px;
  height: 8px;
}

#registrationPopup .modal-dialog .captcha-loader {
  width: 128px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #99959b;
  border-radius: 8px;
}

#registrationPopup .modal-dialog .row.section--captcha {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  margin: 0 !important;
  column-gap: 16px;
}

#registrationPopup .modal-dialog .row.section--captcha:before {
  display: none;
}

#registrationPopup .modal-dialog .row.section--captcha > * {
  flex: 1;
}

#registrationPopup .modal-dialog .row.section--captcha > .captcha-loader {
  max-width: 128px;
  flex-basis: 128px;
  box-sizing: border-box;
}

#registrationPopup
  .modal-dialog
  .row.section--captcha
  > .wrapper_input--captcha {
  max-width: 130px;
  flex-basis: 112px;
}

#registrationPopup
  .modal-dialog
  .row.section--captcha
  > .wrapper_input--captcha
  input {
  border: 1px solid #99959b;
  border-radius: 8px;
  height: 48px;
}

#registrationPopup
  .modal-dialog
  .row.section--captcha
  > .wrapper_input--captcha
  input::placeholder {
  text-align: center;
}

#registrationPopup .modal-dialog .row.section--captcha > .btn--reload--captcha {
  padding: 0;
}

#registrationPopup .captcha-refresh {
  display: flex;
  width: 48px;
  height: 48px;
  text-decoration: none;
  cursor: pointer;
  transition: background;
  background-color: var(--white-color);
  color: var(--black-bingoFest);
  border: 1px solid var(--black-bingoFest);
  border-radius: 24px;
  margin: 0 auto;
}

#registrationPopup .modal-dialog .row.section--captcha .col-xs-6 {
  padding: 0 !important;
}

#registrationPopup .modal-dialog .row.section--captcha .col-xs-12 {
  flex-basis: 100%;
  padding: 0;
}

#registrationPopup .modal-dialog .captcha-loader img {
  border: 0;
}

#registrationPopup .modal-dialog label[for="Captcha"] {
  visibility: visible !important;
  margin-top: 32px;
  text-align: left;
  padding: 0;
}

#registrationPopup .captcha-refresh i {
  line-height: 48px;
  display: flex;
  width: 100%;
  text-align: center;
  cursor: pointer;
  font-size: 18px;
  margin: 0;
}

#registrationPopup .captcha-refresh i:before {
  display: flex;
  width: 100%;
  font-size: 32px;
  color: var(--black-bingoFest);
  align-items: center;
  justify-content: center;
}

#registerContainerHeader {
  position: relative;
  padding: 0 40px;
  min-height: 72px;
  box-sizing: border-box;
  border-bottom-width: 2px;
}

#registerContainerHeader .modal-title-text.page-header-1,
#registerContainerHeader .modal-title-text.page-header-2,
#registerContainerHeader .modal-title-text.page-header-3 {
  display: none;
}

#registerContainerHeader .modal-title-text.page-header-1 .steps-wrapper {
  width: 200px;
  height: 40px;
  transform: translate(-50%, 0);
}

#registerContainerHeader
  .modal-title-text.page-header-1
  .steps-wrapper
  .registr-steps-container
  .step-1 {
  position: relative;
}

#registerContainerHeader
  .modal-title-text.page-header-1
  .steps-wrapper
  .registr-steps-container
  .step-1 {
  height: 40px;
  width: 40px;
  background-color: var(--black-bingoFest);
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

#registerContainerHeader
  .modal-title-text.page-header-1
  .steps-wrapper
  .registr-steps-container
  .step-1:after {
  content: "";
  position: absolute;
  background-color: var(--black-bingoFest);
  z-index: 1;
  height: 16px;
  width: 76px;
  left: 30px;
  border-radius: 0 8px 8px 0;
}

#registerContainerHeader
  .modal-title-text.page-header-1
  .steps-wrapper
  .registr-steps-container
  .step-1:before {
  content: "1";
  color: var(--white-color);
  font-size: 24px;
  /* font-family: Gilroy-Medium; */
  font-weight: 600;
}

#registerContainerHeader
  .modal-title-text.page-header-1
  .steps-wrapper
  .registr-steps-container
  .step-2 {
  height: 40px;
  width: 40px;
  border: 3px solid var(--black-bingoFest);
  background-color: var(--white-color);
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

#registerContainerHeader.on-page-3
  .modal-title-text.page-header-1
  .steps-wrapper
  .registr-steps-container
  .step-2 {
  height: 40px;
  width: 40px;
  border: 3px solid var(--black-bingoFest);
  background-color: var(--white-color);
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  display: flex;
  justify-content: center;
  align-items: center;
}

#registerContainerHeader
  .modal-title-text.page-header-1
  .steps-wrapper
  .registr-steps-container
  .step-2:before {
  content: "2";
  color: var(--black-bingoFest);
  font-size: 24px;
  /* font-family: Gilroy-Medium; */
  font-weight: 600;
}

#registerContainerHeader.on-page-2
  .modal-title-text.page-header-1
  .steps-wrapper
  .registr-steps-container
  .step-2:before {
  color: var(--white-color);
}

#registerContainerHeader.on-page-3
  .modal-title-text.page-header-1
  .steps-wrapper
  .registr-steps-container
  .step-2:before {
  color: var(--white-color);
}

#registerContainerHeader
  .modal-title-text.page-header-1
  .steps-wrapper
  .registr-steps-container
  .step-2:after {
  content: "";
  position: absolute;
  background-color: #dddddd;
  z-index: -1;
  height: 16px;
  width: 100px;
  right: 20px;
  border-radius: 8px;
}

#registerContainerHeader.on-page-2
  .modal-title-text.page-header-1
  .steps-wrapper
  .registr-steps-container
  .step-2:after,
#registerContainerHeader.on-page-3
  .modal-title-text.page-header-1
  .steps-wrapper
  .registr-steps-container
  .step-2:after,
#registerContainerHeader.on-page-3
  .modal-title-text.page-header-1
  .steps-wrapper
  .registr-steps-container
  .step-2,
#registerContainerHeader.on-page-2
  .modal-title-text.page-header-1
  .steps-wrapper
  .registr-steps-container
  .step-2,
#registerContainerHeader.on-page-2
  .modal-title-text.page-header-1
  .steps-wrapper
  .registr-steps-container
  .step-2 {
  background-color: var(--black-bingoFest);
}

#registerContainerHeader.on-page-3
  .modal-title-text.page-header-1
  .steps-wrapper
  .registr-steps-container
  .step-3:after {
  content: "";
  position: absolute;
  background-color: var(--black-bingoFest);
  z-index: -1;
  height: 16px;
  width: 150px;
  right: 20px;
  border-radius: 8px;
}

#registerContainerHeader.on-page-3
  .modal-title-text.page-header-1
  .steps-wrapper
  .registr-steps-container
  .step-3 {
  height: 40px;
  width: 40px;
  background-color: var(--black-bingoFest);
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

#registerContainerHeader.on-page-3
  .modal-title-text.page-header-1
  .steps-wrapper
  .registr-steps-container
  .step-3:before {
  content: "3";
  color: var(--white-color);
  font-size: 24px;
  font-family: Gilroy-Medium;
}

#registerContainerHeader.on-page-3
  .modal-title-text.page-header-1
  .steps-wrapper {
  min-width: 320px;
}

#registrationPopup
  .modal-dialog
  .registration.page-2
  > .form-group:first-child
  > .row:before {
  display: none;
}

#registrationPopup
  .modal-dialog
  .registration.page-2
  > .form-group:first-child
  > .row
  > .col-xs-6 {
  padding: 0;
  width: 100%;
}

#registrationPopup
  .modal-dialog
  .registration.page-2
  > .form-group:first-child
  > .row:first-child {
  margin: 0;
}

.registration.page-2 #Day,
.registration.page-2 #Month,
.registration.page-2 #Year {
  height: 35px;
  flex: 1;
  outline: none;
  cursor: pointer;
  padding-right: 17px !important;
  margin: 0 2px;
}

.registration.page-2 #Day {
  flex: 0.4;
}

.registration.page-2 .form-group:nth-of-type(2) .row {
  display: flex;
}

.registration.page-2 .form-group:nth-of-type(2) .row .col-xs-6:nth-of-type(1) {
  width: 33%;
}

.registration.page-2 .form-group:nth-of-type(2) .row .col-xs-6:nth-of-type(2) {
  padding-right: 0 !important;
  width: 58.5%;
}

#registrationPopup .wrapper--submit {
  padding: 0;
  display: flex;
  margin-top: 20px;
}

#registrationPopup .registration.page-3 .bottom--fixed.row {
  display: flex;
}

#registrationPopup .registration.page-2 .row.wrapper--submit,
#registrationPopup .registration.page-3 .bottom--fixed.row {
  margin-bottom: 10px;
  justify-content: space-evenly;
}

#registrationPopup .registration.page-2 .row.wrapper--submit > div,
#registrationPopup .registration.page-3 .bottom--fixed.row > div {
  width: 100%;
}

#registrationPopup .wrapper--submit:after,
#registrationPopup .wrapper--submit:before {
  display: none;
}

#registrationPopup .js-back-button {
  width: 128px;
  height: 48px;
  border-radius: 24px;
  text-transform: capitalize;
  font-size: 18px;
  margin-bottom: 0;
}

#registrationPopup .js-submit-button,
#registrationPopup .wrapper--submit .js-next-button {
  margin: 0;
}

#registrationPopup .js-next-button,
#registrationPopup .js-submit-button,
#registrationPopup .js-back-button {
  /* font-family: Gilroy-Bold; */
  color: var(--white-color);
  border: 0;
  width: 100%;
  outline: none;
  padding: 8px 20px;
  letter-spacing: 1px;
  font-size: 16px;
}
#registrationPopup .js-submit-button{
  background-color: var(--white-color);
  color: var(--light-green-parrot);
  outline: 2px solid var(--light-green-parrot)!important;
  margin-top: 6px;
}

#registrationPopup .js-next-button {
  margin-top: 22px;
  background: var(--light-green-parrot);
  height: 48px;
  border-radius: 50px;
  text-transform: capitalize;
  font-size: 18px;
}

#registrationPopup .modal-content {
  min-height: 800px;
}

#registrationPopup .modal-dialog .form-group label.checkboxes {
  padding-left: 0;
}

#registrationPopup .modal-dialog .form-group.checkbox {
  margin-top: 24px;
}

#registrationPopup
  .modal-dialog
  .form-group
  label.checkboxes
  input[type="checkbox"] {
  display: none;
}

#registrationPopup .modal-dialog .form-group label.checkboxes .checkbox-body {
  height: 24px;
  position: relative;
  padding-left: 28px;
  margin-bottom: 5px;
  line-height: 15px;
}

#registrationPopup
  .modal-dialog
  .form-group
  label.checkboxes
  .checkbox:checked
  + .checkbox-body:before {
  background-image: url("/content/img/design/icons/check.svg");
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: center center;
}

#registrationPopup
  .modal-dialog
  .form-group
  label.checkboxes
  .checkbox-body:before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  border: 1px solid #707070;
  border-radius: 8px;
  margin-right: 10px;
  vertical-align: middle;
  position: absolute;
  left: 0;
}

#registrationPopup .bonus-checkbox-wrapper label:after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-color: transparent;
  border: 1px solid #707070;
  border-radius: 3px;
  position: absolute;
  top: 0;
  left: 0;
  margin-right: 10px;
}

.registration.page-3 .bonus-body-row-header div:not(:nth-child(1)),
.registration.page-3 .bonus-body-row-title div:not(:nth-child(1)) {
  flex: 1;
}

.registration.page-3 .registration-sub-nav {
  /* change */
  display: flex;
}

.registration.page-3 .registration-sub-nav li,
.deposit-sub-nav li {
  /* change */
  margin: 10px 5px;
  border-radius: 0px !important;
  cursor: pointer;
}

.registration.page-3 .bonus-body-row-information {
  font-size: 16px;
  color: var(--black-bingoFest);
  padding-bottom: 5px;
}

#registrationPopup .player-bonus-type-deposit .bonus-body-row-title {
  display: grid;
  grid-template-columns: 28px 15ch 9ch 1fr 10ch 75px;
  margin-bottom: 5px;
  text-align: left;
}

#registrationPopup .player-bonus-type-registration .bonus-body-row-title {
  display: flex !important;
  align-items: center;
  text-align: unset;
  margin-bottom: 20px;
  border-bottom: 1px solid #999;
  border-top: 1px solid #999;
  padding: 10px 20px 10px 10px;
}

#registrationPopup
  .player-bonus-type-registration
  .bonus-body-row-title
  .bonus-title,
#registrationPopup
  .player-bonus-type-registration
  .bonus-body-row-title
  .bonus-current-amount,
#registrationPopup
  .player-bonus-type-registration
  .bonus-body-row-title
  .bonus-current-amount.bonus-max-amount,
#registrationPopup
  .player-bonus-type-registration
  .bonus-body-row-title
  .bonus-valid-days {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

#registrationPopup
  .player-bonus-type-registration
  .bonus-body-row-title
  .bonus-placeholder {
  display: none !important;
}

#registrationPopup
  [class*="player-bonus-type"]
  .bonus-body-row-title
  .bonus-checkbox-wrapper {
  width: 12%;
}

#registrationPopup [class*="player-bonus-type"] .bonus-body-row-title {
  background-color: var(--white-color);
  border-radius: 0;
}

#registrationPopup .bonus-checkbox-wrapper label {
  margin: 0;
  padding: 0;
  position: relative;
  width: 24px;
  height: 24px;
}

#registrationPopup .player-bonus-type-deposit .bonus-body-row-title.open {
  background-color: var(--black-bingoFest);
  border: 0;
}

#registrationPopup .bonus-body-row-title.open {
  background-color: var(--black-bingoFest);
  border: 0;
}

#registrationPopup .bonus-body-row-title.open > div {
  color: var(--white-color);
}

#registrationPopup .bonus-checkbox-wrapper label:after,
#registrationPopup .bonus-body-row-title.open .checkbox label {
  background-color: var(--white-color);
}

#registrationPopup
  .bonus-checkbox-wrapper
  input[type="checkbox"]:checked
  + label:before {
  content: "";
  border: 0 !important;
  background-image: url("/content/img/design/icons/check.svg");
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: center center;
  width: 24px;
  transform: none;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}

#registrationPopup .row.bottom--fixed:before,
#registrationPopup .row.bottom--fixed:after {
  display: none;
}

#registrationPopup .row.wrapper--flex {
  display: flex;
}

#registrationPopup .row.wrapper--flex:after,
#registrationPopup .row.wrapper--flex:before {
  display: none;
}

#registrationPopup .col-md-8.wrapper--country {
  width: 176px;
  min-width: 176px;
}

#registrationPopup .col-xs-4.captcha-loader .form-group,
#registrationPopup .codeMobilePassportSection + .form-group {
  margin-bottom: 0;
}

.eye-icon {
  position: absolute;
  cursor: pointer;
  color: var(--grey-color-1);
  right: 10%;
  top: 9px;
}

.eye-icon::before {
  font-family: "Font Awesome 5 Free";
  content: "\f070";
}

.eye-icon:hover::before {
  color: var(--blue-color);
}

.eye-icon.active::before {
  content: "\f06e";
}

#loginForm .form-group.password-group {
  position: relative;
}

#loginForm .form-group.password-group .eye-icon {
  right: 4%;
  top: 40px;
}

#changepassform .form-group #OldPassword + .eye-icon::before,
#changepassform .form-group #NewPassword + .eye-icon::before,
#changepassform .form-group #ConfirmPassword + .eye-icon::before {
  position: absolute;
  cursor: pointer;
}

#changepassform .form-group #OldPassword + .eye-icon::before,
#changepassform .form-group #NewPassword + .eye-icon::before,
#changepassform .form-group #ConfirmPassword + .eye-icon::before {
  top: 30px;
}

#profilePopup:not(#changePasswordPopup)
  #changepassform
  .form-group
  #NewPassword
  + .eye-icon::before,
#profilePopup:not(#changePasswordPopup)
  #changepassform
  .form-group
  #OldPassword
  + .eye-icon::before,
#profilePopup:not(#changePasswordPopup)
  #changepassform
  .form-group
  #ConfirmPassword
  + .eye-icon::before {
  top: 25px;
}

.password_input {
  position: relative;
  display: block;
}

#registrationPopup .modal-content .close span {
  padding: 6px 20px 0;
}

body.mobile #registrationPopup .form-control[name="dateOfBirth"] {
  min-width: calc(100% - 20px) !important;
  padding: 0;
  box-sizing: border-box;
}

#registrationPopup
  .form-control[name="dateOfBirth"]::-webkit-date-and-time-value {
  text-align: left;
  padding: 0;
}

#registrationPopup .row.wrapper--gender--dob {
  display: flex;
  flex-direction: column;
}

#registrationPopup .row.wrapper--gender--dob:before,
#registrationPopup .row.wrapper--gender--dob:after {
  display: none;
}

#registrationPopup select.form-control.placeholder {
  color: rgba(47, 5, 54, 0.4);
  font-weight: 600;
}

.home-sliding-banners button.slick-next.slick-arrow,
.home-sliding-banners button.slick-prev.slick-arrow {
  top: 45%;
  width: 64px;
  height: 56px;
}

.home-sliding-banners .slick-arrow:hover {
  opacity: 0.75;
}

.home-sliding-banners button.slick-next.slick-arrow {
  right: 40px;
  transform: rotate(270deg);
}

.home-sliding-banners button.slick-prev.slick-arrow {
  left: 40px;
  z-index: 1;
  transform: rotate(90deg);
}

.home-sliding-banners .slick-next:before,
.home-sliding-banners .slick-prev:before {
  /* font-family: brand-icon-font; */
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  line-height: inherit;
  text-transform: none;
  color: var(--transparent-blue) 8;
  opacity: 1;
}

.home-sliding-banners .slick-next:before {
  content: "\e962";
}

.home-sliding-banners .slick-prev:before {
  content: "\e962";
}

.home-sliding-banners > :not(:first-child) > img {
  display: none;
}

.flex\:.\31 {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.btn-warning {
  color: var(--white-color);
  background-color: var(--red-parrot);
  border-color: var(--red-parrot);
}

button#withdrawal_cancel_icon {
  padding: 5px 20px !important;
}

.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning,
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: var(--white-color);
  background-color: var(--black-bingoFest);
  border-color: var(--black-bingoFest);
}

.wallet-table th:nth-child(6),
.wallet-table td:nth-child(6) {
  text-align: center !important;
  white-space: nowrap;
}

.table--scrollable__td:nth-child(6),
.table--scrollable__th:nth-child(6) {
  justify-content: center;
}

.home-sliding-banners:not(.slick-initialized) {
  display: flex;
}

.home-sliding-banners:not(.slick-initialized)
  .carousel-cell:not(:nth-of-type(1)) {
  display: none;
}

.Wrapper--Single.footer-logo .st1,
.Wrapper--Single.footer-logo .st0 {
  fill: var(--white-color);
}

.Widget--banner--multi-page .Item:not(.selected-center) .st1 {
  fill: #ccaae5;
}

.nextbtn svg path:nth-child(1),
.prevbtn svg path:nth-child(1),
.content-wrapper.contact .contact-us-icons * path {
  fill: var(--brand-color-2);
}

.Widget--banner--multi-page .Item:not(.selected-center) .st1,
.nextbtn svg path:nth-child(2),
.prevbtn svg path:nth-child(2),
.nextbtn svg path:nth-child(2) {
  fill: #dcc2ef;
}

.Widget--banner--multi-page .Item .Item__Label {
  color: #dcc2ef;
}

/* .Widget--Header--secondary.top{
  background-color: var(--brand-color);
  color: var(--white-color);
} */

/*Classes added */
.marginTopClass {
  margin-top: 120px;
}

.marginTopClass106 {
  margin-top: 106px;
}

.marginTopClass70 {
  margin-top: 70px;
}

.marginTopClass60 {
  margin-top: 60px;
}

.marginTopClass50 {
  margin-top: 50px;
}

.marginTopClass20 {
  margin-top: 20px;
}

.textAlignLeft {
  text-align: left;
}

.content-bonus-terms-conditions {
  font-size: 1.8rem;
  line-height: 27px;
  color: var(--black-bingoFest);
  font-weight: 600;
  margin-bottom: 27px;
  margin-top: 27px;
  padding-left: 7px;
}

/*What When How Boxes*/
.questions {
  display: grid;
  gap: 2%;
  grid-template-columns: 32% 32% 32%;
  margin: 0 auto;
}

.cardContainer,
.tablebody {
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 1px 1px 6px 1px #cccccc;
  background-color: var(--white-color);
}

.cardContainer > h2 {
  background-color: var(--black-bingoFest);
  font-family: "Source Sans Pro";
  color: var(--white-color);
  margin-top: 0px;
  padding: 5px;
  padding-left: 15px;
}

.cardContainer > p,
.tablebodyBonusTermsCondition td:nth-child(1) {
  font-family: "Source Sans Pro";
  padding: 0px 10px 10px 10px;
  color: var(--black-color);
  font-weight: normal;
}

/*Prizes table CSS*** and Winners Table CSS***/
.tablePrizes,
.winnersTable {
  width: 80%;
  padding: 0px;
  margin: 0 auto;
  border: 2px solid #b000ac;
}

.tablePrizes thead,
.winnersTable thead {
  background-color: var(--black-color);
}

.tablePrizes th,
.tableHeader,
.winnersTable th {
  color: var(--white-color);
  padding: 10px 5px;
  height: 40px;
  font-size: 1.4rem;
  text-align: center;
  vertical-align: middle;
}

.tablePrizes tbody tr,
.winnersTable tr {
  text-align: center;
  font-weight: bold;
}

.tablePrizes tbody tr:nth-child(even),
.winnersTable tbody tr:nth-child(even) {
  background-color: var(--light-green-parrot);
  color: var(--white-color);
}

.tablePrizes tbody tr:nth-child(odd),
.winnersTable tbody tr:nth-child(odd) {
  background-color: #b000ac;
  color: var(--white-color);
}

.tablePrizes td {
  padding: 5px;
  vertical-align: middle;
}

.tablePrizes th {
  width: calc((80% / 3));
}

.winnersTable td {
  padding: 5px 0px;
  vertical-align: middle;
}

/*button to collapse winner table*/
.collapsible {
  width: 100%;
  text-align: center;
  margin: 5px;
}

.collapsible > button {
  background-color: var(--red-parrot);
  color: var(--white-color);
  border: 2px solid var(--red-parrot);
  border-radius: 5px;
  font-size: 1.5rem;
  padding: 0.5em;
  font-weight: 700;
}

.collapsible > button:hover {
  cursor: pointer;
  color: var(--red-parrot);
  background-color: var(--white-color);
  transition: 500ms;
}

/*content to collapse winner table*/
.contentCollapsable {
  width: 100%;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-out;
}

/* table for bonus terms and conditions */

.tableBonusTerms {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  word-wrap: break-word;
  background-color: var(--white-color);
}

.tableBonusTerms thead th {
  background-color: var(--black-bingoFest);
  color: var(--white-color);
  padding: 12px;
  text-align: left;
}

.tableBonusTerms tbody td {
  background-color: var(--white-color);
  color: #000000;
  padding: 12px;
  vertical-align: middle;
  border: 1px solid #ccc;
  font-size: 16px;
}

.tableBonusTerms th:first-child,
.tableBonusTerms td:first-child {
  width: 80%;
  text-align: left;
}

.tableBonusTerms th:last-child,
.tableBonusTerms td:last-child {
  width: 20%;
  text-align: center;
}

/* ----- */

.wrapperJustifyCenter {
  justify-content: center;
}

.widgetFlexNone {
  flex: none;
}

/* .Wrapper--Single.Header--secondary .Sections .Sections__Item.other-ico-pink a::before,
.Wrapper--Single.Header--secondary .Sections .Sections__Item a i.other-ico-pink::before, */
.Wrapper--Single
  .Widget--Header--secondary
  .Sections
  .Sections__Item.other-ico-pink
  a::before,
.Wrapper--Single
  .Widget--Header--secondary
  .Sections
  .Sections__Item
  a
  i.other-ico-pink::before {
  /* background-image: url(/content/img/design/icons/other-ico-pink.svg); */
  -webkit-mask: url(/content/img/design/icons/other-ico-pink.svg) no-repeat 50%
    50%;
  mask: url(/content/img/design/icons/other-ico-pink.svg) no-repeat 50% 50%;
  background-color: var(--black-bingoFest);
  -webkit-mask-size: contain;
}

/*-------------------Promotion Page Css------------------------*/
.Wrapper--Single.promotions {
  background-color: var(--black-bingoFest);
}

.Wrapper--Single.promotions .Container__Item.row.article-cards {
  display: grid;
  grid-row-gap: 1.5rem;
  grid-column-gap: 1.5rem;
  grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
  max-width: 1300px;
  padding: 0 5px 20px;
}

.Wrapper--Single.promotions .Container__Item.row.article-cards:before,
.Wrapper--Single.promotions .Container__Item.row.article-cards .close-info {
  display: none;
}

.Wrapper--Single.promotions .promotion-component {
  /*margin: 0 6px 20px 0;*/
  cursor: initial;
  vertical-align: top;
  width: 100%;
  border-radius: 20px;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  justify-content: space-between;
  background-color: rgba(255, 255, 255, 0.05);
}

.Wrapper--Single.promotions .scene {
  position: relative;
  min-height: 400px;
}

.Wrapper--Single.promotions .card.flipper {
  position: absolute;
  top: 0;
  display: flex;
  right: 0;
  bottom: 0;
  left: 0;
  height: 400px;
  background-repeat: no-repeat;
  background-size: auto 80%;
  background-position: right bottom;
  flex-direction: column;
  margin: unset !important;
}

.Wrapper--Single.promotions .card-image {
  width: 100%;
  height: 200px;
}

.Wrapper--Single.promotions .promotion-component .front {
  overflow: unset;
}

.Wrapper--Single.promotions .promotion-component .back {
  display: flex;
  padding: 0 1rem 1rem;
  height: 400px;
  flex-direction: column;
  justify-content: center;
  background-color: var(--black-color);
}

.promotions .back .card-title {
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-size: 22px;
  text-align: center;
  font-weight: 800;
  line-height: 1.33;
  margin-bottom: 1.5rem;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--light-green-parrot);
}

.promotion-component .card .read-more,
.article-cards .card .content a input {
  position: relative;
  font-size: 1.6rem;
  width: fit-content;
  height: 38px;
  padding: 12px 21px;
  color: var(--white-color);
  background-color: var(--light-green-parrot);
  align-items: center;
  /* font-weight: 700; */
  line-height: 1.29;
  user-select: none;
  border-radius: 10px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  justify-content: center;
  cursor: pointer;
  display: inline-flex;
  outline: none;
  margin: 0 auto;
  margin-top: 15px;
}

.promotion-component .content {
  padding: 0 !important;
  text-align: left !important;
}

.article-cards .card * {
  width: 100%;
}

.promotion-component .card .read-more:hover,
.article-cards .card .content a input:hover {
  background-color: var(--white-color);
  color: var(--light-green-parrot);
  outline: 2px solid var(--light-green-parrot);
  font-weight: bold;
}

.promotion-header-title {
  margin: 165px 20px 30px;
}

.promotion-header-title .Container__Item {
  display: flex;
  justify-content: flex-end;
}

.promotion-header-title .Container__Item #contentText {
  display: flex;
  align-items: center;
  width: 100%;
}

.promotion-header-title .prom-title div {
  font-size: 2.75rem;
  font-weight: 800;
  display: flex;
  align-items: center;
}

.promotion-header-title .Container__Item .promotion-selection .Item ul {
  margin-bottom: unset;
}

.promotion-selection .Item ul li:not(.Item__Title):hover {
  background-color: rgb(242 242 242);
}

.prom-container-content {
  padding: 20px;
  margin: 0 auto;
  max-width: 1300px;
}

.promotion-header-title .Item__Title:hover {
  color: var(--white-color);
  background-color: #32007e !important;
}

.prom-slick:hover svg path {
  fill: #32007e !important;
}

.promotion-header-title .Item__Title {
  border: 1px solid black;
  font-size: 1.6rem;
  font-weight: 700;
  padding: 11px 20px;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: row-reverse;
  align-content: center;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: 215.44px;
  position: relative;
}

.promotion-header-title .Item__Title:before {
  content: "\f107";
  font-family: "Line Awesome Free";
  font-weight: 900;
  margin-left: 2.75rem;
  font-size: 22px;
}

.promotion-selection .Item ul .prom-head-open {
  display: none;
  background-color: #dfcbfe;
  margin-top: 11px;
  border-radius: 5px;
  position: absolute;
  width: 215.44px;
  z-index: 99;
}

.promotion-selection .Item ul li:not(.Item__Title) a {
  color: #121421;
  width: 100%;
  border: 0;
  cursor: pointer;
  display: block;
  font-weight: 500;
  outline: none;
  padding: 13px 16px;
  text-transform: uppercase;
  position: relative;
  font-size: 1.5rem;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  text-align: left;
  line-height: 1.38;
  background-color: transparent;
  z: 1;
  z-index: 99;
}

.prom-head-open li a.active {
  color: #32007e !important;
  font-weight: bold !important;
}

.promotion-selection .Item__Title.title-open-bellow:before {
  transform: rotate(180deg);
}

.promotion-selection .Item ul .prom-open-bellow {
  display: block !important;
}

.prom-head-open li a.active:before {
  top: 0;
  left: 0;
  width: 4px;
  bottom: 1px;
  content: "";
  display: block;
  z-index: 1;
  position: absolute;
  background: #32007e;
}

/*CTA BUTTON*/

.ctaButton {
  text-align: center;
}

.ctaButton button {
  border: none;
  font-size: 1.8rem;
  background-color: var(--red-parrot);
  color: var(--white-color);
  padding: 0.5em;
  width: 11em;
  border-radius: 15px;
  text-transform: uppercase;
}

.ctaButton button:hover {
  color: var(--red-parrot);
  background-color: var(--white-color);
  outline: 2px solid var(--red-parrot);
}

.howtouseyourbonus {
  width: 80vw;
  margin: 0 auto;
}

.howtouseyourbonus p,
.howtouseyourbonus h1,
.howtouseyourbonus h2 {
  text-align: left;
  color: var(--black-bingoFest);
}

.howtouseyourbonus > p {
  font-size: 1.8rem;
}

.howtouseyourbonus img {
  margin-bottom: 1.5rem;
}

.marginTopHowtouseyourbonus {
  margin-top: 200px;
  margin-bottom: 50px;
}

.ProductBannerContainer {
  display: flex;
  /* Set display to flex */
  flex-wrap: wrap;
  /* Allow wrapping of items to next line */
  justify-content: center;
  /* Center align items horizontally */
  width: 100%;
  flex-direction: row;
  margin-top: 4rem;
}

.ProductBannerContainer a {
  text-decoration: none;
}

.ProductBannerContainer a > div {
  min-width: 14rem;
  background-color: var(--black-bingoFest);
  margin: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 15px;
}

.ProductBannerContainer a > div > div {
  color: var(--white-color);
  font-weight: bold;
  font-family: "Source Sans Pro";
  font-size: 1.8rem;
  padding: 0.5em 1em;
}

.ProductBannerContainer a > div:hover,
.ProductBannerContainer a > div.selected {
  background-color: var(--white-color);
  outline: 1px solid var(--black-bingoFest);
}

.ProductBannerContainer a > div:hover > div,
.ProductBannerContainer a > div.selected > div {
  color: var(--black-bingoFest);
}

.topZero {
  top: 0 !important;
}

.topHundred {
  top: 100px !important;
}

.hundred .Item {
  margin-top: 100px !important;
}

.topHundredLeftMenu .Widget--Header--secondary {
  top: 100px !important;
}

.promotions-content-with {
  width: 100%;
  margin: 0 auto;
  padding: 0 10% 5px;
  max-width: 1920px;
  background-color: var(--black-color);
}

.promotions-content-with picture img {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.promotions-content-with h1,
.promotions-content-with h2,
.promotions-content-with h3 {
  color: var(--light-green-parrot);
  text-align: center;
}

.promotions-content-with h2,
.promotions-content-with h3 {
  text-align: left;
}

.promotions-content-with p {
  color: var(--white-color);
  font-size: 1.8rem;
  margin-bottom: 5px;
}

/*new styles CB*/

.wrapperColour {
  background: linear-gradient(
    to bottom,
    var(--red-parrot) 0%,
    var(--black-bingoFest) 100%
  );
}

.wrapperColourReverse {
  background: linear-gradient(
    to bottom,
    var(--black-bingoFest) 0%,
    var(--red-parrot) 100%
  );
}

.width80 {
  width: 80%;
  margin: 0 auto;
}

.content-wrapper.contact .contact-us-icons svg path {
  stroke: none;
  fill: var(--black-bingoFest);
}

.Widget--banner--sliding.carousel:not(.flickity-enabled)
  .carousel-cell:not(:nth-of-type(1)) {
  display: none;
}

/*Affiliates Landing Pages*/
.crypto-Bonus,
.thanksGiving-welcome,
.affiliate-Bitcoin-friendly,
.affiliate-bonus-300 {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 100%;
  height: auto;
}

.crypto-Bonus > div:nth-child(1),
.thanksGiving-welcome > div:nth-child(1),
.affiliate-Bitcoin-friendly > div:nth-child(1),
.affiliate-bonus-300 > div:nth-child(1) {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.thanksGiving-welcome > div:nth-child(1) {
  background-image: url("/content/img/banners/mainBanners/Y2023/November/ThanksgivingWelcomebonus/Desktop-Background.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.crypto-Bonus > div:nth-child(1) {
  background-image: url("/content/img/Affiliates/700CryptoBonus/background.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

.crypto-Bonus > div:nth-child(1) img,
.thanksGiving-welcome > div:nth-child(1) img,
.affiliate-Bitcoin-friendly > div:nth-child(1) img,
.affiliate-bonus-300 > div:nth-child(1) img {
  width: 100%;
  height: 100%;
  object-fit: fill;
}

.crypto-Bonus > div:nth-child(1) img {
  width: 90%;
}

/* Affiliate Button */
.crypto-Bonus > div:nth-child(2),
.thanksGiving-welcome > div:nth-child(2),
.affiliate-Bitcoin-friendly > div:nth-child(2),
.affiliate-bonus-300 > div:nth-child(2) {
  position: absolute;
  z-index: 100;
  bottom: 6%;
  animation: jittery 5s infinite;
}

.crypto-Bonus > div:nth-child(2) {
  bottom: 18%;
}

.thanksGiving-welcome > div:nth-child(2) {
  bottom: 25%;
  left: 14%;
  width: 350px;
}

/* footer affiliate */
.affiliateFooter {
  display: flex;
  box-sizing: border-box;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 150px;
  background-color: #ffc024;
  margin-top: -5px;
}

.blue {
  background-color: #274170;
}

.affiliateFooter div:nth-child(1) {
  width: 100%;
  display: flex;
  justify-content: space-around;
}

.affiliateFooter > div:nth-child(2) {
  margin-top: 5px;
}

.affiliateFooter div:nth-child(1) picture {
  width: 200px;
}

.affiliateFooter div:nth-child(1) img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/*Landing page button effect*/
@keyframes jittery {
  5%,
  50% {
    transform: scale(1);
  }

  10% {
    transform: scale(0.9);
  }

  15% {
    transform: scale(1);
  }

  20% {
    transform: scale(1) rotate(-1deg);
  }

  25% {
    transform: scale(1) rotate(1deg);
  }

  30% {
    transform: scale(1) rotate(-2deg);
  }

  35% {
    transform: scale(1) rotate(2deg);
  }

  40% {
    transform: scale(1) rotate(0);
  }
}

.room-closed-bingo-lobby {
  filter: grayscale(100%);
}

.middle .card-title {
  margin: 0;
  padding: 0;
  overflow: hidden;
  font-size: 30px;
  text-align: center;
  font-weight: 800;
  line-height: 1.33;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* error registration pages */

.popUpContainer {
  width: 100vw;
  height: 100vh;
  background-image: url("https://www.cyberbingo.com/content/img/banners/mainBanners/bgCBForbidden.jpg");
  background-position: center;
  background-size: cover;
  filter: blur(4px);
}

.popUpContentError {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  background-color: transparent;
  top: 30vh;
  z-index: 289;
}

.popUpContentError > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  background-color: #ffffffd9;
  border-radius: 15px;
  height: 180px;
  font-size: 20px;
  color: var(--black-bingoFest) !important;
  font-weight: 600;
  text-align: center;
}

/*NEW TAGS GAMES*/
.identifier-game-hot:after,
.identifier-menu-new:after,
.identifier-game-vip:after {
  position: absolute;
  border-radius: 1.5px;
  color: var(--white-color);
  box-shadow: 0 0 8px 0rgba (0, 0, 0, 0.1);
  padding: 1px 5px;
  font-size: 13px;
  transform: skewX(-10deg);
  background-image: linear-gradient(90deg, #fb5e59, red);
}

.identifier-category-hot + a:after,
.identifier-category-new + a:after {
  line-height: 15px;
}

.identifier-category-new + a,
.identifier-category-hot + a {
  position: relative;
}

.identifier-menu-hot:after,
.identifier-menu-new:after {
  top: 5%;
  right: 7%;
}

.identifier-game-hot::after,
.identifier-game-new::after,
.identifier-game-vip::after {
  top: 5%;
  right: 8px;
}

.identifier-category-hot + a:after,
.identifier-category-new + a:after {
  color: var(--white-color);
  height: 18px;
  z-index: 99999;
  position: absolute;
}

.game-nav-tab.slick-slide .identifier-category-hot + a:after,
.game-nav-tab.slick-slide .identifier-category-new + a:after {
  top: -45px;
  right: -12px;
}

.nav-simple .identifier-category-hot + a:after,
.nav-simple .identifier-category-new + a:after {
  top: -10px;
  right: -16px;
}

.identifier-category-new + a:after,
.identifier-game-new:after,
.identifier-menu-new:after {
  content: "NEW";
}

.identifier-game-hot:after,
.identifier-menu-hot:after {
  content: "HOT";
}

.identifier-game-vip::after {
  content: "VIP";
}

.pre-buy {
  display: none;
}

.pre-buy:hover {
  display: block;
  cursor: pointer;
}

.casino-game-list .product-card:hover .user-product-ctrl .pre-buy {
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white !important;
  color: var(--black-bingoFest);
  width: 124px;
  border-radius: 10px;
  height: 42px;
  font-size: 1.5rem;
  margin-bottom: 10px;
  font-weight: bold;
}

.casino-game-list .product-card:hover .user-product-ctrl .pre-buy:hover {
  background-color: #febf00 !important;
  color: var(--black-bingoFest);
}

#gameModal
  .modal-dialog
  .modal-content
  .modal-body
  .Button--outlined.pre-buy-mobile {
  display: flex;
  white-space: nowrap;
  border: 1px solid transparent;
  padding: 8px 20px;
  border-radius: 20px;
  text-decoration: none;
  transition: background-color 0.2s;
  margin: 8px 0 5px 0;
  background-color: #febf00 !important;
  color: var(--black-bingoFest);
  font-weight: bold;
  line-height: 20px;
  font-size: 16px;
  position: relative;
  width: 100%;
  justify-content: center;
}

/* Bingo Rooms hover effects */
.promotion-component.seasonal-room,
.promotion-component.sporty-room,
.promotion-component.pack-line,
.promotion-component.aroun-world,
.promotion-component.diamond,
.promotion-component.vip {
  transition: transform 0.6s ease, box-shadow 0.6s ease;
  transform: translateY(0);
  box-shadow: none;
}

.promotion-component.seasonal-room:hover,
.promotion-component.sporty-room:hover,
.promotion-component.pack-line:hover,
.promotion-component.aroun-world:hover,
.promotion-component.diamond:hover,
.promotion-component.opening-hours:hover,
.promotion-component.vip:hover {
  transform: translateY(3px);
  box-shadow: 3px -1px 18px 0px #354464, 0 0 1px 0 #354464;
  transition: transform 0.6s ease, box-shadow 0.6s ease;
}

.promotion-component .card .pre-buy-lobby {
  position: relative;
  font-size: 1.6rem;
  width: 134px;
  height: 38px;
  padding: 12px 21px;
  color: var(--black-bingoFest);
  background-color: var(--white-color);
  border: 1px solid var(--black-bingoFest);
  align-items: center;
  /* font-weight: 700; */
  line-height: 1.29;
  user-select: none;
  border-radius: 10px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  justify-content: center;
  cursor: pointer;
  display: inline-flex;
  outline: none;
  margin: 0 auto;
  margin-top: 15px;
  font-weight: bolder;
}

.promotion-component .card .pre-buy-lobby:hover {
  background-color: #febf00;
}

.pre-buy-contenedor {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(5px);
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pre-buy-contenido-centrado {
  position: absolute;
  width: 50%;
  height: 50%;
  border: 2px solid white;
  display: flex;
  justify-content: center;
  align-items: center;
}

iframe {
  width: 100%;
  height: 100%;
  border: none;
}

.pre-buy-contenido-centrado .pre-buy-closeIframeContainer {
  top: 0;
  right: 48px;
  width: 45px;
  height: 54px;
  border: 7px solid #ff1616;
  position: fixed;
  z-index: 9999999999;
}

.tab {
  overflow: auto;
  background-color: #354464;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
  color: var(--black-bingoFest);
  font-weight: bold;
  border-radius: 10px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: var(--black-bingoFest);
  color: #f1f1f1;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

.tablinks {
  color: white !important;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Source Sans Pro";
  height: 100%;
  font-weight: bold;
}

.tablinks.active:hover {
  color: white !important;
}

.tablinks:hover {
  background-color: #febf00 !important;
  color: var(--black-bingoFest) !important;
}

.tab button.active {
  color: #febf00 !important;
}

.container-bingo-type-selector {
  display: inline-block;
  position: relative;
  cursor: pointer;
  border: 2px solid var(--black-bingoFest);
  padding: 10px;
  border-radius: 5px;
  margin-top: 2rem;
  margin-left: 55%;
  width: 15rem;
}

.container-bingo-type-selector span {
  font-weight: bold;
}

.arrow {
  position: absolute;
  right: 5px;
  margin-left: 10px;
}

.dropdown-bingo-type-selector {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: var(--white-color);
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 5px;
  z-index: 2;
  width: 100%;
}

.dropdown-bingo-type-selector ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.dropdown-bingo-type-selector li {
  padding: 5px;
}

.container-bingo-type-selector:hover .dropdown-bingo-type-selector {
  display: block;
}

.dropdown-bingo-type-selector li a {
  text-decoration: none;
  color: var(--black-bingoFest);
  display: block;
  padding: 5px;
  transition: background-color 0.2s ease;
  font-weight: bold;
}

.dropdown-bingo-type-selector li a:hover {
  background-color: #f0f0f0;
  color: #000;
  z-index: 1;
}

#fade {
  display: block;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1001;
  background-color: #f5f4f4;
  border-radius: 15px;
  padding-bottom: 10px;
}

#fade > a {
  margin-left: 93%;
  font-size: 31px;
  cursor: pointer;
  background-color: #f5f4f4;
}

#light {
  overflow: hidden;
}

#light img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

#background {
  background-color: #c2c2c2d4;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  bottom: 0;
}

/*WELCOME BONUS */

.welcomeDaubersContainer {
  display: flex;
  position: relative;
  width: 100%;
  height: 150px;
  margin: 0 auto;
  position: relative;
}

.welcomeDaubersContainer > p {
  width: 80%;
}

.welcomeDaubersContainer > div {
  position: absolute;
  width: 500px;
  height: auto;
  bottom: -15px;
  right: 0;
  z-index: -1;
}

/*BINGO OPENING HOURS DIV*/
.Wrapper--Single.promotions .promotion-component.opening-hours {
  height: 500px;
  width: 100%;
  background: url("/content/img/bingoOpeningRooms.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-color: #b8dbf1;
  background-size: contain;
}

.boxclose {
  background-color: #8a8a8f;
}

/*FREESPINS DESKTOP -- Bonus-type-1-- *GRANTED*/
.modal-dialog.history.modal--promotions-freespins
  .modal-body.player-bonus-type-1
  .freespin-games
  .spin-count {
  margin-right: 0px;
  margin-left: 47px;
}

.modal-dialog.history.modal--promotions-freespins
  .modal-body.player-bonus-type-1
  .games-box
  .table--scrollable__tr
  .no-wrap.table--scrollable__th.brand,
.modal-dialog.history.modal--promotions-freespins
  .modal-body.player-bonus-type-1
  .freespin-games
  .Item
  .product-vendore-img {
  display: none;
}

/*FREESPINS DESKTOP -- Bonus-type-2-- *CLAIMED*/

.modal-dialog.history.modal--promotions-freespins
  .no-wrap.table--scrollable__th.current-count,
.modal-dialog.history.modal--promotions-freespins
  .freespin-game
  .Item
  .product-vendore-img,
.modal-dialog.history.modal--promotions-freespins
  .games-info-titles
  .brand
  .modal-dialog.history.modal--promotions-freespins
  .current-count {
  display: none;
}

.modal-dialog.history.modal--promotions-freespins
  .modal-body.player-bonus-type-2
  .no-wrap.table--scrollable__th.brand,
.modal-dialog.history.modal--promotions-freespins
  .modal-body.player-bonus-type-2
  .freespin-games
  .current-count {
  display: none;
}

.modal-dialog.history.modal--promotions-freespins
  .modal-body.player-bonus-type-2
  .freespin-games
  .Item {
  display: grid;
  grid-template-columns: 145px 1fr;
  align-items: start;
}

.modal-dialog.history.modal--promotions-freespins
  .modal-body.player-bonus-type-2
  .freespin-games
  .spin-count {
  margin-right: 0px;
  margin-left: 29px;
}

.modal-dialog.history.modal--promotions-freespins
  .modal-body.player-bonus-type-2
  .no-wrap.table--scrollable__th.button {
  display: none;
}

.modal-dialog.modal--promotions-freespins
  .player-bonus-type-2
  .table--scrollable__tr
  .no-wrap.table--scrollable__th.name {
  flex: none;
  margin-right: -2px;
}

.modal-dialog.modal--promotions-freespins
  .player-bonus-type-2
  .freespin-game
  .Item
  .play-now.btn {
  text-align: center;
}

.modal-dialog.modal--promotions-freespins
  .player-bonus-type-2
  .freespin-game
  .Item
  .play-now.btn
  .play-now {
  display: inline;
}

/*BONUSES DESKTOP*/
.modal-dialog.modal--deposit
  .player-bonus-type-deposit:not(.player-bonus-type-deposit.freespins)
  .bonus-body-row-header
  > .bonus-expiration,
.modal-dialog.modal--deposit
  .player-bonus-type-deposit:not(.player-bonus-type-deposit.freespins)
  .bonus-body-row-title
  > .bonus-expiration {
  display: none;
}

/*.modal-dialog.modal--deposit
  .player-bonus-type-deposit:not(.player-bonus-type-deposit.freespins)
  .bonus-body-row-header {
  grid-template-columns: 50px 1.5fr 1fr 1fr;
  justify-items: start;
}*/

/*start date, end date not displayed in deposit freespins*/
.modal-dialog.modal--deposit
  .player-bonus-type-deposit.freespins
  .games-box.deposit
  .no-wrap.table--scrollable__th.start-date,
.modal-dialog.modal--deposit
  .player-bonus-type-deposit.freespins
  .games-box.deposit
  .no-wrap.table--scrollable__th.end-date,
.modal-dialog.modal--deposit
  .player-bonus-type-deposit.freespins
  .freespin-games
  .offer-start-date,
.modal-dialog.modal--deposit
  .player-bonus-type-deposit.freespins
  .freespin-games
  .offer-end-date {
  display: none;
}

.modal-dialog.modal--deposit
  .player-bonus-type-deposit.freespins
  .games-box.deposit
  .table--scrollable__tr,
.modal-dialog.modal--deposit
  .player-bonus-type-deposit.freespins
  .freespin-games {
  display: grid;
  grid-template-columns: 2fr 1fr;
  justify-items: center;
  align-items: center;
}

.modal-dialog.modal--deposit
  .player-bonus-type-deposit.freespins
  .games-box.deposit
  .no-wrap.table--scrollable__th.games-info-titles,
.modal-dialog.modal--deposit
  .player-bonus-type-deposit.freespins
  .freespin-game
  > .Item {
  display: grid;
  grid-template-columns: 100px 300px 50px;
  justify-items: center;
}

/* -----------Bet Inspire update---------------- */

.Menu--user ul .balance-group {
  /* border: 1px solid #fff; */
  padding: 10px;
  border-radius: 16px;
  width: 250px !important;
}

.Menu--user ul .balance-group,
.Menu--user ul .balance-total {
  flex-direction: column;
  align-items: self-end !important;
}

.Menu--user ul .balance-group > div,
.Menu--user ul .balance-total > div {
  display: flex;
  width: 100%;
}

.Wrapper--Header .Container__Item .Menu--user ul li div span:nth-child(1) {
  width: 60%;
}

.Wrapper--Header .Container__Item .Menu--user ul li div span:nth-child(2) {
  width: 40%;
}

.Menu--user ul .balance-group > div > span:first-child,
.Menu--user ul .balance-total > div > span:first-child {
  width: 60%;
  /*display: flex;*/
  justify-content: flex-end;
  margin: 0;
}

.Menu--user ul .balance-group > div > span:nth-child(2),
.Menu--user ul .balance-total > div > span:nth-child(2) {
  margin: 0;
}

.Menu--user ul #menu_balance_wrapper .balance-total {
  width: 226px;
  margin-top: 10px;
}

.game-page .player-bonus-table .btn-bonus,
.gameLaunchFull .player-bonus-table .btn-bonus {
  width: 45px;
  height: 45px;
  display: flex;
  justify-content: center;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  background: var(--black-bingoFest);
  border: 1px solid var(--black-bingoFest);
  color: var(--white-color);
  align-items: center;
  margin-top: 180px;
  cursor: pointer;
}

.game-page .player-bonus-table .btn-bonus {
  display: none;
  margin-left: -5px;
}

.game-page .player-bonus-table .btn-bonus .tp-ic-gifts,
.gameLaunchFull .player-bonus-table .btn-bonus .tp-ic-gifts {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  align-items: center;
  height: 20px;
  font-family: line awesome free;
  font-weight: 900;
}

.game-page .player-bonus-table .btn-bonus .tp-ic-gifts:before,
.gameLaunchFull .player-bonus-table .btn-bonus .tp-ic-gifts:before {
  content: "\f06b";
  font-size: 22px;
  margin-top: -2px;
}

.game-page .player-bonus-table .bonus-body-wrapper,
.gameLaunchFull .player-bonus-table .bonus-body-wrapper {
  margin-top: -45px;
  padding: 10px;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  z-index: 5;
  right: 40px;
  background-color: #354464;
  border-radius: 20px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.game-page .player-bonus-table .btn-bonus ~ .bonus-body-wrapper,
.gameLaunchFull .player-bonus-table .btn-bonus ~ .bonus-body-wrapper {
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
  transform: translateX(-50px);
}

.game-page .player-bonus-table .btn-bonus.open ~ .bonus-body-wrapper,
.gameLaunchFull .player-bonus-table .btn-bonus.open ~ .bonus-body-wrapper {
  visibility: visible;
  opacity: 1;
  transform: translateX(0);
}

.game-page .player-bonus-table .bonus-title-row,
.game-page .player-bonus-table .bonus-body-row-title,
.gameLaunchFull .player-bonus-table .bonus-title-row,
.gameLaunchFull .player-bonus-table .bonus-body-row-title {
  display: flex;
  min-width: 280px;
  margin-bottom: 5px;
  color: var(--white-color);
}

.game-page .player-bonus-table .bonus-title-row > div,
.game-page .player-bonus-table .bonus-body-row-title > div,
.gameLaunchFull .player-bonus-table .bonus-title-row > div,
.gameLaunchFull .player-bonus-table .bonus-body-row-title > div {
  padding: 5px;
  flex: 1;
}

.game-page .player-bonus-table .bonus-body-row-title .bonus-title-row,
.gameLaunchFull .player-bonus-table .bonus-body-row-title .bonus-title-row {
  box-shadow: inset 0 0 0 2px var(--white-color);
  border-radius: 16px;
  color: var(--white-color);
}

.game-page .player-bonus-table li.bonus-body-row-title,
.game-page .player-bonus-table .bonus-body-row.item,
.gameLaunchFull .player-bonus-table li.bonus-body-row-title,
.gameLaunchFull .player-bonus-table .bonus-body-row.item {
  border: 1px solid #d6d4d4;
  border-radius: 8px;
}

.game-page .player-bonus-table .bonus-body-row.item,
.gameLaunchFull .player-bonus-table .bonus-body-row.item {
  margin-bottom: 10px;
}

.game-page .enable-btn,
.gameLaunchFull .enable-btn,
.game-page .forfeit-btn,
.game-page .disable-btn,
.gameLaunchFull .forfeit-btn,
.gameLaunchFull .disable-btn {
  display: inline-block;
  padding: 4px 14px;
  color: #000;
  transition: all 0.3s;
  border-radius: 20px;
  background-color: #ffcf0d;
  border: none;
}

.game-page .enable-btn,
.gameLaunchFull .Game--Balance .enable-btn {
  background: green;
  color: var(--white-color);
}

.game-page .disable-btn,
.gameLaunchFull .disable-btn {
  background-color: #9e9e9e;
}

/* changes */

.Container--GamePage ~ .Item {
  position: absolute;
  right: 1%;
  bottom: 50%;
}

.Container--GamePage.twoFrame ~ .Item {
  right: 6px;
  bottom: 44%;
}

.Container--GamePage.threeFrame ~ .Item {
  right: 14%;
  bottom: 0;
}

.Wrapper--Single.play-section .Item i.active {
  color: var(--black-bingoFest);
  font-size: 40px;
}

.modal-dialog.search.vendorListOpen .modal-content .modal-body,
.modal-dialog.search.vendorListOpen .modal-content {
  height: auto;
}

#searchPopup .search-wrapper .view-category-filter-form {
  flex: 1;
}

.view-category-filter-form {
  min-width: 200px;
  display: flex;
  gap: 10px;
  position: relative;
}

#searchPopup .game-category-selector-container,
#searchPopup .game-category-selector-container .ss-main .ss-multi-selected {
  width: 200px;
  height: 35px;
  min-height: 35px;
  padding: 0;
  border: none;
}

#searchPopup .vendorListOpen .game-category-selector-container,
#searchPopup
  .vendorListOpen
  .game-category-selector-container
  .ss-main
  .ss-multi-selected {
  height: auto;
}

#searchPopup .glyphicon-search {
  width: 30px;
  height: 35px;
  left: unset;
}

#searchPopup .game-category-list span {
  white-space: normal;
}

#searchPopup .ss-main .ss-multi-selected .ss-values .ss-value {
  margin: 0;
}

#searchPopup .game-category-selector-container .ss-main .ss-multi-selected b,
#searchPopup .selectedInfoCount p {
  color: var(--white-color);
}

#searchPopup .ss-main .ss-multi-selected .ss-add .ss-plus {
  transform: scale(1) !important;
}

#searchPopup .search-wrapper {
  padding: 20px;
  display: flex;
  gap: 8px;
  background-color: #e0e4ec;
  border-radius: 12px;
  flex-direction: row-reverse;
}

.modal-dialog.search {
  width: 96vw;
  height: 90vh;
  max-width: 1433px;
  overflow: auto;
  padding-right: 6px;
}

.modal-dialog.search.vendorListOpen {
  padding-right: 0px;
  display: block;
}

.modal-dialog.search .modal-content {
  height: 100%;
  min-height: 100%;
  padding: 0 10px 6px;
}

.modal-dialog.search .modal-content .modal-body {
  height: calc(100% - 90px);
  padding: 0px 15px 34px;
}

.modal-dialog.search.vendorListOpen .modal-content .modal-body,
.modal-dialog.search.vendorListOpen .modal-content {
  height: auto;
  /* min-height: 100%; */
}

.modal-dialog.search.vendorListOpen #popupSearchItems {
  min-height: 350px;
}

.modal-dialog.search .modal-content .modal-body > .form-group {
  height: 100%;
}

#searchPopup .search-wrapper .ss-content {
  width: calc(100vw - 155px);
  max-width: 1330px;
  position: unset;
  height: 0px;
}

#searchPopup .search-wrapper .ss-list {
  display: grid;
  /* padding-top: 0px; */
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  grid-auto-rows: minmax(50px, auto);
  max-height: unset;
  grid-gap: 10px;
  background-color: #e0e4ec;
}

#searchPopup .search-wrapper .ss-content.ss-open {
  height: auto;
  margin-top: 0px !important;
}

#popupSearchItems {
  max-height: calc(100% - 78px);
  padding: 20px 6px 0px 0px;
  display: grid;
  display: -webkit-grid;
  /* grid-auto-rows: minmax(200px,auto); */
  grid-template-columns: repeat(auto-fill, minmax(234px, 1fr));
  grid-gap: 20px;
  color: var(--white-color);
  overflow-y: auto;
  overflow-x: hidden;
  scroll-behavior: smooth;
}

#popupSearchItems.no-games-found-container {
  height: 100%;
}

#popupSearchItems .Item {
  position: relative;
  display: flex;
  justify-content: center;
  border-radius: 12px;
  aspect-ratio: 533/337;
}

#popupSearchItems .Item .product-image img {
  /* height: 100%; */
  border-radius: 12px;
}

#popupSearchItems .Item .play-now-btn {
  width: 100%;
  height: 40px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  position: absolute;
  bottom: 5%;
  z-index: 5;
}

#popupSearchItems .play-now-btn a {
  flex: 1;
  height: 100%;
  padding: 0 !important;
  line-height: 40px;
  text-align: center;
  opacity: 0;
  cursor: pointer;
}

#popupSearchItems .Item .product-description {
  position: absolute;
  top: 30%;
  opacity: 0;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 700;
}

#popupSearchItems .demo,
#popupSearchItems .play-full {
  display: block;
  text-transform: capitalize;
}

#popupSearchItems .Item .info-container {
  width: 100%;
  height: 100%;
  position: absolute;
  padding: 5px 15px 5px 5px;
  top: 0;
  /* right: 6%; */
  opacity: 0;
  text-align: center;
}

#popupSearchItems .Item .info-container.open {
  background-color: #e0e4ec;
}

#popupSearchItems .Item .info-container .la.la-warning,
#popupSearchItems .Item .info-container .la.la-times {
  font-size: 20px;
  color: red;
  position: absolute;
  right: 3px;
  cursor: pointer;
}

#popupSearchItems .Item .info-container .la.la-warning:before,
#popupSearchItems .Item .info-container .la.la-times:before {
  background-color: var(--white-color);
  border-radius: 3px;
}

#popupSearchItems .Item .info-container .la.la-times:before {
  background-color: transparent;
  color: var(--white-color);
}

#popupSearchItems .Item .info-container .info-text {
  max-width: calc(100% - 10px);
  max-height: calc(100% - 45px);
  overflow-y: auto;
  overflow-x: hidden;
}

#popupSearchItems .Item .game-info .close-info {
  width: 100%;
  height: 40px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  position: absolute;
  bottom: 5%;
}

body:not(.mobile) #popupSearchItems .Item:hover {
  background-color: #000;
}

body:not(.mobile) #popupSearchItems .Item:hover .product-image {
  opacity: 0.3;
  transition: opacity 0.3s linear;
}

body:not(.mobile) #popupSearchItems .Item:hover .play-now-btn a,
body:not(.mobile) #popupSearchItems .Item:hover .product-description,
body:not(.mobile) #popupSearchItems .Item:hover .info-container {
  opacity: 1;
}

.modal-dialog.search .ss-content .ss-list .ss-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.3s;
  border-bottom: 2px solid var(--black-bingoFest);
}

.modal-dialog.search .ss-content .ss-list .ss-option:hover,
.modal-dialog.search .ss-content .ss-list .ss-option.ss-highlighted,
.modal-dialog.search
  .ss-content
  .ss-list
  .ss-option:not(.ss-disabled).ss-option-selected {
  background-color: unset !important;
  color: var(--color-green-2) !important;
  border-bottom: 2px solid #febf00;
}

.modal-dialog.search .ss-content .ss-list .ss-option:after {
  content: "";
  width: 22px;
  height: 22px;
  display: flex;
  justify-content: center;
  border: 2px solid var(--black-bingoFest);
  border-radius: 4px;
}

.modal-dialog.search .ss-content .ss-list .ss-option-selected:after {
  content: "\f00c";
  font-family: "Line Awesome Free";
  font-weight: 900;
  border-color: #febf00;
}

.modal-dialog.search .ss-content .ss-list .ss-option img {
  display: none;
}

#searchPopup #popupSearchItems #load-more-container {
  padding: 5px 15px 8px 15px;
  position: absolute;
  bottom: -25px;
  left: 0;
}

.modal-dialog.search:not(.vendorListOpen)::-webkit-scrollbar-thumb {
  background-color: transparent;
}

.modal-dialog.search.vendorListOpen
  .modal-content
  #popupSearchItems
  #load-more-container {
  bottom: -8px !important;
}

#searchPopup #popupSearchItems #load-more-container #loadMoreBtn {
  padding: 0 !important;
  margin: 0;
}

#searchPopup #popupSearchItems #load-more-container #loadMoreBtn:hover {
  opacity: 1 !important;
}

#searchPopup .product-name {
  color: var(--white-color);
  font-size: 15px;
}

.Container--GamePage .game-page .game-container .game-holder {
  width: 100% !important;
  height: 100%;
  color: var(--white-color);
  font-size: 20px;
  justify-content: center;
  align-items: center;
}

.Container--GamePage .game-page {
  height: 100%;
  gap: 50px;
  row-gap: 20px;
  width: 90%;
  margin-top: 0 !important;
  display: flex;
  flex-wrap: wrap;
  align-items: start;
}

.Container--GamePage .game-page {
  height: calc(100vh - 145px);
  transition: all 0.3s ease;
}

.Container--GamePage.twoFrame .game-page {
  width: 94%;
  height: calc(100vh - 155px);
  padding-top: 10px;
  align-items: start;
}

.Container--GamePage .game-page .game-container {
  margin: 0 auto;
  min-width: calc((100% / 2) - 50px);
  min-height: calc((100% / 2) - 50px);
  /*flex: 1;*/
}

.Container--GamePage.threeFrame .game-page .game-container,
.Container--GamePage.fourFrame .game-page .game-container {
  max-width: calc((100% - 50px) / 2);
  /* height: calc((100% - 20px)/2); */
  height: 80%;
}

.Container--GamePage .game-page.single .game-container {
  max-width: 1300px;
  height: 100%;
}

.Container--GamePage .Balance--items > ul,
.gameLaunchFull .Balance--items > ul {
  display: flex;
  height: 100%;
  max-width: 60vw;
  margin: auto;
  padding: 5px;
  gap: 15px;
  font-size: 14px;
  justify-content: center;
}

.Container--GamePage .Balance--items,
.gameLaunchFull .Balance--items {
  display: none;
  width: 100%;
  height: 50px;
  color: var(--color-green-2);
}

.Container--GamePage .Balance--items > ul > li,
.gameLaunchFull .Balance--items > ul > li {
  padding: 0 10px;
  background-color: var(--black-bingoFest);
  border-radius: 20px;
  position: relative;
  color: var(--white-color);
}

.tp-ic-cash,
.tp-ic-bonus,
.tp-ic-total,
.tp-ic-award {
  height: 100%;
  display: flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
}

[class^="game-container-type-"],
#sport_div_iframe {
  width: 100%;
  height: 100%;
}

.Container--GamePage.twoFrame .game-page .game-container,
.Container--GamePage .game-page.single .game-container {
  /*height: 100%;*/
}

.Container--GamePage .game-page.played-games-open .game-container .game-holder {
  height: calc(100% - 50px) !important;
}

.Container--GamePage.threeFrame .game-page.played-games-open,
.Container--GamePage.fourFrame .game-page.played-games-open {
  width: 80%;
}

.Container--GamePage .game-page.played-games-open {
  height: calc(100vh - 240px) !important;
}

body
  .Container--GamePage
  .game-page
  .game-container
  .btn-real-game:not(.play-full)
  ~ .game-holder {
  height: 100%;
}

body:not(.mobile) .header-secondary.gameLaunchFull .Game--Balance {
  position: relative;
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  justify-content: space-between;
}

.header-secondary.gameLaunchFull {
  margin-top: 65px;
}

.header-secondary.gameLaunchFull .Balance--items > ul {
  max-width: unset;
  justify-content: start;
}

.gameLaunchFull .player-bonus-table .btn-bonus {
  width: 60px;
  height: 50px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 6px;
  margin-top: 14px;
  margin-right: 0;
}

.header-secondary.gameLaunchFull .game-container {
  border: none;
}

.Wrapper--Singl.gameLaunchFull
  .player-bonus-table
  .bonus-body-wrappere.launch-game.game-launch--full {
  margin-top: 0px;
}

.game-page .player-bonus-table .btn-bonus.open ~ .bonus-body-wrapper,
.gameLaunchFull .player-bonus-table .btn-bonus.open ~ .bonus-body-wrapper {
  visibility: visible;
  opacity: 1;
  transform: translateX(0);
}

body:not(.mobile)
  .gameLaunchFull
  .Game--Balance
  .player-bonus-table
  .btn-bonus.open
  ~ .bonus-body-wrapper {
  max-height: unset;
  border-bottom-right-radius: 20px;
  border-top-left-radius: 0;
  margin: 0;
  z-index: 9999;
}

.gameLaunchFull .player-bonus-table .bonus-body-wrapper {
  right: 0;
}

.gameLaunchFull .player-bonus-table .bonus-body-row.item .row {
  display: flex;
  justify-content: center;
}

.Wrapper--Single.launch-game.game-launch--full {
  margin-top: 0px;
}

.Widget--user .user-sections-trigger {
  display: none;
}

/*My profile balance information*/
.emutable-details .emutable-details-inner-block table tbody tr:nth-child(1),
.emutable-details .emutable-details-inner-block table tbody tr:nth-child(2) {
  display: none;
}

/*History -> Transactions desktop and mobile*/
.table--scrollable__thead .no-wrap.table--scrollable__th.l-7-ch:nth-child(2),
.table--scrollable__thead .no-wrap.table--scrollable__th.l-7-ch:nth-child(3),
.table-striped.table--scrollable__tbody
  .no-wrap.table--scrollable__td.l-7-ch:nth-child(2),
.table-striped.table--scrollable__tbody
  .no-wrap.table--scrollable__td.l-7-ch:nth-child(3),
#profilePopup .balancehistory .wallet-table td:nth-child(2),
#profilePopup .balancehistory .wallet-table td:nth-child(3),
#profilePopup .balancehistory .wallet-table th:nth-child(2),
#profilePopup .balancehistory .wallet-table th:nth-child(3) {
  display: none !important;
}

.modal-dialog.modal--balance-history
  .table-hover.table-striped.wallet-table.table--scrollable
  .table--scrollable__tr {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  align-items: center;
}

.modal-dialog.modal--balance-history
  .table-hover.table-striped.wallet-table.table--scrollable
  .table--scrollable__tr
  > div {
  display: block;
  white-space: unset;
  text-align: justify;
  flex-basis: unset !important;
  width: unset !important;
  overflow: unset !important;
  text-overflow: unset !important;
  flex-grow: unset !important;
  flex-shrink: unset !important;
}

#profilePopup .balancehistory .wallet-table td,
#profilePopup .balancehistory .wallet-table th {
  text-align: center;
}

/*printer Button*/
@media print {
  .print-button,
  .Wrapper--Single.Wrapper--Header,
  .Wrapper--Single.footer-logo,
  .banner-terms-conditions {
    display: none;
  }

  .marginTopClass {
    margin-top: 0;
  }
}

.print-button {
  position: absolute;
  right: 10%;
}

.print-button::before {
  content: "\f02f";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.print-button:hover {
  background-color: var(--black-bingoFest);
  cursor: pointer;
  color: var(--white-color);
}

.paragraphHyperlink {
  text-decoration: none;
  color: var(--light-green-parrot) !important;
}

.paragraphHyperlink:hover {
  font-weight: bold;
}

/*My profile Payments Css*/
.form-group:has(.wallet) {
  grid-column: span 2 / span 2;
}

.form-group:has(.wallet) select {
  appearance: none;
  user-select: text !important;
}

#profilePopup .modal-sub-body form .form-group label.nc1,
#profilePopup .modal-sub-body form .form-group label.nc2,
#profilePopup .modal-sub-body form .form-group label.nc3,
#profilePopup .modal-sub-body form .form-group label.nc4 {
  white-space: break-spaces !important;
  width: auto;
  max-width: max-content;
}

#profilePopup .modal-sub-body form .form-group:has(label.nc1),
#profilePopup .modal-sub-body form .form-group:has(label.nc2),
#profilePopup .modal-sub-body form .form-group:has(label.nc3),
#profilePopup .modal-sub-body form .form-group:has(label.nc4) {
  grid-column: span 3 / span 3 !important;
}

#transaction-details-217 .form-group,
#transaction-details-218 .form-group {
  grid-column: unset !important;
}

.imageLinkContainer {
  overflow: hidden;
  width: fit-content;
  margin: 0 auto;
  max-width: 300px;
  height: 150px;
  box-shadow: 10px 0px 20px #878383;
  border-radius: 15px;
  margin-top: 15px;
  transition: all 0.5s;
}

.imageLinkContainer:hover {
  box-shadow: -10px 15px 20px #878383;
  transform: scale(0.9);
}

.imageLinkContainer img {
  height: 100%;
}

/*BINGO ROOM CLOSED HOMEPAGE*/
.room-closed-home::after,
.room-closed-home::before {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 10;
  background: var(--black-bingoFest);
  line-height: 2.5rem;
  display: none;
  content: "";
}

.room-closed-home::before {
  content: "Room Closed";
  font-weight: bold;
  justify-content: center;
  top: 0;
  bottom: 65%;
  font-size: 2rem;
  color: var(--white-color);
}

.room-closed-home::after {
  color: var(--white-color);
  top: 33%;
  bottom: 0;
  text-align: justify;
  white-space: pre-line;
}

/*room close hovers*/

.room-closed-home:hover::after,
.room-closed-home:hover::before {
  display: flex;
  flex-direction: column;
  padding-left: 2rem;
}

/*after text*/
.room-closed-home.packAndLine::after {
  content: "Open between: \A \2022\00A0 3:00pm and 7:00pm CET. \A \00A0\00A0 and \A \2022\00A0 01:00am and 06:00am Everyday";
  font-size: 1.7rem;
}

.room-closed-home.aroundTheWorld::after {
  content: "Open between: \A \2022\00A0 07:00pm and 9:00am CET. Everyday";
  font-size: 1.7rem;
}

.room-closed-home.vip-room::after {
  content: "Open between: \A \2022\00A0 01:00am and 3:00am CET. \A Every Tuesday ";
  font-size: 1.7rem;
}

.room-closed-home.aroundTheWorld::after {
  content: "Open between: \A \2022\00A0 07:00pm and 9:00am CET. Everyday";
  font-size: 1.7rem;
}

.room-closed-home.vip-room::after {
  content: "Open between: \A \2022\00A0 01:00am and 3:00am CET. \A Every Tuesday ";
  font-size: 1.7rem;
}

/* -------------------- Login and ForgotPassword Css -------------------------*/
.REALITY_CHECK .popup-content .popup-content-buttons,
.modal-dialog .modal-content .button_options,
.modal-dialog .modal-content .login-options-container .buttons {
  position: relative;
  display: flex;
  width: 100%;
  transition-timing-function: ease-out;
  transition-property: transform;
  background: #eaeaeab3;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.04), 0 0 2px rgba(0, 0, 0, 0.06),
    0 4px 8px rgba(0, 0, 0, 0.04);
  will-change: transform;
  border-radius: 22px;
  gap: 4px;
  margin-bottom: 10px;
}

.modal-dialog .modal-content .button_options .forgotpass-option,
.modal-dialog .modal-content .login-options-container .login-option,
.REALITY_CHECK .popup-content .popup-content-buttons .REALITY_CHECK-options {
  position: relative;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background: transparent;
  border: unset;
  width: 100%;
  height: 40px;
  font-size: 12px;
  font-weight: 700;
  color: var(--white-color) !important;
  line-height: 16px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  padding: 0 16px;
}

.modal-dialog .modal-content .button_options .forgotpass-option:hover,
.modal-dialog .modal-content .login-options-container .login-option:hover,
.REALITY_CHECK
  .popup-content
  .popup-content-buttons
  .REALITY_CHECK-options:hover {
  color: #0a78b5 !important;
}

.modal-dialog .modal-content .button_options .forgotpass-option.active,
.modal-dialog .modal-content .login-options-container .login-option.active,
.REALITY_CHECK
  .popup-content
  .popup-content-buttons
  .REALITY_CHECK-options.active {
  color: var(--black-bingoFest) !important;
  background: #ffffff;
  border-radius: 20px;
}

/*---------------Switch to History Popup Css--------------*/
#profilePopup .modal-content .modal-sub-body:has(.switch-history) {
  display: grid;
  width: 100%;
  height: auto !important;
  grid-template-columns: 1fr 1fr;
}

#profilePopup .modal-content .modal-sub-body .switch-history {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin: 10px 0;
}

#profilePopup
  .modal-content
  .modal-sub-body
  .switch-history
  .text-switch-history {
  color: #000;
  margin: 10px auto;
}

#profilePopup
  .modal-content
  .modal-sub-body
  .switch-history
  .btn-switch-history {
  max-width: 300px;
  margin: 0 auto;
  padding: 8px 36px !important;
  color: #000 !important;
  border-radius: 8px !important;
  border: 2px solid #2285bc !important;
  background: transparent !important;
  text-transform: uppercase;
  position: relative;
  height: 40px;
}

#profilePopup
  .modal-content
  .modal-sub-body
  .switch-history
  .btn-switch-history:hover {
  opacity: 0.9 !important;
  background: #0a78b5 !important;
  color: #fff !important;
  box-shadow: 0 0 1px rgb(0 0 0 / 17%), 0 0 2px rgba(0, 0, 0, 0.06),
    0 4px 8px rgb(0 0 0 / 30%);
}

.table--scrollable__tbody .table--scrollable__td .update-payment {
  width: auto;
  display: unset;
}

.table--scrollable__tbody .table--scrollable__td:has(.update-payment) .btn {
  margin: 4px;
}

.tfa-code-verification .btn-group {
  display: block;
}

.tfa-code-verification .btn-group .glyphicon {
  color: #fff !important;
}

.modal-sub-body.securitypassword #twofactor .form-group.mt-10 {
  margin-top: -5px;
}

/* -------------------------------------- Security Password ---------------------------------------- */

.modal-sub-body.securitypassword .modal-body {
  margin-bottom: 15px;
}

.modal-sub-body.securitypassword .form-footer .col-md-7 .btn {
  width: auto;
  margin: 0 0 0 auto;
}

.modal-sub-body.securitypassword .row {
  margin: 0;
}

.modal-sub-body.securitypassword .form-footer .col-md-7 .btn {
  width: auto;
  margin: 0 0 0 auto;
}

.modal-sub-body.securitypassword .row {
  margin: 0;
}

.modal-sub-body.securitypassword .modal-body {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  max-height: 500px;
  overflow-y: scroll;
  flex-direction: row;
}

.modal-sub-body.securitypassword .modal-body > form {
  flex: 1;
  max-width: 100%;
  margin-top: 50px;
  border-radius: 9px;
}

#tfaConfirm .input-group .form-control,
.modal-sub-body.securitypassword .modal-body > form#twofactor #barcode {
  max-width: 300px;
}

.modal-sub-body.securitypassword .modal-title-text {
  padding: 0;
  font-weight: bold;
  color: var(--black-bingoFest);
}

.modal-sub-body.securitypassword #changepassform {
  padding: 40px 20px;
  background-color: var(--light-purple-parrot);
  height: fit-content;
  max-width: 50%;
}

.modal-sub-body.securitypassword form {
  position: relative;
}

.modal-sub-body.securitypassword .form-header {
  position: absolute;
  top: 10px;
  left: 20px;
}

.modal-sub-body.securitypassword .modal-footer,
.modal-sub-body.securitypassword .modal-footer .col-md-7,
.modal-sub-body.securitypassword .modal-footer .col-xs-6,
.modal-sub-body.securitypassword .form-footer .col-xs-6,
.modal-sub-body.securitypassword .form-footer,
.modal-sub-body.securitypassword .form-footer .col-md-7 {
  padding: 0 !important;
}

.modal-sub-body.securitypassword .modal-footer .col-xs-6,
.modal-sub-body.securitypassword .modal-footer .col-md-7,
.modal-sub-body.securitypassword .form-footer .col-xs-6,
.modal-sub-body.securitypassword .form-footer .col-md-7 {
  width: 100%;
}

.modal-sub-body.securitypassword .modal-footer .col-md-7,
.modal-sub-body.securitypassword .form-footer .col-md-7 {
  margin: 0;
}

.modal-sub-body.securitypassword .form-footer .col-md-7 .form-group {
  text-align: left;
}

.modal-sub-body.securitypassword .modal-footer .btn {
  width: 100%;
}

.modal-sub-body.securitypassword #deleteaccount .btn {
  background-image: unset !important;
  border-color: unset;
  background-color: #f02849 !important;
  color: #fff !important;
}

.modal-sub-body.securitypassword #deleteaccount .control-label {
  display: none;
}

.modal-sub-body.securitypassword #deleteaccount .form-group.mt-10 {
  margin-top: 15px;
}

.modal-sub-body.securitypassword #twofactor .btn {
  background-image: unset !important;
  background-color: var(--black-bingoFest) !important;
  border-color: var(--black-bingoFest);
  color: #fff;
}

#profilePopup
  .modal-dialog:not(.modal--payments-history, .responsible-gambling)
  .profile-sub-nav
  li:nth-child(3) {
  position: unset;
}

.modal-sub-body.securitypassword .modal-text,
.manual-entry-code {
  color: var(--white-color);
  font-size: 14px;
}

#changepassform #NewPassword ~ .field-validation-valid,
#changepassform #NewPassword ~ .field-validation-error {
  margin-bottom: 15px;
}

.tfa-verification-code-block .input-group,
.tfa-verification-code-block .btn-group,
#tfaConfirm > .input-group {
  display: block !important;
}

.manual-entry-code {
  font-size: 14px;
  max-width: 301px;
  font-weight: 900;
  padding: 10px;
  width: 100%;
  display: block;
  word-wrap: break-word;
}

.tfa-verification-code-block .input-group .form-control,
#tfaConfirm .input-group .form-control {
  border-top-left-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
  width: calc(100% - 50px) !important;
}

.modal-dialog#verifyPartial [class$="-verification-code-block"] .btn-success,
#tfaConfirm .btn-success {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

#twofactor .eye-icon {
  top: 34px;
}

#deleteaccount .eye-icon {
  top: 10px;
}

.tfa-verification-code-block .btn.btn-success.verification-code-tfa {
  height: 42px;
}

.tfa-verification-code-block .btn.btn-success.verification-code-tfa .glyphicon {
  color: #fff;
}

/* ------------------ notif limit message css --------------------*/

.notify-limit {
  width: 100vw;
  height: 100vh;
  position: absolute;
  z-index: 55555;
  background: #1d211f4a;
  display: flex;
  justify-content: center;
  align-items: center;
}

.notify-message-group {
  width: 500px;
  height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
  background: #fff;
  border-radius: 20px;
  padding: 15px;
}

.notify-message-group .notify-message {
  font-weight: 700;
  font-size: x-large;
  color: var(--black-bingoFest);
  font-size: 18px;
}

/* REALITY_CHECK */
.REALITY_CHECK .popup-content {
  padding: 15px;
  display: flex;
  min-width: 320px;
  max-width: 600px;
  min-height: 330px;
  flex-direction: column;
  background: #fff;
  border-radius: 12px;
}

.responsible__msg--success,
.REALITY_CHECK .popup-content .limit-info > h2 {
  font-size: 18px;
}

.responsible__msg--success {
  color: green;
}

.notify-message-group .btn,
.REALITY_CHECK .popup-content button {
  order: 5;
  width: 130px;
  height: 38px;
  background: var(--black-bingoFest);
  color: #fff;
  border: 0;
  outline: none;
  font-size: 16px;
  font-weight: 800;
  line-height: 20px;
  border-radius: 50px;
  letter-spacing: 1px;
  margin: 10px 5px;
  text-transform: uppercase;
}

.REALITY_CHECK .popup-content .eye-icon {
  top: 48px;
}

body.LoggedIn.notify {
  overflow: hidden;
}

.LoggedIn:has(.notify-limit) .fade.show {
  visibility: hidden;
  opacity: 0;
}

html:has(.notify-limit) {
  overflow: hidden;
}

.REALITY_CHECK .popup-content #barcode {
  width: 180px;
  height: 180px;
}

.REALITY_CHECK .popup-content .form-group {
  display: flex;
  flex-direction: column;
}

#forgotpassform .col-sm-4 {
  width: 33.33333333%;
}

#forgotpassform .col-sm-2 {
  width: 16.66666667%;
}

#forgotpassform .col-sm-6 {
  width: 50%;
}

.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
  float: left;
}

.form-group {
  position: relative;
}

/* ---------------------------------------- Responsible Gambling ---------------------------------------------- */
.Menu--user li[data-route="responsible"] {
  text-transform: uppercase;
}

.responsible-gambling {
  color: var(--white-color);
}

.responsible-gambling .transaction-row-outlined.column-headers {
  padding: 10px 0;
  justify-content: center;
}

.responsible-gambling .transaction-row-outlined .trans-proc-time {
  text-align: center;
}

.responsible-gambling .transaction-row .trans-proc-time,
#profilePopup .responsible-gambling .col-xs-3,
.responsible-gambling .transaction-row span {
  width: calc(100% / 3);
  display: flex;
  justify-content: center;
}

#profilePopup .responsible-gambling .switch {
  left: unset;
}

.responsible-gambling h4,
.responsible-gambling h3 {
  font-size: 15px;
  padding: 0 10px 10px;
  font-weight: 400;
  grid-column-end: span 3;
}

.responsible-gambling label {
  margin: unset;
}

.responsible-gambling .form-group:not(.mt-10) {
  margin: 15px;
  position: relative;
}

.responsible-gambling #responsibleSystem > div:first-child > div {
  display: grid;
  grid-template-columns: 1fr 1fr 0fr;
}

.responsible-gambling .custom-radio-button,
.responsible-gambling .product-select {
  display: none;
}

.responsible-gambling
  [id^="transaction-details"]
  label:not(.control-label)
  input[type="checkbox"] {
  content: "";
  width: 22px;
  height: 22px;
  display: flex;
  border: 2px solid var(--grey-color);
  border-radius: 4px;
  font-weight: 900;
  border-color: var(--color-green-2);
  accent-color: var(--color-green-2);
  appearance: none;
  border-radius: 6px;
}

.responsible-gambling
  [id^="transaction-details"]
  label:not(.control-label)
  input[type="checkbox"]:checked {
  background: var(--color-green-2);
  appearance: auto;
  border-radius: 6px;
}

.responsible-gambling [id^="transaction-details"] label:not(.control-label) {
  width: 100%;
  background-color: unset !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.3s;
  padding: 6px 10px 6px 10px;
  cursor: pointer;
  user-select: none;
}

.responsible-gambling .product-select.open {
  display: block;
  position: absolute;
  width: 100%;
  border: 1px solid var(--grey-color);
  border-radius: 12px;
  background-color: var(--background-color-9);
  z-index: 5;
  height: 150px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.responsible-gambling .select {
  color: var(--grey-color) !important;
  height: 36px;
  border: 1px solid var(--grey-color);
  outline: none;
  border-radius: 12px;
  display: flex;
  align-items: center;
  padding: 6px 12px;
  align-content: center;
  justify-content: space-between;
}

.responsible-gambling .select:after {
  font-family: "Line Awesome Free";
  font-weight: 900;
  content: "\f107";
}

.responsible-gambling .responsible-label {
  display: none !important;
}

.responsible-types {
  padding: 10px;
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

.responsible-types > div {
  color: #000;
  padding: 5px;
  cursor: pointer;
  border-bottom: 2px solid transparent;
}

.responsible-types > div:hover,
.responsible-types > div.active {
  border-color: var(--black-bingoFest);
}

.responsible-settings-block:not(:has(.history-modal)) {
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  max-height: 490px;
  overflow-y: scroll;
}

.responsible-settings-block .inner-occurrences {
  box-shadow: 0 1rem 1.6rem rgba(75, 74, 120, 0.11);
  padding: 15px;
  margin-top: 15px;
}

.responsible-settings-block .inner-block,
.responsible-settings-block .history-modal {
  padding: 12px;
  flex: 1;
  text-align: left;
}

.responsible-settings-block .history-modal .table--scrollable {
  min-width: 744px;
}

.responsible-settings-block .inner-block .title {
  font-size: 22px;
  margin-bottom: 10px;
}

.responsible-settings-block .inner-block .product-info,
.responsible-settings-block .form-group:not(.history-modal .form-group) {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: auto;
  margin-bottom: 10px;
}

.responsible-settings-block .history-modal label {
  margin-bottom: 5px;
}

.responsible-settings-block .col-md-7.col-md-offset-5.text-right {
  float: left;
  margin-left: 41.66666667%;
  width: 58.33333333%;
}

.responsible-settings-block .inner-block .product-info > div {
  padding: 4px;
  border-bottom: 2px solid #fff;
}

#profilePopup .modal-dialog .modal-footer .row .col-xs-6 .col-xs-12 {
  text-align: left;
}

.responsible-settings-block .inner-block .inner-body:has(.notice-form-group) {
  display: flex;
  flex-direction: column;
  padding: 10px;
  box-shadow: 0 1rem 1.6rem #6d99ae;
  border-radius: 0.8rem;
  margin-top: 25px;
}

.responsible-settings-block
  .inner-block
  .inner-body
  .form-groups:has(> .prevent-login-form-group:only-child) {
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}

.responsible-settings-block .inner-block .inner-body .form-groups {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto auto;
  box-shadow: 0 1rem 1.6rem #6d99ae;
  border-radius: 0.8rem;
  margin: 10px 0;
}

.responsible-settings-block
  .inner-block
  .inner-body
  .form-groups:has(> div:only-child)
  .form-group:not(.prevent-login-form-group) {
  width: 100%;
}

.responsible-settings-block
  .select2-container--default
  .select2-results__option
  span,
.responsible-settings-block
  .select2-container--default
  .select2-selection--single
  span:not(.select2-selection__clear, .select2-selection__arrow) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #000;
  width: calc(100% - 10px);
}

.responsible-settings-block
  .select2-container--default
  .select2-results__option:has(.has-limit) {
  background: var(--black-bingoFest);
  color: #fff;
}

.form-group.password-form-group .eye-icon {
  top: 51px;
}

.limit-product-objects
  .select2-selection--single
  .select2-selection__rendered
  .select2-selection__clear {
  display: none !important;
}

.limit-product-objects,
#limit-product-object-types,
.form-group.password-form-group {
  width: 50% !important;
  min-width: auto;
  margin: 0 15px;
}

.form-group.notice-form-group .clear-form .form-control-feedback {
  pointer-events: auto;
  cursor: pointer;
}

.form-group.password-form-group {
  width: 25% !important;
}

.form-group.password-form-group {
  width: 25% !important;
}

.modal-sub-body.responsible #limit-product-object-types h5 {
  padding: 20px 0 10px 0;
}

.control-fields {
  position: relative;
}

.responsible-gambling .form-group .form-control,
.limit-product-objects .select2.select2-container.select2-container--default {
  height: 35px;
}

.limit-product-objects .select2-results__option span,
.limit-product-objects
  .select2-selection--single
  .select2-selection__rendered
  span {
  color: #000;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  padding-right: 10px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  color: #000;
}

.responsible-settings-block .row select:not(.history-modal .row select) {
  color: #000;
  height: 35px !important;
  flex: 1;
  padding: 0;
  margin: 0 4px;
  outline: none;
  cursor: pointer;
  border-radius: 12px;
  text-align: center;
}

.responsible-settings-block .row select#Month {
  flex: 1.2;
}

.responsible-settings-block .row select#Year {
  flex: 1.5;
}

.responsible-settings-block .inner-body > div input {
  padding: 5px 25px !important;
  outline: none;
  border-radius: 10px;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: var(--black-bingoFest);
  color: #fff;
}

.responsible-gambling
  .form-group
  #currency-symbol:not(#next-limit-value #currency-symbol) {
  position: absolute;
  top: 10px;
  left: 5px;
  color: var(--black-bingoFest);
}

.responsible-gambling .form-group #next-limit-value {
  position: relative;
}

.responsible-gambling .form-group #value-reminder #reminder-currency-symbol,
.responsible-gambling .form-group #next-limit-value #currency-symbol {
  color: var(--black-bingoFest);
}

.responsible-gambling .form-group .form-control-feedback {
  top: 1px !important;
  height: auto !important;
  pointer-events: auto;
  cursor: pointer;
}

.responsible-gambling .form-group .form-control-feedback .las:before {
  font-style: normal;
  font-weight: 800;
  font-size: 18px;
}

.responsible-gambling .form-group .form-control-feedback .la-times:before {
  color: #ff5722 !important;
}

.responsible-gambling .form-group .form-control-feedback .la-refresh:before {
  color: var(--black-bingoFest) !important;
}

.reason-dropdown {
  width: 156px;
  padding: 5px;
  border-radius: 10px;
  height: 22px;
  position: relative;
  background-color: #fff;
  color: #000;
  text-align: right;
}

.reason-dropdown > span {
  display: flex;
  flex-direction: column;
  position: absolute;
  z-index: 5;
  background-color: #fff;
  text-align: start;
  top: 23px;
  left: 0;
  border-radius: 12px;
  display: none;
}

.reason-dropdown.open > span,
.responsible-settings-block .row,
.responsible-settings-block .inner-block.open .inner-body > div > div.row {
  display: flex;
}

.reason-dropdown > span span {
  padding: 6px;
}

.reason-dropdown > span span:hover {
  background-color: var(--background-color-10);
  color: #fff;
}

.modal-sub-body.responsible h5 {
  color: #000;
  margin: 0;
  padding: 15px 0;
}

.responsible-settings-block.single {
  justify-content: start;
}

.responsible-settings-block.single .inner-block {
  width: calc((100% / 5) - 10px);
  flex: unset;
}

.responsible-settings-block.single .inner-block:nth-child(n + 2),
.responsible-settings-block.single .inner-block .title,
.responsible-settings-block.single.self .inner-block .amount,
.responsible-settings-block .inner-block.open .inner-body .not-set,
.responsible-settings-block
  .inner-block
  .inner-body
  .form-groups:not(:has(:first-child)) {
  display: none;
}

.responsible-settings-block
  .inner-block
  .inner-body
  .form-groups:has(.occurrence-notice-info)
  .form-group
  .control-label:not(.form-group:first-child .control-label) {
  margin-bottom: 24px;
}

.occurrence-notice-info {
  position: absolute;
  top: 15px;
  display: none;
}

.responsible-settings-block
  .inner-block
  .inner-body
  .form-groups
  .form-group
  .control-label
  span.label-head::after,
.responsible-settings-block
  .inner-block
  .inner-body
  .form-groups
  .form-group
  .control-label
  span {
  font-size: 14px;
  font-weight: 600;
}

.responsible-settings-block
  .inner-block
  .inner-body
  .form-groups
  .form-group
  .control-label
  span.label-head
  ~ span.required-field {
  display: none;
}

.responsible-settings-block
  .inner-block
  .inner-body
  .form-groups
  .form-group
  .control-label
  span.label-head::after {
  content: "*";
  color: red !important;
}

.responsible-settings-block
  .inner-block
  .inner-body
  .form-groups
  .form-group.reason-form-group
  label.control-label {
  flex-direction: row;
}

.responsible-settings-block
  .inner-block
  .inner-body
  .form-groups:not(:has(:first-child)) {
  display: none;
}

.responsible-settings-block
  .inner-block
  .inner-body
  .form-groups
  .form-group:first-child
  .control-label {
  display: flex;
}

.responsible-settings-block .inner-block .save-btn {
  display: flex;
  justify-content: end;
}

.responsible-settings-block
  .inner-block.open
  .inner-body
  > div
  > div:nth-child(3) {
  display: block;
}

#end-date-checkbox {
  align-items: center;
}

#end-date-checkbox input[type="checkbox"] {
  visibility: hidden;
  display: none;
}

#end-date-checkbox *,
#end-date-checkbox ::after,
#end-date-checkbox ::before {
  box-sizing: border-box;
}

#end-date-checkbox .checkbox {
  width: 60px;
  height: 30px;
  position: relative;
  display: inline-block;
}

#end-date-checkbox .checkbox-slider {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 30px;
  box-shadow: 0 0 0 2px #777, 0 0 4px #777;
  cursor: pointer;
  border: 4px solid transparent;
  overflow: hidden;
  transition: 0.2s;
}

#end-date-checkbox .checkbox-slider:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: #777;
  border-radius: 30px;
  transform: translateX(-30px);
  transition: 0.2s;
}

#end-date-checkbox input:checked + .checkbox-slider:before {
  transform: translateX(30px);
  background-color: var(--light-green-parrot);
}

#end-date-checkbox input:checked + .checkbox-slider {
  box-shadow: 0 0 0 2px var(--light-green-parrot),
    0 0 8px var(--light-green-parrot);
}

#limit-product-object-types {
  margin-top: 15px !important;
}

.responsible-settings-block .limit-set-info span {
  font-size: 15px;
  font-weight: 900;
  color: var(--black-bingoFest);
}

.responsible-settings-block .limit-product-info,
.responsible-settings-block .limit-base-info {
  font-size: 15px;
  color: var(--black-bingoFest);
}

.responsible-settings-block .limit-set-info {
  margin-bottom: 15px;
  color: var(--black-bingoFest);
}

#profilePopup .modal-sub-body.responsible {
  padding: 0 !important;
  margin-top: 0;
}

.responsible-settings-block .form-group.password-form-group .eye-icon {
  top: 34px;
}

.responsible-settings-block .limit-revoke-info {
  display: flex;
  padding: 15px;
  gap: 15px;
  background: var(--light-green-parrot);
  color: #fff;
  margin: 15px 0;
  border-radius: 8px;
}

.responsible-settings-block .limit-revoke-info .limit-revoke-info-text-body {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.responsible-settings-block
  .limit-revoke-info
  .limit-revoke-info-text-body
  .attention {
  font-weight: 900;
  color: var(--black-bingoFest);
}

.responsible-settings-block
  .limit-revoke-info
  .limit-revoke-info-text-body
  .limit-name {
  color: var(--black-bingoFest);
}

.responsible-settings-block .limit-revoke-info .la-warning {
  display: flex;
  align-items: center;
  padding: 15px;
  border-radius: 100%;
  box-shadow: inset 0px 0px 8px 3px var(--white-color);
}

/* Session Timer desktop */
.session_timer_desktop {
  position: fixed;
  top: 7px;
  right: 28px;
  color: var(--white-color);
}

/* responsible gambling -- history tables --- */
.responsible-settings-block
  .history-modal
  .table--scrollable__thead
  .table--scrollable__th:nth-child(2),
.responsible-settings-block
  .history-modal
  .table--scrollable__thead
  .table--scrollable__th:nth-child(3),
.responsible-settings-block
  .history-modal
  .table--scrollable__thead
  .table--scrollable__th:nth-child(4),
.responsible-settings-block
  .history-modal
  .table--scrollable__tbody
  .table--scrollable__td:nth-child(2),
.responsible-settings-block
  .history-modal
  .table--scrollable__tbody
  .table--scrollable__td:nth-child(3),
.responsible-settings-block
  .history-modal
  .table--scrollable__tbody
  .table--scrollable__td:nth-child(4) {
  display: none;
}

.responsible-settings-block
  .history-modal
  .table--scrollable__thead
  .table--scrollable__tr,
.responsible-settings-block
  .history-modal
  .table--scrollable__tbody
  .table--scrollable__tr {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
  justify-content: start !important;
  overflow-x: scroll;
}

.drawer {
  color: var(--black-bingoFest);
}

.bonus-body-row-title.not-allowed,
#profilePopup [id^="bonus-content-"].not-allowed .os-content {
  opacity: 0.3;
  background: #09080836 !important;
}

/*Player Bonus Type Deposit*/
#paymentsystem .player-bonus-type-deposit .bonus-type,
#paymentsystem .player-bonus-type-deposit .bonus-current-amount,
#paymentsystem .player-bonus-type-deposit .bonus-expiration,
#paymentsystem .player-bonus-type-deposit .bonus-placeholder,
#paymentsystem .player-bonus-type-deposit .bonus-placeholder1,
#paymentsystem .player-bonus-type-deposit .bonus-valid-days {
  display: none !important;
}

#paymentsystem .player-bonus-type-deposit .bonus-title,
#paymentsystem .player-bonus-type-deposit .bonus-min-amount,
#paymentsystem .player-bonus-type-deposit .bonus-min-action-amount {
  text-align: left;
  padding-left: 10px;
}

.player-bonus-type-deposit .bonus-body-row-header,
.player-bonus-type-deposit .bonus-body-row-title {
  grid-template-columns: 5fr 3fr 2fr;
}

.player-bonus-type-deposit .bonus-body-row-title div.bonus-min-action-amount {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.player-bonus-type-deposit
  .bonus-body-row-title
  div.bonus-min-action-amount::after {
  content: "More Info";
  cursor: pointer;
  display: block;
  width: fit-content;
  font-size: 12px;
  outline: 1px solid var(--red-parrot);
  color: var(--red-parrot);
  border-radius: 20px;
  padding: 5px 10px;
}

html[lang="tr-tr"]
  .player-bonus-type-deposit
  .bonus-body-row-title
  div.bonus-min-action-amount::after {
  content: "Detaylar";
}

.player-bonus-type-deposit
  .bonus-body-row-title
  div.bonus-min-action-amount:hover::after {
  outline-width: 2px;
}

.bonus-body-row-title #PaymentDepositButton {
  width: fit-content;
  height: auto;
  font-size: 12px;
  padding: 5px 10px;
  background-color: var(--red-parrot);
  color: var(--white-color);
  border: none;
  outline: auto;
}

.bonus-body-row-title #PaymentDepositButton:hover {
  background-color: var(--white-color);
  color: var(--red-parrot);
  outline: 2px solid var(--red-parrot) !important;
}

/*Move Deposit Button On top changing order*/
body.LoggedIn:not(body.mobile.LoggedIn)
  #paymentsystem
  > div
  div:has(.player-bonus-type-deposit) {
  display: flex;
  flex-direction: column;
}

body.LoggedIn:not(body.mobile.LoggedIn)
  #paymentsystem
  > div
  div:has(.player-bonus-type-deposit)
  > .depositmessage-success {
  order: 2;
}

body.LoggedIn:not(body.mobile.LoggedIn)
  #paymentsystem
  > div
  div:has(.player-bonus-type-deposit)
  > .player-bonus-type-deposit {
  order: 3;
}

body.LoggedIn:not(body.mobile.LoggedIn)
  #paymentsystem
  > div
  div:has(.player-bonus-type-deposit)
  > .depositmessage-error {
  margin-left: 20px;
}

/*----------------Player Bonus Type Deposit---FreeSpins-----------------*/
#paymentsystem
  .player-bonus-type-deposit
  .bonus-body-freespin
  .os-content-glue {
  width: unset !important;
  /*remove the 900px wide*/
  height: 180px !important;
}

#paymentsystem
  .player-bonus-type-deposit
  .bonus-body-freespin
  .freespin-gamescontainer,
#paymentsystem
  .player-bonus-type-deposit
  .bonus-body-freespin
  .table--scrollable__tr {
  min-width: unset;
}

#paymentsystem
  .player-bonus-type-deposit
  .bonus-body-freespin
  .table--scrollable__tr {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  justify-items: center;
}

/*---------------Hide deposit-Withdrawal Methods-----------------*/
#options--deposit,
#options--withdrawal {
  display: none;
}

/*-------------New Menu Options Desktop-----------------*/
ul.Sections {
  margin: 0;
}

.menu-options-desktop > div {
  display: none;
}

.menu-options-desktop > ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  gap: 10px;
  padding: 25px 0;
  background-color: var(--black-bingoFest);
}

.menu-options-desktop a {
  display: inline-block;
  font-weight: bold;
  color: var(--black-bingoFest);
  background-color: var(--light-green-parrot);
  text-align: center;
  font-size: 16px;
  padding: 5px 10px;
  border-radius: 8px;
  min-width: 120px;
  transition: all 0.3s;
  text-transform: uppercase;
}

.menu-options-desktop a:hover,
.menu-options-desktop a.selected {
  background: transparent;
  outline: 2px solid var(--light-green-parrot);
  color: var(--light-green-parrot);
}

/* -----Disclaimer text -- Withdrawal---- */
#options--withdrawal #paymentsystem .uDisclaimer {
  max-width: unset;
}

#options--withdrawal #paymentsystem .uDisclaimer > p,
#options--withdrawal #paymentsystem .uDisclaimer p > a,
#options--withdrawal #paymentsystem .uDisclaimer p strong {
  font-size: 14px;
}

#options--withdrawal #paymentsystem .uDisclaimer p > a:hover {
  text-decoration: underline;
}

#profilePopup .form-group:has(.hidden_country) {
  display: none;
}

/* --- Deposit Structure Css--- */
.mobile #registerContainer .bonus-body-row-title > div {
  display: flex;
  align-items: center;
  flex: unset;
  width: 100%;
  justify-content: center;
}

.mobile
  #registrationPopup
  .player-bonus-type-registration
  .bonus-body-row-title
  .bonus-body-row-main
  .bonus-type {
  flex: unset;
}

.mobile .transaction-block-main {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  width: 100%;
  column-gap: 5px;
  justify-items: center;
}

.mobile .transaction-row {
  display: flex !important;
}

.mobile .grid-info-section,
.mobile .bonus-body-fixed-header.freespins,
.mobile .bonus-content-header.bonus-body-fixed-header,
.mobile .modal-dialog.withdrawal .transaction-row .column-headers-withdrawal,
.mobile
  .transaction-row
  .transaction-block-head.transaction-row-outlined.column-headers,
.mobile
  #paymentsystem
  .player-bonus-type-deposit
  .bonus-body-freespin
  .freespin-games
  .spin-count::before {
  display: none;
}

.mobile .bonus-content-main {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.mobile
  .freespin-games
  .no-wrap.table--scrollable__th:not(.games-info-titles .table--scrollable__th)
  > div {
  width: auto;
  margin: unset;
  display: flex !important;
}

.mobile .freespin-games .games-info-titles .table--scrollable__th {
  color: #fff;
}

.mobile
  .freespin-games
  > .freespin-games-main:not(.freespin-game)
  .Item
  .product-vendore-img {
  display: block;
  margin: 10px !important;
}

body.mobile .freespin-games .Item img:not(.product-vendore-img),
body.mobile .games-info-titles .game {
  max-width: 60px;
  min-width: 60px;
}

body.mobile .freespin-games > div:not(.freespin-game),
body.mobile .freespin-game .Item > *,
body.mobile .games-info-titles .table--scrollable__th {
  margin: 10px !important;
}

.mobile
  .freespin-games
  > .freespin-games-main:not(.freespin-game)
  .Item
  .product-name {
  max-width: unset;
  flex: unset;
  text-align: left;
  width: 100%;
}

.mobile
  .freespin-games
  .no-wrap.table--scrollable__th:not(
    .games-info-titles .table--scrollable__th
  ) {
  padding: 10px 0;
  flex: unset;
}

.mobile .freespin-games .no-wrap.table--scrollable__th {
  display: flex;
  justify-content: space-between;
  width: 100% !important;
  padding: 0;
}

.mobile .freespin-games > .freespin-games-main:not(.freespin-game) .Item {
  justify-content: space-between;
  min-height: unset !important;
  flex-direction: row !important;
  width: 100% !important;
  justify-items: center;
}

.mobile .freespin-games {
  position: relative;
  border-radius: 3px;
  margin-bottom: 15px;
  display: flex;
  align-items: center !important;
  width: 100% !important;
  flex-direction: column !important;
  background-color: transparent;
  border-top: 2px solid #aec731;
  border-bottom: 2px solid #aec731;
}

.mobile .freespin-games .table--scrollable__tr {
  position: relative;
  display: flex !important;
  width: 100%;
  min-width: unset !important;
  background-color: transparent;
  flex-direction: column;
  align-items: flex-start;
  margin: 0 !important;
}

.mobile
  #registrationPopup
  .player-bonus-type-registration
  .bonus-body-row-title
  .bonus-body-row-main {
  display: flex;
}

.mobile
  .freespin-games
  .table--scrollable__tr
  .no-wrap.table--scrollable__th.games-info-titles {
  color: #fff;
  display: flex !important;
  flex-direction: row;
  background-color: #aec731;
  justify-content: space-between;
  align-items: flex-start;
}

.mobile .transaction-block-head > div {
  width: 100%;
  text-align: center;
}

body.mobile .freespin-games > .freespin-games-main:not(.freespin-game) {
  position: relative;
  display: flex !important;
  width: 100%;
  min-width: auto !important;
  background-color: transparent;
  align-items: flex-start;
  flex: unset;
  margin: 0 !important;
  font-size: 12px;
  justify-content: space-between;
}

body.mobile .freespin-gamescontainer,
body.mobile .registration.page-3 .games-box .freespin-gamescontainer {
  min-width: auto !important;
}

body.mobile
  .freespin-games
  > .freespin-games-main:not(.freespin-game)
  .freespin-game {
  width: 100%;
}

.mobile .freespin-game .Item .product-vendore-img,
.mobile .games-info-titles .brand {
  min-width: 40px;
  max-width: 40px;
}

#registrationPopup .games-box .freespin-games .table--scrollable__tr *::before,
body.mobile
  #registrationPopup
  .player-bonus-type-registration
  .bonus-body-row-title
  .bonus-body-row-header,
.mobile
  #registrationPopup
  .freespin-games
  .table--scrollable__tr
  .no-wrap.table--scrollable__th.games-info-titles {
  display: none;
}

/* Burger menu Sections title*/
.Wrapper--Single .js-route.Sections__Item.sectionTitle {
  pointer-events: none;
}

.Widget--banner.secondary
  .Widget--Header--secondary
  .Sections
  .Sections__Item
  a:has(i.sectionTitle),
.Wrapper--Single .js-route.Sections__Item.sectionTitle > a {
  text-decoration: underline;
  text-transform: capitalize;
  font-size: 20px;
  margin: 0;
  padding: 0;
  margin-left: -51px;
}