.darkMode .svgImg img {
  filter: invert(100%) sepia(8%) saturate(20%) hue-rotate(248deg) brightness(110%) contrast(93%);
}

.darkMode .svgImg use {
  filter: invert(100%) sepia(8%) saturate(20%) hue-rotate(248deg) brightness(110%) contrast(93%);
}

.darkMode select,
.darkMode select:focus {
  background-image: url('../Icons/darkModePaymentDropdownDownArrow.svg') !important;
}

.darkMode .lightModeLoader {
  display: none;
}

.darkMode .darkModeLoader {
  display: inline-block;
}

.darkMode .dv-star-rating .dv-star-rating-empty-star {
  color: rgb(118, 118, 118) !important;
}

.darkMode .dv-star-rating .dv-star-rating-full-star {
  color: rgb(223, 163, 42) !important;
}

.darkMode .darkModeAccordionHeading .accordionArrow img {
  filter: invert(87%) sepia(15%) saturate(313%) hue-rotate(174deg) brightness(99%) contrast(86%);
}

.darkMode .commonSubCategoryPricingSubHeading .accordionArrow img {
  filter: invert(87%) sepia(15%) saturate(313%) hue-rotate(174deg) brightness(99%) contrast(86%);
}

.darkMode .manualGeoSuggestListWrapper::after {
  background-image: url(../darkPowered_by_google.png);
}

.darkMode .bodyOverflow .Loader__background {
  background-color: transparent !important;
}

.darkMode .categoryLocationSearchContainer .manualGeoSuggestContainer {
  background-image: url('../Icons/locationPinDarkIcon.svg');
}

.darkMode .paymentDropdownContainer .dropdown-toggle {
  background-image: url('../Icons/darkModePaymentDropdownDownArrow.svg');
}

.darkMode .paymentDropdownContainer.show .dropdown-toggle {
  background-image: url('../Icons/darkModePaymentDropdownUpArrow.svg');
}

.darkMode .paymentDropdownContainerReadonly .dropdown-toggle,
.darkMode .paymentDropdownContainerReadonly.show .dropdown-toggle {
  background-image: none;
}

@media (min-width: 768px) {
  .darkMode .scheduleBookingTimeContainer select:first-child {
    border-right: 0 !important;
  }

  .darkMode .scheduleBookingTimeContainer select:last-child {
    border-left: 0 !important;
  }

  .darkMode.rtl .scheduleBookingTimeContainer select:last-child {
    border-right: 0 !important;
    border-left: 1px solid var(--primary-border) !important;
  }

  .darkMode.rtl .scheduleBookingTimeContainer select:first-child {
    border-left: 0 !important;
    border-right: 1px solid var(--primary-border) !important;
  }
}