@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400&display=swap");

/* VARIABLES */
:root {
  --black-color: #000000;
  --primary-cta: #0090ff;
  --color-error: #ff3c00;
  --primary-background: #000a1f;
  --secondary-background: #031436;
  --primary-color: #ffffff;
      --secondary-cta: #FEDD00;
--input-background: #e6f5eb;
--secondary-color: #5977b2;
  --color-dark: #292929;
  --theme-sportscasino-left-color: #6621e4;
  --theme-sportscasino-right-color: #1d823b;
  --theme-modal-color: rgba(0, 0, 0, 0.7);
  --primary-cta-shadow: rgba(20, 36, 54, 0.3);
  --theme-font-color: #5977b2;
  --theme-placeholder-color: #888282;
  --theme-login-input-background: #747681;
  --theme-scrollbar-color: #071c47 #ffffff00;
  --theme-table-color: #cbcbcb;
  --sucess-color: #22c55e;
  --theme-divider-background: #68737c3d;
  --theme-table-head-background: #424a52;
  --primary-cta-filter: brightness(0) saturate(100%) invert(46%) sepia(60%)
    saturate(4866%) hue-rotate(188deg) brightness(103%) contrast(104%);
  --secondary-cta-filter: brightness(0) saturate(100%) invert(96%) sepia(100%)
    saturate(1%) hue-rotate(117deg) brightness(105%) contrast(101%);
  --extra-small-font: 12px;
  --small-font: 14px;
  --extra-medium-font: 16px;
  --medium-font: 18px;
  --large-font: 24px;
  --extra-large-font: 30px;
  --title-font: 35px;
}

.marqueee {
  width: 100%;
  padding: 5px;
  z-index: 1;
  position: relative;
}

.marqueee span {
  font-size: var(--extra-medium-font);
  font-style: italic;
  padding-left: 15px;
  margin-right: 50px;
  font-weight: 700;
  position: relative;
  color: var(--primary-cta);
}

.marqueee span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--primary-cta);
}

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Inter", sans-serif !important;
}

body {
  background: var(--primary-background);
  margin: 0 auto;
  max-width: 2400px;
}

.alertify-notifier {
  z-index: 9999999 !important;
}

.ba-restain-slide {
  overflow: hidden !important;
  height: 100vh !important;
}

.casino.container-wd {
  margin-bottom: 40px;
}

button,
input,
select {
  overflow: hidden;
  -ms-user-select: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
}

.ba-secondary-light {
  background: var(--secondary-background);
}

.ba-big-btn {
  width: 100% !important;
  border-radius: 5px !important;
  padding: 10px !important;
}

.ba-worng-input-border {
  border: 2px solid var(--color-error) !important;
}

.btn-disabled {
  opacity: 0.7 !important;
}

.btn {
  text-decoration: none;
  outline: none !important;
  border: 0;
  background: none;
  text-decoration: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.ba-primary-txt {
  color: #6621e4 !important;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar,
.ba-hide-scrollbar::-webkit-scrollbar {
  display: none;
}

html,
body,
.ba-hide-scrollbar {
  scroll-behavior: smooth;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.ba-scrollbar::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.ba-scrollbar::-webkit-scrollbar-thumb {
  background-color: #071c47;
  outline: 1px solid #071c47;
}

.ba-scrollbar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 4px var(--primary-cta-shadow);
  box-shadow: inset 0 0 4px var(--primary-cta-shadow);
}

.ba-countryCodeSelector .options::-webkit-scrollbar,
.ba-custom-select-dropdown::-webkit-scrollbar,
.lol-account-list::-webkit-scrollbar {
  width: 5px;
  height: 7px;
}

.activity-content div::-webkit-scrollbar,
.testimonial-context::-webkit-scrollbar {
  width: 2px;
  height: 5px;
}

.activity-content div::-webkit-scrollbar-thumb,
.testimonial-context::-webkit-scrollbar-thumb,
.ba-countryCodeSelector .options::-webkit-scrollbar-thumb,
.ba-custom-select-dropdown::-webkit-scrollbar-thumb,
.lol-account-list::-webkit-scrollbar-thumb {
  background-color: #071c47;
  outline: 1px solid #071c47;
  border-radius: 50px;
}

.alertify-notifier .ajs-message.ajs-success {
  background: radial-gradient(
        50% 50% at 50% 0%,
        #154fc5 0%,
        rgb(255 255 255 / 0%) 100%
      )
      no-repeat top center/100% 320px,
    #000a1f linear-gradient(180deg, rgb(10 39 98) 0%, #031538 100%);
  color: var(--primary-color) !important;
}

.ba-scrollbar::-webkit-scrollbar-track,
.activity-content div::-webkit-scrollbar-track,
.testimonial-context::-webkit-scrollbar-track,
.ba-countryCodeSelector .options::-webkit-scrollbar-track,
.ba-custom-select-dropdown::-webkit-scrollbar-track,
.lol-account-list::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 4px var(--primary-cta-shadow);
  box-shadow: inset 0 0 4px var(--primary-cta-shadow);
}

input,
select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ba-main-container {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-top: 65px;
  background: var(--primary-background);
}

/*|-|-| ICONS |-|-|*/
.ba-icon-style {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  padding: 11px;
}

.search-icon {
  cursor: pointer;
  filter: brightness(0) saturate(100%) invert(42%) sepia(59%) saturate(409%)
    hue-rotate(182deg) brightness(94%) contrast(88%);
  background-image: url(/assets/images/search-icon.svg);
}

.myReward-icon {
  background-image: url(/assets/images/myRewards.svg);
}

.favourites-icon {
  background-image: url(/assets/images/favourites.svg);
}

.recentPlayed-icon {
  background-image: url(/assets/images/recentPlayed.svg);
}

.leftArooow-icon {
  background-image: url(/assets/images/leftArooow.svg);
  filter: brightness(0) saturate(100%) invert(47%) sepia(8%) saturate(622%)
    hue-rotate(165deg) brightness(91%) contrast(88%);
}

.i_tooltip {
  background-image: url(/assets/images/infoicon.png) !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.casino-icon {
  background-image: url(/assets/images/casinoCut-icon.svg);
}

.lbd-icon {
  background-image: url(/assets/images/leaderboard.svg);
}

.history-arrow-down {
  background-image: url(/assets/images/arrow-down.svg);
  padding: 7px !important;
  margin-left: 5px;
}

.live-casino-icon {
  background-image: url(/assets/images/LiveCasinoCut-icon.svg);
}

.home-icon {
  background-image: url(/assets/images/home-jb.svg);
}

.sports-icon {
  background-image: url(/assets/images/fotball-icon-sports.svg);
}

.exchange-icon {
  background-image: url(/assets/images/exchangeCut-icon.svg);
}

.promotion-icon {
  background-image: url(/assets/images/promotion-jb.svg);
}

.right-arrow-icon {
  filter: var(--primary-cta-filter);
  background-image: url(/assets/images/right-arrow.svg);
}

.logout-icon {
  background-image: url(/assets/images/logout-icon.svg);
}

.back-icon {
  background-image: url(/assets/images/left-arrow.svg);
}

.close-icon {
  background-image: url(/assets/images/close.svg);
}

.profile-icon {
  background-image: url(/assets/images/profile-icon.svg);
}

.slideBtnLeft-icon {
  background-image: url(/assets/images/down-arrow.svg);
}

.slideRightLight-icon {
  background-image: url(/assets/images/slide-rightLight.svg);
}

.notification-bell-icon {
  background-image: url(/assets/images/notification-bell.svg);
}

.copy-icon {
  padding: 9px;
  filter: var(--primary-cta-filter);
  background-image: url(/assets/images/copy.svg);
}

.bank-icon {
  background-image: url(/assets/images/bank.svg);
}

.bonusBuy-icon {
  background-image: url(/assets/images/bonus-buyin.svg);
}

.liveRtp-icon {
  background-image: url(/assets/images/live-rtp.svg);
}

.promo-icon {
  background-image: url(/assets/images/promotion-jb.svg);
}

.wallet-icon {
  background-image: url(/assets/images/wallet.svg);
}

.bet-icon {
  background-image: url(/assets/images/my_bet.svg);
}

.reward-icon {
  background-image: url(/assets/images/my_rewards.svg);
}

.verification-icon {
  background-image: url(/assets/images/verification.svg);
}

.profileBlank-icon {
  background-image: url(/assets/images/profile-icon.svg);
}

.upload-icon {
  background-image: url(/assets/images/upload.svg);
}

.camera-icon {
  background-image: url(/assets/images/camera.svg);
}

.helpCenter-icon {
  background-image: url(/assets/images/helpCenter.svg);
}

.liveDealer-icon {
  background-image: url(/assets/images/liveDealer.svg);
}

.playNow-icon {
  background-image: url(/assets/images/play-now.svg);
}

.down-icon {
  filter: invert(1);
  background-image: url(/assets/images/down-icon.svg);
}

.paymentHistory-icon {
  background-image: url(/assets/images/paymentHistoryNewIcon.svg);
}

.i_failed {
  background-image: url(/assets/images/timerr.gif);
}

.i_success {
  background-image: url(/assets/images/succes_trans.svg);
}

.i_all {
  background-image: url(/assets/images/all.svg);
}

.i_provider {
  background-image: url(/assets/images/provider.svg);
}

.clock-icon {
  background-image: url(/assets/images/clock-icon.svg);
}

.i_verifiedCircle {
  background-image: url(/assets/images/verifiedCircle_black.svg);
  display: block;
  padding: 10px;
  background-position: top;
}

.i_line {
  width: 100%;
  background-image: linear-gradient(#ffffff1f, #ffffff1f),
    linear-gradient(#ffffff1f, #ffffff1f), url(/assets/images/separator.svg),
    linear-gradient(#ffffff1f, #ffffff1f), linear-gradient(#ffffff1f, #ffffff1f);
  background-repeat: no-repeat;
  background-position: left, left 1px center, center center, right 1px center,
    right;
  background-size: 1px 4px, calc((100% - 72px) / 2) 1px, 70px 4px,
    calc((100% - 71px) / 2) 1px, 1px 4px;
  height: 4px;
}

.i_add {
  background-image: url(/assets/images/add.svg);
  background-position: top;
}

.i_search {
  background-image: url(/assets/images/search.webp);
}

.i_arrowright {
  background-image: url(/assets/images/new-right-arrow.png);
}

/*|-|-| SIDE-MENU |-|-|*/
.ba-side-menu-container {
  position: sticky;
  top: 65px;
  left: 0;
  width: 235px;
  height: 100vh;
  overflow-y: auto;
  z-index: 2;
  padding-top: 15px;
  padding-bottom: 30px;
  background: rgb(3 21 56 / 90%);
  border-right: 2px solid #102040;
  transition: all 0.3s ease-in-out;
}

.ba-side-menu-container.ba-scrollbar::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}

.ba-side-menu-container .ba-search-button {
  display: none;
}

.ba-side-menu-container.toggle-side-menu {
  width: 65px;
}

.ba-side-menu-container.toggle-side-menu .ba-url-name {
  width: 0;
  transition: all 0.2s ease-in-out;
  overflow: hidden;
}

.side-download-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  text-decoration: none;
  width: 100%;
  padding: 0;
  position: relative;
  margin: 20px auto;
  overflow: hidden;
  transition: all 0.2s ease-in-out;
}

.side-download-btn::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(/assets/images/appBg-pattern.svg) no-repeat right -65px center;
}

.download-img {
  background: var(--primary-background);
  border-radius: 5px;
  padding: 5px;
  width: 48px;
  height: 48px;
  margin-right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s ease-in-out;
}

.side-download-btn:hover .download-img {
  transform: scale(1.1);
}

.download-img img {
  width: 100%;
}

.download-txt {
  display: none;
}

.download-txt p {
  margin: 0;
  font-weight: 600;
  white-space: nowrap;
  font-size: var(--extra-medium-font);
  color: var(--primary-color);
}

.download-txt span {
  font-weight: 500;
  white-space: nowrap;
  color: var(--secondary-color);
  font-size: var(--extra-small-font);
}

.side-download-btn:hover .download-txt p,
.side-download-btn:hover .download-txt span {
  color: var(--primary-cta);
}

.ba-side-menu-container.ba-hide-side-menu .side-download-btn::before {
  content: "";
}

.ba-side-menu-container.ba-hide-side-menu .download-txt {
  display: block;
}

.ba-side-menu-container.ba-hide-side-menu .download-img {
  margin-right: 20px;
}

.ba-side-menu-container.ba-hide-side-menu .side-download-btn {
  width: 90%;
  background: #0a255e;
  justify-content: flex-start;
  padding: 10px;
}

.ba-side-menu-container.ba-hide-side-menu {
  overflow-y: auto !important;
}

.ba-side-menu-container.ba-hide-side-menu .ba-menu-tooltip {
  display: none !important;
}

.ba-game-slideBtns .ba-slide-left-btn {
  opacity: 0.6;
  cursor: not-allowed;
}

.ba-slide-left,
.ba-slide-right,
.close-limited-offer,
.ba-slide-left-btn-wallet,
.ba-slide-right-btn-wallet,
.ba-slide-right-btn,
.ba-slide-left-btn,
.ba-slide-right-btn-testimonial,
.ba-slide-left-btn-testimonial,
.ba-slide-right-btn-provider,
.ba-slide-left-btn-provider {
  background: var(--secondary-background);
  border: 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  outline: none;
  padding: 0;
  z-index: 9;
  transition: 0.5s;
}

.ba-slide-left:hover,
.ba-slide-right:hover,
.close-limited-offer:hover,
.close-account-sideMenu:hover,
.ba-slide-left-btn-wallet:hover,
.ba-slide-right-btn-wallet:hover,
.ba-slide-right-btn:hover,
.ba-slide-left-btn:hover,
.ba-slide-right-btn-testimonial:hover,
.ba-slide-left-btn-testimonial:hover,
.ba-slide-right-btn-provider:hover,
.ba-slide-left-btn-provider:hover {
  background: #0a2762;
}

.ba-slide-right-btn:hover i,
.ba-slide-left-btn:hover i {
  transform: scale(1.15);
}

.close-limited-offer i,
.ba-slide-left-btn-wallet i,
.ba-slide-right-btn-wallet i,
.ba-hamburger-btn-desktop i,
.ba-slide-right-btn i,
.ba-slide-left-btn i,
.ba-slide-right-btn-testimonial i,
.ba-slide-left-btn-testimonial i,
.ba-slide-right-btn-provider i,
.ba-slide-left-btn-provider i {
  filter: var(--secondary-cta-filter);
}

.ba-side-menu-container .ba-menu-links .ba-icon-style {
  padding: 15px;
  transition: all 0.3s;
}

.ba-hamburger-btn-desktop {
  border: none;
  outline: none;
  background: #071c47;
  position: relative;
  height: 100%;
  width: 40px;
  overflow: visible;
}

.ba-hamburger-btn-desktop img {
  max-width: 80%;
  position: relative;
  right: -11px;
  z-index: 1;
  transition: all 0.2s ease-in-out;
}

.ba-hamburger-btn-desktop:hover img {
  filter: var(--primary-cta-filter);
}

.ba-hamburger-btn-desktop::after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  right: -30px;
  top: 0;
  background-position: right;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(/assets/images/menu-stroke.svg);
}

.ba-hamburger-btn-desktop:hover::after {
  background-image: url(/assets/images/menu-stroke-active.svg);
}

.ba-hamburger-btn-desktop:hover {
  background: #0a2a69;
}

.ba-hamburger-btn-desktop:hover img {
  transform: scale(1.2);
}

.ba-slide-left-btn-wallet,
.ba-slide-left-btn {
  rotate: 180deg;
  margin-right: 5px;
}

.ba-slide-right-btn-wallet {
  position: absolute;
  top: 21%;
  right: -21px;
}

button.ba-slide-left-btn-wallet {
  top: 21%;
  left: -17px;
  position: absolute;
}

.testimonial-section,
.provider-section {
  position: relative;
}

.ba-slide-left-btn-testimonial,
.ba-slide-left-btn-provider {
  rotate: 180deg;
  position: absolute;
  left: -10px;
  display: none;
  top: 46%;
  -webkit-transform: translateY(-46%);
  -ms-transform: translateY(-46%);
  transform: translateY(-46%);
}

.ba-slide-right-btn-testimonial,
.ba-slide-right-btn-provider {
  position: absolute;
  right: -10px;
}

.ba-slide-right-btn-testimonial {
  top: 58%;
  -webkit-transform: translateY(-58%);
  -ms-transform: translateY(-58%);
  transform: translateY(-58%);
}

.ba-slide-right-btn-provider {
  top: 70%;
  -webkit-transform: translateY(-70%);
  -ms-transform: translateY(-70%);
  transform: translateY(-70%);
}

.ba-hamburger-btn-mob {
  display: none;
  border: 0;
  outline: none;
  padding: 0;
}

.ba-side-menu-head {
  display: flex;
  align-items: center;
  padding-left: 20px;
}

.login-modal-box .ba-side-menu-head {
  background: var(--primary-background);
  border: 1px solid #0c307a;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -20px;
  right: -20px;
}

.ba-back-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: 95%;
  height: 95%;
}

.ba-side-menu-container.ba-login-signUp {
  overflow-x: hidden;
}

.ba-side-menu-head img {
  max-width: 220px;
  height: 65px;
  padding-left: 20px;
}

.ba-menu-link-heading {
  font-size: var(--extra-medium-font);
  font-weight: 600;
  margin-bottom: 10px;
  color: var(--primary-color);
}

.ba-top-menu-links li {
  width: 90%;
  padding: 10px;
}

.lol-category-links .ba-category-link a {
  font-size: var(--extra-small-font);
}

.lol-category-links .ba-category-link {
  background: none;
}

.ba-top-menu-links .ba-sport-casino {
  display: flex;
  background: none;
}

.ba-sport-casino .ba-active {
  color: var(--primary-color);
}

.ba-showInSports {
  display: none !important;
}

.ba-top-menu-links .ba-sport-casino a {
  width: 50%;
  font-size: var(--small-font);
}

.ba-menu-links {
  margin: 0;
  padding-left: 0;
}

.ba-menu-links li {
  display: block;
  position: relative;
  width: 100%;
  padding: 0 0 0 17.5px;
  list-style: none;
  margin-bottom: 10px;
  overflow: visible;
  transition: 0.4s ease-in-out;
}

.ba-menu-tooltip {
  display: none;
  align-items: center;
  justify-content: center;
  background: #0a2762;
  border-radius: 5px;
  width: auto;
  padding: 5px 10px;
  min-height: 30px;
  position: absolute;
  left: 65px;
  z-index: 99;
  top: 50%;
  transform: translateY(-50%);
}

.ba-menu-tooltip span {
  white-space: nowrap;
  font-size: var(--extra-medium-font);
  color: var(--primary-color);
}

.ba-menu-tooltip::before {
  content: "";
  width: 0px;
  height: 0px;
  border-style: solid;
  position: absolute;
  border-width: 0 10px 15px 10px;
  border-color: transparent transparent #0a2762 transparent;
  transform: rotate(270deg);
  left: -12px;
}

.ba-menu-links li a {
  display: flex;
  align-items: center;
  text-decoration: none;
  padding: 8px 0px;
  cursor: pointer;
}

.ba-menu-links li a span {
  font-weight: 500;
  transition: 0.4s ease-in-out;
  width: 100%;
  margin-left: 10px;
  text-transform: uppercase;
  font-size: var(--extra-medium-font);
  color: var(--primary-color);
}

.ba-menu-links li a:hover span {
  color: var(--primary-cta);
}

.ba-menu-links .ba-active-link {
  position: relative;
  background-image: linear-gradient(rgb(255, 0, 128), rgb(255, 0, 128)),
    linear-gradient(90deg, rgb(17, 60, 144) 0%, rgba(17, 60, 144, 0) 100%);
  background-size: 4px 100%, cover;
  background-position: left center, center;
  background-repeat: no-repeat;
}

.ba-menu-links .ba-active-link .ba-icon-style {
  filter: brightness(0) saturate(100%) invert(100%) sepia(2%) saturate(4363%)
    hue-rotate(139deg) brightness(104%) contrast(110%);
}

.ba-menu-links .ba-active-link a:hover span {
  color: var(--primary-color);
}

.ba-menu-links li a:hover .ba-icon-style {
  transform: scale(1.2);
}

.ba-menu-divider {
  width: 85%;
  margin: 7.5px auto;
  height: 1px;
  position: relative;
  background: #22314e;
}

.ba-menu-divider::before,
.ba-menu-divider::after {
  content: "";
  width: 1px;
  height: 7px;
  position: absolute;
  bottom: -3px;
  background: #22314e;
}

.ba-menu-divider::before {
  left: 0;
}

.ba-menu-divider::after {
  right: 0;
}

.ba-icon-bg {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  margin-right: 10px;
  background: var(--primary-background);
}

.ba-icon-bg img {
  width: 24px;
  height: 24px;
}

.ba-logout-btn {
  color: var(--primary-color) !important;
  background: var(--color-error);
  width: 90%;
  text-decoration: none;
  font-weight: 600;
  font-size: var(--small-font);
  border-radius: 5px;
  padding-left: 10px !important;
}

.ba-side-menu-container.toggle-side-menu .ba-logout-btn {
  background: none;
  padding-left: 5px !important;
}

.ba-side-menu-container.toggle-side-menu .ba-logout-btn span {
  display: none;
}

.ba-logout-btn i {
  filter: invert(1);
}

.ba-logout-btn:hover {
  box-shadow: 0px -1px 37px 0px var(--color-error);
}

.ba-side-menu-container.toggle-side-menu .ba-logout-btn:hover {
  box-shadow: none !important;
}

.ba-side-menu-container.toggle-side-menu .ba-logout-btn i {
  filter: brightness(0) saturate(100%) invert(37%) sepia(73%) saturate(5133%)
    hue-rotate(1deg) brightness(100%) contrast(110%);
}

.ba-bottom-menu-links li {
  line-height: 1.4;
  list-style: none;
  display: flex;
  align-items: center;
}

.ba-bottom-menu-links li::before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--primary-cta);
  float: left;
  margin-right: 5px;
}

.ba-bottom-menu-links li a {
  text-decoration: none;
  font-weight: 500;
  font-size: var(--extra-small-font);
  color: var(--secondary-color);
}

