/* Dark Mode Styling */
.darkmode-toggle {
    display: none !important; /* Hide default Darkmode.js button */
  }
  
  /* Dark mode styles for navbar */
  .darkmode--activated .main-navbar .bg-body-tertiary {
    background: #2a3042 !important;
  }
  
  .darkmode--activated .main-navbar .nav-link {
    color: #a6b0cf !important;
  }
  
  .darkmode--activated .main-navbar .nav-link:hover,
  .darkmode--activated .main-navbar .nav-link.active {
    color: #556ee6 !important;
  }
  
  .darkmode--activated .main-navbar .signin-nav-link {
    color: #a6b0cf !important;
  }
  
  .darkmode--activated .main-navbar .signin-nav-link:hover {
    color: #556ee6 !important;
  }
  
  .darkmode--activated .main-navbar .blue-btn {
    background: #556ee6 !important;
    color: #fff !important;
  }
  
  .darkmode--activated .main-navbar .lang-btn {
    background: #32394e !important;
  }
  
  .darkmode--activated .main-navbar .mode-changer a {
    background: #32394e !important;
  }
  
  .darkmode--activated .main-navbar .mode-changer a.active {
    background: #556ee6 !important;
  }
  
  /* Dark mode for body and general content */
  .darkmode--activated body {
    background-color: #222736 !important;
    color: #a6b0cf !important;
  }
  
  .darkmode--activated .card {
    background-color: #2a3042 !important;
    border-color: #32394e !important;
    color: #a6b0cf !important;
  }
  
  .darkmode--activated .form-control,
  .darkmode--activated .form-select {
    background-color: #2a3042 !important;
    border-color: #32394e !important;
    color: #a6b0cf !important;
  }
  
  .darkmode--activated .form-control:focus,
  .darkmode--activated .form-select:focus {
    background-color: #2a3042 !important;
    border-color: #556ee6 !important;
    color: #a6b0cf !important;
  }
  
  .darkmode--activated .btn-light {
    background-color: #32394e !important;
    border-color: #32394e !important;
    color: #a6b0cf !important;
  }
  
  .darkmode--activated .btn-outline-light {
    border-color: #32394e !important;
    color: #a6b0cf !important;
  }
  
  .darkmode--activated .text-dark {
    color: #a6b0cf !important;
  }
  
  .darkmode--activated .text-muted {
    color: #8b95b3 !important;
  }
  
  /* Comprehensive dark mode heading styles - highest priority */
  .darkmode--activated h1,
  .darkmode--activated h2,
  .darkmode--activated h3,
  .darkmode--activated h4,
  .darkmode--activated h5,
  .darkmode--activated h6 {
    color: #ffc107 !important;
  }
  
  /* Override any specific heading styles in dark mode */
  .darkmode--activated .header h1,
  .darkmode--activated .page-title h1,
  .darkmode--activated .section-title h1,
  .darkmode--activated .title h1,
  .darkmode--activated h1.page-title,
  .darkmode--activated h1.section-title,
  .darkmode--activated h1.title {
    color: #ffc107 !important;
  }
  
  .darkmode--activated .header h2,
  .darkmode--activated .page-title h2,
  .darkmode--activated .section-title h2,
  .darkmode--activated .title h2,
  .darkmode--activated h2.page-title,
  .darkmode--activated h2.section-title,
  .darkmode--activated h2.title {
    color: #ffc107 !important;
  }
  
  .darkmode--activated .header h3,
  .darkmode--activated .page-title h3,
  .darkmode--activated .section-title h3,
  .darkmode--activated .title h3,
  .darkmode--activated h3.page-title,
  .darkmode--activated h3.section-title,
  .darkmode--activated h3.title {
    color: #ffc107 !important;
  }
  
  .darkmode--activated .header h4,
  .darkmode--activated .page-title h4,
  .darkmode--activated .section-title h4,
  .darkmode--activated .title h4,
  .darkmode--activated h4.page-title,
  .darkmode--activated h4.section-title,
  .darkmode--activated h4.title {
    color: #ffc107 !important;
  }
  
  .darkmode--activated .header h5,
  .darkmode--activated .page-title h5,
  .darkmode--activated .section-title h5,
  .darkmode--activated .title h5,
  .darkmode--activated h5.page-title,
  .darkmode--activated h5.section-title,
  .darkmode--activated h5.title {
    color: #ffc107 !important;
  }
  
  .darkmode--activated .header h6,
  .darkmode--activated .page-title h6,
  .darkmode--activated .section-title h6,
  .darkmode--activated .title h6,
  .darkmode--activated h6.page-title,
  .darkmode--activated h6.section-title,
  .darkmode--activated h6.title {
    color: #ffc107 !important;
  }
  
  /* Override heading colors in specific sections */
  .darkmode--activated .key-features-section h2,
  .darkmode--activated .key-features-section h3 {
    color: #000 !important;
    /* color: #ffc107 !important; */

  }
  
  .darkmode--activated .account-sub-title h3 {
    color: #ffc107 !important;
  }
  
  .darkmode--activated .campaign-item-header h4 {
    color: #ffc107 !important;
  }
  
  .darkmode--activated .sponsorship-header .header-left h1 {
    color: #ffc107 !important;
  }
  
  .darkmode--activated .my-sponsorships-page .page-title-wrapper h1 {
    color: #ffc107 !important;
  }
  
  .darkmode--activated .network-selector-header h3 {
    color: #ffc107 !important;
  }
  
  .darkmode--activated .nft-scan-empty h3 {
    color: #ffc107 !important;
  }
  
  .darkmode--activated .nft-card-info h4 {
    color: #ffc107 !important;
  }
  
  .darkmode--activated .nft-paste-link-section h3 {
    color: #ffc107 !important;
  }
  
  .darkmode--activated .nft-fetched-info h3 {
    color: #ffc107 !important;
  }
  
  .darkmode--activated .wallet-modal-header h2 {
    color: #ffc107 !important;
  }
  
  .darkmode--activated .wallet-option-info h3 {
    color: #ffc107 !important;
  }
  
  .darkmode--activated .network-modal-header h2 {
    color: #ffc107 !important;
  }
  
  .darkmode--activated .network-step-content h3 {
    color: #ffc107 !important;
  }
  
  /* Override any heading with dark color classes */
  .darkmode--activated h1.text-dark,
  .darkmode--activated h2.text-dark,
  .darkmode--activated h3.text-dark,
  .darkmode--activated h4.text-dark,
  .darkmode--activated h5.text-dark,
  .darkmode--activated h6.text-dark {
    color: #ffc107 !important;
  }
  
  .darkmode--activated h1.text-black,
  .darkmode--activated h2.text-black,
  .darkmode--activated h3.text-black,
  .darkmode--activated h4.text-black,
  .darkmode--activated h5.text-black,
  .darkmode--activated h6.text-black {
    color: #ffc107 !important;
  }
  
  /* Override headings with inline styles or specific color values */
  .darkmode--activated h1[style*="color: #"],
  .darkmode--activated h2[style*="color: #"],
  .darkmode--activated h3[style*="color: #"],
  .darkmode--activated h4[style*="color: #"],
  .darkmode--activated h5[style*="color: #"],
  .darkmode--activated h6[style*="color: #"] {
    color: #ffc107 !important;
  }
  
  /* Dark mode for Google Translate dropdown */
  .darkmode--activated #google_translate_element {
    background: #2a3042 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
  }
  
  .darkmode--activated #google_translate_element select {
    background-color: #2a3042 !important;
    border-color: #32394e !important;
    color: #a6b0cf !important;
  }
  
  .darkmode--activated #google_translate_element select:hover {
    border-color: #556ee6 !important;
  }
  
  .darkmode--activated #google_translate_element select:focus {
    border-color: #556ee6 !important;
  }
  
  /* Dark mode for notification dropdown */
  .darkmode--activated .notification-dropdown {
    background: #2a3042 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
  }
  
  .darkmode--activated .notification-header {
    background: #32394e !important;
    border-bottom-color: #3a425a !important;
  }
  
  .darkmode--activated .notification-header h6 {
    color: #ffc107 !important;
  }
  
  .darkmode--activated .notification-item {
    border-bottom-color: #32394e !important;
  }
  
  .darkmode--activated .notification-item:hover {
    background-color: #32394e !important;
  }
  
  .darkmode--activated .notification-item.unread {
    background-color: #2a3a52 !important;
  }
  
  .darkmode--activated .notification-message {
    color: #a6b0cf !important;
  }
  
  .darkmode--activated .notification-time {
    color: #8b95b3 !important;
  }
  
  /* Dark mode for user info */
  .darkmode--activated .user-text {
    color: #a6b0cf !important;
  }
  
  /* Dark mode for left sidebar */
  .darkmode--activated .left-sidebar {
    background: #2a3042 !important;
    border-right-color: #32394e !important;
  }
  
  .darkmode--activated .menu h3 {
    color: #a6b0cf !important;
  }
  
  .darkmode--activated .menu-item {
    color: #a6b0cf !important;
  }
  
  .darkmode--activated .menu-item:hover {
    background: linear-gradient(135deg, #556ee6 0%, #3b5bdb 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(85, 110, 230, 0.4) !important;
  }
  
  .darkmode--activated .menu-item.active {
    background: linear-gradient(135deg, #556ee6 0%, #3b5bdb 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(85, 110, 230, 0.4) !important;
  }
  
  .darkmode--activated .menu-item i,
  .darkmode--activated .menu-item svg {
    color: inherit !important;
  }
  
  /* Dark mode for submenu items */
  .darkmode--activated .submenu .menu-item {
    color: #8b95b3 !important;
  }
  
  .darkmode--activated .submenu .menu-item:hover {
    background: linear-gradient(135deg, #556ee6 0%, #3b5bdb 100%) !important;
    color: #ffffff !important;
  }
  
  .darkmode--activated .submenu .menu-item.active {
    background: linear-gradient(135deg, #556ee6 0%, #3b5bdb 100%) !important;
    color: #ffffff !important;
  }
  
  /* Dark mode for notification bell icon */
  .darkmode--activated .notification-bell {
    opacity: 0.9 !important;
  }
  
  .darkmode--activated .notification-bell:hover {
    opacity: 1 !important;
  }
  
  .darkmode--activated .notification-bell img {
    filter: brightness(0) invert(1) !important;
    opacity: 0.9 !important;
  }
  
  .darkmode--activated .notification-bell:hover img {
    opacity: 1 !important;
  }
  
  /* Dark mode for search box */
  .darkmode--activated .search-box-wrap {
    background: #2a3042 !important;
    border-color: #32394e !important;
  }
  
  .darkmode--activated .search-box-wrap .form-control {
    background-color: #2a3042 !important;
    color: #a6b0cf !important;
  }
  
  .darkmode--activated .search-box-wrap .form-control::placeholder {
    color: #8b95b3 !important;
  }
  
  .darkmode--activated .search-box-wrap .close-search {
    color: #a6b0cf !important;
  }
  
  /* Dark mode for search icon button */
  .darkmode--activated .search-box img {
    filter: brightness(0) invert(1) !important;
  }
  
  /* Dark mode for desktop menu toggle */
  .darkmode--activated .desktop-menu-toggle img {
    filter: brightness(0) invert(1) !important;
  }
  
  /* Dark mode for stat cards */
  .darkmode--activated .stat-card {
    background: #2a3042 !important;
    border-color: #32394e !important;
  }
  
  .darkmode--activated .stat-value {
    color: #ffc107 !important;
  }
  
  .darkmode--activated .stat-label {
    color: #a6b0cf !important;
  }
  
  /* Dark mode for green stat card (Total Raised) */
  .darkmode--activated .stat-card.green {
    background: linear-gradient(135deg, #1a3d2e 0%, #0f5132 50%, #0d4a2e 100%) !important;
    border-color: #10b981 !important;
  }
  
  .darkmode--activated .stat-card.green .stat-icon {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.4) !important;
  }
  
  .darkmode--activated .stat-subtext-green {
    color: #34d399 !important;
  }
  
  /* Dark mode for purple stat card (Active Campaigns) */
  .darkmode--activated .stat-card.purple {
    background: linear-gradient(135deg, #2d1b4e 0%, #1e0f3d 50%, #1a0d33 100%) !important;
    border-color: #7a3bf6 !important;
  }
  
  .darkmode--activated .stat-card.purple .stat-icon {
    background: linear-gradient(135deg, #7a3bf6 0%, #2563eb 100%) !important;
    box-shadow: 0 4px 12px rgba(122, 59, 246, 0.4) !important;
  }
  
  .darkmode--activated .stat-subtext-purple {
    color: #a78bfa !important;
  }
  
  /* Dark mode for blue stat card */
  .darkmode--activated .stat-card.blue {
    background: linear-gradient(135deg, #1e3a5f 0%, #1e40af 50%, #1e3a8a 100%) !important;
    border-color: #3b82f6 !important;
  }
  
  .darkmode--activated .stat-card.blue .stat-icon {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4) !important;
  }
  
  /* Dark mode for orange/pink stat card (NFTs Sold) */
  .darkmode--activated .stat-card.orange {
    background: linear-gradient(135deg, #4a1e3a 0%, #6b1f47 50%, #7a1f52 100%) !important;
    border-color: #ec4899 !important;
  }
  
  .darkmode--activated .stat-card.orange .stat-icon {
    background: linear-gradient(135deg, #ec4899 0%, #db2777 100%) !important;
    box-shadow: 0 4px 12px rgba(236, 72, 153, 0.4) !important;
  }
  
  .darkmode--activated .stat-subtext-orange {
    color: #f472b6 !important;
  }
  
  /* Dark mode for red/yellow stat card (Total Transferred) */
  .darkmode--activated .stat-card.red {
    background: linear-gradient(135deg, #4a3a1e 0%, #5c3d1f 50%, #6b4513 100%) !important;
    border-color: #f59e0b !important;
  }
  
  .darkmode--activated .stat-card.red .stat-icon {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.4) !important;
  }
  
  .darkmode--activated .stat-subtext-red {
    color: #fbbf24 !important;
  }
  
  /* Dark mode for campaign management cards */
  .darkmode--activated .campaign-management-card {
    background: #2a3042 !important;
    border-color: #32394e !important;
  }
  
  /* Dark mode for campaign action buttons */
  .darkmode--activated .campaign-action-btn {
    background: #2a3042 !important;
    border-color: #32394e !important;
    color: #a6b0cf !important;
  }
  
  .darkmode--activated .campaign-action-btn:hover {
    background: #32394e !important;
    border-color: #556ee6 !important;
    color: #ffffff !important;
  }
  
  .darkmode--activated .campaign-action-btn-active {
    background: linear-gradient(135deg, #556ee6 0%, #3b5bdb 100%) !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(85, 110, 230, 0.4) !important;
  }
  
  .darkmode--activated .campaign-action-btn-active:hover {
    background: linear-gradient(135deg, #3b5bdb 0%, #2563eb 100%) !important;
    box-shadow: 0 6px 16px rgba(85, 110, 230, 0.5) !important;
  }
  
  /* Dark mode for campaign table */
  .darkmode--activated .campaign-table thead {
    background: #32394e !important;
  }
  
  .darkmode--activated .campaign-table th {
    color: #a6b0cf !important;
    border-color: #3a425a !important;
  }
  
  .darkmode--activated .campaign-table td {
    color: #a6b0cf !important;
    border-color: #32394e !important;
  }
  
  .darkmode--activated .campaign-table tbody tr {
    background: #2a3042 !important;
  }
  
  .darkmode--activated .campaign-table tbody tr:hover {
    background: #32394e !important;
  }
  
  /* Dark mode for campaign table text elements */
  .darkmode--activated .campaign-name-main {
    color: #ffc107 !important;
  }
  
  .darkmode--activated .campaign-name-subtitle {
    color: #8b95b3 !important;
  }
  
  .darkmode--activated .raised-amount {
    color: #ffc107 !important;
  }
  
  .darkmode--activated .progress-bar-campaign {
    background: #32394e !important;
  }
  
  .darkmode--activated .campaign-table td {
    color: #a6b0cf !important;
  }
  
  /* Dark mode for campaign cards */
  .darkmode--activated .campaign-card {
    background: #2a3042 !important;
    border-color: #32394e !important;
  }
  
  .darkmode--activated .campaign-card-title {
    color: #ffc107 !important;
  }
  
  .darkmode--activated .campaign-card-description {
    color: #a6b0cf !important;
  }
  
  .darkmode--activated .campaign-card-location {
    color: #a6b0cf !important;
    border-top-color: #32394e !important;
    border-bottom-color: #32394e !important;
  }
  
  .darkmode--activated .campaigns-listing-section .card.campaign-card {
    background: #2a3042 !important;
    border-color: #32394e !important;
  }
  
  /* Dark mode for all text with dark colors */
  .darkmode--activated [style*="color: #1a1a1a"],
  .darkmode--activated [style*="color: #111827"],
  .darkmode--activated [style*="color: #000"],
  .darkmode--activated [style*="color: #000000"] {
    color: #a6b0cf !important;
  }
  
  /* Dark mode for general text elements */
  .darkmode--activated p,
  .darkmode--activated span,
  .darkmode--activated div,
  .darkmode--activated td,
  .darkmode--activated li {
    color: inherit;
  }
  
  /* Dark mode for specific text color classes */
  .darkmode--activated .text-dark {
    color: #a6b0cf !important;
  }
  
  .darkmode--activated .text-black {
    color: #a6b0cf !important;
  }
  
  /* Dark mode for status badges and dots */
  .darkmode--activated .status-dot {
    border-color: #32394e !important;
  }
  
  .darkmode--activated .status-text {
    color: #a6b0cf !important;
  }
  
  /* Dark mode for action buttons in table */
  .darkmode--activated .action-buttons a,
  .darkmode--activated .action-buttons button {
    color: #a6b0cf !important;
  }
  
  .darkmode--activated .action-buttons a:hover,
  .darkmode--activated .action-buttons button:hover {
    color: #556ee6 !important;
  }
  
  /* Dark mode for campaign action buttons text */
  .darkmode--activated .btn-view-campaign-inline {
    color: #a6b0cf !important;
    background: #32394e !important;
  }
  
  .darkmode--activated .btn-view-campaign-inline:hover {
    background: #3a425a !important;
    color: #ffffff !important;
  }
  
  /* Dark mode for progress text */
  .darkmode--activated .progress-text {
    color: #a6b0cf !important;
  }
  
  /* Dark mode for goal and raised text */
  .darkmode--activated .goal-amount,
  .darkmode--activated .raised-text {
    color: #000 !important;
  }
  
  /* Dark mode for NFTs minted text */
  .darkmode--activated .nfts-count {
    color: #a6b0cf !important;
  }
  
  /* Dark mode for breadcrumbs */
  .darkmode--activated .breadcrumb-current {
    color: #ffc107 !important;
  }
  
  .darkmode--activated .breadcrumb-separator {
    color: #8b95b3 !important;
  }
  
  /* Dark mode for campaigns title */
  .darkmode--activated .campaigns-main-title {
    color: #ffc107 !important;
  }
  
  .darkmode--activated .campaigns-subtitle {
    color: #a6b0cf !important;
  }
  
  /* Comprehensive dark mode text color fixes */
  /* Fix all table text */
  .darkmode--activated table td,
  .darkmode--activated table th,
  .darkmode--activated .table td,
  .darkmode--activated .table th {
    color: #a6b0cf !important;
  }
  
  .darkmode--activated .campaign-table tbody td strong,
  .darkmode--activated .campaign-table tbody td b,
  .darkmode--activated .campaign-table tbody td {
    color: #a6b0cf !important;
  }
  
  /* Fix all card text */
  .darkmode--activated .card p,
  .darkmode--activated .card span:not(.badge):not(.status-dot):not(.btn),
  .darkmode--activated .card div:not(.badge):not(.status-dot):not(.btn) {
    color: #a6b0cf !important;
  }
  
  .darkmode--activated .card h1,
  .darkmode--activated .card h2,
  .darkmode--activated .card h3,
  .darkmode--activated .card h4,
  .darkmode--activated .card h5,
  .darkmode--activated .card h6 {
    color: #ffc107 !important;
  }
  
  /* Fix main content text */
  .darkmode--activated .main-content p,
  .darkmode--activated .main-content span:not(.badge):not(.btn),
  .darkmode--activated .main-content div:not(.badge):not(.btn) {
    color: #a6b0cf !important;
  }
  
  .darkmode--activated .main-content h1,
  .darkmode--activated .main-content h2,
  .darkmode--activated .main-content h3,
  .darkmode--activated .main-content h4,
  .darkmode--activated .main-content h5,
  .darkmode--activated .main-content h6 {
    color: #ffc107 !important;
  }
  
  /* Fix action buttons and icons */
  .darkmode--activated .action-btn,
  .darkmode--activated .action-btn svg,
  .darkmode--activated .action-btn i {
    color: #a6b0cf !important;
  }
  
  .darkmode--activated .action-btn:hover,
  .darkmode--activated .action-btn:hover svg,
  .darkmode--activated .action-btn:hover i {
    color: #556ee6 !important;
  }
  
  /* Fix status text */
  .darkmode--activated .status-text,
  .darkmode--activated .status-badge {
    color: #a6b0cf !important;
  }
  
  /* Fix percentage and numeric text */
  .darkmode--activated .percentage-text,
  .darkmode--activated .percent {
    color: #a6b0cf !important;
  }
  
  /* Fix all table cell text (including amounts and percentages) */
  .darkmode--activated td {
    color: #a6b0cf !important;
  }
  
  /* Fix links */
  .darkmode--activated a:not(.btn):not(.badge):not(.menu-item):not(.nav-link) {
    /* color: #556ee6 !important; */
    /* color: #fff !important; */

  }
  
  /* .darkmode--activated a:not(.btn):not(.badge):not(.menu-item):not(.nav-link):hover {
    color: #7c8ef5 !important;
    color: #fff !important;
  }
   */
  /* Fix labels and form text */
  .darkmode--activated label,
  .darkmode--activated .form-label {
    color: #a6b0cf !important;
  }
  
  /* Fix small and muted text */
  .darkmode--activated small,
  .darkmode--activated .small,
  .darkmode--activated .text-muted {
    color: #8b95b3 !important;
  }
  
  /* Fix any remaining dark text colors */
  .darkmode--activated [class*="text-dark"],
  .darkmode--activated [class*="text-black"] {
    color: #a6b0cf !important;
  }
  
  /* Dark mode transitions */
  .darkmode--activated * {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
  }

  .darkmode--activated .white-btn {
    color: #000 !important;
  }

  .darkmode-layer{
        mix-blend-mode: color !important;
  }

  .featured-campaigns-section{
    background: #000 !important;
  }
  .darkmode--activated h1, .darkmode--activated h2, .darkmode--activated h3, .darkmode--activated h4, .darkmode--activated h5, .darkmode--activated h6 {
    color: #fff !important;
}
.hero-section .owl-carousel-content h1{
       color: #fff !important; 
}

.hero-section .owl-carousel-content h2{
     color: #fff !important; 
}

.why-choose-section .why-choose-block-wrapper .why-choose-block h2{
     color: #000 !important; 
}

.why-choose-section .why-choose-block-wrapper .why-choose-block h4{
     color: #000 !important; 
}

.featured-campaigns-section .featured-campaigns-block-wrapper .featured-campaigns-block .featured-campaigns-content .featured-campaigns-content-title h4 {
    font-size: 18px;
    color: #000 !important;
}

.leading-business-section h2{
    color: #000 !important;
}

.why-choose-title h2{
      color: #000 !important;
}

.why-choose-section .why-choose-title h3{
    color: #555 !important;
}