:root {
--bg-primary:#FAFBFA;
--bg-white : #fff;
--text-white:#fff;
--text-black:black;
--bg-black : black;
--primary-clr:#2665a4;
--light-hover-clr:#eDedfa;
--light-active-clr:#c0daf4;
--secondary-clr : #b0840f;
--sec-light-clr:#f7f3e7;
--sec-light-hover:#f3eddb;
--sec-light-active:#e7d9b5;
--primary-btnclr:#F0B418;
--gary-textclr:#D2D2D2;
--color-blue:#1F8EFF;
--primary-card-color: #B2C6DA;
--landing-future-card-clr : #121212;
--header-dark-clr :#3c3c40;
}

.dark .privacy-content,
.dark .privacy-content p,
.dark .privacy-content li,
.dark .privacy-content span,
.dark .privacy-content div,
.dark .privacy-content strong,
.dark .privacy-content a {
  color: #ffffff !important;
}
.dark .theme{
    background-color:#010101 ;
}
.dark section {
    background-color: var(--bg-black);
}
.dark .mat-mdc-dialog-surface {
  background: #141414;
}

.dark .form-control{
  background-color: #000;
  color: #fff !important;
}

.dark .form-control:focus{
  background-color: #000;
}

.dark .bg-body-secondary{
  background-color: #000 !important;
}

.dark .form-control::placeholder{
  color: #fff !important;
}
.dark .content-wrapper {
    background-color: var(--bg-black);
}

.dark .mat-icon{
  color: #fff;
}
.dark label{
  color: #fff;
}
.dark .hover-sidebar {
    color: var(--bg-white);
}

.dark .hover-sidebar:hover {
    background-color: var(--primary-clr);
    color: var(--bg-white);
}

.dark .sidebar-active {
    background-color: var(--primary-clr);
    color: var(--bg-white);
}

.dark .logo {
    background-image: url(/assets/images/landing/dark-logo.png);
    height: 84px;
    width: 178px;
}


.dark .theme-toggle {
    color: #ffffff;
}

.dark .theme-toggle:hover {
    background: var(--primary-clr);
    color: var(--bg-white);
}

.dark .inner-heading {
    color: var(--bg-white);
}

.dark .font-theme {
    color: var(--bg-white);
}

.dark .icon-theme {
    color: var(--bg-white);
}

.dark .card-bg {
    background-color: var(--bg-black);
}

.dark .primary-btn {
    color: var(--bg-white);
}

.dark .modal-content {
    background-color: var(--bg-black);
    box-shadow: 1px 0px 5px 0px var(--primary-btnclr);
}

.dark .shadow {
    border: 1px solid var(--bg-white);
}
.dark .fs-34,
.dark .fs-38,
.dark .fs-20,
.dark .fs-18,
.dark .fs-19,
.dark .fs-24,
.dark .fs-16 {
    color: #ffffff !important;
}

.dark .card {
    background-color: #141414;
}

.dark .box {
    border-color: #d4d3d3 !important;
    box-shadow: inset 1.90093px 2.53457px 22.6844px -6.97008px rgba(93, 148, 204, 0.44) ;
}

.dark .text-color {
    color: #10D097 !important ;
}

.dark .svg path {
    fill: white !important;
}

.dark .card-header{
    border-bottom: 1px solid #929292;
}

.dark hr {
    color: #E3E3E3;
}
.dark h1,
.dark h2,
.dark h4,
.dark span {
  color: #ffffff;
}

.dark .inactive-btn {
  border-color: #5ea2ff;
  color: #8ab8ff;
  background: transparent;
}
.dark .inactive-btn:hover {
  background: #2563eb;
  color: #fff;

}
.dark .custom-switch {
    background-color: #262626;
    border: 0.6px solid #DEE2E6;
}


