body.dark-mode,
html[data-tokenbat-theme="dark"] body {
  --tokenbat-dark-bg: #090d16;
  --tokenbat-dark-panel: #0e1421;
  --tokenbat-dark-panel-2: #111723;
  --tokenbat-dark-text: #ffffff;
  --tokenbat-dark-muted: #ffffffa6;
  --tokenbat-dark-border: #ffffff1a;
  --tokenbat-dark-accent: #b9fb6a;
  --tokenbat-dark-black: #0e0e0e;
  --tokenbat-dark-transparent: #090d1600;
  background-color: var(--tokenbat-dark-bg) !important;
  color: var(--tokenbat-dark-muted) !important;
  color-scheme: dark;
  accent-color: var(--tokenbat-dark-accent);
  caret-color: var(--tokenbat-dark-accent);
}

body.dark-mode .site,
body.dark-mode .site-content,
body.dark-mode main,
body.dark-mode article,
body.dark-mode section,
body.dark-mode .elementor,
body.dark-mode .elementor-section,
body.dark-mode .elementor-top-section,
body.dark-mode .e-con {
  background-color: var(--tokenbat-dark-bg) !important;
  background-blend-mode: multiply;
  color: var(--tokenbat-dark-muted) !important;
  border-color: var(--tokenbat-dark-border) !important;
}

body.dark-mode .elementor-container,
body.dark-mode .e-con-inner,
body.dark-mode .elementor-widget-wrap {
  background-color: transparent !important;
  color: var(--tokenbat-dark-muted) !important;
  border-color: var(--tokenbat-dark-border) !important;
}

body.dark-mode #page,
body.dark-mode .page,
body.dark-mode .site-main,
body.dark-mode .content-area,
body.dark-mode .page-content,
body.dark-mode .elementor-location-header,
body.dark-mode .elementor-location-footer,
body.dark-mode header,
body.dark-mode footer {
  background-color: var(--tokenbat-dark-bg) !important;
  color: var(--tokenbat-dark-muted) !important;
  border-color: var(--tokenbat-dark-border) !important;
}

body.dark-mode .site-header,
body.dark-mode .header,
body.dark-mode #masthead,
body.dark-mode .main-navigation,
body.dark-mode .tf-nav-menu,
body.dark-mode .tf-nav-menu .main-menu,
body.dark-mode .tf-nav-menu .menu,
body.dark-mode .elementor-nav-menu,
body.dark-mode .elementor-nav-menu--main,
body.dark-mode .elementor-widget-nav-menu,
body.dark-mode .elementor-widget-sasi-nav-menu,
body.dark-mode .elementor-widget-sasi-header,
body.dark-mode .elementor-widget-sasi-menu {
  background-color: var(--tokenbat-dark-bg) !important;
  color: var(--tokenbat-dark-text) !important;
  border-color: var(--tokenbat-dark-border) !important;
}

body.dark-mode .tf-nav-menu a,
body.dark-mode .main-menu a,
body.dark-mode .menu a,
body.dark-mode .elementor-nav-menu a,
body.dark-mode nav a,
body.dark-mode header a {
  color: var(--tokenbat-dark-text) !important;
  background-color: transparent !important;
  border-color: transparent !important;
  text-decoration-color: var(--tokenbat-dark-border) !important;
}

body.dark-mode .current-menu-item > a,
body.dark-mode .current_page_item > a,
body.dark-mode .elementor-item-active,
body.dark-mode .menu-item.current-menu-item > a,
body.dark-mode nav a[aria-current="page"] {
  background-color: var(--tokenbat-dark-accent) !important;
  color: var(--tokenbat-dark-black) !important;
  border-color: var(--tokenbat-dark-accent) !important;
}

body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6,
body.dark-mode .sasi-heading__title,
body.dark-mode .elementor-heading-title,
body.dark-mode .title,
body.dark-mode .heading,
body.dark-mode .tf-title,
body.dark-mode .entry-title,
body.dark-mode .page-title,
body.dark-mode .post-title,
body.dark-mode .card-title,
body.dark-mode strong,
body.dark-mode b {
  color: var(--tokenbat-dark-text) !important;
  border-color: var(--tokenbat-dark-border) !important;
}

body.dark-mode p,
body.dark-mode span,
body.dark-mode li,
body.dark-mode label,
body.dark-mode small,
body.dark-mode .desc,
body.dark-mode .description,
body.dark-mode .subtitle,
body.dark-mode .sub-title,
body.dark-mode .sasi-heading__description,
body.dark-mode .elementor-icon-list-text,
body.dark-mode .elementor-widget-text-editor,
body.dark-mode .elementor-widget-text-editor * {
  color: var(--tokenbat-dark-muted) !important;
  border-color: var(--tokenbat-dark-border) !important;
}

