section p {
  font-weight: 300;
}
.hero {
  background: linear-gradient(
    -81.27deg,
    rgba(252, 96, 87, 1) 0%,
    rgba(252, 112, 87, 1) 100%
  );
  width: 100%;
}

.hero .main {
  text-align: center;
}
.hero .main .heading-one {
  margin-bottom: 20px;
  font-weight: 600;
}

.hero p {
  max-width: 537px;
  margin: 0 auto;
}

.single-product {
  padding-bottom: 90px;
}

/* media css */

@media screen and (max-width: 991px) {
  .single-product {
    padding-bottom: 0px;
  }
  section.our-best-sellers.pd90 {
    padding: 45px 0px 60px;
  }

  #pagination {
    display: flex;
    justify-content: center;
    gap: 13px;
    align-items: end;
    margin-top: 45px;
  }

  #pagination a.active,
  #pagination .blocks:hover {
    color: #fff;
    background-color: var(--redtext);
  }

  #pagination {
    margin-top: 30px;
    padding-top: 30px;
  }

  #pagination {
    margin-top: 0px;
  }

  #pagination .blocks:nth-child(4),
  #pagination .blocks:nth-child(5) {
    display: none;
  }

  #pagination .blocks {
    width: 44px;
    height: 44px;
    color: rgba(0, 0, 0, 0.7);
    background-color: rgba(252, 112, 87, 0.15);
    font-size: 20px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  #pagination .dots {
    display: inline-flex;
    padding: 0px 6px;
  }

  #pagination .blocks:hover svg path {
    stroke: #fff;
  }
}
@media screen and (max-width: 767px) {
  section.pd90.hero {
    padding: 45px 0px;
  }
}