.gym-setup-products-container {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin: 20px 0;
}

.gym-setup-products {
  flex: 0 0 calc(100% / 3 - 1rem);
  display: flex;
}

.deals-page-block1 {
  flex: 0 0 calc(100% / 2 - 1rem);
  display: flex;
}

.deals-page-block2 {
  flex: 0 0 calc(100% / 4 - 1rem);
  display: flex;
}

.deals-page-block3 {
  flex: 0 0 calc(100% / 3 - 1rem);
  display: flex;
}

@media screen and (max-width: 1024px) {
  .gym-setup-products {
    flex: 0 0 calc(50% - 1rem);
  }

  .deals-page-block1 {
    flex: 0 0 calc(50% - 1rem);
  }

  .deals-page-block2 {
    flex: 0 0 calc(50% - 1rem);
  }

  .deals-page-block3 {
    flex: 0 0 calc(50% - 1rem);
  }
}

@media screen and (max-width: 527px) {
  .gym-setup-products {
    flex: 0 0 calc(100% / 1 - 1rem);
  }

  .deals-page-block1 {
    flex: 0 0 calc(100% / 1 - 1rem);
  }

  .deals-page-block2 {
    flex: 0 0 calc(100% / 2 - 1rem);
  }

  .deals-page-block3 {
    flex: 0 0 calc(100% / 2 - 1rem);
  }
}

.block-header-div {
  display: flex;
  padding: 14px 18px 0px 0px;
  white-space: nowrap;
}

.header-horizontal-line {
  width: 100%;
}

.header-text {
  font-weight: 600;
  font-size: larger;
}

.find-more-deals-button {
  background-color: var(--secondary-color);
  border: none;
  color: #fff;
  padding: 10px 300px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  border-radius: 5px;
  transition: background-color .3s ease;
  font-size: 25px;
}

.deals-page-footer-container {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}