body.dark-mode {
  background-color: #121212;
  color: #888;
}
body.dark-mode header {
  background-color: #146483;
}
body.dark-mode .head-main .menu-sec ul li .dropbtn {
  color: #ccc;
}
body.dark-mode .head-main .menu-sec ul li {
  color: #ccc;
}
body.dark-mode .phone span {
  background-color: #008341;
}

body.dark-mode .dis-list li .font {
  background: #7f7f7f;
  border: 1px solid #7f7f7f;
}
body.dark-mode .dis-list li .font a {
  color: #ccc;
}

body.dark-mode .dis-list .lang {
  border: 1px solid #7f7f7f;
  color: #ccc;
  background: #7f7f7f;
}
body.dark-mode .head-bottom {
  background-color: #0078a7;
}

body.dark-mode .head-bottom .menu-list-main li .dropbtn {
  color: #e9e9e9;
}
body.dark-mode .head-bottom .menu-list-main li .dropbtn img {
  opacity: 0.7;
}

body.dark-mode .head-serch input {
  background-color: rgb(0 137 191);
}
body.dark-mode .slide-con li {
  background-color: #121212;
}
body.dark-mode .slide-con li a {
  color: #ccc;
}
body.dark-mode .slide-con li a img {
  opacity: 0.7;
}

body.dark-mode .swiper-pagi .swiper-pagination-bullet {
  background-color: #ccc;
}
body.dark-mode .dropdown-content {
  background-color: #121212;
}
body.dark-mode .in-menu-list li a {
  color: #999;
}
body.dark-mode .menu-list h5 {
  color: #ddd;
}
body.dark-mode .log-sec h5,
body.dark-mode .log-sec h6 {
  color: #ddd;
}
body.dark-mode .log-sec ul li p {
  color: #999;
}

body.dark-mode .log-sec ul li:before {
  color: #999;
}
body.dark-mode .top-menu .dropdown .dropdown-content a {
  color: #ccc;
}
body.dark-mode .in-menu-list li a:hover {
  color: #217acc;
}
body.dark-mode .top-menu .dropdown .dropdown-content a:hover {
  color: #02adf1;
}
body.dark-mode .product-slider-bag::before {
  background-color: #2b2b2b;
}

body.dark-mode .pro-box {
  background-color: #222;
}
body.dark-mode .intr-rate {
  background-color: #0078a7;
}
body.dark-mode .intr-btn a {
  background: #008341;
}
body.dark-mode .intr-rate {
  color: rgb(255 255 255 / 80%);
}
body.dark-mode .intr-btn a {
  color: rgb(255 255 255 / 80%);
  position: relative;
  z-index: 9;
}
body.dark-mode .mainhead {
  color: #999;
}
body.dark-mode .para {
  color: #666;
}
.product-slider-bag .swiper-button-next,
.product-slider-bag .swiper-button-prev {
  background-color: rgb(255 255 255 / 80%);
}
.product-slider-bag .swiper-button-next:hover,
.product-slider-bag .swiper-button-prev:hover {
  background-color: #0078a7;
  color: #e9e9e9;
}

body.dark-mode .abt-list a {
  color: #666;
  background-color: #222;
}

body.dark-mode .intr-btn a:hover {
  background: #005f2f !important;
}

body.dark-mode .serbox {
  background-color: #222;
}
body.dark-mode .serbox h5 {
  color: #666;
}
body.dark-mode .serbox img {
  filter: brightness(0) invert(1);
  opacity: 0.6;
}
body.dark-mode .serlist li:hover .serbox {
  border: 1px solid #0078a7;
}
body.dark-mode .serlist.digi span {
  background-color: #b5b5b514;
}

body.dark-mode .galbox .gal-con {
  background: #000000cf;
  color: #ccc;
  border-left: 5px solid #009f4e;
}
body.dark-mode .msg {
  border: 1px solid #3d3d3d;
}
body.dark-mode .mobile {
  background: #212121;
}
body.dark-mode .center-column .tab-button {
  color: #e9e9e9;
}
body.dark-mode .mobile h3 {
  color: #999;
}
body.dark-mode .mobile p {
  color: #666;
}

body.dark-mode .bttn {
  background: #b77800;
}
body.dark-mode .bttn:hover {
  background: #93640b !important;
}

body.dark-mode .counter .count-img img {
  filter: brightness(0) invert(1);
  opacity: 0.5;
}
body.dark-mode .counter:after {
  background-color: #575757;
}
body.dark-mode .counter {
  border-bottom: 2px dashed #575757;
}
body.dark-mode .news span {
  background: #028b46;
  color: #e9e9e9;
}

body.dark-mode .counter .count-img p {
  color: #999;
}
body.dark-mode .counter h5 {
  font-size: 2.5rem;
  font-weight: 700;
  color: #07773e;
  margin-bottom: 0;
}

body.dark-mode footer .footleft {
  background-color: #252525;
}
body.dark-mode footer .footleft h6 {
  color: #adadad;
}
body.dark-mode footer p {
  color: #999;
}

body.dark-mode footer .contlist ,body.dark-mode footer .contlist li i{
    color: #999;
}
body.dark-mode footer .inputgroup button {
    background: #000000;
    color: #535353;
}
body.dark-mode footer .inputgroup input {
    color: #666;
    background: #181818;
}
body.dark-mode footer .ftlogo {
    opacity: .8;
}
body.dark-mode footer h5, body.dark-mode footer h6 {
    color: #adadad;
}
body.dark-mode .footmenu li a {
    color: #999;
}
body.dark-mode footer ul.social li a i {
    color: #999;
}
body.dark-mode  footer .applink a img {
    filter: brightness(0) invert(1);
    opacity: .6;
}
body.dark-mode  footer ul.social li a:hover i {
    background-color: #097aa7 !important;
}
body.dark-mode footer .footlist li a {
    color: rgb(217 217 217);
    background-color: rgb(231 231 231 / 20%);
}
body.dark-mode footer .copyright a {
    color: #999;
}