/* product starts here */
.topCont {
  width: 10%;
  height: 50px;
  border: 1px solid transparent;
  display: flex;
  justify-content: space-between;
  margin-left: 35px;
}

.topCont > h3:hover {
  color: blue;
  cursor: pointer;
}

.container {
  width: 95%;
  height: 600px;
  /* border-top: 1px solid gray; */
  margin: auto;
  display: grid;
  grid-template-areas: "a a a a a a a a b b b b";
  grid-gap: 20px;
  padding: 10px;
  margin-bottom: 50px;
}

.imgCont {
  grid-area: a;
  border: 1px solid transparent;
  height: 600px;
}

.imgCont > img {
  width: 100%;
  height: 100%;
}

.desCont {
  grid-area: b;
  border: 1px solid transparent;
  background-color: rgb(250, 251, 253);
  border-radius: 20px;
}

#name,
#color,
#price,
#size,
#thead,
#delDetails {
  margin-left: 10px;
}

#parades,
#delDetails {
  margin-left: 10px;
  color: rgb(146, 144, 144);
}

#price {
  margin-bottom: 0%;
}

.table {
  margin-left: 10px;
  border: 1px solid black;
  padding: 10px 30px;
}

#bag,
#buy {
  padding: 10px 20px;
  margin-left: 10px;
  margin-top: 30px;
  width: 70%;
  border-radius: 15px;
  font-size: 15px;
  background-color: transparent;
}
#bag {
  color: black;
}
#bag:hover {
  color: white;
  background-color: black;
  cursor: pointer;
}
#buy {
  color: black;
}
#buy:hover {
  color: white;
  background-color: black;
  cursor: pointer;
}

.sizeButtonlbl {
  margin-left: 10px;
}

.sizeButton {
  padding: 10px 20px;
}