.ba-bottom-menu-links li a:hover {
  color: var(--primary-cta);
}

.ba-bottom-menu-links {
  padding-left: 55px;
}

/*|-|-| MAIN-ELEMENT |-|-|*/
.ba-main-element {
  width: calc(100% - 235px);
  min-height: 60vh;
  padding: 0;
  transition: 0.5s;
}

.mainElement-expand {
  width: calc(100% - 65px);
}

.ba-main-contents {
  width: 98%;
  transition: 0.5s;
  margin: 0 auto;
}

.mainElement-expand .ba-main-contents {
  width: 90%;
  transition: 0.5s;
}

/*|-|-|-|-|-| HEADER |-|-|-|-|-|*/
.ba-main-header {
  display: flex;
  justify-content: space-between;
  position: fixed;
  top: 0;
  left: 0;
  height: 65px;
  width: 100%;
  z-index: 999;
  backdrop-filter: blur(10px);
  padding-right: 40px;
  background: linear-gradient(
    28deg,
    rgba(12, 49, 122, 0.9) 0%,
    rgba(3, 21, 56, 0.9) 100%
  );
}

.ba-main-header .d-flex {
  align-items: center;
}

.ba-header-logo {
  transition: 0.75s;
  width: 0;
  overflow: hidden;
}

.ba-header-logo img {
  width: 100%;
}

.ba-logo img {
  width: 150px;
}

.ba-search-box-container {
  display: flex;
}

.mob-search-bar {
  display: none !important;
  width: 100% !important;
  background: var(--secondary-background) !important;
  margin: 20px 0 !important;
  padding: 8px 20px !important;
  border: 2px solid var(--primary-color);
}

.mob-search-bar input {
  color: var(--primary-color);
}

.mob-search-bar input {
  width: calc(100% - 20px) !important;
}

.ba-search-button,
.ba-search-box {
  border-radius: 25px;
  padding: 7.5px 20px;
  background: var(--primary-background);
  display: flex;
  justify-content: space-between;
  transition: all 0.2s ease-in-out;
}

.ba-search-button {
  width: 400px;
}

.ba-search-box {
  width: 100%;
  margin-bottom: 20px;
}

.ba-search-button {
  justify-content: flex-start;
  border: 1px solid var(--primary-background);
  font-weight: 500;
  width: 350px;
  font-size: var(--small-font);
  color: var(--secondary-color);
}

.ba-search-button span {
  margin-left: 20px;
}

.ba-search-button:hover {
  border: 1px solid var(--primary-cta);
}

.ba-search-button:hover .search-icon {
  transition: all 0.2s ease-in-out;
  -webkit-filter: var(--primary-cta-filter);
  filter: var(--primary-cta-filter);
}

.ba-search-box input {
  margin-left: 20px;
  border: 0;
  outline: none;
  background: none;
  padding: 0;
  font-size: var(--extra-medium-font);
  width: 100%;
  font-weight: 500;
  color: var(--secondary-color);
}

.ba-search-box input::-webkit-input-placeholder,
.ba-search-box input::placeholder {
  font-weight: 600;
  color: var(--primary-cta);
  opacity: 0.6;
}

.ba-search-box:hover .search-icon,
.ba-search-box:active .search-icon,
.ba-search-box:focus .search-icon {
  -webkit-filter: var(--primary-cta-filter);
  filter: var(--primary-cta-filter);
}

.ba-header-right,
.ba-deposit-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.box-pg-limit {
  min-height: 140px;
  max-height: 140px;
}

.ba-deposit-box .deposit-btn img {
  width: 36px;
  height: 36px;
}

.ba-signUp-btn,
.ba-login-btn {
  white-space: nowrap;
  background: var(--primary-background);
  border: 1px solid #113c90;
  border-radius: 20px;
  padding: 2px;
  width: 120px;
  margin-left: 20px;
  border-radius: 20px;
  text-transform: uppercase;
  position: relative;
}

.ba-login-btn.join_btn span.btn-hover,
.ba-signUp-btn.login_btn span.btn-hover {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
  background-image: url(/assets/images/button-hover-elem.svg);
  background-size: auto 100%;
  background-repeat: no-repeat;
  pointer-events: none;
  mix-blend-mode: overlay;
  transform: translate(-120%);
  transition: transform ease-out 0.3s;
  opacity: 0.4;
  top: 0;
}

.ba-login-btn.join_btn:hover span.btn-hover,
.ba-signUp-btn.login_btn:hover span.btn-hover {
  transform: translate(120%);
}

.ba-signUp-btn span,
.ba-login-btn span {
  font-weight: 700;
  font-size: var(--extra-small-font);
  color: var(--primary-color);
  font-style: italic;
  background: linear-gradient(
    28deg,
    rgba(10, 36, 89, 0.9) 0%,
    rgba(19, 64, 152, 0.9) 100%
  );
  letter-spacing: 1px;
  padding: 10px 0;
  width: 100%;
  display: block;
  border-radius: 20px;
  cursor: pointer;
  border: 1px solid #0c5ab8;
  transition: all 0.2s ease-in-out;
}

.ba-login-btn.join_btn {
  border-color: #9002ff;
}

.ba-login-btn.join_btn span {
  background-image: url(/assets/images/register-btn-bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 25%;
  border: none;
}

.jk-add-banners {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-radius: 1.5rem;
  margin-bottom: 20px;
  max-width: 100% !important;
  margin-left: auto;
  margin-right: auto;
}

.ba-signUp-btn {
  -webkit-animation: none;
  animation: none;
}

.ba-deposit-box {
  background: var(--primary-background);
  border: 1px solid #9002ff;
  border-radius: 25px;
  padding: 2px;
  padding-left: 20px;
  margin-left: 25px;
}

.lol-user-active-balance p {
  margin-bottom: 0;
  font-size: var(--extra-small-font);
  font-weight: 600;
  color: var(--primary-color);
}

.lol-user-active-balance {
  display: flex;
  justify-content: space-between;
  padding: 13px 20px;
  margin: 30px 0 20px;
  width: 100%;
  background: var(--secondary-background);
  border: 2px solid var(--primary-cta);
  box-shadow: 0 0 5px 3px var(--primary-cta-shadow);

  border-radius: 5px;
}

.lol-user-active-balance div {
  display: flex;
  justify-content: center;
}

.lol-user-active-balance div span {
  display: flex;
  justify-content: center;
  background: #fce8c1;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  margin-right: 15px;
}

.ba-activeBalance {
  margin: 0;
  font-size: var(--small-font) !important;
  font-weight: 600 !important;
  color: var(--primary-color) !important;
}

.ba-balance {
  color: var(--primary-color);
  font-weight: 600;
  margin: 0 15px 0 0;
  min-width: 55px;
  white-space: nowrap;
}

.ba-user-profile {
  display: flex;
  justify-content: center;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  margin-left: 10px;
  background: var(--primary-background);
  border: 1px solid #113c90;
  padding: 2px;
}

.ba-user-profile .profile-icon {
  background-position: center;
  background-repeat: no-repeat;
  padding: 15px;
  background-image: url(/assets/images/profileIcon.svg);
}

.input-box-dob input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-align: left !important;
  position: relative;
}

.input-box-dob input::after {
  content: "";
  display: block !important;
  background-image: url(/assets/images/calendar-icon.svg) !important;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  padding: 10px;
  position: absolute;
  left: 98%;
  top: 50%;
  transform: translate(-98%, -50%);
  z-index: 1;
  -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%)
    saturate(7491%) hue-rotate(280deg) brightness(102%) contrast(99%);
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7491%)
    hue-rotate(280deg) brightness(102%) contrast(99%);
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
  z-index: 2;
}

/*|-|-| HERO-BANNER-SLIDER |-|-|*/

.lol-slider-banner {
  margin-bottom: 40px;
  width: 100%;
  padding: 0;
}

.lol-hero-slider {
  width: calc(100% + 10px);
  margin-left: -5px;
}

.lol-hero-slider video,
.lol-hero-slider img,
.lol-slider-banner .hideBanner-mobile img {
  width: 100%;
  height: 400px;
}

.mobile-video-banner {
  display: none;
}

.lol-slider-banner.row > * {
  padding-right: 5px;
  padding-left: 5px;
  margin-top: 0;
}

.lol-slider-banner .carousel-indicators {
  justify-content: start !important;
  margin-left: 1.5rem;
  margin-bottom: 1rem;
}

.lol-slider-banner .carousel-indicators button {
  height: 12px !important;
  width: 12px !important;
  border-radius: 50% !important;
  background-color: var(--color-dark);
  opacity: 0.8;
  outline: none;
  border: none !important;
}

.lol-slider-banner .carousel-indicators .active {
  background-color: var(--primary-cta) !important;
  opacity: 1;
}

/*|-|-| Games-Section |-|-|*/

.ba-game-section {
  margin-bottom: 8px;
}

.ba-game-section-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin-bottom: 10px;
  gap: 24px;
}

.ba-game-section.game-result .i_line {
  display: block;
  width: 100%;
}

.ba-game-slideBtns {
  display: flex;
  align-items: center;
}

.balance-amount-btn {
  border: 0;
  outline: none;
  border-radius: 50%;
  background: #b851fe;
  cursor: pointer !important;
}

.ba-game-section-name {
  font-size: var(--large-font);
  color: var(--primary-color);
  text-transform: capitalize;
  font-weight: 700;
  margin-bottom: 0;
  flex-shrink: 0;
}

.ba-game-section-name.center-game-name {
  font-size: var(--large-font);
  color: var(--primary-color);
  font-weight: 700;
  width: 100%;
  text-align: center;
}

.ba-see-all .ba-game-section-head {
  align-items: center;
  margin: 10px 0 20px;
}

.ba-see-all p.ba-game-name {
  color: #5977b2;
  font-size: var(--extra-small-font);
}

.ba-see-all .ba-game-section-head p {
  margin-bottom: 2px;
}

.see-all {
  text-transform: capitalize;
  font-size: var(--small-font);
  font-weight: 600;
  color: var(--primary-color);
}

.see-all:hover {
  color: var(--primary-cta);
}

.ba-seeAll-bottom,
.ba-seeAll-gameLoaded {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.ba-seeAll-bottom .ba-submit-btn {
  width: 200px;
  background: linear-gradient(225deg, #1647a7 0%, #071c47 100%);
  border: 1px solid #113c90;
  padding: 0 20px;
  outline-offset: 2px;
  -webkit-mask: url(/assets/images/mask-left.svg) 0 0 no-repeat,
    url(/assets/images/mask-center.svg) 36px 0 repeat,
    url(/assets/images/mask-right.svg) right 0 no-repeat;
  mask: url(/assets/images/mask-left.svg) 0 0 no-repeat,
    url(/assets/images/mask-center.svg) 36px 0 repeat,
    url(/assets/images/mask-right.svg) right 0 no-repeat;
  height: 48px;
  position: relative;
  margin: 0 auto;
  margin-bottom: 20px;
}

.ba-seeAll-bottom .ba-submit-btn:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 2px;
  left: 2px;
  width: 194px;
  height: 42px;
  border-radius: inherit;
  box-shadow: 0 0 0 2px #000a1f;
  border: 1px solid #0090ff59;
  pointer-events: none;
}

.ba-seeAll-bottom .ba-submit-btn span.btn-text {
  position: relative;
  padding-right: 2.4px;
  color: var(--primary-color);
  font-style: italic;
  text-transform: uppercase;
  font-size: var(--extra-small-font);
}

.ba-seeAll-bottom .ba-submit-btn span.button__hover {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 2;
  background-image: url(/assets/images/button-hover-elem.svg);
  background-size: auto 100%;
  background-repeat: no-repeat;
  pointer-events: none;
  mix-blend-mode: overlay;
  transform: translate(-181%);
  transition: transform ease-out 0.3s;
  opacity: 0.4;
  top: 0;
}

.ba-seeAll-bottom .ba-submit-btn:hover {
  background: linear-gradient(225deg, #1647a7 0%, #071c47 100%);
  box-shadow: none;
}

.ba-seeAll-bottom .ba-submit-btn:hover span.button__hover {
  transform: translate(181%);
}

.ba-seeAll-gameLoaded {
  margin: 20px 0;
  display: none;
}

.ba-seeAll-gameLoaded label {
  color: var(--primary-color);
  font-size: var(--extra-small-font);
  text-align: center;
  margin-bottom: 5px;
}

.gamesloader-range {
  width: 500px;
  height: 7px;
  background-color: rgba(11, 245, 145, 0.6);
  border-radius: 5px;
  display: flex;
  justify-content: flex-start;
  overflow: hidden;
}

.games-loaded {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  width: 45%;
  height: 100%;
  background-color: var(--primary-cta);
}

.ba-game-section-games,
.game-providers {
  display: flex;
  align-items: flex-start;
  overflow-x: auto;
  scroll-behavior: smooth;
  padding-top: 4px;
  padding-left: 4px;
  padding-bottom: 7.5px;
}

.ba-see-all .ba-game-section-games {
  position: relative;
  padding-left: 15px;
}

.ba-see-all .ba-game-section-games:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 317px;
  background: linear-gradient(transparent, #000a1f 260px);
  pointer-events: none;
}

.ba-see-all .hide-after.ba-game-section-games:after,
.ba-see-all .ba-game-box::after {
  display: none;
}

.ba-see-all .ba-game-box {
  margin-right: 1.2%;
  height: 330px;
  padding: 0;
  width: 15%;
}

.ba-see-all .ba-game {
  width: 100% !important;
  height: 90% !important;
}

.ba-see-all .ba-game-img {
  width: 100%;
  height: 100%;
}

.ba-games-container {
  justify-content: flex-start;
  position: relative;
}

.ba-game-img {
  width: 150px;
  height: 243px;
  border-radius: 10px;
  object-position: center;
  transition: all 0.3s ease;
  object-fit: cover;
}

.ba-game-box {
  cursor: pointer;
  width: 150px;
  height: 288px;
  padding-bottom: 10px;
  margin-right: 25px;
  overflow: visible;
  position: relative;
}

.ba-game-box::after {
  content: "";
  width: 92%;
  height: 84%;
  position: absolute;
  top: -4px;
  right: -13px;
  background-size: cover;
  background-position: right;
  background-repeat: no-repeat;
  background-image: url(/assets/images/blue-border.svg);
}

.ba-game-box:hover::after {
  filter: var(--primary-cta-filter);
}

.ba-game-box:hover .ba-game-img {
  transform: scale(1.2);
}

.ba-game-box:hover .ba-game-name {
  color: var(--primary-color);
}

.ba-slider-wrapped {
  flex-wrap: wrap;
  overflow: hidden;
}

.ba-game-name {
  font-size: var(--small-font);
  font-weight: 500;
  margin: 10px 0 0 0;
  padding-left: 9px;
  color: var(--primary-color);
}

.ba-provider-name {
  font-size: var(--extra-small-font);
  margin: 0;
  text-transform: uppercase;
  color: var(--theme-table-color);
  font-weight: 600;
  padding-left: 5px;
}

.ba-game-name,
.ba-provider-name {
  width: 160px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.ba-see-all .ba-game-name,
.ba-see-all .ba-provider-name {
  width: 100%;
}

.ba-tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.ba-tooltip .ba-tooltiptext {
  visibility: hidden;
  width: 200px;
  background-color: black;
  color: var(--primary-color);
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
}

.ba-tooltip:hover .ba-tooltiptext {
  visibility: visible;
}

.ba-game {
  width: 100%;
  border-radius: 15px;
  position: relative;
  border: 1px solid #0c317a;
  box-shadow: 0 0 0 3px #000a1f, 0 0 0 4px #0c317a;
  transition: opacity 0.3s ease-in-out 0s;
  overflow: hidden;
  margin: 4px;
}

@keyframes ba-pulse-animate {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
    box-shadow: 0 0 5px 2px var(--primary-cta);
  }

  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes ba-pulse {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-box-shadow: 0 0 0 10px rgb(0 144 255 / 30%);
    box-shadow: 0 0 0 10px rgb(0 144 255 / 30%);
  }

  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-box-shadow: 0 0 0 0 rgba(11, 245, 144, 0);
    box-shadow: 0 0 0 0 rgba(11, 245, 144, 0);
  }
}

.ba-game-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  opacity: 0;
  background-color: #15181fcc;
  border-radius: 16px;
  text-decoration: none;
  transition: opacity 0.3s ease-in-out;
  z-index: 2;
}

.ba-game-overlay span.main-box,
.promotion-detail-box span.main-box {
  -webkit-mask: url(/assets/images/mask-left.svg) 0 0 no-repeat,
    url(/assets/images/mask-center.svg) 36px 0 repeat,
    url(/assets/images/mask-right.svg) right 0 no-repeat;
  mask: url(/assets/images/mask-left.svg) 0 0 no-repeat,
    url(/assets/images/mask-center.svg) 36px 0 repeat,
    url(/assets/images/mask-right.svg) right 0 no-repeat;
  backdrop-filter: invert(100%) sepia(0%) saturate(7487%) hue-rotate(126deg)
    brightness(108%) contrast(105%);
  background: url(/assets/images/primary-bg-anim.webp) repeat-x;
  background-size: cover;
  animation: animate-primary-bg linear 80s infinite;
  animation-fill-mode: forwards;
  z-index: 3;
  pointer-events: auto;
  animation-play-state: running;
  position: relative;
  padding: 0px 34px;
  height: 56px;
  display: flex;
  border-radius: 100px;
}

@keyframes animate-primary-bg {
  to {
    background-position-x: 300%;
  }
}

.ba-game-overlay span.btn-text,
.promotion-detail-box span.main-box span.btn-text {
  display: flex;
  align-items: center;
  font-weight: 900;
  font-style: italic;
  color: var(--primary-color);
  text-transform: uppercase;
}

.ba-game-box:hover .ba-game {
  border: 1px solid #215dd4;
  box-shadow: 0 0 0 3px #000a1f, 0 0 0 4px#215dd4;
}

.category-three-column {
  display: none;
}

.filter-nav .searchBar {
  display: none;
}

.ba-game-overlay span.main-box:before,
.promotion-detail-box span.main-box:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 3px;
  left: 3px;
  width: calc(100% - 3px * 2);
  height: calc(100% - 3px * 2);
  border-radius: inherit;
  box-shadow: 0 0 0 2px #000a1f;
  border: 1px solid #e0e5ff59;
  pointer-events: none;
}

.ba-game-overlay i {
  padding: 10%;
  filter: brightness(0) saturate(100%) invert(86%) sepia(18%) saturate(7254%)
    hue-rotate(80deg) brightness(98%) contrast(112%);
}

.ba-game-overlay:hover,
.ba-game-overlay:active {
  opacity: 1;
}

.game-providers img {
  max-width: 120px;
  margin-right: 10px;
}

/*---- banner modal popUp for Download Cta starts from here-------*/

.download-modal .login_box_child {
  min-width: 500px !important;
  position: relative;
  max-width: 380px !important;
}

.download-modal .login_box_child img {
  width: 100%;
}

.download-modal.login_boxes .cta {
  text-align: center;
  position: relative;
  z-index: 1;
}

.download-modal button.close_modal {
  left: 91%;
  top: -8%;
  position: absolute;
  padding: 0;
  border: 0;
  height: 30px;
  border-radius: 50%;
  width: 30px;
  cursor: pointer;
  background: var(--primary-cta);
}

.downloadAppBtn {
  width: 100%;
  margin-top: 2rem;
  display: block;
}

.downloadAppBtn img {
  width: 100%;
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1.2);
  }

  50% {
    transform: scale(0.9);
  }

  100% {
    transform: scale(1.2);
  }
}

.downloadAppBtn.me-2.app-step {
  width: 30px;
  margin-top: 0;
  animation: zoom-in-zoom-out 1.8s ease infinite;
  margin-left: 14px;
}

.download-modal.login_boxes {
  display: none;
  position: fixed;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  background-color: var(--theme-modal-color);
  z-index: 99999;
  user-select: none;
  -webkit-user-select: none;
}

.download-modal .cta .downloadAppBtn {
  display: flex !important;
  align-items: center;
  justify-content: center;
  height: 75px;
  width: 73%;
  margin: 0 auto;
  margin-top: 10px;
}

.login-modal-child {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  width: 100vw;
}

.login_box_child {
  min-width: 380px;
  position: relative;
}

/*|-|-|-| TESTIMONIAL |-|-|-|*/

.testimonial-container {
  display: flex;
  overflow-x: auto;
  width: auto;
  padding: 10px;
  border-radius: 10px;
  width: 100%;
  margin-right: 30px;
}

.lol-testimonial {
  border: 2px solid var(--primary-cta);
  padding: 10px;
  border-radius: 10px;
  width: 400px;
  min-width: 400px;
  margin-right: 15px;
}

.testimonial-context {
  font-size: var(--small-font);
  text-align: justify;
  height: 110px;
  padding-right: 5px;
  overflow-y: auto;
  color: var(--primary-color);
}

.testimonial-name {
  font-size: var(--small-font);
  color: var(--primary-cta);
  font-weight: 600;
  text-align: right;
  margin: 0;
}

.testimonial-address {
  font-size: var(--small-font);
  text-align: right;
  margin: 0;
  color: var(--primary-color);
}

.lol-testimonial-nameImg {
  display: flex;
  justify-content: flex-end;
}

.lol-testimonialImg {
  margin-left: 10px;
}

.lol-testimonialImg img {
  border-radius: 50%;
  height: 45px;
  width: 45px;
}

/*|-|-|-| TESTIMONIAL SLIDER |-|-|-|*/

.testimonial-slider {
  display: flex;
  align-items: center;
  justify-content: center;
}

.testimonial-slider .carousel-inner {
  width: 414px;
}

.testimonial-slider .carousel-inner .carousel-item {
  width: 100%;
}

.testimonial-slider .carousel-inner .carousel-item .lol-testimonial {
  width: 100%;
  min-width: 100%;
}

.testimonial-slider .carousel-indicators {
  position: static;
  margin-top: 8px;
}

.testimonial-slider .carousel-indicators button {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--primary-cta);
  border: 0;
}

.testimonial-slider .carousel-indicators .active {
  width: 50px;
  border-radius: 15px;
}

