.pl-32 {
  margin-left: 32px;
}

.number-box-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.number-box {
  border: 1px solid var(--gray);
}
.number-box-img {
  height: 211px;
  object-fit: cover;
  width: 100%;
}

.number-box-bottom {
  padding: 35px 16px 40px 16px;
}

.number-circle {
  background: var(--white);
  border-radius: 50%;
  height: 80px;
  width: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
}

.logo-position {
  right: 0;
  bottom: 0;
}

.orange-box {
  padding: 32px 40px;
  border-radius: 8px;
  border: 1px solid var(--gray);
  background: var(--light-yellow);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.03);
}

.pet-food-image {
  right: 0;
  bottom: 0;
}

.nh-products-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  row-gap: 32px;
}

.product-button {
  padding: 6px 24px;
  border-radius: 8px;
  background: var(--light-white);
  color: var(--nh-blue);
}
.product-img {
  height: 211px;
  object-fit: cover;
  width: 100%;
}

/* food sale information page */
.orange-box-big {
  padding: 61px 56px 69px;
}

.dot-transparent {
  background: transparent !important;
}

.paw-box {
  padding: 32px 40px;
  background: var(--light-white);
  border-radius: 8px;
}
.paw-box-red {
  padding: 32px 40px;
  background: var(--light-red);
  border-radius: 8px;
}

@media (max-width: 600px) {
  .hospitals-section-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    padding-bottom: 80px;
  }
  .pl-32 {
    margin-left: 0;
  }
  .number-box-container {
    grid-template-columns: repeat(1, 1fr);
  }
  .pet-food-image {
    left: 50%;
    transform: translateX(-50%);
    right: unset;
    bottom: unset;
    top: -95%;
    width: 312px;
  }
  .orange-box {
    margin-top: 100px;
  }
  .nh-products-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
    row-gap: 32px;
  }
}

@media (min-width: 601px) and (max-width: 767px) {
  .pl-32 {
    margin-left: 0;
  }
  .pet-food-image {
    left: 50%;
    transform: translateX(-50%);
    right: unset;
    bottom: unset;
    top: -91%;
    width: 312px;
  }
  .orange-box {
    margin-top: 150px;
  }
  .nh-products-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    row-gap: 32px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .number-box-container {
    grid-template-columns: repeat(2, 1fr);
  }
  .pet-food-image {
    right: 0;
    bottom: 0;
    width: 400px;
  }
  .nh-products-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    row-gap: 32px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .number-box-container {
    grid-template-columns: repeat(2, 1fr);
  }
  .pet-food-image {
    right: 0;
    bottom: 0;
    width: 275px;
  }
}
@media (min-width: 1200px) and (max-width: 1201px) {
}