.number-input {
  -moz-appearance: textfield;
}
.number-input::-webkit-inner-spin-button {
  display: none;
}
.number-input::-webkit-outer-spin-button,
.number-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.mainSearch {
  z-index: 999;
}

.mainSearch .MuiPaper-root button {
  position: absolute;
  right: 0;
  margin-right: 0;
  top: 5px;
  width: 55px;
  text-align: left;
}
.Vector .swiper-scrollbar-drag {
  background: linear-gradient(to right, #f54d64, #f58561);
}
/* .pagination.swiper-pagination-bullet {
  background: white;
  width: 1rem;
  height: 1rem;
  border-radius: 0.5rem;
  opacity: 1;
} */
.pagination .swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  background-color: black;
  margin: 0;
  border: solid 1px #a49bbe;
  margin-right: 25px;

  bottom: 15px;
  margin-top: 53px;
}
/* trending */

.trending_sec .MuiGrid-root.MuiGrid-container.css-11lq3yg-MuiGrid-root {
  display: flex;
  flex-wrap: wrap;
}
.trending_sec
  .MuiGrid-root.MuiGrid-container.css-11lq3yg-MuiGrid-root
  .MuiGrid-root.MuiGrid-item.MuiGrid-grid-sm-4.css-kgs8gf-MuiGrid-root {
  max-width: unset !important;
  flex-basis: 24%;
  margin-right: 1% !important;
}

@media screen and (max-width: 1210px) {
  .trending_sec
    .MuiGrid-root.MuiGrid-container.css-11lq3yg-MuiGrid-root
    .MuiGrid-root.MuiGrid-item.MuiGrid-grid-sm-4.css-kgs8gf-MuiGrid-root {
    flex-basis: 32%;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 1024px) {
  .makeStyles-mainBox-103.MuiBox-root.css-0 {
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 830px) {
  .trending_sec
    .MuiGrid-root.MuiGrid-container.css-11lq3yg-MuiGrid-root
    .MuiGrid-root.MuiGrid-item.MuiGrid-grid-sm-4.css-kgs8gf-MuiGrid-root {
    flex-basis: 49%;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 830px) {
  .trending_sec
    .MuiGrid-root.MuiGrid-container.css-11lq3yg-MuiGrid-root
    .MuiGrid-root.MuiGrid-item.MuiGrid-grid-sm-4.css-kgs8gf-MuiGrid-root {
    flex-basis: 49%;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 576px) {
  .trending_sec
    .MuiGrid-root.MuiGrid-container.css-11lq3yg-MuiGrid-root
    .MuiGrid-root.MuiGrid-item.MuiGrid-grid-sm-4.css-kgs8gf-MuiGrid-root {
    flex-basis: 100%;
    margin-bottom: 20px;
  }
}