.text-orange {
  color: #f98f17;
}

.banner-desc {
  font-weight: 700;
  font-size: 20px;
  margin-top: clamp(
    28px,
    calc(28px + (64 - 28) * ((100vw - 350px) / (1800 - 350))),
    64px
  );
}


.bg {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: -2;
}

.new_filter_field {
  position: absolute;
  top: 70px;
  left: 50%;
  transform: translateX(-50%);
}

.pb_70px {
  padding-bottom: 70px;
}


.filter-title {
  font-weight: 700;
  font-size: clamp(
    16px,
    calc(16px + (20 - 16) * ((100vw - 350px) / (1800 - 350))),
    20px
  );
}

.filter-btn {
  border: none;
  background-color: #0000000d;
  border-radius: 2rem;
  padding: 4px 1rem;
}

.border_bottom {
  border-bottom: 1px solid #0000001f !important;
}

.dynamic-padding {
  padding-top: 100px;
  padding-bottom: 24px;
}

.visible-custom {
  visibility: visible;
  transition: 0.5s all ease;
  height: auto;
}

.no-visible {
  visibility: hidden;
  opacity: 0;
  transition: 0.5s all ease;
  height: 0;
}

.active_btn{
  background-color: #217AF9;
  color: white;
}

.filter-btn1:hover{
  color: #217AF9;
  transition: all 0.3s ease;
}


@media (max-width: 500px) {
  .dynamic-padding {
    padding-top: 330px !important;
  }
}

@media (max-width: 865px) {
  .dynamic-padding {
    padding-top: 230px;
    padding-bottom: 24px;
  }
}