.dark .custom-select {

    background-color: #000 !important;
    color: #fff !important;

    /* WHITE ARROW */

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

.dark .theme-btn {
    background-color: var(--primary-clr) !important;
}


.dark .custom-table {
    background-color: #000 !important;
    color: #fff !important;
}


.dark .custom-table thead th {
    background-color: #111 !important;
    color: #fff !important;
    border-color: #2a2a2a !important;
}

.dark .custom-table tbody tr {
    background-color: #000 !important;
}

.dark .custom-table tbody td {
    background-color: #000 !important;
    color: #fff !important;
    border-color: #2a2a2a !important;
}


.dark .custom-table tbody tr:hover td {
    background-color: #111 !important;
}


.dark .custom-table .text-secondary {
    color: #b0b0b0 !important;
}
.dark .previous-card{
    background-color: #141414 !important;
    color: #ffffff;
}
.dark .primary-btn2{
    background-color: #141414 !important;
    color: #ffffff;
}


.dark .custom-input {
    background: #000;
    border-color: #374151;
    color: #fff;
}
.dark .menu{
    background:#3c3c40 !important;
}
.dark .navbarhead .nav-link{
color: var(--text-white) !important;
}
.dark .primary-btn svg{
    fill: var(--text-white) !important;
    stroke: var(--text-white) !important;
}
 .dark-popup .mat-mdc-dialog-container {
    padding: 0 !important;
}
 .dark-popup .mat-mdc-dialog-surface {
    background-color: #000000 !important;
    border-radius: 12px !important;
    overflow: hidden;
    color: #ffffff !important;
    box-shadow:
        inset 1.90093px 2.53457px 22.6844px -6.97008px rgba(93, 148, 204, 0.44),
        0 0 12px rgba(0,0,0,0.6) !important;
}
 .dark-popup .common-popup-content {
    background: #000000;
    padding: 24px;
}
.dark h1,.dark h2,.dark h5{
    color: #ffffff !important;

}
 .dark-popup .common-popup-title,
 .dark-popup h2,
 .dark-popup h4,
 .dark-popup h5,
 .dark-popup h6,
 .dark-popup p,
 .dark-popup span,
 .dark-popup label {
    color: #ffffff !important;
}
 .dark .form-control,
 .dark .form-select,
 .dark .common-popup-input {
    background: #111111 !important;
    border: 1px solid #2c2c2c !important;
    color: #ffffff !important;
    height: 48px;
    border-radius: 8px;
    box-shadow: none !important;
}
 .dark-popup .form-control::placeholder,
 .dark-popup .common-popup-input::placeholder {
    color: #9b9b9b !important;
}
 .dark-popup option {
    background: #111111;
    color: #ffffff;
}
 .dark-popup .common-popup-box {
    background: #111111;
    border: 1px solid #2c2c2c;
    border-radius: 8px;
}
 .dark-popup .common-popup-btn {
    width: 100%;
    height: 48px;
    border-radius: 8px;
}
 .dark-popup .common-popup-close {
    color: #ffffff !important;
}
 .dark-popup .mdc-dialog__surface {
    background: #000000 !important;
}

.dark .offcanvas{
    background-color: var(--header-dark-clr) !important;
}
.dark .first-heading{
    color: var(--text-white) !important;
}
.dark .gary-text{
    color: var(--gary-textclr) !important;
}
.dark .search-box{
    background-color: transparent !important;
}
.dark .second-heading{
    color: var(--text-white) !important;
}
.dark .big-para{
    color: var(--text-white);
}
.dark .future-box-three{
    background-color: #3f3f3f !important;
}
.dark .future-box-four{
     background-color: #3f3f3f !important;
}
.dark .future-card-heading-two{
    color: var(--text-white) !important;
}
.dark .future-card-paras-two{
           color: var(--gary-textclr) !important;
}
.dark .hr-clr{
       color: var(--text-white) !important;
}
.dark .future-box-six{
    background-color: #0A1622 !important;
}
.dark .future-card-paras{
    color: var(--gary-textclr) !important;
}
.dark .security-boxs{
    background-color: #121212 !important;
}
.dark .security-paraone{
       color: var(--text-white) !important;
}
.dark .footer-box {
    border-top: 1px solid var(--text-white);
    border-bottom: 1px solid var(--text-white);
}
.dark .footer-box-two{
    border-bottom: 1px solid var(--text-white);
}
.dark .footer-end-text {
    color: var(--text-white) !important;

}
.dark .footer-texts {
    color: var(--text-white) !important;

}
.dark .coins-name{
    color: var(--text-white) !important;
}
.dark .market-tag-text{
    color: var(--text-white) !important;
}
.dark .search-box input{
    color: var(--text-white) !important;
}
/* .dark .active-menu{
    color: var(--primary-clr) !important;
    font-weight: 600;
} */
.dark .popup-content{
    background-color: #121212 !important;
    color: #ffffff;
}
.dark .custom-input::placeholder{
    color: var(--bg-black) !important;
}
.dark .custom-login-texts{
    color: var(--bg-black) !important;
}
.dark .custom-input{
    color: var(--bg-black) !important;
}
.dark .twofalosting-heading{
  color: var(--text-white) !important;
}
.dark .otp-heading{
  color: var(--text-white) !important;
}

.dark div:where(.swal2-container) div:where(.swal2-popup){
  background-color: #141414;
}
.dark .navbarhead .nav-link.active-menu{
    color: var(--primary-clr) !important;
    font-weight: 600;
}
.dark .limit-label {
    color: var(--text-white) !important;
}

.dark .limit-value-min {
    color: yellow!important;
}
.dark .limit-value-max {
    color: green !important;
}
.dark .withdraw-limit-card {
    background: #111111 !important;
    border: 1px solid #2c2c2c !important;
    color: #ffffff !important;
}

.dark input[type="date"]::-webkit-calendar-picker-indicator {
    filter: invert(1);
}

.dark .md-drppicker {
    background: #1e1e1e !important;
    color: #fff !important;
    border: 1px solid #444 !important;
}
.dark .md-drppicker td,
.dark .md-drppicker th {
    color: #fff !important;
}

.dark .md-drppicker .calendar-table {
    background: #1e1e1e !important;
}
.dark .transaction-datepicker{
     color: #fff !important;
}
.dark .transaction-datepicker::placeholder{
     color: #fff !important;
}


/* ----- Plans Component Dark Mode ----- */
.dark .plan-card {
    background-color: var(--bg-black) !important;
    border-color: var(--bg-white) !important;
  }
  .dark .plan-card:hover {
    border-color: rgba(255, 255, 255, 0.15);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4), 0 4px 16px rgba(0, 0, 0, 0.2);
  }
  .dark .plan-card-header {
    background: var(--primary-clr) !important;
    border-bottom-color: rgba(255, 255, 255, 0.06);
  }
  .dark .plan-name {
    color: var(--bg-white) !important;
  }
  .dark .stat-value {
    color: var(--bg-white) !important;
  }
    .dark .stat-value.green {
    color: #10D097 !important;
  }
      .dark .stat-value.red {
    color: red !important;
  }
  .dark .stat-icon {
    background: var(--primary-btnclr) !important;
  }
  .dark .stat-icon svg path {
    fill: var(--bg-white) !important;
  }
  .dark .benefit-text {
    color: var(--bg-white) !important;
  }
  .dark .plan-benefits {
    border-top-color: rgba(255, 255, 255, 0.06);
  }
  .dark .section-title {
    color: var(--bg-white) !important;
  }
  .dark .section-title span {
    color: var(--primary-clr);
  }
  .dark .empty-state h5 {
    color: var(--gary-textclr);
  }
  .dark .invest-modal h4 {
    color: var(--bg-white) !important;
  }
  .dark .invest-modal .form-group label {
    color: var(--bg-white) !important;
  }
  .dark .invest-modal input {
    background-color: #000;
    color: var(--text-white) !important;
    border-color: rgba(255, 255, 255, 0.12);
  }
  .dark .invest-modal input:focus {
    border-color: var(--primary-clr);
    box-shadow: 0 0 0 3px rgba(38, 101, 164, 0.25);
  }
  .dark .invest-modal .balance-info {
    background: rgba(255, 255, 255, 0.04);
    color: var(--bg-white) !important;
  }
  .dark .invest-modal .summary-box {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.06);
  }
  .dark .invest-modal .summary-value {
    color: var(--text-white) !important;
  }
  .dark .invest-modal .btn-cancel {
    border-color: rgba(255, 255, 255, 0.15);
    color: var(--gary-textclr);
  }
  .dark .invest-modal .btn-cancel:hover {
      border-color: var(--gary-textclr);
  }
  .dark .invest-modal .balance-text {
      color: var(--text-white) !important;

  }

 .dark .invest-modal .form-group input {
     border: 1px solid #2c2c2c !important;
     background: #111111 !important;
 }
  .dark .balance-info {
    background: #111111 !important;
     border: 1px solid #2c2c2c !important;

  }
.dark .summary-box{
    background: #111111 !important;
     border: 1px solid #2c2c2c !important;
}

.dark .md-drppicker td.in-range {
    background-color: #7a8386;
    border-color: transparent;
    color: #000;
    border-radius: 0;
}

.dark .md-drppicker td.off {
    border-color: transparent;
    color: #999;
}

.dark .md-drppicker td.off,
.dark .md-drppicker td.off.in-range,
.dark .md-drppicker td.off.start-date,
.dark .md-drppicker td.off.end-date {
  background: transparent !important;
}

.dark .md-drppicker td.available:hover, .md-drppicker th.available:hover {
    background-color: #3b4a8e;
}