/*|-|-| FOOTER |-|-|*/
.ba-footer {
  padding: 20px 40px;
  overflow-x: hidden;
  background: var(--secondary-background);
}

.ba-social-media {
  display: flex;
  justify-content: center;
  align-items: center;
}

.ba-social-media img {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}

.ba-top-footer {
  padding-bottom: 50px;
}

.footer-links h4 {
  font-weight: 500;
  font-size: var(--medium-font);
  color: var(--secondary-color);
}

.ba-footer-botText {
  padding-top: 30px;
}

.ba-footer-botText p {
  text-align: center;
  font-size: var(--small-font);
  color: var(--secondary-color);
}

.ba-footer .ba-menu-divider {
  width: 100%;
  background: var(--theme-divider-background);
}

.footer-links ul {
  padding: 0;
  margin: 0;
}

.footer-links li {
  list-style: none;
  margin-bottom: 3px;
}

.footer-links li a {
  font-size: var(--extra-medium-font);
  color: var(--primary-color);
  font-weight: 500;
  text-decoration: none;
}

.footer-links li a:hover {
  color: var(--primary-cta);
}

.footer-image-box {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px 0;
  position: relative;
}

.android-app {
  display: none;
}

.footer-image-box img:not(:last-child) {
  margin-right: 15px;
}

.ba-footer .gamble-box {
  margin-top: 30px;
}

.footer-image-box img.curraco-img {
  height: 34px;
}

.ba-footer .lists-box {
  width: 65%;
}

.ba-footer .image-column {
  width: 35%;
}

.ba-footer img.jonty-img {
  width: 100%;
  margin-top: -19px;
}

.ba-footer .lists-box h4 {
  color: var(--primary-color);
  margin-bottom: 5px;
  font-size: var(--medium-font-font);
  font-weight: 700;
}

.ba-footer .lists-box a.mail-link {
  color: var(--primary-cta);
  text-decoration: none;
}

.ba-footer .lists-box a.mail-link:hover {
  text-shadow: -1px 0px 2px rgba(31, 232, 138, 0.78);
}

.ba-footer .lists-box ul {
  margin-top: 20px;
  padding-left: 0;
  list-style: none;
}

.ba-footer .lists-box ul li a {
  color: var(--primary-color);
  margin-bottom: 8px;
  font-size: var(--small-font);
  font-weight: 500;
  cursor: pointer;
}

.ba-footer .lists-box ul li a:hover {
  color: var(--primary-cta);
}

.ba-inrToUsd,
.ba-select-lang select {
  display: inline-block;
  width: 80%;
  margin: 10px auto;
  border-radius: 20px;
  padding: 6px 10px;
  background: var(--secondary-background);
  outline: none !important;
}

.ba-inrToUsd p {
  text-align: center;
  color: var(--theme-placeholder-color);
  margin: 0;
}

.ba-select-lang select {
  cursor: pointer;
  border: 1px solid var(--secondary-color);
}

.ba-payment-imgs {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.ba-payment-img-bg {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 50px;
  padding: 5px 0;
  margin-right: 8px;
  margin-bottom: 8px;
  background: #071c47;
  border-radius: 20px;
}

.ba-payment-img-bg.amex-bg {
  background: var(--theme-sportscasino-left-color);
}

.ba-payment-img-bg img {
  max-width: 75%;
  max-height: 85%;
}

.bot-footer-heading {
  color: var(--primary-color);
  font-size: var(--medium-font);
  font-weight: 600;
  margin-bottom: 5px;
}

/* |-|-|-|-| STICKY-FOOTER |-|-|-|-| */

.ba-sticky-footer {
  display: none;
  align-items: flex-end;
  justify-content: space-between;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 10px;
  background: var(--secondary-background);
}

.ba-sticky-footer-links {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  width: 19%;
  text-decoration: none;
  position: relative;
  padding-top: 5px;
}

.ba-sticky-footer-links span {
  margin-top: 5px;
  text-decoration: none;
  color: var(--secondary-color);
  text-align: center;
  white-space: nowrap;
  font-size: var(--extra-medium-font) !important;
  font-weight: 600;
}

.ba-sticky-footer-links.ba-active-link i {
  filter: brightness(4);
}

.ba-sticky-footer-links.ba-active-link span {
  color: var(--primary-color);
}

.ba-sticky-footer-links.ba-active-link::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1.5px;
  background: var(--primary-cta);
  top: 0;
  box-shadow: 0 20px 46px 10px var(--primary-cta);
  z-index: -1;
}

/* |-|-|-|-| LOGIN-SIGNUP |-|-|-|-| */
.ba-login-signUp {
  background-color: var(--theme-modal-color);
  padding-bottom: 0;
  z-index: 999999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}

.ba-number-login-box .iti__arrow {
  display: none !important;
}

.ba-number-login-box .iti.iti--allow-dropdown {
  position: absolute;
  left: 2.5px;
  top: 19px;
}

.login-modal-box {
  border: 1px solid #0c307a;
  padding: 5px;
  background: var(--primary-background);
  width: 528px;
  max-width: 95vw;
  border-radius: 15px;
  height: 330px;
  max-height: 98vh;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.login-child-box {
  width: 100%;
  height: 100%;
  background: radial-gradient(
        50% 50% at 50% 0%,
        #154fc5 0%,
        rgb(255 255 255 / 0%) 100%
      )
      no-repeat top center/100% 320px,
    #000a1f linear-gradient(180deg, rgb(10 39 98) 0%, #031538 100%);
  border: 1px solid #113c90;
  padding: 40px;
  border-radius: 15px;
  overflow: visible;
  position: relative;
}

.login-child-box::before {
  content: "";
  height: 100px;
  width: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  filter: var(--primary-cta-filter);
  background-image: url(/assets/images/pattern-bg.svg);
}

.ba-change-mbl-num {
  justify-content: center;
}

.ba-signUp-return-link {
  margin-top: 15px;
  margin-bottom: 10px;
}

p.login-content {
  font-size: var(--extra-medium-font);
  font-style: normal;
  font-weight: 500;
  color: var(--theme-login-input-background);
  letter-spacing: 0.2px;
  line-height: 24px;
  font-family: "Urbanist", sans-serif !important;
  margin-bottom: 0px;
}

.login_bggg .login-child-box .col-left {
  flex-basis: 68%;
  padding: 114px 40px 111px 32px;
}

.login_bggg .login-child-box .col-right {
  flex-basis: 32%;
  background: var(--primary-cta);
}

.ba-login-signUp-banner {
  width: 80%;
  height: 100vh;
}

.ba-login-signUp-banner {
  padding: 0;
}

.ba-login-signUp-banner img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.ba-or-divider {
  display: flex;
  width: 90%;
  white-space: nowrap;
  color: var(--theme-placeholder-color);
  font-size: var(--extra-small-font);
  font-weight: 600;
  margin: 20px auto;
}

.ba-or-divider::before,
.ba-or-divider::after {
  content: "";
  display: inline-block;
  width: 100%;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  height: 1px;
  background-color: var(--secondary-color);
}

.ba-or-divider::before {
  margin-right: 8px;
}

.ba-or-divider::after {
  margin-left: 8px;
}

.ba-back-btn i {
  filter: invert(1);
}

.ba-back-btn:hover {
  -webkit-box-shadow: 0 0 4px 4px var(--primary-cta-shadow) !important;
  box-shadow: 0 0 4px 4px var(--primary-cta-shadow) !important;
}

.ba-signIn-social {
  display: flex;
  justify-content: space-between;
  width: 80%;
  margin: 10px auto;
}

.ba-signIn-social a {
  display: flex;
  background: var(--secondary-background);
  padding: 5px 10px;
  text-decoration: none;
  border-radius: 20px;
  color: var(--secondary-color);
  font-size: var(--small-font);
  font-weight: 500;
}

.ba-signIn-social a img,
.ba-signIn-social a svg {
  width: 20px;
}

.ba-signIn-options:active,
.ba-signIn-options:focus,
.ba-signIn-social a:active,
.ba-signIn-social a:focus {
  border: 1px solid var(--primary-cta);
}

.ba-signIn-social a span {
  margin-left: 10px;
  text-align: center;
  width: 100%;
}

.ba-signIn-options {
  display: flex;
  justify-content: center;
  background: var(--secondary-background);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 0;
}

.ba-signIn-options svg {
  -webkit-filter: brightness(0) saturate(100%) invert(62%) sepia(65%)
    saturate(408%) hue-rotate(347deg) brightness(95%) contrast(101%);
  filter: brightness(0) saturate(100%) invert(62%) sepia(65%) saturate(408%)
    hue-rotate(347deg) brightness(95%) contrast(101%);
}

.ba-login-signUp-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
}

.ba-login-signUp .ba-menu-divider {
  height: 1px;
  width: 100%;
  background: var(--theme-divider-background);
  display: none;
}

.ba-input-box {
  width: 100%;
  margin-bottom: 10px;
}

.ba-login-form-heading,
.ba-signUp-form-heading {
  font-size: var(--large-font);
  color: var(--primary-color);
  font-weight: 700;
  width: 100%;
  text-align: center;
  text-transform: capitalize;
  margin-left: 0;
}

.ba-input-box-head {
  display: flex;
  justify-content: space-between;
}

.ba-input-box label {
  font-size: var(--small-font);
  font-weight: 500;
  color: var(--primary-color);
}

.ba-input-box input {
  width: 100%;
  border: none;
  outline: none;
  border-radius: 20px;
  padding: 8px 15px;
  background: var(--secondary-background);
  border: 1px solid var(--secondary-color);
  margin-top: 5px;
  color: var(--primary-color);
  font-size: var(--small-font);
}

.ba-authenticator-google {
  width: 100%;
}

.ba-forget-passsword {
  text-decoration: none;
  color: var(--primary-cta);
  font-size: var(--extra-small-font);
  font-weight: 600;
}

.ba-forget-passsword:hover {
  color: var(--primary-cta);
  border-bottom: 1px solid var(--primary-cta);
}

.ba-authenticator-checkbox {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  padding-left: 10px;
  margin: 4px auto;
}

.ba-authenticator-checkbox input {
  margin-right: 6px;
}

.ba-authenticator-checkbox label {
  color: var(--theme-placeholder-color);
  font-size: var(--extra-small-font);
  font-weight: 500;
}

.ba-verify-btn {
  border: 2px solid var(--primary-cta);
  outline: 0;
  background: none;
  color: var(--primary-cta);
  border-radius: 20px;
  padding: 4px 20px;
  width: 75%;
  font-weight: 600;
  margin-top: 15px;
}

.ba-verify-btn:active,
.ba-verify-btn:focus,
.ba-verify-btn:hover {
  -webkit-box-shadow: 0 0 10px var(--primary-cta);
  box-shadow: 0 0 10px var(--primary-cta);
}

.ba-number-login-box {
  display: flex;
  width: 100%;
  border: none;
  outline: none;
  position: relative;
  border-radius: 25px;
  padding: 16px;
  background: var(--secondary-background);
  border: none;
  margin: 10px auto;
}

.ba-number-login-box input::placeholder {
  color: var(--secondary-color) !important;
  font-size: var(--extra-medium-font);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.2px;
  font-family: "Urbanist", sans-serif !important;
}

.ba-primary-btn,
.ba-secondary-btn,
.ba-dark-btn,
.login-password,
.ba-submit-btn,
.withdraw_btn,
.crypto_btn,
.login-submit,
.signup-submit {
  width: 100%;
  border-radius: 25px;
  padding: 14px;
  font-size: var(--extra-medium-font);
  font-style: normal;
  font-weight: 700;
  color: var(--primary-color) !important;
  font-family: "Urbanist", sans-serif !important;
  text-transform: capitalize;
  border: none;
  text-decoration: none;
  position: relative;
  z-index: 2;
  display: block;
  border: 2px solid #9002ff;
  background: var(--primary-background);
}

.ba-primary-btn::after,
.ba-secondary-btn::after,
.ba-dark-btn::after,
.login-password::after,
.ba-submit-btn::after,
.withdraw_btn::after,
.crypto_btn::after,
.login-submit::after,
.signup-submit::after {
  content: "";
  position: absolute;
  left: 0.5%;
  top: 5%;
  width: 99%;
  height: 90%;
  z-index: -1;
  border-radius: 25px;
  background-image: url(/assets/images/register-btn-bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 25%;
  transition: background-position 0.5s ease;
}

.ba-primary-btn:hover::after,
.ba-secondary-btn:hover::after,
.ba-dark-btn:hover::after,
.login-password:hover::after,
.ba-submit-btn:hover::after,
.withdraw_btn:hover::after,
.login-submit:hover::after,
.signup-submit:hover::after {
  background-position: right;
}


.login-otp .login-child-box {
  padding-bottom: 30px;
}

.login-otp .ba-change-mbl-num {
  justify-content: center;
}

.ba-signUp-return-link a {
  font-size: var(--small-font);
  font-style: normal;
  font-weight: 700;
  color: var(--sucess-color);
  font-family: "Urbanist", sans-serif !important;
  letter-spacing: 0.2px;
}

.ba-number-login-box input {
  border: none;
  outline: none;
  background: none;
  font-size: var(--small-font);
  font-weight: 600;
  color: var(--primary-color);
  width: 100%;
}

.jk-pwd-design label.jk-change-password {
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translate(15%, -50%);
  left: 0%;
  background: var(--secondary-background) !important;
  padding: 2px 8px;
  font-size: var(--extra-small-font) !important;
  border-radius: 5px !important;
  font-weight: 600;
  color: var(--theme-login-input-background) !important;
  border: 1px solid var(--theme-login-input-background) !important;
  z-index: 7;
}

.jk-pwd-design input.input-pswd.has-value + label.jk-change-password,
.jk-pwd-design input.input-pswd:focus + label.jk-change-password {
  opacity: 1;
}

.ba-number-login-box.jk-pwd-design {
  position: relative;
  margin-top: 20px;
  margin-bottom: 0;
}

.ba-countryCodeSelector {
  position: relative;
  display: none;
}

.lol-countrycode {
  cursor: pointer;
  white-space: nowrap;
  display: block;
  width: 40px;
  font-size: var(--small-font);
  font-weight: 600;
  color: var(--primary-color);
  overflow: hidden;
  margin-left: 25px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.countrycode-downIcon {
  margin-right: 10px;
  display: block;
}

.ba-countryCodeSelector input::after {
  content: "lad";
}

.ba-countryCodeSelector .options {
  display: none;
  position: absolute;
  top: 35px;
  left: -10px;
  z-index: 1;
  width: 120px;
  max-height: 100px;
  overflow-y: auto;
  padding: 0;
  border: 0;
  border-radius: 10px;
  background: var(--secondary-background);
}

.ba-countryCodeSelector .options li {
  font-size: var(--small-font);
  font-weight: 600;
  padding: 5px 20px;
  list-style: none;
  cursor: pointer;
  color: var(--secondary-color);
}

.ba-countryCodeSelector .options li:hover {
  background: var(--primary-cta);
  color: var(--color-dark);
}

.ba-number-login-box input {
  letter-spacing: 6px;
}

.ba-promo-code::placeholder,
.ba-number-login-box input::placeholder {
  letter-spacing: normal;
  color: var(--secondary-color);
  font-weight: 600;
}

.ba-number-login-box input::placeholder,
.ba-promo-code::placeholder {
  opacity: 1;
  color: var(--secondary-color);
  font-weight: 600;
}

.ba-promo-code {
  padding: 8px 12px !important;
}

.ba-signUp-link {
  font-weight: 500;
  text-align: center;
  font-size: var(--small-font);
  color: var(--secondary-color);
  text-transform: capitalize;
}

.ba-signUp-link a {
  text-decoration: none;
  color: var(--primary-cta);
}

.ba-signUp-link a:hover {
  color: var(--primary-cta);
  border-bottom: 1px solid var(--primary-cta);
}

.ba-game-section-name a.title-feature {
  color: var(--primary-color) !important;
}

.ba-game-section-name a.title-feature:hover {
  color: var(--primary-cta) !important;
}

.ba-otp-form,
.ba-otp-form input {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ba-otp-form input {
  outline: none;
  width: 50px;
  height: 50px;
  font-weight: 700;
  border-radius: 5px;
  border: 1px solid var(--secondary-color);
  font-size: var(--medium-font);
  color: var(--primary-color);
  background: var(--secondary-background);
  text-align: center;
}

.ba-otp-form input:not(:last-child) {
  margin-right: 15px;
}

.ba-change-mbl-num {
  display: flex;
  align-items: flex-end;
}

.ba-mbl-num {
  font-weight: 700;
  font-size: var(--medium-font);
  color: var(--primary-color);
  line-height: normal;
  margin-right: 25px;
}

.ba-change-mbl-num a {
  cursor: pointer;
  font-size: var(--small-font);
  color: var(--primary-cta);
}

.ba-resend-otp-timer,
.ba-resend-otp {
  color: var(--primary-cta);
  font-size: var(--extra-medium-font);
  font-weight: 600;
  display: block;
  text-align: center;
  text-decoration: none;
}

.ba-resend-otp-timer:hover,
.ba-resend-otp:hover {
  color: var(--primary-cta);
}

.ba-social-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 99999;
  display: none;
}

.ba-hide-social-modal {
  background: none;
  border: 2px solid var(--primary-cta);
  outline: none !important;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  left: 95%;
  top: 5%;
  -webkit-transform: translate(-95%, -5%);
  -ms-transform: translate(-95%, -5%);
  transform: translate(-95%, -5%);
}

.ba-hide-social-modal:hover {
  border-color: #ff7b00;
}

.ba-hide-social-modal i {
  padding: 6px;
}

.ba-social-modal-content {
  position: fixed;
  top: 20%;
  left: 50%;
  width: 300px;
  -webkit-transform: translate(-20%, -50%);
  -ms-transform: translate(-20%, -50%);
  transform: translate(-20%, -50%);
  background: var(--primary-color);
  padding: 20px;
  border-radius: 5px;
}

.ba-social-modal-content p {
  font-weight: 600;
}

.ba-social-modal-content .ba-signIn-social {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

.ba-social-modal-content .ba-signIn-social a {
  text-align: center;
  width: 100%;
}

.ba-social-modal-content-heading {
  font-size: var(--extra-medium-font);
  font-weight: 500;
}

.deposit_promo label {
  cursor: pointer;
}

/* |-|-|-| IFRAME |-|-|-| */

.ba-sports-page {
  width: 100%;
  height: calc(100vh - 80px);
  overflow: hidden;
  transition: 0.75s;
}

iframe#sports {
  overflow: hidden;
  border: none;
  width: 100%;
  height: 100%;
}

.sports-contents .child-content {
  max-width: 800px;
  margin: 0 auto;
  margin-top: 20px;
}

.sports-contents .child-content h4 {
  color: var(--primary-color);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}

.body-contents p {
  color: #5977b2;
  font-size: 12px;
}

.body-contents ul li {
  color: #5977b2;
  font-size: 12px;
}

.sports-contents .content-containers {
  overflow-y: hidden;
  max-height: 108px;
  -webkit-mask-image: linear-gradient(0deg, #ffffff00 0%, #000a1f 64.58%);
  mask-image: linear-gradient(0deg, #ffffff00 0%, #000a1f 64.58%);
}

section.sports-contents.toggle-height .content-containers {
  max-height: 100%;
  -webkit-mask-image: unset;
  mask-image: unset;
}

.sports-contents.toggle-height .down-icon {
  transform: rotate(180deg);
}

.sports-contents button#jk-toggleFaqs1 {
  border: none;
  width: 15%;
  padding: 0;
  margin: 0 0 auto;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: var(--extra-small-font);
  filter: brightness(0) saturate(100%) invert(56%) sepia(97%) saturate(4839%)
    hue-rotate(188deg) brightness(102%) contrast(107%);
}

section.sports-contents {
  max-width: 800px;
  margin: 0 auto;
}

.sports-contents button#jk-toggleFaqs1:hover {
  transform: unset;
}

.ba-main-element-fullWidth .ba-sports-page {
  width: calc(100vw - (60px + 1%));
  -webkit-transition: 0.75s;
  -o-transition: 0.75s;
  transition: 0.75s;
}

/* |-|-|-| DEPOSIT-Withdraw |-|-|-| */

/* Deposit cards starts*/
.depositPayment_box_bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: var(--component-background-color);
  border-bottom-right-radius: 0.85rem;
  border-bottom-left-radius: 0.85rem;
}

.pg_info_card {
  color: var(--theme-placeholder-color);
  font-size: var(--extra-small-font);
  font-weight: 600;
  margin: 0;
  padding: 1px 5px;
}

/* Deposit cards ends*/

.ba-deposit-tab,
.ba-Withdraw-tab {
  background: none;
  border: none;
  outline: none !important;
  font-size: var(--small-font);
  color: var(--primary-color);
  font-weight: 500;
  text-align: center;
  width: 50%;
  padding: 6px;
  border-radius: 5px;
}

.ba-deposit-tab.ba-active,
.ba-Withdraw-tab.ba-active {
  background: var(--primary-cta);
  color: var(--color-dark);
  font-weight: 700;
}

.ba-choose-amount {
  margin-bottom: 30px;
  width: 100%;
}

.ba-choose-amount-head {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}

.ba-choose-amount-head-left {
  margin: 0;
  color: var(--primary-color);
  font-size: var(--extra-small-font);
  font-weight: 600;
  display: flex;
  white-space: nowrap;
  align-items: center;
}

.ba-choose-amount-head-left.enter-title {
  color: var(--primary-color);
  font-size: var(--extra-small-font);
  font-weight: 600;
  display: flex;
  white-space: nowrap;
  align-items: center;
}

.ba-choose-amount-head-left.enter-title span {
  color: var(--primary-color);
  background: var(--secondary-background);
  width: 25px;
  height: 25px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  margin-right: 5px;
  font-size: var(--extra-small-font);
}

.ba-choose-amount-head-right {
  margin: 0;
  color: var(--primary-color);
  font-size: var(--extra-small-font);
  font-weight: 600;
  display: flex;
  white-space: nowrap;
  align-items: center;
}

.main-submenu-boxes.down-angle .ba-icon-bg,
.main-submenu-box.down-angle .ba-icon-bg,
.ba-menu-links .ba-active-link .ba-icon-bg {
  background: unset;
}

.ba-choose-amount-head-left span,
.ba-form-header .ba-section-label {
  background: linear-gradient(
    28deg,
    rgb(18 81 206 / 90%) 0%,
    rgba(3, 21, 56, 0.9) 100%
  );
  width: 25px;
  height: 25px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  color: var(--primary-color);
  margin-right: 5px;
  font-size: var(--extra-small-font);
}

.ba-choose-amount-head-right .ba-slide-left i,
.ba-choose-amount-head-right .ba-slide-right i {
  filter: var(--secondary-cta-filter);
}

.ba-choose-amount-btns {
  display: flex;
  justify-content: center;
  margin-top: 15px;
}

.ba-choose-amount-btn {
  border: 0;
  outline: none;
  color: var(--primary-color);
  background: none;
  border: 2px solid var(--primary-cta);
  font-size: var(--small-font);
  padding: 5px 15px;
  border-radius: 5px;
  font-weight: 600;
  width: 19%;
  white-space: nowrap;
}

.ba-choose-amount-btn:not(:last-child) {
  margin-right: 10px;
}

.ba-choose-amount-btn.ba-active-btn {
  background-color: var(--primary-cta);
  color: var(--color-dark);
  font-weight: 700;
}

.ba-choose-amount-input {
  width: 100%;
}

.ba-choose-amount-input input,
.ba-manual-input,
.ba-enter-withdraw-amount input {
  outline: none;
  background: var(--secondary-background);
  color: var(--primary-color);
  border: 2px solid var(--primary-cta);
  text-align: center;
  padding: 7px;
  border-radius: 5px;
  width: 100%;
  font-size: var(--small-font);
  font-weight: 600;
  letter-spacing: 1.5px;
}

.ba-choose-amount-input input::placeholder,
.ba-manual-input::placeholder,
.ba-enter-withdraw-amount input::placeholder {
  color: var(--secondary-color);
}

.ba-choose-amount-input input {
  padding: 10px 7px;
}

.ba-enter-withdraw-amount input {
  background: var(--secondary-background);
}

.ba-slide-left i,
.ba-slide-right i {
  filter: var(--primary-cta-filter);
}

.ba-slide-left {
  margin-right: 10px;
}

.ba-slide-right {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.ba-bonuses {
  width: 98%;
  display: flex;
  overflow-x: auto;
  padding: 0 10px;
}

.ba-bonuses .deposit_promo label {
  position: relative;
  margin-right: 10px;
}

.ba-bonuses img {
  width: 170px;
  height: 120px;
  border-radius: 5px;
}

.clickToApply {
  position: absolute;
  left: 0;
  bottom: 0;
  background: var(--primary-cta);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 5px 0;
  width: 100%;
}

.clickToApply span {
  width: 100%;
  display: block;
  margin: 0;
  font-size: 9px;
  text-align: center;
  color: var(--primary-background);
  font-weight: 700;
  text-transform: capitalize;
}

.ba-bonus-selected img {
  background: var(--primary-cta);
  border: 3px solid var(--primary-cta);
  border-radius: 10px;
}

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ba-casino-game-box {
  cursor: pointer;
  width: 167px !important;
  margin-right: 16px !important;
  height: 290px;
}

.ba-casino-game-box .ba-game {
  width: 166px !important;
  height: 250px;
}

.ba-casino-game-box img.ba-game-img {
  width: 100%;
  height: 100%;
}

.ba-casino-game-box p.ba-game-name {
  color: #5977b2;
  font-size: var(--extra-small-font);
}

.ba-casino-game-box:hover p.ba-game-name {
  color: var(--primary-color);
}

.ba-live-casino {
  display: none !important;
}

.promo-content {
  font-size: var(--extra-small-font);
  text-align: center;
  color: var(--primary-cta);
  margin-top: 4px;
}

.text-sucess {
  font-size: var(--extra-small-font);
  text-align: left;
  color: var(--sucess-color) !important;
  margin-top: 4px;
  font-weight: 600;
  width: 100%;
  display: block;
  margin-left: 10px;
}

#amount_error,
.file_error_kyc,
.text-danger {
  font-size: var(--extra-small-font);
  text-align: center;
  color: var(--color-error) !important;
  margin-top: 4px;
  font-weight: 600;
  width: 100%;
  display: block;
  margin-left: 10px;
}
.profile-page-modal-col{
  width:100% !important;
}
.ba-apply-promo-input {
  display: flex;
  justify-content: space-between;
  padding-left: 20px;
  margin: 10px 0;
  background: var(--secondary-background);
  border-radius: 10px;
  position: relative;
}

.ba-apply-promo-input input {
  border: 0;
  outline: none;
  background: none;
  text-align: center;
  color: var(--primary-color);
  width: 80%;
  padding: 10px;
  font-size: var(--small-font);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.ba-apply-promo-input input::-webkit-input-placeholder {
  text-transform: capitalize !important;
  color: var(--secondary-color);
}

.ba-apply-promo-input input::placeholder {
  text-transform: capitalize !important;
  color: var(--secondary-color);
}

.ba-apply-promo-btn {
  border: none;
  outline: none;
  height: 100%;
  position: absolute;
  right: 0;
  padding: 0 25px;
  border-radius: 10px;
  background: var(--primary-cta);
}

.ba-apply-promo-btn i {
  padding: 9px;
  filter: invert(1);
}

.ba-payment-method {
  background: var(--secondary-color);
  padding: 1px;
  width: 100%;
  height: 120px;
  border-radius: 5px;
  cursor: pointer;
}

.ba-payment-method .pg-image,
.ba-payment-method img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
}

#withdrawlsuccess,
#withdrawfail {
  background: var(--primary-background);
  padding: 100px 0px;
}

#withdrawlsuccess .payment-status-modal-child,
#withdrawfail .payment-status-modal-child {
  position: relative;
  border-radius: 20px;
  padding: 20px;
  background: var(--secondary-background);
  width: 500px;
  max-width: 100%;
  min-height: 300px;
}