body.dark-mode a,
body.dark-mode a span,
body.dark-mode .elementor-button,
body.dark-mode .elementor-button span,
body.dark-mode .sasi-button,
body.dark-mode .sasi-button span,
body.dark-mode button,
body.dark-mode input[type="button"],
body.dark-mode input[type="submit"] {
  color: var(--tokenbat-dark-text) !important;
  border-color: var(--tokenbat-dark-border) !important;
}

body.dark-mode .elementor-button,
body.dark-mode .sasi-button,
body.dark-mode .sasi-btn,
body.dark-mode .btn,
body.dark-mode button[type="submit"],
body.dark-mode input[type="submit"] {
  background-color: var(--tokenbat-dark-panel) !important;
  color: var(--tokenbat-dark-text) !important;
  border-color: var(--tokenbat-dark-border) !important;
}

body.dark-mode .elementor-button:hover,
body.dark-mode .sasi-button:hover,
body.dark-mode .sasi-btn:hover,
body.dark-mode .btn:hover,
body.dark-mode button[type="submit"]:hover,
body.dark-mode input[type="submit"]:hover,
body.dark-mode .elementor-button.elementor-size-sm,
body.dark-mode .sasi-button.style-accent,
body.dark-mode .sasi-btn.style-accent,
body.dark-mode .button-primary,
body.dark-mode .primary,
body.dark-mode .accent,
body.dark-mode [class*="accent"] .elementor-button {
  background-color: var(--tokenbat-dark-accent) !important;
  color: var(--tokenbat-dark-black) !important;
  border-color: var(--tokenbat-dark-accent) !important;
}

body.dark-mode .elementor-widget-container,
body.dark-mode .elementor-column,
body.dark-mode .elementor-inner-column,
body.dark-mode .elementor-card,
body.dark-mode .sasi-card,
body.dark-mode .sasi-icon-box,
body.dark-mode .sasi-service-box,
body.dark-mode .sasi-price-table,
body.dark-mode .sasi-pricing,
body.dark-mode .sasi-team,
body.dark-mode .sasi-portfolio,
body.dark-mode .sasi-testimonial,
body.dark-mode .sasi-accordion,
body.dark-mode .sasi-faq,
body.dark-mode .sasi-post,
body.dark-mode .service-item,
body.dark-mode .pricing-item,
body.dark-mode .team-item,
body.dark-mode .portfolio-item,
body.dark-mode .blog-item,
body.dark-mode .post-item,
body.dark-mode .card,
body.dark-mode [class*="box"],
body.dark-mode [class*="card"],
body.dark-mode [class*="item"] {
  border-color: var(--tokenbat-dark-border) !important;
}

body.dark-mode .sasi-card,
body.dark-mode .sasi-icon-box,
body.dark-mode .sasi-service-box,
body.dark-mode .sasi-price-table,
body.dark-mode .sasi-pricing,
body.dark-mode .sasi-team,
body.dark-mode .sasi-portfolio,
body.dark-mode .sasi-testimonial,
body.dark-mode .sasi-accordion,
body.dark-mode .sasi-faq,
body.dark-mode .service-item,
body.dark-mode .pricing-item,
body.dark-mode .team-item,
body.dark-mode .portfolio-item,
body.dark-mode .blog-item,
body.dark-mode .post-item,
body.dark-mode .card,
body.dark-mode [class*="feature"],
body.dark-mode [class*="service"],
body.dark-mode [class*="pricing"],
body.dark-mode [class*="testimonial"],
body.dark-mode [class*="accordion"] {
  background-color: var(--tokenbat-dark-panel) !important;
  color: var(--tokenbat-dark-muted) !important;
  border-color: var(--tokenbat-dark-border) !important;
  box-shadow: none !important;
}

body.dark-mode .active,
body.dark-mode .is-active,
body.dark-mode .highlight,
body.dark-mode .popular,
body.dark-mode .badge,
body.dark-mode .tag,
body.dark-mode .label,
body.dark-mode mark,
body.dark-mode .elementor-icon,
body.dark-mode .sasi-icon,
body.dark-mode .icon,
body.dark-mode .icon-box-icon,
body.dark-mode .elementor-icon-box-icon {
  border-color: var(--tokenbat-dark-border) !important;
}

body.dark-mode .popular,
body.dark-mode .badge,
body.dark-mode .tag,
body.dark-mode .label,
body.dark-mode mark,
body.dark-mode .elementor-icon:hover,
body.dark-mode .sasi-icon:hover,
body.dark-mode .icon:hover {
  background-color: var(--tokenbat-dark-accent) !important;
  color: var(--tokenbat-dark-black) !important;
  border-color: var(--tokenbat-dark-accent) !important;
}

body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select,
body.dark-mode .wpcf7-form-control,
body.dark-mode .mc4wp-form-fields input,
body.dark-mode .sib-email-area input,
body.dark-mode .search-field {
  background-color: var(--tokenbat-dark-panel) !important;
  color: var(--tokenbat-dark-text) !important;
  border-color: var(--tokenbat-dark-border) !important;
  outline-color: var(--tokenbat-dark-accent) !important;
}

