:root {
  /* Base values */
  --primary-color: #01663c;
  --secondary-color: #ffe93f;
  --secondary-color-2: #dfb300;
  --quarternary-color: #4e9479;
  --footer-color: #033320;
  --background-color: #0b4730;
  --scrollbar-color: #0d8053;
  --icon-color: #00b36d;
  --accent-color: #0af550;
  --hover-active-pressed-color: #facf2033;
  --disabled-color: #9ca3af;
  --error-color: #ea4e3d;
  --warning-color: #facf20;
  --success-color: #56bb37;
  --white-color: #ffffff;
  --black-color: #000000;
  --green-gradient-left-color: #01663c;
  --green-gradient-right-color: #2a815f;
  --yellow-gradient-left-color: var(--warning-color);
  --yellow-gradient-right-color: #fde790;
  --text-color-gray: #333333;
  --text-color-lightgreen: #c5e2d2;
  --transparent-color: transparent;
  --top-header-gradient-top-color: #095236;
  --invitation-border-color: #0d8053;
  --drop-shadow-color: #00000040;
  --gameplay-bottombar-height: 45px;
  --theme-error-color: var(--error-color);

  --faq-content-colour: #ffe93f;
  --benefits-banner: #025735;
  --input-background: #005734;
  --benefits-banner: #025735;
  /* brand base change in colours */
  --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: #e0e0e0;
  --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;
  /* sidenav offer center manues  */
  --sideNavBar-promotions-from: #3bb1ff;
  --sideNavBar-promotions-To: #0091f2;
  --sideNavBar-border: #39affe;
  --sideNabBar-icon-color: #158cdb;
  --sideNav-Bar-icon-border: #39affe;
  --sideNav-rewards-from: #3bffb4;
  --sideNav-rewards-to: #00b94d;
  --sideNave-rewards-border: #37fbae;
  --sideNabBar-rewardsicon-color: #01bb50;
  --sideNabBar-rewardsicon-border: #3afeb2;
  --sideNavBar-agent-from: #077c4f;
  --sideNavBar-agent-to: #013a30;
  --sideNavBar-agent-border: #06764c;
  --sideNavBar-agent-icon: #03563d;
  --sideNavBar-agent-iconborder: #07784d;
  --sideNavBar-missions-from: #864bfe;
  --sideNavBar-missions-to: #501cdf;
  --sideNavBar-missions-border: #8449fd;
  --sideNavBar-missions-icon: #4719c4;
  --sideNavBar-missions-iconborder: #8248fa;
  --sideNavBar-vip-from: #ff7cc4;
  --sideNavBar-vip-to: #df1c9e;
  --sideNavBar-vip-border: #fd78c2;
  --sideNavBar-vip-icon: #e021a0;
  --sideNavBar-vip-bordericon: #fe79c3;
  --sideNavBar-unlock-from: #1fd6df;
  --sideNavBar-unlock-to: #7c86ff;
  --sideNavBar-unlock-border: #21d5df;
  --sideNavBar-unlock-icon: #6f90fa;
  --sideNavBar-unlock-iconborder: #22d3e0;
  --sideNavBar-history-from: #fee053;
  --sideNavBar-history-to: #fea653;
  --sideNavBar-history-border: #ffe93f;
  --sideNavBar-history-icon: #fda853;
  --sideNavBar-history-iconborder: #ffe93f;
  --sideNavBar-telegram-from: #63cfff;
  --sideNavBar-telegram-to: #008fcc;
  --sideNavBar-telegram-border: #63cfff;
  --sideNavBar-telegram-icon: #2ab0ea;
  --sideNavBar-telegram-iconborder: #63cfff;
  /* Base values */

  --lobby-swiper-border: #006e40;
  --lobby-swiper-arrow-bg-color: #0b412c;
  --lobby-swiper-arrow-border-color: #009f5d;
  --theme-drops-and-wins-bg-color: #003521;
  --lobby-swiper-seeall-card-bg-color: linear-gradient(
    180deg,
    #00653e 0%,
    #005333 100%
  );
  --lobby-swiper-seeall-card-border-color: transparent;
  --lobby-swiper-seeall-text-color: var(--white-color);

  /* Cashier Payment Cards */
  --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;
  /* Cashier Payment Cards */

  --promo-divider-line: var(--green-gradient-right-color);

  --theme-color-line: var(--scrollbar-color);
  --theme-primary-color: var(--primary-color);
  --theme-primary-gradient-color-0: #00663d;
  --theme-primary-gradient-color-1: #035735;
  --theme-bg: #013924;
  --theme-icons-new-color: var(--icon-color);
  --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(--text-color-gray);
  --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: var(--text-color-lightgreen);
  --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;

  /* Raviteja */

  /* input */
  --theme-input-bg: var(--transparent-color);
  --theme-input-border: var(--quarternary-color);
  --theme-input-icon-color: var(--quarternary-color);
  --theme-input-placeholder-color: var(--quarternary-color);
  --theme-input-copy-btn-color: var(--secondary-color);

  /* profile */
  --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(--secondary-color-2);
  --theme-profile-progress-bar-value-color: var(--success-color);
  --theme-vip-progress-bar-bg-color: var(--quarternary-color);

  /* security */
  --theme-security-icon-yellow-color: var(--warning-color);
  --theme-security-icon-green-color: var(--success-color);

  /* custom input */
  --theme-custom-input-bg: var(--green-gradient-left-color);
  --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: #1b4730;
  --theme-deposite-icon-color: var(--black-color);
  /* status colors */
  --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);

  /* new colors and gradiants */
  --btn-primary-text-color: var(--background-color);
  --btn-disabled-color: var(--disabled-color);
  --lobby-swiper-border-bottom: var(--lobby-swiper-border);
  --benefits-banner-backside-color: var(--benefits-banner);
  --deposit-btn-color: var(--benefits-banner);
  /* New Cashier */
  --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;
  --cashier-withdraw-popup-border-color: #01663c14;
  --cashier-withdraw-popup-line-border-color: #01663c66;
  --cashier-withdraw-popup-icon-color: #01663ccc;
  --cashier-withdraw-popup-text-color: #004629;
  --cashier-withdraw-popup-red-text-color: #ff0000;
  /* Cashier Payment Cards */
  --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);

  /* Cashier Payment Cards */

  --theme-promo-divider-line: var(--promo-divider-line);
  /* landingpage colours */
  --theme-landingpage-shadowcolor: #ffe38ae0;
  --theme-landingpage-shadowcolor1: #8d8157;
  --theme-landingpage-goldcolor: #bf953f;
  --theme-landingpage-goldcolor1: #fcf6ba;
  --theme-landingpage-goldcolor2: #b38728;
  --theme-landingpage-goldcolor3: #fbf5b7;
  --theme-landingpage-goldcolor4: #aa771c;
  --theme-landingpage-lightgold: #fdf0b2;
  --theme-landingpage-deepgold: #f2be48;
  --theme-landingpage-secondary: #ffe93f;
  --theme-landingpage-darkgreen: #01663c66;
  --theme-landingpage-tealgreen: #0d805369;
  --theme-landingpage-black: #00000040;
  --theme-landingpage-white: #ffffff;
  --theme-landingpage-darkforestgreen: #0b4730;
  --theme-landingpage-emeraldgreen: #025735;
  --theme-landingpage-lightgray: #999;
  --theme-landingpage-verylightgray: #eee;
  --theme-landingpage-darkbluishblack: #03090d;
  --theme-landingpage-verydarkgreen: #073725;
  --theme-landingpage-vibrantgold: #ffd700;
  --theme-landingpage-mutedbluishgray: #abb2cc;
  --theme-landingpage-junglegreen: #052e1e;
  --theme-landingpage-extremdarkfootercolour: #001b11;
  --theme-landingpage-mediumdarkcolor: #2d6646;
  --theme-landingpage-black-color: #000000;
}

.game-card.no-image-card::after {
  content: url("/MCO/assets/img/Logo.svg");
}

.offer-center {
  background: radial-gradient(50% 50% at 50% 50%, #005c36 0%, #033320 100%);
}

.brand-bgupdatedob {
  background-color: var(--primary-color) !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);
}

.brand-deposite-cashier {
  background: linear-gradient(
    180deg,
    var(--white-color) 0%,
    var(--card-linerGradient-colour) 100%
  );
}

.bg-pattern-brand {
  background-color: var(--background-color);
  background-image: url("/MCO/assets/img/background.webp");
  background-size: contain;
  background-position: center;
  background-repeat: repeat;
}
html.landingpage {
  background-color: transparent !important;
}
html.landingpage body {
  background-color: transparent !important;
  background-image: unset !important;
}

.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%
  );
}
.active-tab .game-name {
  color: var(--theme-primary-color) !important;
}

.lobby-games-swiper .provider-cards .game-card.no-image-card::after {
  transform: scale(0.8);
  top: -16px;
}
.lobby-games-swiper .game-card.no-image-card {
  border-radius: 20px;
}