#withdrawlsuccess .payment-status-modal-child .hide-box,
#withdrawfail .payment-status-modal-child .hide-box {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 25px;
  height: 25px;
  position: absolute;
  right: 8px;
  top: 10px;
}

#withdrawlsuccess .payment-status-modal-child .hide-box img.hide,
#withdrawfail .payment-status-modal-child .hide-box img.hide {
  width: 100%;
}

#withdrawlsuccess .payment-status-modal-child h2,
#withdrawfail .payment-status-modal-child h2 {
  margin-top: 23px;
  text-align: center;
  color: var(--secondary-color);
  font-size: var(--large-font);
}

#withdrawlsuccess .payment-status-modal-child h4.dark_text,
#withdrawfail .payment-status-modal-child h4.dark_text {
  text-align: center;
  color: var(--bs-body-bg);
  font-size: var(--medium-font);
}

#withdrawlsuccess .payment-status-modal-child .center,
#withdrawfail .payment-status-modal-child .center {
  width: 86px;
  height: 86px;
  margin: 0 auto;
}

.ba-selected-method {
  box-shadow: 0 0 15px 0 var(--primary-cta);
  border: 2px solid var(--primary-cta);
}

.ba-payment-method p {
  color: var(--theme-placeholder-color);
  font-size: var(--extra-small-font);
  font-weight: 600;
  margin: 0;
  padding: 3px 3px;
}

.ba-payment-method.active-method p {
  color: var(--primary-color);
}

.ba-payment-method.active-method {
  background: var(--primary-cta);
  border: 2px solid var(--primary-cta);
}

.ba-payment-method.paymentActive {
  background: var(--primary-cta);
}

.ba-account-complete {
  display: flex;
  justify-content: space-between;
  padding: 15px 10px;
  border: 1px solid var(--primary-cta);
  border-radius: 5px;
  margin-bottom: 20px;
  text-decoration: none;
}

.ba-account-sideMenu img {
  width: 70%;
}

.ba-account-sideMenu .ba-accountMenu-head {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background: linear-gradient(
    28deg,
    rgba(12, 49, 122, 0.9) 0%,
    rgba(3, 21, 56, 0.9) 100%
  );
}

.ba-account-complete div {
  display: flex;
}

.ba-account-complete span {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  background: var(--primary-color);
  margin-right: 5px;
}

.ba-account-complete span i {
  padding: 14px;
}

.ba-account-complete:hover p {
  color: var(--primary-cta);
}

.ba-account-complete p {
  text-decoration: none;
  color: var(--theme-placeholder-color);
  font-size: var(--extra-small-font);
  font-weight: 600;
  margin: 0;
}

.error_message,
.ba-error-text {
  font-size: var(--extra-small-font);
  color: var(--color-error);
}

.ba-Withdraw-container .ba-menu-divider {
  width: 100%;
  height: 1px;
  opacity: 0.7;
}

/*|-|-| PROMOTION |-|-|*/
.ba-promotion-container {
  min-height: 60vh;
  padding-top: 5px;
}

.ba-promotion-container h1 {
  font-weight: 700;
  color: var(--primary-color);
  font-size: 32px;
  margin-bottom: 66px;
  padding-top: 35px;
  text-align: center;
}

.promo-columns .ba-promo-banner span.active,
.promotion-detail-box .deatil-top a span.active {
  background: #ff0080;
}

.promotion-detail-box a .slideBtnLeft-icon {
  transform: rotate(90deg);
  filter: brightness(0) saturate(100%) invert(36%) sepia(29%) saturate(4655%)
    hue-rotate(190deg) brightness(106%) contrast(106%);
}

.promotion-detail-box a.promo-details {
  background: unset;
  mask: unset;
  box-shadow: unset;
  border-radius: inherit;
  border: unset;
  backdrop-filter: none;
  height: auto;
  color: #0090ff;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  padding-top: 40px;
  padding-left: 0;
}

.promotion-detail-box a.promo-details:before {
  display: none;
}

.promo-columns .ba-promo-banner span,
.promotion-detail-box .deatil-top a span {
  position: absolute;
  top: 2px;
  right: 2px;
  z-index: 1;
  background: #0090ff;
  font-size: 10px;
  font-weight: 900;
  font-style: italic;
  line-height: 1.3;
  text-transform: uppercase;
  color: var(--primary-color);
  padding: 4px 8px;
  border-radius: 0 13px;
}

.ba-promotion-container .promotion-detail-box .deatil-top {
  margin: 4px 4px 16px;
  box-shadow: 0 0 0 3px #000a1f, 0 0 0 4px #0c317a;
  position: relative;
  border: 1px solid #113c90;
  border-radius: 16px;
  overflow: hidden;
}

.promotion-detail-box h1 {
  text-align: left;
  min-height: 50px;
  padding: 16px 16px 16px;
  position: relative;
  margin-bottom: 0;
  font-size: 24px;
  background-color: #031538;
}

.ba-promotion {
  text-decoration: none;
  display: block;
}

.promotion-detail-box .main-flex-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  background-color: #031538;
  border-radius: 16px;
  border: 1px solid #0090ff1f;
  color: #5977b2;
  padding: 20px;
}

.promotion-detail-box .main-flex-box h5 {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0;
}

.promotion-detail-box .main-flex-box p {
  font-size: 16px;
  line-height: 1.8;
  font-weight: 500;
  color: var(--secondary-color) !important;
  letter-spacing: 0;
}

.ba-promo-banner {
  display: block;
  width: 100%;
  height: 226px;
  position: relative;
}

.ba-promo-banner img {
  width: 100%;
  height: 226px;
}

.ba-promo-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.ba-promo-name {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 7.5px;
  color: var(--primary-color);
}

.ba-promo-readMore {
  display: inline-flex;
  align-items: center;
  justify-content: left;
  color: var(--primary-cta);
  text-decoration: none;
  font-size: var(--small-font);
  font-weight: 600;
  margin-top: 10px;
  white-space: nowrap;
  -webkit-mask: url(/assets/images/mask-left.svg) 0 0 no-repeat,
    url(/assets/images/mask-center.svg) 36px 0 repeat,
    url(/assets/images/mask-right.svg) right 0 no-repeat;
  mask: url(/assets/images/mask-left.svg) 0 0 no-repeat,
    url(/assets/images/mask-center.svg) 36px 0 repeat,
    url(/assets/images/mask-right.svg) right 0 no-repeat;
  backdrop-filter: invert(100%) sepia(0%) saturate(7487%) hue-rotate(126deg)
    brightness(108%) contrast(105%);
  background: linear-gradient(225deg, #1647a7 0%, #071c47 100%);
  border: 1px solid #113c90;
  padding: 5px 19px 0px 20px;
  position: relative;
  z-index: 1;
  border-radius: 100px;
  height: 48px;
}

.ba-promo-readMore:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 2px;
  left: 2px;
  width: 136px;
  height: 42px;
  border-radius: inherit;
  box-shadow: 0 0 0 2px #000a1f;
  border: 1px solid #0090ff59;
  pointer-events: none;
}

.ba-promo-readMore span.btn-text {
  font-size: var(--extra-small-font);
  padding-right: 2.8px;
  position: relative;
  color: var(--primary-color);
  text-transform: uppercase;
  font-style: italic;
  font-weight: 900;
}

.ba-promo-readMore .leftArooow-icon {
  padding: 14px;
  filter: var(--primary-cta-filter);
}

.promo-details {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

.ba-promo-readMore .rotate180 {
  transform: rotate(270deg);
}

.ba-promo-readMore .rotate180 .slideBtnLeft-icon {
  filter: var(--primary-cta-filter);
}

.ba-promo-free {
  margin: 0;
  color: var(--secondary-color);
  font-size: var(--small-font);
  font-weight: 500;
  text-transform: capitalize;
}

.ba-promo-readMore:hover,
.ba-promo-terms-condition:hover {
  color: var(--primary-cta);
}

.ba-promo-content .deposit-btn {
  margin-top: 20px;
  width: 200px;
}

.ba-promo {
  max-width: 800px;
}

.ba-promo .ba-promo-content {
  margin-top: 20px;
}

.ba-promo .ba-promo-content * {
  font-size: var(--small-font);
  text-align: justify;
  color: var(--primary-color);
  color: var(--secondary-color);
  font-size: var(--small-font);
  letter-spacing: 1.2px;
}

.ba-promo .ba-promo-content ul {
  list-style: none;
}

.ba-promo .ba-promo-content ul li {
  position: relative;
}

.ba-promo .ba-promo-content ul li::before {
  content: " ";
  left: -15px;
  top: 7px;
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--primary-cta);
}

.ba-promo .ba-promo-content h2,
.ba-promo .ba-promo-content h3,
.ba-promo .ba-promo-content h4,
.ba-promo .ba-promo-content h5 {
  color: var(--primary-color);
  font-size: var(--extra-medium-font);
  font-weight: 600;
}

.ba-promo .ba-promo-content a {
  color: var(--primary-cta) !important;
  text-decoration: none;
}

.ba-promo .ba-promo-content a:hover {
  /* border-bottom: 1px solid var(--primary-cta); */
}

.ba-promo .ba-promo-name {
  font-size: var(--large-font);
  text-align: center;
  color: var(--primary-cta);
}

.ba-promo-terms-condition {
  color: var(--primary-cta);
  font-size: var(--small-font);
  font-weight: 600;
}

/* |-|-| CONTENT-PAGE |-|-| */
.ba-content-dropdown {
  margin-top: 15px;
}

.ba-content-selector {
  display: flex;
  justify-content: space-between;
  width: 100%;
  cursor: pointer;
  padding: 10px 20px;
  border-radius: 8px !important;
  background: var(--secondary-background);
  border: none;
  outline: none;
  text-align: left;
  margin-bottom: 40px;
  display: none;
}

.ba-content-container .title h2 {
  text-align: center;
  color: var(--primary-color);
  font-weight: 700;
  margin-top: 40px;
}

.ba-content-container .ba-content h2 {
  font-size: 20px;
  letter-spacing: 0;
  font-weight: 700;
}

.ba-content-container .ba-content .common-description p {
  letter-spacing: 0px;
  line-height: 25px;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
}

.ba-content-container .ba-content .common-description {
  border-bottom: 1px solid #071c47;
  padding: 24px 0px;
}

.ba-content-container .ba-content .common-description:last-child {
  border: none;
}

.ba-content ul {
  padding-left: 19px;
}

.ba-content-selector span {
  color: var(--primary-cta);
  font-size: var(--small-font);
  font-weight: 600;
}

.dropdown-menu {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.ba-content-selector-menu {
  width: 100%;
  padding: 0 !important;
  background: var(--secondary-background);
  border: none !important;
  border-radius: 8px !important;
  max-height: 200px;
  overflow-y: auto;
}

.ba-content-selector-menu li a {
  color: var(--primary-color) !important;
  font-size: var(--small-font);
  font-weight: 500;
  padding: 10px 20px;
  background-color: var(--secondary-background) !important;
}

.ba-content {
  padding: 10px;
}

.ba-content * {
  color: var(--secondary-color);
  font-size: var(--small-font);
  letter-spacing: 1.2px;
  text-align: justify;
}

.ba-content ul {
  list-style: none;
}

.ba-content ul li {
  position: relative;
  letter-spacing: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 25px;
  margin-bottom: 15px;
}

.ba-content ul li::before {
  content: " ";
  left: -15px;
  top: 7px;
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--secondary-color);
}

.ba-content h2,
.ba-content h3,
.ba-content h4,
.ba-content h5 {
  color: var(--primary-color);
  font-size: var(--extra-medium-font);
  font-weight: 600;
}

.ba-content a {
  color: var(--primary-cta) !important;
  text-decoration: underline;
  letter-spacing: 0;
  font-size: 16px;
  font-weight: 500;
}

.ba-content a:hover {
  color: var(--primary-color) !important;
}

