:root {
  --primary-color: #000926;
  --secondary-color: #ffe93f;
  --secondary-color-2: #ffe93f;
  --quarternary-color: #ffe93f;
  --footer-color: #000926;
  --background-color: #000b26;
  --scrollbar-color: #0a1e3b;
  --icon-color: #d8f0ff;
  --accent-color: #0af550;
  --hover-active-pressed-color: #facf2033;
  --disabled-color: #9ca3af;
  --error-color: #ea4e3d;
  --warning-color: #ffe93f;
  --success-color: #56bb37;
  --white-color: #ffffff;
  --black-color: #000000;
  --green-gradient-left-color: #0a1f3c;
  --green-gradient-right-color: #00416a;
  --yellow-gradient-left-color: var(--warning-color);
  --yellow-gradient-right-color: #fde790;
  --text-color-gray: #333333;
  --text-color-lightgreen: #d8f0ff;
  --transparent-color: transparent;
  --top-header-gradient-top-color: #0a1f3c;
  --invitation-border-color: #0d8053;
  --drop-shadow-color: #00000040;
  --gameplay-bottombar-height: 45px;
  --theme-error-color: var(--error-color);
  --footer-social-icon-line: var(--green-gradient-right-color);
  --profile-border-colour: #0a1e3b;
  --tw-gradient-to-position: #000926;
  --promationdetails-snipets-color: #65c4ff;
  --benefits-banner: #0a1e3b;
  --input-background: #0a1e3b;
  --benefits-banner: #0a1e3b;
  --faq-dropdown-border-colour: var(--secondary-color);
  --editor-blockquote-color: #6b7280;
  --editor-content-code-bgcolor: #f3f4f6;
  --editor-content-code-color: #db2777;
  --editor-content-pre-color: #1f2937;
  --editor-content-border-color: #d1d5db;
  --promationdetails-link-color: #facc15;
  --promationdetails-info-section-bgcolor: #111827;
  --promationdetails-info-table-color: #374151;
  --promationdetails-banner-desc-color: #ffffffe6;
  --promationdetails-card-grid-color: #030712;
  --language-translation-icon-color: #d8f0ff;
  --promationaldetails-card-header-clock-color: #3b82f6;
  --promationaldetails-card-header-gift-color: #22c55e;
  --promationaldetails-card-header-alert-triangle-color: #eab308;
  --promationaldetails-card-header-btn-hover-color: #45a049;
  --promationaldetails-card-header-claim-btn-color: #f9fafb;
  --promationaldetails-responsible-gambling-color: #4b5563;
  --global-style-data-form-container-bgcolor: #1e1e1e;
  --global-style-data-form-container-color: #aaaaaa;
  --global-style-data-form-color: #cccccc;
  --global-style-link-btn-color: #f39c12;
  --global-style-data-form-input-color: #444;
  --global-style-data-form-input-bgcolor: #2a2a2a;
  --global-style-data-return-btn-bgcolor: #555;
  --global-style-data-return-btn-hover-bgcolor: #666;
  --global-style-data-save-btn-hover-bgcolor: #e67e22;
  --global-style-data-overlay-bgcolor: #00416acc;
  --sideNavBar-promotions-from: #0045ad;
  --sideNavBar-promotions-To: #001b2d;
  --sideNavBar-border: #0142a3;
  --sideNabBar-icon-color: #0144a9;
  --sideNav-Bar-icon-border: #0055d4;
  --sideNav-rewards-from: #00904a;
  --sideNav-rewards-to: #00200d;
  --sideNave-rewards-border: #018d49;
  --sideNabBar-rewardsicon-color: #014a24;
  --sideNabBar-rewardsicon-border: #018d49;
  --sideNavBar-agent-from: #4e4e4e;
  --sideNavBar-agent-to: #010101;
  --sideNavBar-agent-border: #494949;
  --sideNavBar-agent-icon: #343434;
  --sideNavBar-agent-iconborder: #444444;
  --sideNavBar-missions-from: #7d00c0;
  --sideNavBar-missions-to: #120042;
  --sideNavBar-missions-border: #6e01ae;
  --sideNavBar-missions-icon: #35016b;
  --sideNavBar-missions-iconborder: #7701b9;
  --sideNavBar-vip-from: #ff00e1;
  --sideNavBar-vip-to: #670045;
  --sideNavBar-vip-border: #f501d7;
  --sideNavBar-vip-icon: #a30183;
  --sideNavBar-vip-bordericon: #fa01dc;
  --sideNavBar-unlock-from: #00bdc4;
  --sideNavBar-unlock-to: #1225f5;
  --sideNavBar-unlock-border: #01b6c6;
  --sideNavBar-unlock-icon: #0c57e5;
  --sideNavBar-unlock-iconborder: #01b7c6;
  --sideNavBar-history-from: #f48a00;
  --sideNavBar-history-to: #7e0a00;
  --sideNavBar-history-border: #f18701;
  --sideNavBar-history-icon: #ac3d01;
  --sideNavBar-history-iconborder: #f18701;
  --sideNavBar-telegram-from: #63cfff;
  --sideNavBar-telegram-to: #008fcc;
  --sideNavBar-telegram-border: #63cfff;
  --sideNavBar-telegram-icon: #2ab0ea;
  --sideNavBar-telegram-iconborder: #63cfff;
  --profile-vip-border-colour: #636363;
  --faq-dropdown-border-colour: #bebebe;
  --language-translation-icon-color: #d8f0ff;
  --theme-text-color-placeholder: #ffffff;
  --screen-backround-colour: #4d4d4d;
  --scrollbar-line-color: #15315a;
  --theme-text-lightgreen: #d8f0ff;
  --theme-static-content-bg-color: #0a1e3b;
  --theme-reward-input-bg-color: #000a2a;
  --payment-card-bg-gradient-top-color: var(--white-color);
  --payment-card-bg-gradient-bottom-color: #efefef;
  --payment-card-border-color: #dcdcdc;
  --payment-card-selected-border-color: #00c171;
  --payment-card-notick-bg-color: #e5e5e5;
  --payment-card-tick-bg-color: #009f5d;
  --cashier-unactive-color: #80b29d;
  --cashier-addbonus-text-color: #999999;
  --promo-divider-line: var(--green-gradient-right-color);
  --theme-color-line: var(--green-gradient-right-color);
  --theme-primary-color: var(--primary-color);
  --theme-primary-gradient-color-0: #0a1e3b;
  --theme-primary-gradient-color-1: #0a1f3c;
  --theme-bg: #013924;
  --theme-icons-new-color: #0084d7;
  --theme-bg-color: #194c38;
  --theme-btn-def-bg-color: var(--green-gradient-left-color);
  --theme-load-bg-color: #2a815f66;
  --theme-secondary-color: var(--secondary-color);
  --theme-primary-font-color: var(--icon-color);
  --theme-aside-active-font-color: var(--text-color-gray);
  --theme-game-lobby-border: #36745b;
  --theme-btm-bg-color: var(--green-gradient-left-color);
  --theme-text-color: var(--text-color-lightgreen);
  --theme-text-color-placeholder: #ffffff;
  --theme-secondary-color-success: #04be02;
  --theme-secondary-color-error: var(--error-color);
  --theme-secondary-color-error-linear-gradient: #f35a4a;
  --theme-game-card-ddt_bg: var(--green-gradient-right-color);
  --theme-game-card-ddt_icon: var(--green-gradient-left-color);
  --theme-primary-color-0: var(--warning-color);
  --theme-primary-color-2: #fbd94d;
  --theme-primary-color-4: var(--success-color);
  --theme-primary-color-6: var(--accent-color);
  --theme-primary-color-17: #fee891;
  --theme-primary-color-18: var(--text-color-lightgreen);
  --theme-show-more-color: var(--text-color-lightgreen);
  --theme-dark-text-color: var(--background-color);
  --theme-select-focus-border: var(--secondary-color);
  --theme-lobby-bg-color: var(--background-color);
  --theme-quick-reg-text-color: var(--quarternary-color);
  --theme-datepicker-border: var(--scrollbar-color);
  --screen-backround-colour: #4d4d4d;
  --lobby-swiper-arrow-bg-color: #0a1e3b;
  --lobby-swiper-arrow-border-color: #d8f0ff;
  --profile-bbc-input-border: #00619e;
  --cashier-bbc-border-color: #0084d7;
  --theme-input-bg: var(--transparent-color);
  --theme-input-border: var(--profile-bbc-input-border);
  --theme-input-icon-color: var(--quarternary-color);
  --theme-input-placeholder-color: var(--quarternary-color);
  --theme-input-copy-btn-color: var(--secondary-color);
  --theme-profile-icon-color: var(--secondary-color);
  --theme-profile-text-color: var(--secondary-color);
  --theme-profile-vip-bg-color: var(--secondary-color);
  --theme-profile-vip-text-bg-color: var(--green-gradient-right-color);
  --theme-profile-vip-arrow-color: var(--secondary-color);
  --theme-profile-vip-separator-border-color: var(--secondary-color);
  --theme-profile-progress-bar-bg-color: var(
    --global-style-data-overlay-bgcolor
  );
  --theme-profile-progress-bar-value-color: var(--icon-color);
  --theme-vip-progress-bar-bg-color: var(--quarternary-color);
  --theme-security-icon-yellow-color: var(--warning-color);
  --theme-security-icon-green-color: var(--success-color);
  --theme-custom-input-bg: #0a1e3b;
  --theme-custom-input-border: var(--green-gradient-right-color);
  --theme-custom-input-icon-color: var(--text-color-lightgreen);
  --theme-custom-input-password-icon-color: var(--green-gradient-right-color);
  --theme-custom-input-copy-btn-color: var(--secondary-color);
  --theme-custom-input-color: #000926;
  --theme-deposite-icon-color: var(--black-color);
  --theme-error-color: var(--error-color);
  --theme-success-color: var(--success-color);
  --theme-warning-color: var(--warning-color);
  --theme-alert-font-color: var(--text-color-gray);
  --btn-primary-text-color: var(--background-color);
  --btn-disabled-color: var(--disabled-color);
  --lobby-swiper-border-bottom: #005082;
  --benefits-banner-backside-color: var(--benefits-banner);
  --deposit-btn-color: var(--benefits-banner);
  --cashier-border-colour: #009f5d;
  --card-linerGradient-colour: #efefef;
  --cashier-carousel-colour: #d9d9d9;
  --cashier-carousel-card-colour: var(--secondary-color);
  --cashier-global-colour: #01663c;
  --cashier-cashback-bonues-colour: #f1f1f1;
  --theme-cashier-active-tab-border-color: #009f5d;
  --theme-cashier-scrollbar-color: #00824c;
  --theme-cashier-earned-cashback-bg-color: #00824c;
  --theme-payment-card-border-color: var(--payment-card-border-color);
  --theme-payment-card-selected-border-color: var(
    --payment-card-selected-border-color
  );
  --theme-payment-card-notick-bg-color: var(--payment-card-notick-bg-color);
  --theme-payment-card-tick-bg-color: var(--payment-card-tick-bg-color);
  --theme-cashier-addbonus-text-color: var(--cashier-addbonus-text-color);
  --theme-promo-divider-line: var(--promo-divider-line);
}
* {
  font-family: Acumin Pro Condensed;
}
.game-card.no-image-card::after {
  content: url("/BBC/assets/img/Logo.svg");
  transform: scale(0.1) !important;
  content: url("/BBC/assets/img/Logo.svg");
}
.offer-center {
  background: radial-gradient(50% 50% at 50% 50%, #005c36 0, #033320 100%);
}
.brand-bgupdatedob {
  background-color: var(--theme-custom-input-bg) !important;
}
.scrollbar::-webkit-scrollbar-track {
  background-color: var(--theme-bg-color);
}
.scrollbar::-webkit-scrollbar-thumb {
  background-color: var(--theme-color-line);
}
.scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: var(--theme-game-lobby-border);
  background-color: var(--scrollbar-line-color);
}
.brand-deposite-cashier {
  background: linear-gradient(
    180deg,
    var(--white-color) 0,
    var(--card-linerGradient-colour) 100%
  );
}
.brand-logo {
  display: flex;
  align-items: center;
  display: flex;
  align-items: center;
  height: 0.756rem;
}
.bg-pattern-brand {
  background-color: var(--primary-color) !important;
  background-image: none !important;
  background-size: auto !important;
  background-position: var(--primary-color) !important;
  background-repeat: no-repeat !important;
}
.brand-vipmenu {
  background-color: var(--profile-border-colour) !important;
  border: 1px solid var(--profile-bbc-input-border);
}
.brand-deposite-shadow {
  box-shadow: 0 0 0.252rem 0 var(--drop-shadow-color);
}
.promation-cashier-card {
  background: linear-gradient(
    270deg,
    rgba(22, 22, 22, 0) 0,
    rgba(22, 22, 22, 0.835) 31.53%,
    #161616 84.08%
  );
}
.banners .banner-content {
  background: linear-gradient(
    270deg,
    rgba(0, 24, 60, 0) 0,
    rgba(0, 24, 60, 0.5) 26.88%,
    #00122c 100%
  ) !important;
  font-family: Acumin Pro Condensed;
}
.lobby-swiper {
  box-shadow: 0 4px 18px 0 #00000040 !important;
}
.header-shadow {
  background: linear-gradient(
    180deg,
    var(--background-color) 45.56%,
    #262626 101.97%
  );
}
.offer-center.Reward-hub {
  background: #0d0d0d !important;
}
.btn-primary:disabled {
  background-color: var(--primary-color);
  color: var(--secondary-color-2);
}
.selected-row {
  margin: 0.168rem 0;
}
.alert-bar {
  background-color: var(--theme-custom-input-color);
}
table.vip-table tbody tr:nth-child(odd) {
  background-color: var(--green-gradient-left-color) !important;
}
.icon-button {
  background-color: var(--secondary-color);
  padding: 0.094rem !important;
}
.editor-content {
  background-color: transparent !important;
}
.sidebar-language-select button {
  background-color: var(--scrollbar-color);
  color: var(--white-color);
}
.brand-currency {
  padding-top: 4px;
}
.top__nav .button-div button span {
  padding-top: 0.084rem !important;
}
.brand-benfitsbtn {
  border-radius: 999px;
  background-color: var(--secondary-color) !important;
}
.brand-profile {
  background-color: transparent !important;
  border: 1px solid var(--secondary-color);
}
.brand-back {
  padding-top: 5px;
}
.brand-border {
  border: 1px solid var(--profile-vip-border-colour);
}
.brand-icons {
  color: var(--icon-color) !important;
}
.brand-statement {
  border-radius: 999px;
  border: 1px solid var(--secondary-color);
}
.brand-deposit {
  border: 1px solid #00619e !important;
}
.brand-alertbarclose {
  color: var(--profile-vip-border-colour);
}
.brand-alertbtn {
  background-color: var(--profile-border-colour);
}
.brand-gaemcardline {
  border: 1px solid var(--primary-color);
}
.brand-remember-password {
  color: var(--login-remember-password) !important;
}
.brand-changeAvatar {
  border: 1px solid var(--secondary-color);
  background-color: var(--green-gradient-right-color) !important;
  border-radius: 999px;
  color: var(--secondary-color) !important;
  height: 0.588rem;
}
.brand-changeAvatarmale {
  background-color: var(--secondary-color);
  color: var(--black-color);
  border-radius: 999px;
}
.brand-avatartexcolor {
  color: var(--black-color);
}
.brand-norecord-colour {
  background-color: var(--primary-color);
}
.brand-login-register {
  color: var(--login-text-color);
}
.brand-table tr {
  border-left: 1px solid var(--secondary-color) !important;
  border-right: 1px solid var(--secondary-color) !important;
}
.brand-helpdesk {
  border: 1px solid var(--green-gradient-right-color) !important;
  background-color: transparent !important;
}
.phone-number-container .mobile-number .custom-input-field:before {
  background-color: var(--profile-bbc-input-border) !important;
}
.brand-faq {
  border: 1px solid var(--faq-dropdown-border-colour);
}
.brand-custombtn {
  background-color: var(--profile-border-colour) !important;
  color: var(--primary-color) !important;
}
.brand-canceldatepicker {
  color: var(--faq-dropdown-border-colour);
}
.brand-helpdesk-input {
  border: 1px solid var(--profile-border-colour);
}
.brand-btn {
  font-family: Acumin Pro Condensed;
}
.scrollbar::-webkit-scrollbar {
  width: 0.084rem;
  height: 0.084rem;
}
.scrollbar::-webkit-scrollbar-track {
  background-color: var(--scrollbar-color);
}
.scrollbar::-webkit-scrollbar-thumb {
  background-color: var(--green-gradient-right-color);
  border-radius: 1rem;
  cursor: pointer;
}
.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.scrollbar-hide::-webkit-scrollbar {
  display: none;
}
.brand-updatedob,
.security-basic-items {
  border: 1px solid var(--profile-bbc-input-border) !important;
}
.profile-data-container .dob-container .custom-input-field-icon,
.profile-menus-item::after,
.security-basic-items .security-basic-item::after {
  color: var(--secondary-color) !important;
}
.brand-iconstatement,
.brand-vip {
  color: var(--white-color) !important;
}
.brand-sidenaviconcolor,
.sidebar-language-select button .icons-globe {
  color: var(--language-translation-icon-color);
}
.brand-iconcolor,
.text-brand-textcolorplaceholder {
  color: var(--white-color) !important;
}
.custom-input-field input {
  color: var(--white-color);
}
.btn-primary {
  text-transform: uppercase;
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.brand-btn,
.btn-secondary,
.editor-content button,
.editor-content button.btn-primary,
.editor-content button.btn-secondary {
  text-transform: uppercase;
}
.brand-table tbody tr:nth-child(odd),
.vip-balance {
  background-color: #0a1e3b !important;
}
.bg-light,
.card-bg-light,
.rewards-input .rewards-container {
  background-color: #00416a !important;
}
.editor-content .editor-content-info {
  background-color: var(--theme-static-content-bg-color) !important;
}
.promation-icon button .icons-chevron-down,
.sidebar-language-select button .icons-chevron-down,
.text-brand-colorline {
  color: var(--icon-color);
}
.brand-table tr td,
.custom-select-open button,
table.vip-table thead tr th {
  border-color: var(--secondary-color) !important;
}
#banners.banners .banner-content {
  font-size: 0.4rem;
}
#banners.banners .banner-desktop {
  background: linear-gradient(
    270deg,
    rgba(0, 21, 13, 0) 0,
    #00150d 43.07%
  ) !important;
}
.promos .banner-content {
  background: linear-gradient(
    270deg,
    rgba(0, 24, 60, 0) 0,
    rgba(0, 24, 60, 0.5) 26.88%,
    #00122c 100%
  ) !important;
}
.active-tab .game-name {
  color: var(--green-gradient-right-color) !important;
}
.overlay {
  background: var(--global-style-data-overlay-bgcolor) !important;
}
.spinner {
  --primary-color: #00416a;
}
.vip-separator {
  border-color: var(--profile-bbc-input-border) !important;
}
.andriodicon-color,
.brand-card {
  color: var(--secondary-color) !important;
}
.game-card {
  background: linear-gradient(180deg, #010926 0, #001a3f 100%);
  border: 1px solid #00416a;
  box-shadow: 0 0 12px 0 #000000a3;
}
.splide__pagination__page {
  background: var(--white-color) !important;
}
.brand-sidenavborder {
  border: 1px solid #00416a !important;
}
.gpc-vipimage {
  width: 3.1rem !important;
  bottom: -0.68rem !important;
}
.bg-brand-gamecardddt_bg {
  border: 1px solid var(--green-gradient-right-color) !important;
}
.brand-borderbtn {
  border-top: 1px solid #00619e !important;
}