body {
  overflow-x: hidden;
  font-family: $arabic-font;
  font-weight: 300;
  background-color: #f3f3f3;
}

[dir="ltr"] {
  body {
    font-family: $english-font;
  }
}

@media (max-width: 767px) {
  body {
    // padding-bottom: 75px;
  }
}

// Customize Textarea
textarea {
  resize: none;
}

// Customize Container
.container {
  padding-inline: 15px;
  @media (max-width: 1023px) and (min-width: 768px) {
    max-width: 98% !important;
  }
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

// Custom Padding
.custom-padding {
  padding-block: 70px;
  @media (max-width: 991px) {
    padding-top: 40px;
    padding-bottom: 60px;
  }
}

.slideover-content {
  max-height: 80vh; /* Adjust the height as needed */
  overflow-y: auto; /* Enable vertical scrolling */
}

/* Hide scrollbar for Chrome, Safari and Opera */
.slideover-content::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.slideover-content {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.filter-btn.active {
  background-color: #2bbfb4;
  color: #fff;
}

.filter-btn {
  background-color: #fff;
  color: #2bbfb4;
  width: 300px;
  padding: 7px 10px;
  font-weight: 600;
}

.tabs {
  flex-direction: row;
  margin: 8px 0;
}

@media screen and (max-width: 768px) {
  .filter-btn {
    width: 100%;
    padding: 15px 5px !important;
  }
}

.p-checkbox-checked.p-variant-filled .p-checkbox-box {
  background-color: #00BD37  !important;
}

.p-checkbox-checked .p-checkbox-box {
  border-color: #00BD37  !important;
}
.p-togglebutton-label,
.p-togglebutton-icon {
  position: relative;
  transition: none;
  color: #2bbfb4;
}

.p-togglebutton-checked .p-togglebutton-label {
  color: #fff !important;
}
.test{
color: #000 !important;
}
html[dir="ltr"] .goRight {
  transform: scaleX(-1) !important;
  -webkit-transform: scaleX(-1) !important;
  -moz-transform: scaleX(-1) !important;
  -ms-transform: scaleX(-1) !important;
  -o-transform: scaleX(-1) !important;
}
label.font-medium {
  font-weight: 600 !important;
  color: #000 !important;
}
.p-checkbox .p-checkbox-box {
  // background-color: transparent !important;
  border-color: #00BD37  !important;
}
.p-slider-range {
  background-color: #00BD37  !important;
}
.rounded_custom .p-togglebutton{
  justify-content: center !important;
  padding: 0 !important;
}
.rrounded_custom .p-togglebutton.p-togglebutton-checked .p-togglebutton-content {
    background-color: #2bbfb4 !important;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    padding: 0;
}