.rotate-90-icon {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.ba-content-selector .rotateSelector {
  rotate: 180deg;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.ba-content-selector .slideBtnLeft-icon {
  filter: var(--primary-cta-filter);
}

/* |-|-| CATEGORY-FILTER |-|-| */

section.bb-category-filter.bb-main-mod {
  border-radius: 8px;
  background: var(--primary-background);
}

section.bb-category-filter.bb-main-mod ul.filter-top-lists {
  padding: 10px 14px;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  line-height: 10px;
  margin: 0px;
  width: 99%;
  overflow-x: auto;
  scrollbar-color: var(--theme-scrollbar-color);
  scrollbar-width: thin;
  scroll-behavior: smooth;
}

section.bb-category-filter.bb-main-mod ul.filter-top-lists a.bb-menu-items i {
  width: 44px;
  height: 44px;
  margin: 0 auto;
  margin-bottom: 17px;
  padding: 0;
  transform: scale(1);
  transition: transform 0.3s;
}

section.bb-category-filter.bb-main-mod
  ul.filter-top-lists
  a.bb-menu-items:hover
  i {
  filter: invert(44%) sepia(80%) saturate(3522%) hue-rotate(187deg)
    brightness(100%) contrast(109%);
  transform: scale(1.1);
  transition: transform 0.3s;
}

section.provider-list,
.ba-promotion-container {
  position: relative;
  z-index: 0;
  padding: 0px 15px;
}

section.provider-list:before,
section.provider-list:after,
.ba-promotion-container:before,
.ba-promotion-container:after {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 120px;
  pointer-events: none;
  content: "";
  z-index: -7;
}

section.provider-list:before,
.ba-promotion-container:before {
  background: url(/assets/images/bg-404.svg) -10px 0 repeat no-repeat,
    radial-gradient(
      63% 135% at 50% 0%,
      rgb(17 60 144 / 60%) 0%,
      rgb(0 10 31) 100%
    );
  background-position: -50px 0;
  background-size: 290px 290px, 100%;
}

section.provider-list:after,
.ba-promotion-container:after {
  background: linear-gradient(180deg, #000a1f00 0%, #000a1f 100%);
}

.ba-game-overlay span.main-box span.btn-hover {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 2;
  background-image: url(/assets/images/button-hover-elem.svg);
  background-size: auto 100%;
  background-repeat: no-repeat;
  pointer-events: none;
  mix-blend-mode: overlay;
  transform: translate(-121%);
  transition: transform ease-out 0.3s;
  opacity: 1;
}

.promotion-detail-box .condition-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  background-color: #031538;
  border-radius: 16px;
  border: 1px solid #0090ff1f;
  color: #5977b2;
  padding: 20px;
  margin-top: 15px;
}

.promotion-detail-box .condition-box h5 {
  font-size: 20px;
  font-weight: 900;
  letter-spacing: 0;
  width: 100%;
  text-align: left;
  margin-bottom: 25px;
  color: var(--primary-cta);
}

.promotion-detail-box .condition-box p {
  font-size: 16px !important;
  font-weight: 500 !important;
  letter-spacing: 0;
  text-align: justify;
  color: var(--primary-color);
  line-height: 20px;
}

.promotion-detail-box table td {
  color: var(--primary-cta) !important;
}

.promotion-detail-box table {
  margin-bottom: 20px !important;
}

.promotion-detail-box .promo-body-text u {
  color: var(--primary-cta) !important;
  text-decoration: none;
}

.promotion-detail-box .promo-body-text ul {
  padding: 0px 16px;
}

.promotion-detail-box .promo-body-text ul li {
  color: var(--primary-color);
  line-height: 30px;
}

.promotion-detail-box .promo-body-text ul li::before {
  top: 14px;
}

.promotion-detail-box .condition-box p strong {
  color: var(--primary-cta);
  display: block;
  margin-bottom: 10px;
}

.promotion-detail-box .condition-box ul br {
  display: none;
}

.promotion-detail-box table {
  margin: 0 auto;
  text-align: center !important;
}

.promotion-detail-box tbody {
  text-align: center !important;
}

.promotion-detail-box td {
  text-align: center !important;
  font-size: 16px !important;
  letter-spacing: 0 !important;
  line-height: 25px !important;
  background: unset;
}

.promotion-detail-box tr {
  background: unset !important;
}

.ba-game-box:hover a.ba-game-overlay {
  opacity: 1;
}

.ba-game-overlay span.main-box:hover span.btn-hover,
.promotion-detail-box span.main-box:hover span.btn-hover,
.promo-detail-cta:hover span.btn-hover {
  transform: translate(121%);
}

.promotion-detail-box .promo-body-text {
  max-height: 182px;
  overflow: hidden;
  width: 100%;
  -webkit-mask-image: linear-gradient(0deg, #1c52bd00 0%, #071c47 20%);
  mask-image: linear-gradient(0deg, #1c52bd00 0%, #071c47 20%);
}

.promotion-detail-box .promo-body-text.show {
  max-height: 100%;
  -webkit-mask-image: unset;
  mask-image: unset;
}

.promotion-detail-box button#jk-toggleFaqs1.arrowup .slideBtnLeft-icon {
  transform: rotate(180deg);
  position: absolute;
  top: 8px;
}

.promotion-detail-box button#jk-toggleFaqs1 {
  border: none;
  font-size: 14px;
  color: #0090ff;
  letter-spacing: 0;
  filter: brightness(0) saturate(100%) invert(56%) sepia(97%) saturate(4839%)
    hue-rotate(188deg) brightness(102%) contrast(107%);
  margin-top: 0px;
  width: 100%;
  text-align: center;
  padding: 0;
}

.promotion-detail-box button#jk-toggleFaqs1 .slideBtnLeft-icon {
  top: 2px;
  position: relative;
  margin-left: 4px;
}

.promotion-detail-box .show-more .promo-body-text {
  max-height: 100%;
  mask-image: none;
  -webkit-mask-image: none;
}

.provider-list .title-flex {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  margin-bottom: 30px;
}

.provider-list .provider-container {
  padding: 40px 0px;
}

.provider-list .ba-slide-left-btn {
  display: block;
  width: 36px;
  height: 36px;
  border: 1px solid #0090ff1f;
  left: 6px;
  top: 4%;
}

.provider-list .ba-slide-left-btn .right-arrow-icon {
  padding: 16px;
}

.provider-list .title-flex h3 {
  color: var(--primary-color);
  font-weight: 700;
  line-height: 1.2;
  font-size: 32px;
}

.provider-list ul {
  padding-left: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.provider-list ul li a {
  text-decoration: none;
  margin: 4px;
  box-shadow: 0 0 0 3px #000a1f, 0 0 0 4px #0c317a;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
  color: #5977b2;
  font-size: 14px;
  line-height: 1.4;
  text-transform: uppercase;
  background: linear-gradient(180deg, #0a2762 0%, #031538 100%);
  border: 1px solid #113c90;
  border-radius: 12px;
  transition: border 0.3s, background 0.3s, box-shadow 0.3s;
}

.provider-list ul li {
  width: 25%;
  list-style: none;
  padding: 0px 4px;
}

.provider-list ul li a p {
  margin-bottom: 0;
  width: 100%;
  margin-left: 8px;
  color: var(--primary-color);
}

.provider-list ul li a img {
  width: 24px;
  height: 24px;
  transition: filter 0.3s;
  filter: invert(47%) sepia(12%) saturate(1802%) hue-rotate(182deg)
    brightness(94%) contrast(92%);
}

.provider-list ul li a:hover {
  background: linear-gradient(180deg, #0c317a 0%, #071c47 100%);
  border: 1px solid #215dd4;
  box-shadow: 0 0 0 3px #000a1f, 0 0 0 4px #215dd4;
}

.provider-list ul li:not(:last-child) {
  margin-bottom: 8px;
}

.slideBtn_container_Right {
  width: 2%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: auto;
}

.filter-top.ba-hide-scrollbar {
  display: flex;
  justify-content: center;
}

.filter_navLeft {
  display: flex;
  flex-direction: column;
  width: 99%;
}

button.btn.wd-cta.provider-toggler {
  color: var(--primary-color);
  font-size: var(--small-font);
  font-style: normal;
  font-weight: 600;
  text-align: left;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

button.btn.wd-cta.provider-toggler:after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.filter-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  position: sticky;
}

button.btn.wd-cta.provider-toggler.show-color {
  color: var(--primary-cta);
}

.slideBtn_container {
  width: 2%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: auto;
}

.filter-nav .ba-slide-right-btn {
  right: -14px;
  top: 36%;
  opacity: 0;
  position: absolute;
}

.filter-nav .ba-slide-left-btn {
  left: -5px;
  top: 36%;
  opacity: 0;
  position: absolute;
}

.filter-nav:hover .ba-slide-right-btn,
.filter-nav:hover .ba-slide-left-btn {
  opacity: 1;
}

input#search {
  background: var(--secondary-background);
  border: none;
  color: var(--primary-color);
  font-size: var(--small-font);
  font-style: normal;
  font-weight: 600;
  text-align: left;
  border-radius: 8px;
  outline: none;
  padding: 4px 0px;
}

.ba-choose-amount .ba-choose-amount-head-right .ba-slide-right {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.ba-choose-amount .ba-choose-amount-head-right .ba-slide-left {
  -webkit-transform: rotate(-270deg);
  -ms-transform: rotate(-270deg);
  transform: rotate(-270deg);
}

.ba-game-section-head .see-all {
  padding: 7px;
  text-transform: uppercase;
  color: var(--primary-cta);
  font-weight: 600;
  font-size: var(--small-font);
  display: flex;
  align-items: center;
  white-space: nowrap;
  margin-right: 5px;
}

.ba-game-section.game-result button.ba-slide-right-btn {
  position: relative;
}

.ba-game-section.game-result .button-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ba-game-section-head a.see-all:hover {
  color: var(--primary-color);
}

.ba-game-section.game-result i.ba-icon-style.right-arrow-icon {
  padding: 15px;
}

section.bb-category-filter.bb-main-mod
  ul.filter-top-lists
  a.bb-menu-items:hover {
  color: var(--primary-cta) !important;
}

.column.one.inputt.searchBar input#search::placeholder {
  color: var(--primary-color);
}

.filter_navTop {
  display: flex;
  justify-content: start;
  width: 100%;
  padding: 0px 10px;
}

section.bb-category-filter.bb-main-mod ul.filter-top-lists a.bb-menu-items {
  text-decoration: none;
  color: var(--primary-color);
  font-size: var(--small-font);
  font-style: normal;
  font-weight: 500;
  text-align: center;
  background: var(--primary-background);
  padding: 11px 13px;
  border-radius: 8px;
  margin-right: 8px;
  white-space: nowrap;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
}

section.bb-category-filter.bb-main-mod
  ul.filter-top-lists
  li.menuItems.active
  i {
  filter: invert(44%) sepia(80%) saturate(3522%) hue-rotate(187deg)
    brightness(100%) contrast(109%);
  transform: scale(1.1);
  transition: transform 0.3s;
}

section.bb-category-filter.bb-main-mod
  ul.filter-top-lists
  li.menuItems.active
  a {
  color: var(--primary-cta) !important;
}

.filter-bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  border-top: 1px solid var(--theme-divider-background);
}

.filter-bottom h6 {
  color: var(--primary-color);
  font-size: var(--small-font);
  font-style: normal;
  font-weight: 600;
  text-align: left;
  border-radius: 8px;
}

.filter-bottom .column {
  flex-basis: 50%;
  border-right: 1px solid var(--theme-divider-background);
  padding: 10px 16px;
  cursor: pointer;
}

.filter-bottom .column.three {
  display: none;
}

section.bb-category-filter.bb-main-mod
  ul.filter-top-lists
  li.active
  a.bb-menu-items:hover {
  background: transparent;
  color: var(--color-dark);
}

.filter-nav {
  position: sticky;
  top: 65px;
  z-index: 10;
  width: 100% !important;
  user-select: none;
  margin-bottom: 28px;
  /* height: 8.5rem; */
}

.filter-nav ul.providerFilter::-webkit-scrollbar {
  width: 5px;
  background: var(--theme-scrollbar-color);
  border-radius: 10px;
}

.filter-nav ul.providerFilter::-webkit-scrollbar-thumb {
  width: 5px;
  background: var(--primary-cta);
  border-radius: 10px;
}

.cross_parent {
  display: none;
}

.filter-nav .desk-design {
  position: absolute;
  right: 0%;
  top: 99%;
  width: 606px;
  background: var(--secondary-background);
  border-radius: 8px;
  z-index: 5;
  padding: 8px 0px;
}

.filter-nav ul.providerFilter {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding-left: 13px;
  min-height: 90px;
  max-height: 40vh;
  background: var(--secondary-background);
  border-radius: 2rem;
  overflow-y: auto;
  scrollbar-color: red;
  scrollbar-width: thin;
  margin-bottom: 0;
}

.filter-nav li.providers label {
  color: var(--primary-color);
  font-size: var(--extra-small-font);
  font-style: normal;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.filter-nav li.providers {
  display: flex;
  justify-content: start;
  flex-direction: row;
  align-items: center;
  list-style: none;
  margin-bottom: 0 !important;
  width: 33%;
  height: 40px;
}

.filter-nav li.providers input[type="checkbox"] {
  margin-right: 5px;
  width: 14px;
  height: 14px;
  background: var(--secondary-background);
}

.filter-nav a.clearSection {
  border-top: 1px solid #1fe88a33;
  width: 100%;
  display: block;
  padding: 8px 16px;
  font-size: var(--extra-small-font);
  font-weight: 700;
  text-decoration: none;
  color: var(--primary-cta);
  text-align: right;
}

/* |-|-| PAYMENT-GATEWAYS |-|-| */

.ba-payment-nav {
  display: flex;
  margin-top: 10px;
  overflow-x: auto;
}

.ba-payment-nav .ba-payment-method {
  background: var(--secondary-color);
  min-width: 150px;
  width: 150px;
  height: 80px;
  margin-right: 10px !important;
}

.ba-payment-nav .ba-payment-method.active-method {
  background: var(--primary-cta);
}

.ba-p-m {
  color: var(--primary-cta);
  padding-top: 2px;
  margin: 0;
  font-size: var(--small-font);
  font-weight: 600;
}

.ba-payment-nav .ba-payment-method p {
  font-size: var(--extra-small-font);
}

.ba-form-header {
  align-items: flex-start;
}

.ba-section-header-info p:first-child {
  font-size: var(--small-font);
  font-weight: 600;
  margin-bottom: 0;
  color: var(--primary-color);
}

.ba-section-header-info p:last-child {
  font-size: var(--small-font);
  color: var(--secondary-color);
}

.ba-section-header-info span,
.ba-section-header-info .ba-amount {
  font-weight: 600;
  color: var(--primary-color);
}

.ba-form-header {
  display: flex;
}

.ba-form-header div p {
  margin: 0;
}

.ba-manual-input {
  background: linear-gradient(
    0deg,
    rgba(104, 115, 124, 0.2),
    rgba(104, 115, 124, 0.2)
  );
  padding: 10px 15px;
  position: relative;
}

.ba-manual-input-box {
  margin: 15px auto;
}

.ba-manual-input-box label {
  font-size: var(--extra-small-font);
  font-weight: 600;
  color: var(--primary-color);
  margin-bottom: 5px;
}

.ba-manual-input input {
  border: none;
  outline: none;
  background: none;
  width: 100%;
  font-size: var(--small-font);
  font-weight: 600;
  letter-spacing: 1.5px;
  color: var(--primary-color);
  text-transform: uppercase;
}

.ba-manual-input input::-webkit-input-placeholder {
  font-size: var(--extra-small-font);
  font-weight: 500;
  color: var(--secondary-color);
}

.ba-manual-input input::placeholder {
  font-size: var(--extra-small-font);
  font-weight: 500;
  color: var(--secondary-color);
}

.ba-manual-input span {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--secondary-background);
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: flex;
  justify-content: center;
  cursor: pointer;
}

.ba-manual-input span:hover {
  -webkit-box-shadow: 0 0 5px var(--primary-cta);
  box-shadow: 0 0 5px var(--primary-cta);
  border: 1px solid var(--primary-cta);
}

.ba-payment-bottom-text {
  text-align: center;
  font-size: var(--extra-small-font);
  color: var(--secondary-color);
}

.ba-steps-img {
  height: 250px;
  border-radius: 10px;
}

.ba-upi-scanner-box {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.ba-upi-scanner-box img {
  width: 250px;
}

#deposit-failure-popup,
#deposit-success-popup {
  margin: 40px auto;
  border-radius: 32px;
  max-width: 480px;
}

.ba-manual-btns {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ba-manual-btns button {
  width: 48%;
  border-radius: 10px;
}

.ba-manual-btns button::after {
  border-radius: 10px;
}

/* |-|-| WITHDRAWAL |-|-| */

.ba-withdraw-user-balance-box {
  width: 100%;
  padding: 20px;
  background: #000a1f;
  border-radius: 10px;
}

.ba-withdraw-user-balance-box p {
  text-transform: capitalize;
  font-weight: 600;
  text-align: center;
  font-size: var(--extra-small-font);
  margin-bottom: 5px;
  color: var(--primary-color);
}

.ba-withdraw-user-balance-box .main-flex .col-left p.ba-user-balance {
  margin-left: 10px !important;
  font-size: var(--extra-small-font) !important;
}

.ba-enter-withdraw-amount label {
  text-transform: capitalize;
  font-weight: 600;
  text-align: center;
  font-size: var(--extra-small-font);
  margin-bottom: 5px;
  color: var(--primary-color);
  margin-bottom: 20px;
}

.ba-enter-withdraw-amount .verify_botn {
  width: 100%;
  padding: 10px;
  background: var(--secondary-background);
  border: 2px solid var(--primary-cta);
  display: flex;
  justify-content: space-between;
  position: relative;
  border-radius: 10px;
  cursor: pointer;
}

.ba-enter-withdraw-amount .account_details {
  width: 100%;
}

.ba-enter-withdraw-amount .account_details p {
  display: block;
  font-weight: 700 !important;
  text-align: left;
  margin-bottom: 10px;
  text-wrap: nowrap;
  text-transform: uppercase;
  overflow: hidden;
  font-size: var(--extra-small-font);
  color: var(--primary-color);
  text-overflow: ellipsis;
}

.add_account_inputs .inputBox label {
  display: block;
  font-weight: 700 !important;
  text-align: left;
  margin-bottom: 10px;
  font-size: var(--extra-small-font);
  color: var(--primary-color);
}

.add_account_inputs .inputBox .inputt {
  margin-bottom: 12px;
}

.add_account_inputs .inputBox .inputt input {
  width: 100%;
  background-color: var(--primary-background);
  outline: none;
  padding: 10px;
  border-radius: 6px;
  border: 2px solid var(--primary-cta);
  color: #fff;
  font-size: var(--small-font);
}
.add_account_inputs .inputBox .inputt select {
  width: 100%;
  background-color: var(--primary-background);
  outline: none;
  padding: 10px;
  border-radius: 6px;
  border: 2px solid var(--primary-cta);
  color: #fff;
  font-size: var(--small-font);
}

.add_account_inputs .inputBox .inputt input::placeholder {
  color: var(--primary-color);
}

.add_account_inputs .inputBox .inputt select::placeholder {
  color: var(--primary-color);
}

.ba-user-balance {
  font-size: var(--extra-medium-font) !important;
  font-weight: 600;
  color: var(--primary-cta) !important;
  margin: 0 !important;
}

.ba-enter-withdraw-amount {
  margin: 10px auto;
}

.lol-account-list {
  width: 100%;
  max-height: 235px;
  overflow-y: auto;
  margin-bottom: 0;
  display: flex;
  justify-content: flex-start;
  position: relative;
  overflow: hidden;
  overflow-y: auto;
}

.ba-enter-withdraw-amount .withdraw_btn,
#add_withdraw_account .withdraw_btn {
  max-width: 360px;
  margin: 0 auto;
  margin-top: 30px;
}

#add_withdraw_account .withdraw_btn {
  padding: 8px 14px;
}

.ba-enter-withdraw-amount input {
  width: 100%;
  text-align: center;
  padding: 12px 15px;
  border-radius: 6px;
  text-transform: uppercase;
}

.ba-withdraw-user-balance-box .col-right p {
  font-size: 10px;
  margin-top: 5px;
  color: var(--primary-color);
}

.ba-withdraw-user-balance-box .main-flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.ba-enter-withdraw-amount .verify_botn.checked {
  background: linear-gradient(
    28deg,
    rgb(34 80 172 / 90%) 0%,
    rgb(4 30 79 / 90%) 100%
  );
}

.ba-withdraw-user-balance-box .main-flex .col-left {
  display: flex;
  align-items: center;
}

.ba-bank-account,
.ba-add-bank-account {
  background: var(--secondary-background);
  border-radius: 10px;
  display: flex;
  align-items: center;
  padding: 10px;
  margin-bottom: 20px;
  cursor: pointer;
}

.ba-bank-account:last-child {
  margin-bottom: 0 !important;
}

.ba-bank-account.ba-active {
  border: 1px solid var(--primary-cta);
}

.ba-add-bank-account button,
.ba-bank-account span,
.ba-add-account-header span {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--secondary-background);
  margin-right: 20px;
}

.ba-bank-info label {
  margin: 0;
}

.ba-bank-info p {
  margin: 0;
  font-size: var(--extra-medium-font);
  font-weight: 600;
  color: var(--primary-color);
}

.ba-add-bank-account button {
  margin: 0;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

.ba-add-bank-account button:hover {
  background: var(--primary-background) !important;
}

.ba-add-bank-account button i {
  filter: var(--primary-cta-filter);
}

.ba-add-bank-account p {
  font-size: var(--small-font);
  font-weight: 500;
  margin: 0;
  color: var(--primary-cta);
}

.ba-add-account-modal,
.ba-success-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999999;
  background: rgba(0, 0, 0, 0.6);
}

.ba-add-account-header,
.ba-modal-box {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
}

.ba-add-account-container,
.ba-modal-box {
  position: relative;
  border-radius: 20px;
  padding: 20px;
  background: var(--secondary-background);
  width: 500px;
  max-width: 100%;
  min-height: 300px;
}

.ba-add-account-header span {
  width: 65px;
  height: 60px;
}

.ba-add-account-header span i {
  padding: 20px;
}

.ba-add-account-header p {
  font-size: var(--medium-font);
  font-weight: 600;
  color: var(--primary-color);
}

.ba-add-account-container .btn,
.ba-modal-box .btn {
  position: absolute;
  right: 5px;
  top: 5px;
  background: var(--secondary-background);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ba-add-account-container .btn:hover,
.ba-modal-box .btn:hover {
  -webkit-box-shadow: 0 0 5px var(--primary-cta) !important;
  box-shadow: 0 0 5px var(--primary-cta) !important;
  border: 1px solid var(--primary-cta);
}

.ba-add-account-container .btn i,
.ba-modal-box .btn i {
  filter: var(--primary-cta-filter);
}

.ba-modal-box img {
  margin: 20px auto;
}

.deposit-success-popup .ba-modal-box img {
  filter: brightness(0) saturate(100%) invert(85%) sepia(41%) saturate(2646%)
    hue-rotate(87deg) brightness(107%) contrast(92%);
}

.deposit-failuire-msg,
.ba-success-botTxt {
  font-weight: 500;
  font-size: var(--small-font);
  color: var(--secondary-color);
  text-align: center;
}

.ba-transaction-id {
  font-size: var(--small-font);
  text-align: center;
  font-weight: 600;
  margin-bottom: 5px;
  color: var(--primary-color);
}

.deposit-failuire-msg {
  color: var(--color-error) !important;
}

.desk.ig-tabs {
  display: none;
}

.ig-tabs .btn.ig-tab.ig-active span.btn-text {
  padding: 11px 0px 10px;
}

.mob-tg-tabs {
  display: none !important;
}

.ig-tabs .btn.ig-tab {
  white-space: nowrap;
  background: var(--primary-background);
  border: 1px solid #113c90;
  border-radius: 20px;
  padding: 2px 2px;
  width: 120px;
  margin-left: 21px;
  border-radius: 20px;
  text-transform: uppercase;
  position: relative;
}

.ig-tabs span.btn-text {
  font-weight: 700;
  font-size: var(--extra-small-font);
  color: var(--primary-color);
  font-style: italic;
  background: linear-gradient(
    28deg,
    rgba(10, 36, 89, 0.9) 0%,
    rgba(19, 64, 152, 0.9) 100%
  );
  letter-spacing: 1px;
  padding: 10px 0;
  width: 100%;
  display: block;
  border-radius: 20px;
  cursor: pointer;
  border: 1px solid #0c5ab8;
  transition: all 0.2s ease-in-out;
}

.ig-tabs span.btn-hover {
  height: 100%;
  width: 100%;
  background-image: url(/assets/images/button-hover-elem.svg);
  background-size: auto 100%;
  background-repeat: no-repeat;
  pointer-events: none;
  mix-blend-mode: overlay;
  transform: translate(-120%);
  transition: transform ease-out 0.3s;
  opacity: 0.4;
}

.ig-tabs .btn.ig-tab.ig-active {
  border-color: #9002ff;
}

.ig-tabs .btn.ig-tab.ig-active span.btn-text {
  background-image: url(/assets/images/register-btn-bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 25%;
  border: none;
}

/*|-|-|-| SEE ALL |-|-|-|*/

.ba-search-sort {
  display: flex;
  justify-content: center;
  margin-right: 10px;
}

.ba-sortBy label {
  font-size: var(--small-font);
  font-weight: 500;
  color: var(--secondary-color);
  display: block;
}

.ba-custom-select {
  display: flex;
  justify-content: space-between;
  background: var(--secondary-background);
  padding: 8px 10px;
  border-radius: 10px;
  width: 200px;
  cursor: pointer;
}

.ba-custom-select .ba-selected {
  font-size: var(--small-font);
  font-weight: 600;
  color: var(--primary-color);
}

.ba-custom-select i {
  padding: 6px;
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
  filter: invert(1);
}

.ba-high-low {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-right: 8px;
}

.ba-high-low .ba-up {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.ba-custom-select-dropdown {
  margin-top: 10px;
  width: 200px;
  height: 180px;
  background: var(--secondary-background);
  border-radius: 5px;
  padding: 10px;
  overflow-y: auto;
  position: absolute;
  z-index: 999;
  display: none;
  right: 5vw;
}

.ba-custom-select-dropdown .ba-select-options {
  display: flex;
  justify-content: center;
  border: 1px solid var(--secondary-color);
  border-radius: 5px;
  text-align: center;
  padding: 5px;
  width: 100%;
  color: var(--secondary-color);
  margin-bottom: 5px;
  cursor: pointer;
  font-weight: 600;
  font-size: var(--extra-small-font);
  position: relative;
  cursor: pointer;
}

.ba-select-options.ba-active {
  background: var(--primary-cta);
  color: var(--primary-color);
}

.ba-select-options.ba-active .ba-high-low i {
  -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%)
    saturate(7500%) hue-rotate(22deg) brightness(102%) contrast(108%);
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%)
    hue-rotate(22deg) brightness(102%) contrast(108%);
}

.ba-custom-select-dropdown .ba-select-options input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

/*|-|-| GAME-PLAY-PAGE |-|-|*/
.ba-gamePlay-box {
  padding: 20px 20px 10px;
  margin-top: 15px;
  border-radius: 20px;
  background: var(--secondary-background);
}

.ba-game-info {
  display: none;
  margin-bottom: 10px;
}

.ba-game-info .ba-providerName {
  font-size: var(--extra-small-font);
  color: var(--secondary-color);
  margin-bottom: 0;
  margin-right: 10px;
  text-transform: uppercase;
}

.ba-game-info .ba-gameName {
  font-size: var(--extra-medium-font);
  color: var(--primary-cta);
  font-weight: 500;
  margin-bottom: 0;
}

.ba-gamePlay-box iframe {
  background: var(--primary-color);
  border-radius: 0;
  width: calc(100vw - 250px) !important;
  position: fixed;
  right: 0;
  overflow: hidden;
  border: none;
  height: calc(100vh - 75px) !important;
  bottom: 0;
}

.ba-game-box-bot {
  display: none !important;
}

.ba-game-bot-right,
.ba-clap-box {
  display: flex;
  justify-content: space-between;
}

.ba-clap-box {
  width: 120px;
  margin-right: 40px;
}

.ba-clap-box p {
  margin: 0;
}

.ba-game-bot-right img {
  width: 30px;
  margin-right: 5px;
  cursor: pointer;
  transform: rotate(44deg);
  color: var(--primary-cta);
  filter: brightness(0) saturate(100%) invert(66%) sepia(60%) saturate(5338%)
    hue-rotate(119deg) brightness(97%) contrast(101%);
}

.ba-game-bot-right img:hover {
  filter: var(--primary-cta-filter);
}

/*|-|-|-| ACCOUNT-PAGE |-|-|-|*/

.ba-accountPages-container {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 5vh;
}

.ba-account-sideMenu {
  width: 30%;
  height: 90vh;
  overflow-y: auto;
  border: 2px solid var(--secondary-background);
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}

.ba-account-sideMenu .ba-account-menu {
  margin-top: 1rem;
}

.ba-account-sideMenu .ba-menu-divider {
  margin: 0 0 10px;
  width: 100%;
}

.ba-account-sideMenu .ba-logout-btn {
  display: block;
  width: 75% !important;
  margin: 0 auto;
  text-align: center;
  text-decoration: none;
}

.ba-wallet-user-box-right button.withdraw-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--primary-cta);
  text-decoration: none;
  font-size: var(--small-font);
  font-weight: 600;
  margin-top: 0px;
  white-space: nowrap;
  -webkit-mask: url(/assets/images/mask-left.svg) 0 0 no-repeat,
    url(/assets/images/mask-center.svg) 36px 0 repeat,
    url(/assets/images/mask-right.svg) right 0 no-repeat;
  mask: url(/assets/images/mask-left.svg) 0 0 no-repeat,
    url(/assets/images/mask-center.svg) 36px 0 repeat,
    url(/assets/images/mask-right.svg) right 0 no-repeat;
  backdrop-filter: invert(100%) sepia(0%) saturate(7487%) hue-rotate(126deg)
    brightness(108%) contrast(105%);
  background: linear-gradient(225deg, #1647a7 0%, #071c47 100%);
  border: 1px solid #113c90;
  padding: 0px 20px;
  position: relative;
  z-index: 1;
  border-radius: 100px;
  height: 48px;
}

