@font-face {
  font-family: "iransanse";
  src: url("../fonts/IRANSansXNoEn-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "iransanse";
  src: url("../fonts/IRANSansXNoEn-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: bold;
}
@font-face {
  font-family: "avenir";
  src: url("../fonts/AvenirNext-Medium.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

.noUi-target {
  height: 10px !important;
}
.noUi-connect {
  background: #0766ff !important;
  height: 10px;
}
.noUi-handle {
  background: #0766ff !important;
  border: none !important;
  border-radius: 50%;
  width: 20px !important;
  height: 20px !important;
  /* top: -2px !important; */
  box-shadow: none;
}
.noUi-handle::before {
  left: 12px !important;
  top: 3px !important;
  display: none;
}
.noUi-handle::after {
  left: 9px !important;
  top: 3px !important;
  display: none;
}

.noUi-handle-upper {
  right: -3px !important;
}

.noUi-tooltip {
  top: 30px; /* Adjust this value to move the tooltip below the handle */
  height: 32px;
  border: none;
  background: none;
}

/* Optional: Customize tooltip arrow */
.noUi-tooltip:after {
  /* top: -8px; Adjust this value to move the arrow to align with the tooltip */
}

.phone-icon {
  width: 50px;
  height: 50px;
  filter: invert(57%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(85%) contrast(80%);
}
.calendar-icon {
  width: 20px;
  height: 20px;
  filter: invert(29%) sepia(78%) saturate(4408%) hue-rotate(227deg) brightness(101%) contrast(99%);
}
.clock-icon {
  width: 20px;
  height: 20px;
  filter: invert(29%) sepia(78%) saturate(4408%) hue-rotate(227deg) brightness(101%) contrast(99%);
}