body.dark-mode {
	background: white;
	color: #242424 !important;
}

.dark-mode h1,
.dark-mode h2,
.dark-mode h3,
.dark-mode h4,
.dark-mode h5,
.dark-mode h6,
.dark-mode p {
	color: #242424;
}

.dark-mode #search-input ,.dark-mode #search-input2{
	background: #535353 !important;
	color: white !important;
}

.dark-mode #search-input::placeholder , .dark-mode #search-input2::placeholder{
	color: #f7f7f7 !important;
} 
.dark-mode .search-btn img{
	filter: invert(1);
}
.dark-mode .footer-section .footer-box a {
	color: #242424 !important;
}

.login-section .contact-box .form-control {
	border: 1px solid #3e6cc8;
	box-shadow: 3px 7px 4px 1px rgb(115 115 115 / 20%);
}

.page-header h2,
.label_skitter h2 {
	color: white !important;
}

.dark-mode .page-header h2,
.dark-mode .label_skitter h2 {
	color: #242424 !important;
}

.dark-mode .preloader {
	background: #ffffff;
}

.dark-mode .shop-section .filter-area .filter-box {
	background: rgb(85 85 85 / 20%);
}

.dark-mode .order-box,
.dark-mode .topup-section .img-box,
.dark-mode .voucher-section .img-box,
.dark-mode .package-details .description-box,
.dark-mode .details-section .payment-box {
	background: rgb(51 51 51 / 20%);
}

.dark-mode .notification-icon img {
	filter: invert(1);
}

.dark-mode .balance {
	background-color: #242424;
}

.dark-mode .bg-gradient {
	background: #d1d1d1;
}

.dark-mode .navbar {
	background: #f0f8ffcf !important;
}

.dark-mode table tr td,
.dark-mode table tr td::before {
	color: #242424 !important;
}

.dark-mode .form-control {
	background: white !important;
	color: #242424 !important;
}

.dark-mode input::placeholder {
	color: #242424 !important;
}

.dark-mode input::-ms-input-placeholder {
	color: #242424 !important;
}



.dark-mode .notifis {
	background-color: #28C76F !important;
}

.dark-mode .notifir {
	background-color: #c72828 !important;
}

.dark-mode .notifiw {
	background-color: #edc440 !important;
}


.dark-mode .modal-header {
	border-bottom: 1px solid #2e2e2e;
}

.dark-mode .modal-footer {
	border-top: 1px solid #2e2e2e;
}

.dark-mode .modal-content {
	background-color: #ffffff;
}

.dark-mode .whitetext {
	color: rgb(27, 27, 27);
}


.dark-mode .close-btn {
	color: black;
}

.dark-mode .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
	color: black;
}

.dark-mode .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active {
	color: var(--base);
}


.dark-mode .navbar-collapse {
	background-color: white;
	border-left: 3px solid rgb(65, 109, 200);
}


.pagination .page-item {
	background-color: #717171;
}

.pagination .page-item.active {
	background-color: #0091ff;
}

.dark-mode .nav-link.active {
	background-color: #dddddd;
}

.dark-mode .modal-body-custom, .dark-mode .modal-footer-custom{
	background-color: #fff !important;
}

.dark-mode .modal-title{
	color: white;
}

.dark-mode .chat-box.scrollable.position-relative.scroll-height {
    background: rgb(180 180 180 / 37%);
}


.dark-mode .btn-close {
    filter: invert(0) grayscale(100%) brightness(200%);
}