.ba-accountMenu-head {
  display: block;
  padding: 20px;
}

.ba-account-main-header {
  display: flex;
  justify-content: space-between;
  padding: 0px;
  margin-bottom: 10px;
}

.ba-wallet-user-box-right .deposit-btn span.main-box,
.ba-wallet-user-box-right .withdraw-btn span.main-box {
  -webkit-mask: url(/assets/images/mask-left.svg) 0 0 no-repeat,
    url(/assets/images/mask-center.svg) 36px 0 repeat,
    url(/assets/images/mask-right.svg) right 0 no-repeat;
  mask: url(/assets/images/mask-left.svg) 0 0 no-repeat,
    url(/assets/images/mask-center.svg) 36px 0 repeat,
    url(/assets/images/mask-right.svg) right 0 no-repeat;
  backdrop-filter: invert(100%) sepia(0%) saturate(7487%) hue-rotate(126deg)
    brightness(108%) contrast(105%);
  background: url(/assets/images/primary-bg-anim.webp) repeat-x;
  background-size: cover;
  animation: animate-primary-bg linear 80s infinite;
  animation-fill-mode: forwards;
  z-index: 3;
  pointer-events: auto;
  animation-play-state: running;
  position: relative;
  padding: 0px 34px;
  height: 48px;
  display: flex;
  justify-content: center;
  border-radius: 100px;
}

.ba-wallet-user-box-right .withdraw-btn span.main-box:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 3px;
  left: 4px;
  width: 129px;
  height: 42px;
  border-radius: inherit;
  box-shadow: 0 0 0 2px #000a1f;
  border: 1px solid #0090ff59;
  pointer-events: none;
}

.ba-wallet-user-box-right .withdraw-btn span.main-box {
  padding: 0px 25px !important;
}

.ba-wallet-user-box-right .withdraw-btn span.btn-text {
  font-size: var(--small-font);
  padding-right: 2.8px;
  position: relative;
  color: var(--primary-color);
  text-transform: uppercase;
  font-style: italic;
  font-weight: 900;
  display: flex;
  align-items: center;
}

.ba-wallet-user-box-right .withdraw-btn span.btn-hover {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
  background-image: url(/assets/images/button-hover-elem.svg);
  background-size: auto 100%;
  background-repeat: no-repeat;
  pointer-events: none;
  mix-blend-mode: overlay;
  transform: translate(-120%);
  transition: transform ease-out 0.3s;
  opacity: 0.4;
}

.ba-wallet-user-box-right .deposit-btn:hover span.btn-hover {
  transform: translate(121%);
}

.ba-wallet-user-box-right .withdraw-btn:hover span.btn-hover {
  transform: translate(120%);
}

.ba-wallet-user-box-right .deposit-btn {
  border-radius: 100px;
  background: transparent;
  border: none;
}

.ba-wallet-user-box-right .deposit-btn span.main-box:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 3px;
  left: 3px;
  width: calc(100% - 3px * 2);
  height: calc(100% - 3px * 2);
  border-radius: inherit;
  box-shadow: 0 0 0 2px #000a1f;
  border: 1px solid #e0e5ff59;
  pointer-events: none;
}

.ba-wallet-user-box-right .deposit-btn span.btn-text {
  display: flex;
  font-size: var(--small-font);
  align-items: center;
  font-weight: 900;
  font-style: italic;
  color: var(--primary-color);
  text-transform: uppercase;
}

.ba-wallet-user-box-right .deposit-btn span.btn-hover {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 2;
  background-image: url(/assets/images/button-hover-elem.svg);
  background-size: auto 100%;
  background-repeat: no-repeat;
  pointer-events: none;
  mix-blend-mode: overlay;
  transform: translate(-121%);
  transition: transform ease-out 0.3s;
  opacity: 1;
}

.ba-account-main-header h1 {
  font-size: var(--extra-large-font);
  color: var(--primary-color);
  font-weight: 700;
  text-transform: capitalize;
}

.ba-account-main-header button {
  width: 150px;
  font-size: var(--small-font);
  padding: 10px;
  margin-right: 15px;
}

.ba-account-main-header a {
  display: block;
  background-color: var(--primary-background);
  color: var(--primary-color);
  text-decoration: none;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  border-radius: 50%;
  padding: 10px;
}

.ba-account-main-header a:hover {
  -webkit-box-shadow: 0 0 5px var(--primary-cta);
  box-shadow: 0 0 5px var(--primary-cta);
  border: 1px solid var(--primary-cta);
}

.ba-account-main-header a i {
  filter: var(--primary-cta-filter);
}

.ba-account-main {
  width: 70%;
  height: 90vh;
  overflow-y: auto;
  background: var(--secondary-background);
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  padding-bottom: 25px;
  padding: 0 20px;
  position: relative;
}

.ba-account-main::before,
.ba-account-main::after {
  content: "";
  position: sticky;
  z-index: 5;
  left: 0;
  display: block;
  width: 100%;
  height: 20px;
  background: var(--secondary-background);
}

.ba-account-main::before {
  top: 0;
}

.ba-account-main::after {
  bottom: -1px;
}

.ba-account-menu {
  padding-left: 16px;
}

.ba-account-menu .ba-icon-bg {
  width: 35px;
  height: 35px;
  background: linear-gradient(
    28deg,
    rgb(34 80 172 / 90%) 0%,
    rgb(4 30 79 / 90%) 100%
  );
}

.ba-account-menu-text {
  width: calc(100% - 35px);
}

.ba-account-menu-text span {
  display: block;
}

.ba-account-menu-text span:last-child {
  font-size: 16px;
  color: var(--primary-color);
}

.ba-account-sideMenu .ba-logout-btn,
.ba-account-menu li {
  list-style: none;
  width: 95%;
  border-radius: 5px;
  border: 0;
  padding: 10px;
}

.ba-account-menu li.ba-active {
  background: linear-gradient(
    28deg,
    rgb(34 80 172 / 90%) 0%,
    rgb(4 30 79 / 90%) 100%
  );
}

.ba-account-menu li.ba-active a .ba-icon-bg {
  background: var(--secondary-background);
}

.ba-account-menu li.ba-active a span {
  color: #fff;
}

.ba-account-menu li a .notification-bell-icon {
  padding: 15px;
}

.ba-account-menu li a {
  display: flex;
  align-items: center;
  text-decoration: none;
  font-weight: 500;
  font-size: var(--small-font);
  color: var(--primary-color);
}

.ba-account-main-content {
  padding: 15px 15px;
  background: #000a1f;
  border-radius: 10px;
}

.ba-account-main-content h4 {
  color: var(--primary-color);
}

.input[type="date"] {
  display: block;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
}

.ba-account-main-header-mobile {
  padding: 0 20px;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  display: none;
  z-index: 10;
  align-items: center;
  justify-content: space-between;
  background: var(--secondary-background);
}

.show-account-sideMenu {
  filter: invert(1);
}

.ba-account-main-header-mobile h1 {
  text-transform: capitalize;
  font-size: var(--medium-font);
  font-weight: 600;
  text-align: center;
  margin: 0;
  color: var(--primary-color);
}

.ba-account-main-header-mobile .leftArooow-icon {
  padding: 8px 15px;
}

.ba-account-main-header-mobile a {
  width: 40px;
  height: 40px;
}

.ba-account-main-header-mobile a .home-icon {
  filter: brightness(0) saturate(100%) invert(100%) sepia(2%) saturate(4363%)
    hue-rotate(139deg) brightness(104%) contrast(110%);
}

.ba-account-sideMenu-mobile {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  overflow-y: auto;
  padding: 0 20px;
  z-index: 999;
  background: var(--primary-background);
  transition: 0.5s;
}

.ba-account-sideMenu-mobile .ba-account-menu {
  padding: 0;
  margin-top: 20px;
}

.ba-account-sideMenu-mobile .ba-account-menu li {
  display: flex;
  justify-content: space-between;
  border-radius: 10px;
  padding: 10px 20px;
  background: var(--secondary-background);
  margin-bottom: 15px;
  width: 100%;
}

.ba-account-sideMenu-mobile .ba-account-menu li:first-child {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.ba-account-sideMenu-mobile .ba-account-menu li a {
  font-size: var(--extra-medium-font);
  width: 100%;
  justify-content: center;
}

.ba-mobile-li {
  flex-direction: column;
  align-items: flex-start !important;
  border-top-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  margin-top: -15px !important;
}

.ba-mobile-li .ba-activeBalance {
  font-size: var(--medium-font) !important;
  margin-bottom: 10px;
}

.ba-mobile-li .ba-wallet-user-box-right {
  justify-content: space-between;
}

.ba-mobile-li .ba-wallet-user-box-right button {
  width: 47.5% !important;
}

.close-account-sideMenu {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  background-color: var(--secondary-background);
  position: absolute;
  top: 5px;
  right: 5px;
}

.close-account-sideMenu i {
  filter: var(--primary-cta-filter);
}

.ba-account-sideMenu-mobile-hide {
  width: 0;
  padding: 0;
  overflow: hidden;
  transition: 0.5s;
}

/*|-| PROFILE-PAGE |-|*/

.ba-account-main-content .ba-input-box {
  margin-bottom: 15px;
}

.ba-account-main-content .ba-input-box label {
  font-size: var(--extra-medium-font);
}

.ba-account-main-content .ba-input-box input,
.ba-account-main-content .ba-input-box select {
  font-size: var(--extra-medium-font);
  color: var(--primary-color);
  font-weight: 500;
  border: 1.5px solid var(--secondary-color);
  letter-spacing: 1.2px;
}

.ba-account-main-content .ba-input-box input {
  padding: 10px 15px !important;
}

.ba-account-main-content .ba-input-box select {
  padding: 0;
}

.ba-account-main-content .ba-input-box input:disabled,
.ba-account-main-content .ba-input-box select:disabled {
  color: rgba(255, 255, 255, 0.8);
}

.ba-account-phnNmbr,
.ba-select-document {
  display: flex;
  justify-content: space-between;
}

.ba-account-phnNmbr .ba-input-box select {
  width: 100%;
  background: none;
  outline: none;
  cursor: pointer;
  border: 0;
}

.ba-account-phnNmbr .ba-input-box:first-child {
  width: 35%;
  margin-right: 5%;
}

.ba-account-phnNmbr .ba-input-box:last-child {
  width: 60%;
}

/*|-| VERIFICATION-PAGE |-|*/

.ba-select-document .ba-primary-btn {
  padding: 10px;
  background-image: url(/assets/images/register-btn-bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 25%;
  transition: background-position 0.5s ease;
  color: var(--primary-color);
  border: none;
  width: 300px;
  font-size: var(--extra-medium-font);
  opacity: 0.7;
}

.ba-select-document .ba-primary-btn.ba-active {
  opacity: 1;
}

.ba-document {
  background: var(--secondary-background);
  border: 1px dotted #6621e4;
  border-radius: 10px;
  position: relative;
  height: 200px;
  width: 300px;
  padding: 20px;
}

.ba-document input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.ba-document .ba-uploaded-file {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

.ba-document-heading {
  color: var(--primary-color);
  margin: 20px 0 10px;
  font-weight: 600;
  font-size: var(--extra-medium-font);
}

.ba-document-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.ba-document-info .upload-icon {
  padding: 30px;
  filter: brightness(0) saturate(100%) invert(13%) sepia(98%) saturate(7491%)
    hue-rotate(266deg) brightness(92%) contrast(93%);
}

.ba-upload-document {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-top: 30px;
}

.ba-document-info .ba-drag-drop-txt {
  font-size: var(--medium-font);
  font-weight: 600;
}

.ba-document-info p {
  font-size: var(--small-font);
  font-weight: 500;
  margin-bottom: 5px;
  text-align: center;
  color: var(--secondary-color);
}

.ba-document-info p:last-child {
  font-size: var(--extra-small-font) !important;
  position: relative;
  bottom: 0;
}

/*|-| WALLET-PAGE |-|*/

.ba-wallet-user-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
}

.ba-wallet-user {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background: var(--primary-background);
}

.ba-user-profile .ba-wallet-user {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border: 1px solid #0c5ab8;
  background: linear-gradient(
    28deg,
    rgba(10, 36, 89, 0.9) 0%,
    rgba(19, 64, 152, 0.9) 100%
  );
}

.ba-userImg-upload {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  padding: 5px;
  position: absolute;
  background: var(--secondary-color);
  display: flex;
  align-items: center;
  justify-content: center;
  left: 38px;
  top: 33px;
  cursor: pointer;
}

.ba-userImg-upload i {
  padding: 8px;
}

.ba-wallet-user input {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  opacity: 0;
  cursor: pointer;
}

.ba-wallet-user .ba-user-img {
  width: 80%;
  height: 80%;
  border-radius: 50%;
}

.ba-user-name {
  font-size: var(--medium-font);
  font-weight: 700;
  color: var(--primary-color);
  margin-left: 15px;
  margin-bottom: 0;
  width: 220px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.ba-wallet-user-box-right,
.ba-wallet-user-box-left {
  display: flex;
  justify-content: center;
}

.ba-wallet-user-box-right .ba-primary-btn {
  background: none;
  border: 1px solid var(--primary-cta);
  color: var(--primary-cta);
}

.ba-wallet-balances {
  display: flex;
  width: 100%;
  position: relative;
}

.ba-wallet-slider {
  display: flex;
  align-items: flex-start;
  overflow-x: auto;
  min-height: 185px;
}

.ba-balances {
  padding: 15px 20px;
  border-radius: 10px;
  min-height: 110px;
  width: 200px;
  min-width: 200px;
  background: var(--primary-background);
  margin-right: 10px;
  position: relative;
  border: 2px solid var(--primary-cta) !important;
}

.ba-balances-heading {
  font-size: var(--small-font);
  margin-bottom: 5px;
  font-weight: 500;
  color: var(--primary-color);
}

.ba-balance-amount {
  color: var(--primary-color);
  font-size: var(--extra-medium-font);
  font-weight: 500;
}

.ba-balances.ba-active {
  background: var(--primary-cta) !important;
}

.ba-balances.ba-active p {
  color: var(--color-dark);
}

.ba-balances.ba-active .ba-balance-amount {
  font-weight: 700;
}

.ba-account-main-content .ba-menu-divider {
  margin-top: 0px;
  margin-bottom: 0px;
  width: 100%;
}

.ba-table-container {
  width: 100%;
  overflow-x: auto;
}

.ba-table-container::-webkit-scrollbar {
  width: 0.4rem;
  height: 0.3rem;
  background: var(--theme-table-background-color);
  border-radius: 10px;
}

.ba-table-container::-webkit-scrollbar-thumb {
  width: 0.4rem;
  height: 0.3rem;
  background: var(--primary-cta);
  border-radius: 10px;
}

.ba-transaction-container h4 {
  font-size: var(--medium-font);
  font-weight: 600;
  color: var(--primary-color);
}

.ba-table {
  border-collapse: collapse;
  width: 100%;
  border: 2px solid var(--primary-background);
}

.ba-table thead {
  width: 100%;
}

.ba-table th {
  font-size: var(--small-font);
  font-weight: 600;
  white-space: nowrap;
}

.ba-table td {
  font-weight: 500;
  font-size: var(--extra-small-font);
}

.ba-table tr:nth-child(even) {
  background: var(--secondary-background);
}

.ba-table td,
.ba-table th {
  color: var(--secondary-color);
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: var(--secondary-background);
}

/*|-|-|-| ACCORDION-PAGE |-|-|-|*/

.ba-accordion {
  margin-bottom: 15px;
  background: var(--secondary-background);
  border-radius: 5px;
  border: 2px solid var(--primary-cta) !important;
  border-radius: 5px !important;
}

.ba-accordion .accordion-button {
  box-shadow: none !important;
  outline: none !important;
  background: var(--secondary-background);
  border-radius: 5px !important;
  color: var(--primary-cta);
  font-weight: 600;
}

.ba-accordion .accordion-button::after {
  filter: var(--primary-cta-filter);
}

.accordion-body {
  border-top: 2px solid var(--primary-cta);
  font-size: var(--small-font);
  font-weight: 500;
  color: var(--primary-color);
}

.accordion-body * {
  font-size: var(--small-font);
  font-weight: 500;
  color: var(--primary-color);
}

.accordion-body a {
  color: var(--primary-cta);
}

/*|-|-|-| HOW IT'S WORK |-|-|-|*/

.how-it-works {
  margin-top: 40px;
}

.pw-how-it-work {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 30px 10px 10px;
  background: linear-gradient(
    90deg,
    var(--secondary-background) 7.29%,
    var(--primary-cta) 52.6%,
    var(--secondary-background) 100%
  );
}

.pw-how-it-work img {
  position: absolute;
  left: 50%;
  top: -30px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.pw-how-it-work h4 {
  color: var(--secondary-background);
  font-weight: 700;
  font-size: var(--extra-medium-font);
  margin: 15px 0 10px;
  text-align: center;
}

.pw-how-it-work p {
  color: var(--secondary-background);
  font-weight: 600;
  font-size: var(--small-font);
  text-align: center;
  width: 90%;
}

/*|-|-|-| HOW IT'S WORK SLIDER |-|-|-|*/

.how-it-works-slider {
  margin-top: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.how-it-works-slider .carousel-inner {
  overflow: visible;
  width: 414px;
}

.how-it-works-slider .carousel-inner .carousel-item {
  width: 100%;
}

.how-it-works-slider .carousel-indicators {
  position: static;
  margin-top: 8px;
}

.how-it-works-slider .carousel-indicators button {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--primary-cta);
  border: 0;
}

.how-it-works-slider .carousel-indicators .active {
  width: 50px;
  border-radius: 15px;
}

/*|-|-|-| SIGN-UP-BONUS |-|-|-|*/

.registerAndWin {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--primary-background);
  border-radius: 10px;
  padding: 20px 40px;
}

.registerAndWinContent {
  flex-direction: column;
}

.registerAndWinContent,
.registerAndWinImg {
  width: 50%;
  height: 100%;
  display: flex;
  justify-content: center;
}

.registerAndWinImg {
  align-items: center;
}

.registerAndWinImg img {
  width: 200px;
  height: 216px;
}

.registerAndWinContent h4 {
  font-size: var(--extra-large-font);
  line-height: 36px;
  color: var(--primary-color);
  font-weight: 600;
}

.registerAndWinContent h4 span {
  color: var(--primary-cta);
  font-weight: 700;
}

.registerAndWinContent p {
  font-size: var(--extra-medium-font);
  width: 100%;
  color: var(--secondary-color);
}

.registerAndWinContent a {
  width: 80%;
  font-size: var(--extra-medium-font);
  padding: 10px;
  border-radius: 8px;
  text-align: center;
}

/*|-|-|-| SPORTS-CASINO |-|-|-|*/

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

.sportsAndCasino-left,
.sportsAndCasino-right {
  width: 49%;
  border-radius: 5px;
}

.sportsAndCasino-left img,
.sportsAndCasino-right img {
  width: 100%;
  max-width: 600px;
  max-height: 260px;
}

.sportsAndCasino-left {
  box-shadow: 0 0 10px var(--theme-sportscasino-left-color);
  background: linear-gradient(
    to bottom,
    var(--theme-sportscasino-left-color),
    #1c1e22 65%
  );
}

.sportsAndCasino-right {
  box-shadow: 0 0 10px var(--theme-sportscasino-right-color);
  background: linear-gradient(
    to bottom,
    var(--theme-sportscasino-right-color),
    #1c1e22 65%
  );
}

.sportsandCasino-content {
  padding: 20px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.sportsandCasino-content h4 {
  font-size: var(--large-font);
  width: 100%;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--primary-color);
}

.sportsandCasino-content h4 i {
  margin-right: 10px;
}

.sportsandCasino-content p {
  font-size: var(--small-font);
  color: var(--secondary-color);
}

.sportsandCasino-content a {
  width: 95%;
  text-decoration: none;
  text-align: center;
  color: var(--primary-color);
  border-radius: 5px;
  font-weight: 600;
  padding: 10px;
}

.sportsAndCasino-left .sportsandCasino-content a {
  box-shadow: 0 0 10px var(--theme-sportscasino-left-color);
  background: linear-gradient(
    to right,
    var(--primary-cta) var(--theme-sportscasino-left-color) 65%
  );
}

.sportsAndCasino-right .sportsandCasino-content a {
  box-shadow: 0 0 10px var(--theme-sportscasino-right-color);
  background: linear-gradient(
    to right,
    var(--primary-cta),
    var(--theme-sportscasino-right-color) 65%
  );
}

/* |-|-|-| TOP-PROVIDERS |-|-|-| */

.top-providers-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  background: var(--primary-background);
  border-radius: 10px;
  padding: 20px 20px 20px 40px;
}

.top-providers-left {
  width: 30%;
}

.top-providers-left h4 {
  font-size: var(--large-font);
  font-weight: 700;
  color: var(--primary-color);
  text-align: center;
  width: 90%;
}

.top-providers-left p {
  font-size: var(--small-font);
  color: var(--primary-cta);
  width: 90%;
  text-align: center;
}

.top-providers-right {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 70%;
}

.top-providers-right img {
  min-width: 85px;
  height: 30px;
  margin-right: 25px;
  margin-bottom: 15px;
}

/* |-|-|-| USERS-ACTIVITY |-|-|-| */

.users-live-activity {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  padding: 20px;
  background: var(--primary-background);
}

.users-live-activity-nav {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  margin-bottom: 25px;
}

.activity-nav-item {
  min-width: 130px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--primary-cta);
  border: 2px solid var(--primary-cta);
  font-size: var(--extra-small-font);
  cursor: pointer;
  font-weight: 600;
}

.activity-nav-item:nth-child(2) {
  border-left: 0;
  border-right: 0;
}

.activity-nav-item.active-nav {
  font-weight: 700;
  color: var(--color-dark);
  background: var(--primary-cta);
}

.activity-content div {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  display: none;
}

.activity-content .active-activity {
  display: block;
}

.activity-content table,
.activity-content {
  width: 100%;
}

.activity-content table tr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--primary-background);
  height: 35px;
}

