[data-bs-theme="dark"] {
  --bacground: #0f2c4d;
  --black: #fff;
  --white: #17192d;
  --color-50: #191919;
  --color-100: #100c40;
  --color-200: #6a88c0;
  --color-300: #1b4e88;
  --color-400: #174273;
  --color-500: #133861;
  --netu-50: #0a1c31;
  --netu-400: #727272;
  --hightline: #5594dd;
}

[data-bs-theme="dark"] header .logo,
[data-bs-theme="dark"] .mobile-menu .logo,
[data-bs-theme="dark"] .imagerotate {
  filter: grayscale(1) invert(1) brightness(4);
}

aside.mobile-menu span {
  color: var(--text-color);
}

[data-bs-theme="dark"] .icon {
  filter: brightness(0) invert(1);
}

[data-bs-theme="dark"] .circle {
  background: var(--color-400);
}

[data-bs-theme="dark"] .circle .moon {
  position: absolute;
  transform: translateY(-35px);
}

[data-bs-theme="dark"] .circle .sun {
  position: static;
  transform: translateY(0);
}

[data-bs-theme="dark"] .swiper-hero .swiper-button-next:hover::after {
  color: var(--black);
}
[data-bs-theme="dark"] .swiper-hero .swiper-button-prev:hover::after {
  color: var(--black);
}

[data-bs-theme="dark"] .btn-site.btn-services {
  border-color: var(--black);
}

[data-bs-theme="dark"] .Leading-sol.site-container .btn-site {
  background: var(--black);
  color: var(--white);
}

[data-bs-theme="dark"] .Leading-sol.site-container .btn-site:hover img {
  filter: invert(1);
}

[data-bs-theme="dark"] .swiper-real-patent .swiper-slide,
[data-bs-theme="dark"] .swiper-platforms .swiper-slide,
[data-bs-theme="dark"] .swiper-Awards .swiper-slide {
  background-color: var(--color-300);
}

[data-bs-theme="dark"] .front-slide,
[data-bs-theme="dark"] .back-slide {
  border-color: var(--black);
}

[data-bs-theme="dark"] .Leading-sol .swiper-button-prev::after,
[data-bs-theme="dark"] .Leading-sol .swiper-button-next::after {
  color: var(--text-color);
}

[data-bs-theme="dark"] .Real-patent-container h3,
[data-bs-theme="dark"] .Outsourcing-contanier h3,
[data-bs-theme="dark"] .Best-CX-container h3,
[data-bs-theme="dark"] .Awards-container h3 {
  color: var(--text-color);
}

[data-bs-theme="dark"] .form_input::placeholder {
  color: var(--netu-black);
}

[data-bs-theme="dark"] .award-box .award-date {
  color: var(--color-200);
}

[data-bs-theme="dark"] .spinner {
  filter: grayscale(1) invert(1) brightness(4.5);
}

[data-bs-theme="dark"] .special {
  color: var(--color-200);
}