:root {
  --background-color-light: #ffffff;
  --text-color-light: #000000;
  --background-color-dark: #333333;
  --text-color-dark: #ffffff;
  --transition-speed: 0.3s;
}

/* Default Light Theme */
[data-theme=light] {
  background-color: var(--background-color-light);
  color: var(--text-color-light);
}

/* Dark Theme */
[data-theme=dark],
html[data-theme=dark] body {
  background-color: var(--background-color-dark);
  color: var(--text-color-dark);
}

html[data-theme=dark] .preloader {
  background-color: var(--background-color-dark);
}

html[data-theme=dark] .header.scrolled,
html[data-theme=dark] .header.element-open {
  background-color: #393939;
}

html[data-theme=dark] .header.scrolled .menu-search-box img:not(.logo),
html[data-theme=dark] .header.element-open .menu-search-box img:not(.logo) {
  filter: invert(0%) sepia(4%) saturate(14%) hue-rotate(98deg) brightness(103%) contrast(100%);
}

html[data-theme=dark] .voice-search-box {
  background: #393939;
  border-top: 1px solid rgba(0, 0, 0, 0.26);
}

html[data-theme=dark] .search-box {
  background: #393939;
  border-top: 1px solid rgba(0, 0, 0, 0.26);
}

html[data-theme=dark] .search-box .mob-search .most-searches .search-result-capsule,
html[data-theme=dark] .search-box .mob-search .recent-searches .search-result-capsule {
  border: 1px solid #bab9b9;
  color: #FFF;
}

html[data-theme=dark] .search-box h3 {
  color: var(--ColorWhite);
}

html[data-theme=dark] .voice-search-box .typewriter h3 {
  color: var(--ColorWhite);
}

html[data-theme=dark] .banner-section h1 {
  color: var(--ColorWhite);
}

html[data-theme=dark] .banner-section h1 span {
  color: var(--ColorLightBlue);
}

html[data-theme=dark] .banner-section p {
  color: var(--ColorWhite);
}

html[data-theme=dark] .section-two p {
  color: var(--ColorWhite);
}

html[data-theme=dark] .section-two .pf-rel-box .pf-animation-bg-txt h4 {
  color: #666;
}

html[data-theme=dark] .brand-box .brands-animation-bg-txt h4 {
  -webkit-text-stroke: 2px #666;
}

html[data-theme=dark] .brand-box .brands-slider-box .nav-button::before,
html[data-theme=dark] .brand-box .brands-slider-box .nav-button::before {
  border: 1px solid var(--ColorLightBlue);
}

html[data-theme=dark] .brand-box .brands-slider-box .slide .slide-inner-box {
  background: transparent;
}

html[data-theme=dark] .sustainablity-box p {
  color: var(--ColorWhite);
}

html[data-theme=dark] .btn-blue {
  color: #41b6e6;
  border: 1px solid #343579;
}

html[data-theme=dark] .btn-blue::after {
  border-color: #41b6e6;
}

html[data-theme=dark] .btn-blue:hover {
  background-color: #41b6e6;
  color: #fff;
}

html[data-theme=dark] .btn-green {
  color: #81d8c2;
  border: 1px solid #18604d;
}

html[data-theme=dark] .something-bigger h5 {
  color: #19b299;
}

html[data-theme=dark] footer .footer-nav ul li a {
  color: var(--ColorWhite);
}

html[data-theme=dark] footer .footer-nav ul li::marker {
  color: #44bfec;
}

html[data-theme=dark] footer .footer-social-box h6 {
  color: #44bfec;
}

html[data-theme=dark] .brand-box .pro-page-heading {
  color: var(--ColorLightBlue);
}

@media (max-width: 767px) {
  html[data-theme=dark] header {
    background-color: #393939;
    border-bottom: 1px solid #333;
  }
  html[data-theme=dark] .header .menu-search-box img:not(.logo) {
    filter: invert(0%) sepia(4%) saturate(14%) hue-rotate(98deg) brightness(103%) contrast(100%);
  }
}/*# sourceMappingURL=darkmode.css.map */