.activity-content table th {
  font-size: var(--small-font);
  font-weight: 600;
  width: 20%;
  text-align: center;
  color: var(--secondary-color);
}

.activity-content table td:first-child,
.activity-content table th:first-child {
  text-align: left;
}

.activity-content table td:nth-child(2),
.activity-content table td:nth-child(3) {
  color: var(--primary-color);
  font-weight: 600;
}

.activity-content table td:last-child,
.activity-content table th:last-child {
  text-align: right;
}

.activity-content table td {
  font-size: var(--extra-small-font);
  font-weight: 500;
  color: var(--secondary-color);
  width: 20%;
  text-align: center;
  white-space: nowrap;
}

.activity-content table td .ba-icon-style {
  padding: 7px;
  margin-right: 3px;
}

/* |-|-|-|-| LIMITED-OFFER |-|-|-|-| */

.limited-offer-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: rgb(11 245 145 / 15%);
  z-index: 9999999;
  display: none;
  align-items: center;
  justify-content: center;
}

.limited-offer-container {
  position: relative;
  max-width: 700px;
}

.close-limited-offer {
  position: absolute;
  right: 2px;
  top: 2px;
}

.breadcrumb {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background-color: var(--component-background-color);
  padding: 1rem;
  margin-top: 4rem !important;
}

.breadcrumb_txt {
  color: var(--theme-font-color);
  font-weight: 600;
  font-size: var(--extra-medium-font);
}

.breadcrumb {
  display: none;
}

/*------ payment history starts from here -----*/

ul.wd-sub-tab {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  list-style: none;
  padding: 0;
  margin: 0 0 25px 0;
}

ul.wd-sub-tab li {
  flex-basis: 12%;
  color: white;
  padding: 10px 0px;
  font-size: var(--small-font);
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
  text-align: center;
  cursor: pointer;
  font-family: Urbanist !important;
  margin-right: 20px;
}

ul.wd-sub-tab li.btn-active {
  color: var(--primary-cta);
  border-bottom: 2px solid var(--primary-cta);
}

ul.wd-sub-tab li:hover {
  color: var(--primary-cta);
}

.wd-tab-contents thead tr {
  background: var(--theme-table-head-background);
  border-bottom: 1px solid var(--primary-background);
}

.wd-tab-contents thead tr th {
  color: var(--theme-table-color);
  font-size: var(--extra-small-font);
  font-weight: 500;
  line-height: 18px;
  text-transform: capitalize;
}

tr.game-tables {
  background: var(--primary-background);
  border-bottom: 2px solid var(--primary-background);
}

tr.game-tables th {
  color: var(--primary-color);
  font-size: var(--extra-small-font) !important;
  font-weight: 500 !important;
  line-height: 18px;
  text-transform: capitalize;
}

table.table.ba-table {
  padding: 0px 15px !important;
}

#transaction_tbl td {
  color: var(--primary-color);
  font-size: var(--extra-small-font);
  font-weight: 500;
  line-height: 20px;
  border-bottom: 2px solid var(--primary-background);
}

#deposit-success-popup button.btn.ba-back-btn,
#deposit-failure-popup button.btn.ba-back-btn {
  -webkit-box-shadow: 0 0 5px var(--primary-cta) !important;
  box-shadow: 0 0 5px var(--primary-cta) !important;
  border: 1px solid var(--primary-cta);
}

#withdrawlsuccess .payment-status-modal-child button.btn.ba-back-btn,
#withdrawfail .payment-status-modal-child button.btn.ba-back-btn {
  position: absolute;
  right: 5px;
  top: 5px;
  background: var(--secondary-background);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-box-shadow: 0 0 5px var(--primary-cta) !important;
  box-shadow: 0 0 5px var(--primary-cta) !important;
  border: 1px solid var(--primary-cta);
}

#withdrawlsuccess .payment-status-modal-child button.btn.ba-back-btn i {
  filter: var(--primary-cta-filter);
}

#withdrawfail .payment-status-modal-child span {
  text-align: center;
  margin-left: 0;
}

#withdrawfail .payment-status-modal-child {
  text-align: center;
}

button#retry {
  display: block;
  width: 100%;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}

#withdrawfail .payment-status-modal-child button.btn.ba-back-btn {
  filter: var(--primary-cta-filter) !important;
  background: none !important;
}

tbody#deposit_transaction_tbl td {
  color: var(--theme-table-color) !important;
  font-size: var(--extra-small-font);
  font-weight: 500;
  line-height: 20px;
  border-bottom: 2px solid var(--primary-background);
}

.wd-tab-contents {
  overflow: auto;
  padding-bottom: 2rem;
}

.wd-tab-contents::-webkit-scrollbar {
  width: 0.4rem;
  height: 0.3rem;
  background: var(--theme-table-background-color);
  border-radius: 10px;
}

.wd-tab-contents::-webkit-scrollbar-thumb {
  width: 0.4rem;
  height: 0.3rem;
  background: var(--primary-cta);
  border-radius: 10px;
}

.ba-account-main-header.close-style a {
  display: none;
}

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

.pagination .page-link {
  margin: 0 15px;
  padding: 5px 0px;
  font-weight: 500;
  background: none;
  border: 2px solid var(--primary-cta);
  color: var(--primary-cta);
  width: 100px;
  font-size: var(--small-font);
  border-radius: 25px;
  cursor: pointer;
}

.pagination .page-link:hover {
  background: var(--primary-cta);
  color: #000;
  font-weight: 600;
}

tbody#withdraw_transaction_tbl td {
  font-size: var(--small-font);
  color: var(--theme-table-color) !important;
}

.wd-tab-contents table.table.table-striped.custom-data-table {
  margin-bottom: 30px;
}

.payment-status-modal-child .inputBox h2,
.payment-status-modal-child h3 {
  color: var(--theme-table-background-color);
  font-size: var(--small-font);
}

.ba-balances .tool-tip-box {
  width: 97%;
  bottom: 5%;
  left: 0;
  position: absolute;
}

.ba-balances .tool-tip-box .i_tooltip {
  filter: brightness(0) saturate(100%) invert(97%) sepia(7%) saturate(31%)
    hue-rotate(224deg) brightness(108%) contrast(100%);
  width: 20px;
  height: 20px;
  position: absolute;
  top: 90%;
  left: 100%;
  transform: translate(-100%, -90%);
  cursor: pointer;
}

.ba-balances.ba-active .tool-tip-box .i_tooltip {
  filter: brightness(0) saturate(100%) invert(14%) sepia(55%) saturate(6%)
    hue-rotate(314deg) brightness(92%) contrast(94%);
}

.tool-tip {
  display: none;
  background-color: var(--primary-color);
  width: 180px;
  height: auto;
  padding: 0.5rem;
  border-radius: 5px;
  z-index: 5;
  position: absolute;
  left: 100%;
  top: 100%;
  transform: translateX(-100%);
  margin-top: 0.5rem;
}

.tool-tip-box .tool-tip p {
  color: var(--color-dark) !important;
  font-size: 9px;
  text-align: left;
  line-height: normal;
  margin-bottom: 0;
}

.tool-tip-box .i_tooltip:hover + .tool-tip,
.tool-tip:hover {
  display: block;
}

.depo-tool-icon.i_tooltip {
  top: 100%;
  transform: translate(-100%, -170%);
}

.upi-sample {
  height: 100%;
  width: 220px;
}

.manual-payment .games_box {
  width: 100%;
  display: flex;
  align-items: flex-start;
  overflow-x: auto;
}

.manual-payment .inputBox.manualBox,
.upi-payment .inputBox.manualBox {
  margin: 1rem 0;
  user-select: none;
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
}

.deposit_page #Apply_promoCode i.i_back {
  -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%)
    saturate(7500%) hue-rotate(50deg) brightness(108%) contrast(104%) !important;
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%)
    hue-rotate(50deg) brightness(108%) contrast(104%) !important;
}

.account_page .tooltip-text {
  display: none;
  background-color: var(--primary-cta);
  width: 195px;
  height: auto;
  padding: 0.5rem;
  border-radius: 5px;
  z-index: 5;
  position: absolute;
  left: 100%;
  top: 100%;
  transform: translate(-19%, -8%);
  margin-top: 0;
}

.tooltip-text p {
  color: #000;
  margin-bottom: 7px;
  line-height: 14px;
}

.sucess-badge {
  display: inline-block;
  padding: 0.3rem 1rem;
  font-size: 0.75em;
  border-radius: 20px;
  background: var(--primary-cta);
  color: var(--primary-background);
  font-weight: 800;
  cursor: pointer;
  -webkit-animation: 1.25s infinite ba-pulse;
  animation: 2.25s infinite ba-pulse;
}

.modal-footer button#ok_button {
  background: #dc3545 !important;
}

.payment_status_top h1.bb-success-title {
  color: var(--primary-cta) !important;
}

.payment_status_top h1.bb-success-title,
.payment_status_top h1.bb-failure-title {
  color: var(--color-error);
  text-align: center;
  font-size: var(--extra-large-font);
  margin-left: 20px;
}

.payment_status_top {
  margin-top: 60px;
}

.payment_status i.i_failed {
  margin: 0 auto;
  width: 100px;
  display: block;
  height: 100px;
}

table.bd-transaction-box td:nth-child(2n + 2) {
  text-align: right;
}

.payment_status i.i_success {
  width: 100px;
  display: block;
  height: 100px;
  margin: 0 auto;
}

.bd-transaction-contents {
  margin-top: 60px;
}

table.bd-transaction-box {
  margin: 0px 15px;
  width: 96%;
}

table.bd-transaction-box td {
  color: var(--primary-color);
  line-height: 35px;
}

table.bd-transaction-box tr:nth-child(even) {
  background-color: inherit !important;
}

.account_page .container-wd.custom-data-table-container {
  overflow: auto;
  padding-bottom: 2rem;
  margin-top: 8px !important;
}

.account_page .container-wd.custom-data-table-container::-webkit-scrollbar {
  width: 0.4rem;
  height: 0.3rem;
  border-radius: 10px;
}

.account_page
  .container-wd.custom-data-table-container::-webkit-scrollbar-thumb {
  width: 0.4rem;
  height: 0.3rem;
  background: var(--primary-cta);
  border-radius: 10px;
}

.depo-tool-icon.i_tooltip:hover + .tooltip-text,
.account_page .tooltip-text:hover {
  display: block;
}

.depo-tool-icon.i_tooltip {
  width: 0.2rem;
  height: 0.2rem;
  padding: 0.4rem;
  cursor: pointer;
  position: absolute;
  top: 90%;
  left: 83%;
  transform: translate(-100%, -157%);
}

.account_page td {
  position: relative;
}

.ba-promo .ba-promo-content.bd-content {
  margin-bottom: 23px;
  color: var(--primary-color);
}

.ba-transaction-container thead tr {
  background: var(--primary-background);
  border-bottom: 1px solid var(--primary-background);
}

.ba-transaction-container thead tr th {
  color: var(--primary-color);
  font-size: var(--extra-small-font);
  font-weight: 500;
  line-height: 18px;
  white-space: nowrap;
  text-transform: capitalize;
}

/*------ iframe starts from here -------- */

.iframe-game-fullscreen {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw !important;
  height: 94vh !important;
  z-index: 9999;
}

.iframe-game-fullscreen {
  height: 100vh !important;
}

.iframe-background::before {
  content: "";
  background: var(--black-color);
  position: fixed;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  z-index: 999;
}

.closeFullscreen-toggle {
  display: flex;
}

/*-------- iframe ends here --------- */

/*---- promotion starts from here -----*/

.pw-promo-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}

.pw-promo-modal .pw-promotion {
  padding: 0;
  width: 600px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  background: var(--secondary-background);
  border-radius: 10px;
}

.pw-promo-modal button.pw-hide-promo {
  border: none;
  background: var(--primary-cta);
  outline: 0;
  position: absolute;
  right: 0;
  top: 0px;
  width: 35px;
  height: 35px;
  z-index: 5;
  border-radius: 50%;
}

.pw-promo-modal .pw-promo-top {
  width: 100%;
  height: auto;
  max-height: 400px;
  margin-bottom: 0;
  position: relative;
}

.pw-promo-modal .pw-promo-top img {
  width: 100%;
  height: auto !important;
  max-height: 400px;
  border-radius: 10px 10px 0 0;
}

.pw-promo-modal .promo_category {
  display: none;
}

.pw-promo-modal .pw-promo-bot {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 10px;
}

.pw-promo-modal .pw-promoContent {
  height: 30vh;
  padding: 0 15px;
  overflow-y: auto;
  scrollbar-color: var(--tertiary-background) var(--primary-scroll);
  scrollbar-width: thin;
}

.pw-promo-modal .pw-promo-title {
  color: var(--primary-color);
  font-size: var(--extra-medium-font);
  text-align: center;
  margin-bottom: 15px;
  font-weight: 600;
}

.pw-promo-modal .pw-promo-myNotes.pw-aligns,
.pw-promo-modal .pw-promo-descriptions {
  color: var(--primary-color);
  font-size: var(--small-font);
  font-weight: 400;
  text-align: left;
  line-height: 20px;
}

.pw-promo-modal a.pw-depositNow-btn {
  text-decoration: none;
  display: block;
  padding: 10px;
  width: 60%;
  margin: 10px auto 0;
  font-weight: 700;
  color: var(--dark-color) !important;
  background-color: var(--primary-cta);
  border: 1px solid var(--primary-cta);
  border-radius: 8px;
  text-transform: capitalize;
  text-align: center;
  margin-bottom: 30px;
}

.pw-promo-modal .pw-promoContent::-webkit-scrollbar {
  width: 5px;
  background: var(--theme-scrollbar-color);
  border-radius: 10px;
}

.pw-promo-modal .pw-promoContent::-webkit-scrollbar-thumb {
  width: 5px;
  background: var(--primary-cta);
  border-radius: 10px;
}

.pw-promo-modal button.pw-hide-promo:hover,
.pw-promo-modal a.pw-depositNow-btn:hover {
  -webkit-box-shadow: -1px 0px 41px -3px rgba(31, 232, 138, 1);
  -moz-box-shadow: -1px 0px 41px -3px rgba(31, 232, 138, 1);
  box-shadow: -1px 0px 41px -3px rgba(31, 232, 138, 1);
}

.promo-flex {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
  margin-bottom: 20px;
}

.promo-flex .promo-left {
  flex-basis: 40%;
  background: var(--secondary-background);
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  padding: 52px;
}

.promo-flex .promo-right {
  flex-basis: 60%;
  background-color: var(--primary-cta);
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.promo-banner-content h2 {
  font-size: var(--title-font);
  font-style: normal;
  font-weight: 600;
  line-height: 35px;
  color: var(--primary-color);
}

.promo-banner-content p {
  color: var(--primary-color);
  font-size: var(--medium-font);
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  margin-top: 13px;
}

.button-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 320px;
}

.button-flex .left-cta {
  background-color: var(--primary-color);
  padding: 4px 38px;
  border-radius: 8px;
  border: 3px solid rgba(245, 245, 245, 0);
  cursor: pointer;
  width: 150px;
}

.button-flex .left-cta a {
  color: var(--secondary-background);
  text-decoration: none;
  font-size: var(--small-font);
  font-style: normal;
  font-weight: 700;
  line-height: 0;
}

.promo-banner-content {
  margin-bottom: 70px;
}

.button-flex .right-cta {
  background-color: var(--primary-cta);
  padding: 7px 21px;
  border-radius: 8px;
  cursor: pointer;
  text-align: center;
  width: 150px;
  max-width: 150px;
}

.button-flex .right-cta a {
  text-decoration: none;
  font-size: var(--small-font);
  font-style: normal;
  font-weight: 700;
  line-height: 0;
  color: var(--primary-background);
}

.promo-flex-boxes {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
}

.promo-flex-boxes .promotions {
  display: block;
  flex-basis: 33.33%;
  min-height: 374px;
  max-height: 374px;
  margin: 0 !important;
  padding: 0px 15px;
}

.top-img-box {
  width: 100%;
}

.top-img-box .ba-promo-banner {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  max-height: 255px;
  background-color: var(--primary-cta);
}

.top-img-box .ba-promo-banner img {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.bottom-text-box {
  width: 100%;
  border-radius: 0px 0px 8px 8px;
  max-height: 150px;
  min-height: 150px;
  padding: 0 16px 16px;
  background-color: #031538;
  transition: background-color 0.3s;
  position: relative;
}

.bottom-text-box:before,
.promotion-detail-box h1:before {
  content: "";
  position: absolute;
  inset: 0;
  background: url(/assets/images/promo-bg-pattern.svg) no-repeat top center;
  background-size: 105% 115%;
  pointer-events: none;
}

.promotion-detail-box h1 {
  text-align: left;
  min-height: 50px;
  padding: 16px 16px 16px;
  position: relative;
  margin-bottom: 0;
  font-size: 24px;
  background-color: #031538;
}

.promotion-detail-box h1:after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  top: 1px;
  left: 0;
  right: 0;
  height: 30px;
  background: url(/assets/images/promo-plate-shape.svg) no-repeat bottom center,
    url(/assets/images/promo-plate-mask.svg) no-repeat bottom center;
  background-size: 100%;
  transform: translateY(-100%);
}

.promotion-detail-box .deatil-top a.ba-promo-banner {
  background-color: #0c317a;
  height: 450px;
}

.promotion-detail-box .deatil-top a.ba-promo-banner img#promo-banner {
  height: 450px;
}

.bg-shapes {
  position: absolute;
  left: 0;
  right: 0;
  height: 34px;
  transform: translateY(-33px);
}

.bg-shapes:before,
.bg-shapes:after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.bg-shapes:before {
  background-color: #031538;
  -webkit-mask: url(/assets/images/promo-plate-mask.svg);
  mask: url(/assets/images/promo-plate-mask.svg);
  -webkit-mask-size: 100%;
  mask-size: 100%;
  transition: background-color 0.3s;
}

.bg-shapes:after {
  background: url(/assets/images/promo-plate-shape.svg) no-repeat bottom center;
  background-size: 100%;
}

.promo-columns {
  height: 355px;
  max-height: 380px;
  min-height: 355px;
  overflow: hidden;
  position: relative;
  border: 1px solid #0c317a;
  margin: 4px;
  box-shadow: 0 0 0 3px #000a1f, 0 0 0 4px #0c317a;
  transition: opacity 0.3s ease-in-out 0s;
  border-radius: 15px;
  padding: 0;
}

.ba-promo-readMore span.btn-hover {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
  background-image: url(/assets/images/button-hover-elem.svg);
  background-size: auto 100%;
  background-repeat: no-repeat;
  pointer-events: none;
  mix-blend-mode: overlay;
  transform: translate(-120%);
  transition: transform ease-out 0.3s;
  opacity: 0.4;
}

.ba-promo-readMore:hover span.btn-hover {
  transform: translate(120%);
}

