#choose img{
  width: 150px;
  margin:1rem;
      }
#choose  button{
    background: #7bcbbe;
    color:#fff;
    text-align: center;
    padding: 1rem 3rem;
    border-radius: 2rem;
    margin-top:2.5rem;  margin-bottom:1rem;
    border: 0px;
    font-size: 18px;line-height: 1.8rem;
  }
#choose .weight{
    text-align: center;
    border: 1px dashed #c2bfbd;
    padding: 1rem 1rem;
    border-radius: 2rem;
    align-self: center;margin:1rem auto;width: 25rem;
  }
#choose .product-name{
  font-size: 1.5rem;
  color: #222222;display: block;font-weight: 500;
  }
#choose .text{
  color:#e65550;  text-align: center;
  }
#choose .nb{
  color:#579ed7;font-size: 1.2rem;
}
#choose .pb{
  color:#a674b0;font-size: 1.2rem;
}

#choose .chose-title{
  font-size: 2rem;
  font-weight: 400;
  padding: 2rem;
}
#choose .number{
  font-family: arial;
}
#choose #reset button{
  background: #c2bfbd;font-size: 1rem;
}
#choose  #nb-c1,
#choose  #nb-c2,
#choose  #pb-c1,
#choose  #pb-c2{
  color: #65a79c;
}
#choose .suggest{
  font-size: 1.1rem; font-weight: 500;
}
#choose .suggest-icon{
  position: fixed;
  right:0;
  top:5rem;
  background:#c2bfbd;
  width: 250px;

}


@media (max-width: 768px) {
#choose   button{
    width:100%;     margin-top:1.5rem;  margin-bottom:1.5rem; padding: .5rem .5rem;
  }
#choose .weight{
    padding: 1rem; 
  }
#choose  .chose-title{
font-size: 1.8rem;
font-weight: 400;
padding: 1rem;
} }

@media (max-width: 576px) {
#choose  .weight{
    width: 90%; 
  }
}