body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder {
  color: var(--tokenbat-dark-muted) !important;
}

body.dark-mode svg,
body.dark-mode svg path,
body.dark-mode svg circle,
body.dark-mode svg rect,
body.dark-mode svg line,
body.dark-mode svg polyline,
body.dark-mode svg polygon {
  border-color: var(--tokenbat-dark-border) !important;
}

body.dark-mode .sasi-icon svg,
body.dark-mode .elementor-icon svg,
body.dark-mode .icon svg,
body.dark-mode .elementor-icon-list-icon svg,
body.dark-mode .sasi-icon path,
body.dark-mode .elementor-icon path,
body.dark-mode .icon path,
body.dark-mode .elementor-icon-list-icon path {
  fill: currentColor !important;
  stroke: currentColor !important;
}

body.dark-mode hr,
body.dark-mode table,
body.dark-mode th,
body.dark-mode td,
body.dark-mode .elementor-divider-separator,
body.dark-mode .swiper-pagination-bullet,
body.dark-mode .swiper-button-prev,
body.dark-mode .swiper-button-next,
body.dark-mode .slick-arrow,
body.dark-mode .owl-nav button {
  color: var(--tokenbat-dark-muted) !important;
  background-color: var(--tokenbat-dark-panel) !important;
  border-color: var(--tokenbat-dark-border) !important;
}

body.dark-mode .swiper-pagination-bullet-active,
body.dark-mode .slick-active,
body.dark-mode .owl-dot.active,
body.dark-mode .elementor-star-rating i,
body.dark-mode .elementor-icon-list-icon,
body.dark-mode .sasi-list-icon,
body.dark-mode .check,
body.dark-mode .checked {
  color: var(--tokenbat-dark-accent) !important;
  background-color: var(--tokenbat-dark-accent) !important;
  border-color: var(--tokenbat-dark-accent) !important;
}

body.dark-mode .woocommerce,
body.dark-mode .woocommerce-page,
body.dark-mode .woocommerce div.product,
body.dark-mode .woocommerce table.shop_table,
body.dark-mode .woocommerce-cart-form,
body.dark-mode .cart_totals,
body.dark-mode .checkout,
body.dark-mode .product,
body.dark-mode .shop_table {
  background-color: var(--tokenbat-dark-bg) !important;
  color: var(--tokenbat-dark-muted) !important;
  border-color: var(--tokenbat-dark-border) !important;
}

body.dark-mode .woocommerce button.button,
body.dark-mode .woocommerce a.button,
body.dark-mode .woocommerce input.button,
body.dark-mode .woocommerce #respond input#submit,
body.dark-mode .woocommerce .button {
  background-color: var(--tokenbat-dark-accent) !important;
  color: var(--tokenbat-dark-black) !important;
  border-color: var(--tokenbat-dark-accent) !important;
}

body.dark-mode ::selection {
  background-color: var(--tokenbat-dark-accent);
  color: var(--tokenbat-dark-black);
}

body.dark-mode .elementor-widget-container {
  background-color: transparent !important;
  border-color: var(--tokenbat-dark-border) !important;
}

body.dark-mode .sasi-switch.sasi-switch-active,
body.dark-mode .sasi-acc-item,
body.dark-mode .sasi-heading__sub,
body.dark-mode .sasi-price-table .elementor-widget-container,
body.dark-mode .pricing-item .elementor-widget-container,
body.dark-mode [class*="price"] .elementor-widget-container {
  background-color: var(--tokenbat-dark-panel) !important;
  color: var(--tokenbat-dark-text) !important;
  border-color: var(--tokenbat-dark-border) !important;
}

body.dark-mode .sasi-switch.sasi-switch-active *,
body.dark-mode .sasi-acc-item *,
body.dark-mode .sasi-heading__sub *,
body.dark-mode .sasi-price-table .elementor-widget-container *,
body.dark-mode .pricing-item .elementor-widget-container *,
body.dark-mode [class*="price"] .elementor-widget-container * {
  color: inherit !important;
  border-color: var(--tokenbat-dark-border) !important;
}

body.dark-mode .icon-box-des,
body.dark-mode .sasi-icon-box__content,
body.dark-mode .sasi-icon-box__content p,
body.dark-mode .sasi-icon-box__content .desc {
  color: var(--tokenbat-dark-muted) !important;
  border-color: var(--tokenbat-dark-border) !important;
}

body.dark-mode .sasi-icon,
body.dark-mode .sasi-icon-box__icon,
body.dark-mode .sasi-icon svg,
body.dark-mode .sasi-icon path,
body.dark-mode .sasi-icon-box__icon svg,
body.dark-mode .sasi-icon-box__icon path {
  color: var(--tokenbat-dark-accent) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  border-color: var(--tokenbat-dark-border) !important;
}