.promo-columns:hover {
  border: 1px solid #215dd4;
  box-shadow: 0 0 0 3px #000a1f, 0 0 0 4px #215dd4;
}

.promo-columns:hover a.ba-promo-banner img {
  transform: scale(1.1);
  transition: transform 0.3s;
}

.promo-columns:hover .ms-1 {
  animation: animation-ltr-moving 0.7s linear infinite alternate;
}

@keyframes animation-ltr-moving {
  0%,
  to {
    transform: translate(0);
  }

  50% {
    transform: translate(5px);
  }
}

.bottom-text-box .ba-promo-content::-webkit-scrollbar {
  width: 5px;
  background: var(--theme-scrollbar-color);
  border-radius: 10px;
}

.bottom-text-box .ba-promo-content::-webkit-scrollbar-thumb {
  width: 5px;
  background: var(--primary-cta);
  border-radius: 10px;
}

.promo-flex .promo-right img {
  width: 100%;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  height: 100%;
  object-fit: cover;
}

.ba-promotion-container .promo-details {
  color: var(--primary-color);
  font-size: var(--medium-font);
  font-style: normal;
  font-weight: 700;
  line-height: 53px;
}

.ba-promotion-container .promo-details .leftArooow-icon {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%)
    hue-rotate(206deg) brightness(102%) contrast(105%);
}

.ba-promotion-container .ba-promo {
  max-width: 100%;
  margin-bottom: 120px !important;
}

.ba-promotion-container .ba-promo .ba-promo-banner {
  background-color: var(--primary-cta);
  border-radius: 8px;
}

.ba-promo .ba-promo-content .top-content-sec h1 {
  font-size: var(--title-font);
  font-weight: 600;
  line-height: 35px;
  color: var(--primary-color);
}

.top-content-sec {
  margin-bottom: 0px;
}

.top-content-sec p {
  margin-bottom: 0;
  color: rgba(255, 255, 255, 0.7) !important;
  font-size: var(--small-font) !important;
  font-weight: 400;
  line-height: 30px;
}

.detail-list-items p {
  margin-bottom: 0;
  font-size: var(--small-font) !important;
  font-weight: 400;
  line-height: 40px;
  color: var(--primary-color) !important;
}

.detail-list-items li {
  margin-bottom: 0;
  color: rgba(255, 255, 255, 0.7) !important;
  font-size: var(--small-font) !important;
  font-weight: 400;
  line-height: 30px;
}

.detail-list-items ul {
  margin-bottom: 0;
  color: rgba(255, 255, 255, 0.7) !important;
  font-size: var(--small-font);
  font-weight: 400;
  line-height: 30px;
  padding-left: 13px;
}

.detail-list-items ul li::before {
  background: rgb(255 255 255 / 70%) !important;
  left: -12px !important;
  top: 11px !important;
}

.bottom-content-sec p {
  margin-bottom: 0;
  color: rgba(255, 255, 255, 0.7) !important;
  font-size: var(--small-font) !important;
  font-weight: 400;
  line-height: 30px;
}

.promo-join-cta {
  border-radius: 8px;
  padding: 7px 38px;
  margin-right: 18px !important;
  font-size: var(--small-font);
}

.promo-tc-cta {
  border-radius: 8px;
  background: var(--secondary-background);
  color: var(--primary-color);
  font-size: var(--small-font);
  padding: 7px 38px;
}

.promo-tc-cta:hover {
  color: var(--primary-color);
  box-shadow: 0 0 10px var(--secondary-background);
}

button.promo-detail-cta {
  -webkit-mask: url(/assets/images/mask-left.svg) 0 0 no-repeat,
    url(/assets/images/mask-center.svg) 36px 0 repeat,
    url(/assets/images/mask-right.svg) right 0 no-repeat;
  mask: url(/assets/images/mask-left.svg) 0 0 no-repeat,
    url(/assets/images/mask-center.svg) 36px 0 repeat,
    url(/assets/images/mask-right.svg) right 0 no-repeat;
  backdrop-filter: invert(100%) sepia(0%) saturate(7487%) hue-rotate(126deg)
    brightness(108%) contrast(105%);
  background: url(/assets/images/primary-bg-anim.webp) 0 0 / cover repeat-x;
  animation: 80s linear infinite forwards animate-primary-bg;
  z-index: 3;
  pointer-events: auto;
  position: relative;
  padding: 0 34px;
  height: 56px;
  display: flex;
  justify-content: center;
  border-radius: 100px;
  width: 180px;
}

.promo-detail-cta:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 3px;
  left: 3px;
  width: 168px;
  height: 46px;
  border-radius: inherit;
  box-shadow: 0 0 0 2px #000a1f;
  border: 1px solid #e0e5ff59;
  pointer-events: none;
}

button.promo-detail-cta span.btn-text {
  display: flex;
  font-size: var(--small-font) !important;
  align-items: center;
  font-weight: 900;
  font-style: italic;
  color: var(--primary-color) !important;
  text-transform: uppercase;
}

button.promo-detail-cta span.btn-hover {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 2;
  background-image: url(/assets/images/button-hover-elem.svg);
  background-size: auto 100%;
  background-repeat: no-repeat;
  pointer-events: none;
  mix-blend-mode: overlay;
  transform: translate(-121%);
  transition: transform 0.3s ease-out;
  opacity: 1;
}

/*----- promotion ends here -----*/

/*---- Terms and Condition starts from here ----*/

.new-term-promo-modal .pw-promotion {
  padding: 16px !important;
}

.new-term-promo-modal .pw-promotion h2 {
  color: var(--primary-color);
  font-size: var(--large-font);
  font-style: normal;
  font-weight: 400;
  line-height: 35px;
}

.new-term-promo-modal .tc-description li {
  color: var(--primary-color);
  font-size: var(--small-font);
  font-style: normal;
  font-weight: 400;
  line-height: 35px;
}

.new-term-promo-modal .tc-description ol {
  padding-left: 20px;
}

.new-term-promo-modal button.pw-hide-promo {
  background: unset;
  top: 3px;
  border-radius: unset;
  right: 5px;
}

.new-term-promo-modal button.pw-hide-promo .close-icon {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%)
    hue-rotate(206deg) brightness(102%) contrast(105%);
  padding: 13px;
}

.ba-conditions-box .tc-description {
  overflow-y: auto;
  max-height: 80vh;
}

.ba-conditions-box .tc-description::-webkit-scrollbar {
  width: 5px;
  background: var(--theme-scrollbar-color);
  border-radius: 10px;
}

.ba-conditions-box .tc-description::-webkit-scrollbar-thumb {
  width: 5px;
  background: var(--primary-cta);
  border-radius: 10px;
}

.new-term-promo-modal button.pw-hide-promo:hover {
  box-shadow: unset;
}

/*------ terms and condition ends here -------*/

/*|-|-|-| FAQ-SECTION |-|-|-|*/

.accordion-container,
.jk-faq-container .accordion {
  width: 100%;
  background: var(--secondary-background);
  padding: 10px;
  border-radius: 10px;
}

.jk-accordion {
  background: var(--primary-background) !important;
  border: none;
  margin-bottom: 10px;
  border-radius: 10px;
  padding: 5px;
}

.jk-accordion:last-child {
  margin-bottom: 0;
}

.jk-accordion .accordion-button {
  border: none !important;
  background: none !important;
  outline: none !important;
  box-shadow: none !important;
  color: #ced4e1 !important;
  font-weight: 500 !important;
  font-size: var(--extra-medium-font);
  display: flex;
  align-items: center;
  padding: 10px 5px !important;
}

.jk-accordion .accordion-body {
  padding: 10px 5px !important;
}

.jk-accordion .accordion-body,
.jk-accordion .accordion-body * {
  color: var(--primary-color);
  font-weight: 400;
  font-size: var(--small-font);
  text-align: justify;
}

.accordion-button::after {
  filter: var(--primary-cta-filter);
}

.jk-toggleFaqs {
  display: none;
  padding: 0.5rem 2rem;
  border: 2px solid var(--primary-cta);
  outline: none;
  color: var(--primary-cta);
  font-size: var(--small-font);
  font-weight: 500;
  border-radius: 10px;
  margin: 0 auto;
  background: none;
}

.jk-toggleFaqs:hover {
  transform: scale(1.1);
}

.language-tabs {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
}

.language-tabs button {
  border: none;
  background: none;
  width: 33%;
  padding: 7px;
  text-align: center;
  font-size: var(--small-font);
  font-weight: 500;
  color: var(--primary-color);
  opacity: 0.6;
}

.language-tabs .active-tab {
  border-bottom: 2.5px solid var(--primary-cta);
  opacity: 1;
}

.ba-content-container .image-conatiners img {
  width: 100%;
  border-radius: 15px;
  margin-bottom: 20px;
}

table.jk-table {
  background: var(--secondary-background) !important;
}

.jk-tab-contents {
  overflow-x: auto;
  padding-bottom: 1rem;
}

.jk-tab-contents::-webkit-scrollbar {
  width: 0.4rem;
  height: 0.3rem;
  background: var(--theme-table-background-color);
  border-radius: 10px;
}

.jk-tab-contents::-webkit-scrollbar-thumb {
  width: 0.4rem;
  height: 0.3rem;
  background: var(--primary-cta);
  border-radius: 10px;
}

.jk-table tr {
  background: var(--theme-table-head-background) !important;
  border: none;
}

.jk-table tr th {
  background: var(--theme-table-head-background);
  border: none;
  color: var(--theme-table-color);
  font-size: var(--extra-small-font);
  font-weight: 500;
  line-height: 18px;
  text-transform: capitalize;
}

.jk-table tbody tr td {
  background-color: var(--secondary-background) !important;
  border: none !important;
  color: var(--theme-table-color) !important;
}

.jk-table tr:hover td {
  --bs-table-accent-bg: inherit;
  color: inherit;
}

.jk-leader-conditions {
  margin-top: 30px;
  margin-bottom: 86px;
}

.ba-content-selector-menu::-webkit-scrollbar {
  width: 5px;
  background: var(--theme-scrollbar-color);
  border-radius: 10px;
}

.ba-content-selector-menu::-webkit-scrollbar-thumb {
  width: 5px;
  background: var(--primary-cta);
  border-radius: 10px;
}

.jk-leader-conditions ul {
  padding-left: 14px;
}

.jk-leader-conditions ul li {
  margin-bottom: 15px;
  font-weight: 400;
  color: #fff !important;
}

.jk-leader-conditions h2 {
  color: var(--primary-cta);
  margin-bottom: 20px;
}

.jk-leader-content-box p {
  color: #fff !important;
  line-height: 27px;
}

.jk-table-heading p {
  color: #fff;
}

.jk-table tbody tr {
  border-bottom: 2px solid var(--primary-background);
}

.jk-table thead.table-warning {
  border-bottom: 2px solid rgba(120, 130, 138, 0.4);
}

.jk-leaderboard-list .ba-promo-content {
  height: auto !important;
}

.jk-leaderboard-list .bottom-text-box {
  max-height: 65px;
  min-height: 65px;
}

.jk-leaderboard-list .ba-promo-content h2 {
  margin-bottom: 0;
}

.jk-leaderboard-list .ba-promo-content h2 a:hover {
  border-bottom: none;
}

.jk-leaderboard-list a.ba-promo-banner:hover {
  border-bottom: none;
}

.amo-button-holder {
  z-index: 999998 !important;
  right: 5px !important;
  bottom: 10px !important;
}

/* Notification-icon */
.notification-icon {
  position: fixed;
  left: 25px;
  bottom: 25px;
  width: 65px;
  height: 65px;
  cursor: pointer;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  z-index: 99999;
}

.notification-icon-img {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.notification-count {
  position: absolute;
  top: 10%;
  right: 6%;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: linear-gradient(28deg, #0c317ae6 0%, #031538e6 100%);
  color: var(--primary-color);
  font-size: 10px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  z-index: 1;
}

.notification-msg {
  position: absolute;
  top: 79%;
  left: 50%;
  transform: translateX(-50%);
  width: 217px;
  padding: 10px;
  border-radius: 10px;
  background: linear-gradient(28deg, #0c317ae6 0%, #031538e6 100%);
  transition: all 0.5s ease;
  border: 3px solid #0c317a;
  height: auto;
  max-height: 80px;
  overflow: auto;
}

.notification-msg p {
  margin: 0;
  font-size: var(--extra-small-font);
  color: white;
  width: 100%;
  text-align: center;
  line-height: normal !important;
  letter-spacing: 1.1px !important;
}

.notification-left .notification-msg {
  left: 5px;
  transition: all 0.5s ease;
}

.notification-icon.notification-position {
  left: 95px !important;
  bottom: 90px !important;
}

/* HOME PAGE TEXT CONTENT */
.home-content-container {
  width: 800px;
  max-width: 90%;
  margin: 50px auto;
}

.home-content {
  height: 90px;
  overflow: hidden;
  transition: height 0.5s ease-in-out;
  -webkit-mask-image: linear-gradient(
    0deg,
    rgb(255 255 255 / 0%) 0%,
    rgb(0 10 31) 64.58%
  );
  mask-image: linear-gradient(
    0deg,
    rgb(255 255 255 / 0%) 0%,
    rgb(0 10 31) 64.58%
  );
}

.home-content-container.toggle-height .home-content {
  height: auto;
  transition: height 0.5s ease-in-out;
  mask-image: none;
}

.home-content * {
  font-size: var(--extra-small-font);
  color: var(--secondary-color);
  text-align: justify;
}

.home-content a {
  font-weight: 500;
  color: var(--primary-cta);
}

.home-content h1,
.home-content h2,
.home-content h3,
.home-content h4 {
  color: var(--primary-color) !important;
  font-weight: 600;
}

.home-content h1 {
  font-size: var(--medium-font);
}

.home-content h2 {
  font-size: var(--extra-medium-font);
}

.home-content h3 {
  font-size: var(--small-font);
}

.home-content h4 {
  font-size: var(--extra-small-font);
}

.toggle-content-btn {
  display: flex;
  align-items: center;
  background: none;
  border: none;
  outline: none;
  font-weight: 500;
  font-size: var(--small-font);
  color: var(--primary-cta);
  margin-top: 10px;
  transition: all 0.3s ease-in-out;
}

.toggle-content-btn .down-icon {
  display: inline-block;
  filter: var(--primary-cta-filter);
}

.toggle-content-btn:hover {
  color: var(--primary-color);
}

.toggle-content-btn:hover .down-icon {
  filter: invert(1);
}

.home-content-container.toggle-height .down-icon {
  transform: rotate(180deg);
}

/*----- search page starts here -----*/

.search-modal .modal-dialog {
  max-width: 1280px;
  padding: 50px 40px;
}

.search-modal .modal-content {
  position: relative;
  display: block;
  padding-bottom: 45px;
  box-shadow: 0 6px 16px rgb(37 14 61 / 0.1);
  border-radius: 16px;
  border: 1px solid #113c90;
  overflow: unset;
  max-height: unset;
  background: radial-gradient(50% 50% at 50% 0%, #154fc5 0%, #ffffff00 100%)
      no-repeat top center / 100% 320px,
    #000a1f linear-gradient(180deg, #0a2762 0%, #031538 100%);
}

.search-modal .modal-content:before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: 16px;
  box-shadow: 0 0 0 3px #000a1f, 0 0 0 4px #0c317a;
  z-index: -1;
}

.search-modal .modal-content:after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 16px;
  overflow: hidden;
  background: url(/assets/images/pattern-bg.svg) no-repeat center top;
  background-size: 100% auto;
  pointer-events: none;
  mix-blend-mode: overlay;
}

.search-modal .modal-content .modal-header {
  border-bottom: none;
  display: block;
  text-align: center;
}

.search-modal .modal-content .modal-header h1 {
  color: var(--primary-color);
  font-size: 24px !important;
  font-weight: 700;
}

.search-modal .modal-content .btn-close {
  position: absolute;
  top: -9px;
  right: -6px;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background-image: none;
  opacity: 1;
}

.search-modal .modal-content .btn-close .close-icon {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7447%)
    hue-rotate(52deg) brightness(107%) contrast(107%);
  padding: 10px;
  position: absolute;
  z-index: 99;
  top: 6px;
  right: 5px;
}

.search-modal .modal-content .btn-close span {
  background-color: #000a1f;
  border: 1px solid #0c317a;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  padding: 7px;
  z-index: 3;
  display: block;
  position: absolute;
  top: 2px;
  right: 2px;
  transition: color 0.3s, border-color 0.3s;
}

.search-modal .modal-content .btn-close:before {
  content: "";
  position: absolute;
  inset: -2px;
  background-color: #000a1f;
  border-radius: 50%;
  -webkit-clip-path: polygon(
    50% 50%,
    calc(50% + 6px) 100%,
    0 100%,
    0 calc(50% - 6px)
  );
  clip-path: polygon(50% 50%, calc(50% + 6px) 100%, 0 100%, 0 calc(50% - 6px));
  z-index: 2;
}

.search-modal .modal-content .btn-close:hover span {
  border-color: #0090ff;
}

.search-modal .modal-content .btn-close:hover .close-icon {
  filter: brightness(0) saturate(100%) invert(40%) sepia(48%) saturate(3608%)
    hue-rotate(186deg) brightness(101%) contrast(102%);
}

.search-modal button.ba-search-button {
  width: 100%;
  padding: 11px 10px;
  align-items: center;
  margin-bottom: 20px;
}

.search-modal .modal-content .modal-body .ba-game-section.game-result {
  padding: 0;
}

.search-modal .modal-content .modal-body {
  max-width: 1066px;
  margin: 0 auto;
  padding: 0px;
}

.search-modal .modal-content .ba-game-section-games {
  padding: 0;
}

.search-modal .modal-content .ba-game-box {
  margin-right: 6px;
  width: 171px !important;
  height: 288px;
}

.search-modal .modal-content .see-all {
  font-size: var(--extra-small-font);
}

.search-modal .modal-content .ba-game-box .ba-game {
  width: 163px;
  height: 248px;
  margin: 4px;
}

.search-modal .modal-content .ba-game-box img.ba-game-img {
  width: 100%;
  height: 100%;
}

/*----- search page ends here ---*/

.breadcrumb-new {
  display: none;
  margin-bottom: 10px;
}

.breadrump-new-txt {
  color: white;
  position: relative;
  top: 5px;
}

/*------ deposit loader starts from here ----*/

.depo-loader {
  text-align: center;
  height: 100vh;
  width: 100vw;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  background: #000a1f;
  z-index: 9999;
}

.depo-loader img {
  margin: 0;
  width: 100px;
  margin-bottom: 16px;
}

.depo-loader h3,
.depo-loader h2 {
  font-weight: 600;
  text-transform: uppercase;
  margin-top: 10px;
  font-style: italic;
  margin: 0;
}

.depo-loader h2 {
  font-size: 32px;
  color: white;
  letter-spacing: 4px;
}

.depo-loader h3 {
  font-size: 30px;
  color: #2363df;
  letter-spacing: 2px;
}

/* here */
.verify-email-address {
  /* display: flex !important; */
  align-items: center !important;
  justify-content: space-between !important;
  padding: 15px 38px 15px 15px;
  width: 100%;
  background-color: var(--color-error);
  margin-bottom: 1rem;
  border-radius: 10px;
  border: unset !important;
}
.attention-icon {
  width: 1.3rem;
  height: 1.3rem;
  margin-right: 0.5rem;
}
.verify-text {
  color: var(--primary-color);
  margin-bottom: unset !important;
  margin-right: 0.3rem !important;
  text-align: unset !important;
}
.verify-btn {
  color: var(--primary-color);
  text-decoration: none;
  font-weight: bold;
}
.verify-btn:hover {
  color: var(--primary-color) !important;
}
.verify-inner-wrapper {
  display: flex;
  align-items: flex-start;
}
.profile-page-modal-body {
  display: flex;
  align-items: center;
justify-content: center;}
.profile-page-row-modal-box {
  justify-content: center;
  align-items: center;
  width: 100%;
}
.email-otp-modal-container {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1060;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
      background: rgb(0 0 0 / .5);
}
.profile-page-row-modal-box h3{
      color: var(--primary-color);

    text-align: center;
}
.form_control.otp_input {
    display: flex;
    align-items: center;
}
.profile-page-mobile-number{
  text-align: center;
  margin-bottom: 0.5rem;
}

.modal-content .otp_bggg p{
    margin-bottom: 5px;
    color: var(--primary-color);
    font-size: var(--small-fontSize);
    font-weight: 400;
    text-align: left;
}
.pw-resend-otp {
    display: flex;
    width: 100%;
    margin-top: 15px;
    justify-content: center;
    align-items: center;
}
.pw-resend-otp a {
    color: var(--primary-cta);
    font-size: var(--extra-medium-font);
    font-weight: 600;
    display: block;
    text-align: center;
    text-decoration: none;

}
.profile-page-form{
  width: 100%;
}
.modal-content .btn.btn-danger.w-100 {
    color: var(--primary-color);
    border: 2px solid var(--quaternary-color);
    font-weight: 600;
    background: var(--primary-cta);
    margin-top: 20px;
    padding: 12px;
    box-shadow: none !important;
}
.btn-danger.disabled, .btn-danger:disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}
.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    pointer-events: none;
}
.modal.show .modal-dialog {
    transform: none;
}
.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0, -50px);
}
.modal-dialog {
    max-width: none !important;
    justify-content: center;
}
.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem);
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none;
}
.pw-resend-otp-timer {
    margin-top: 10px;
    text-align: center !important;
   color: var(--primary-cta) !important;
    font-size: var(--extra-medium-font);
    font-weight: 600;
    display: block;
    text-decoration: none;
}

 .btn-verify {
      border-radius: 25px;
      padding: .6rem 1.5rem;
      font-size: var(--extra-medium-font);
      font-style: normal;
      font-weight: 700;
      color: var(--primary-color) !important;
      font-family: 'Urbanist', sans-serif !important;
      text-transform: capitalize;
      border: none;
      text-decoration: none;
      position: relative;
      z-index: 2;
      display: block;
      border: 2px solid #9002ff;
      background: var(--primary-background);
  }

  .btn-verify:disabled {
      cursor: not-allowed;
  }

/* end */
/*---- deposit loader ends here ----*/