:root {
  font-size: 62.5%;
  --brand-color: #FF7300;
  --primary-color: #000000;
  --secondary-color: #cbc1b9;
  --primary-bg: #ffffff;
  --secondary-bg: #301500;
  --teritary-bg: #190b00;
  --light-bg: #FFF8F2;
  --font-xxl: 3rem;
  --font-xl: 2.2rem;
  --font-l: 1.8rem;
  --font-m: 1.6rem;
  --font-s: 1.4rem;
  --font-xs: 1.2rem;
  --font-xxs: 1rem;
  --error-color: #ff1953;
  --primary-gradient: linear-gradient(146.39deg, #ffffff 55%, #FF7300 125.56%);
  --primary-filter: brightness(0) saturate(100%) invert(46%) sepia(41%) saturate(3680%) hue-rotate(3deg) brightness(106%) contrast(108%);
}

body,
.ck-sidemenu,
.afterLoginPages-right,
.afterLoginPage-container,
.ck-providerFilter,
.ck-announcement {
  background: var(--light-bg);
}

.bootomLeft-foot .socialLinks a,
.ck-headerNav li a .icon-style,
.ck-providerFilter ul li img,
.footerLink li a .icon-style,
.search-icon,
.footer-links h2 .icon-style,
.sun-icon,
.backToNum .back-icon,
.close-icon,
.ck-sidemenu .socialLinks a img,
.howToBtn .icon-style,
.bankAcc.add-new .icon-style,
.ck-pagination button .icon-style,
.afterLoginPages-left .logout-icon,
.afterLoginRight-head .ck-active .icon-style,
.afterLoginRight-head a .icon-style,
.ck-menu-links li a .icon-style,
.ck-stickyFooter a .icon-style,
.ck-stickyFooter button .icon-style,
.ck-providerLists img {
  filter: brightness(0) saturate(100%) invert(0%) sepia(90%) saturate(0%) hue-rotate(240deg) brightness(113%) contrast(100%);
}

.top-footer {
  background: linear-gradient(146.39deg, #000000 55%, #FF7300 125.56%);
}

.afterLoginPages-left,
.ck-providerFilter ul li,
.trusted-footer,
.ck-filtersBox,
.ck-filtersBox {
  background: var(--primary-bg);
}

.ck-toggleFaqs,
.language-tabs .active-tab,
.ck-ctaBtn {
  color: var(--primary-bg);
}

.ck-otpInputs input {
  background: var(--primary-color);
}

.ck-filtersBox input,
.ck-filtersBox p {
  color: var(--primary-color);
}

.ck-loyalLvls .icon-style {
  filter: none;
}

.ck-dataTable thead th {
  color: var(--primary-bg);
}

#hero-cnt .hero-cnt-holder .left-section .content p {
  color: var(--primary-color) !important;
}

.ck-faqBox {
  background: none;
}

.language-tabs {
  background: #FFF2E7;
}

.accordion-item {
  background: none !important;
  border: 2px solid var(--brand-color) !important;
}

.ck-balances .balances-bot p,
.ck-balances p,
.total-balance-box .totalBalance-bot p,
.total-balance-box .totalBalance-top p {
  color: var(--primary-bg);
}

.add-bankAcc .inputBox input,
.withdraw-inputBox input {
  background: var(--primary-bg);
  color: var(--primary-color);
}

.bankAccount-box .bankAcc.selected p {
  color: var(--primary-bg);
}

.bankAcc.add-new.selected .icon-style {
  filter: none;
}


@media (max-width: 1025px) {
  .footer-links {
    background: var(--primary-bg);
  }

  .ck-loginModal,
  .ck-registerModal {
    background: var(--light-bg);
  }
}