.tank-container {
  display: flex;
  flex-direction: column;
  background: #F0A928;
  border-radius: 10px;
  min-width: 260px;
  /* max-width: 260px; */
  height: 100%;
  flex-direction: column;
  justify-content: start;
}

.tank-container .top-wrapper {
  color: black;
  background: url("/img/navigation/tank-product/background.png") #2C2C2D;
  background-size: cover;
  background-blend-mode: overlay;
  border-radius: 10px;
  /* height: 240px; */
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  position: relative;
  padding-bottom: 10px;
  overflow: hidden;
}

.tank-container .price {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px;
}

.tank-container .price .price-detail {
  position: relative;
}

.tank-container .price .offer {
  position: absolute;
  top: 20px;
  right: 5px;
  color: rgb(235, 23, 23);
  text-decoration: line-through;
  font-size: 13px;
  font-family: 'Kalameh-Bold';
}

.tank-container .dimensions {
  display: flex;
  flex-direction: row;
  /* flex-wrap: wrap; */
  justify-content: space-evenly;
  /* overflow: hidden; */
  align-items: center;
}

.tank-container .image-container {
  min-width: 200px;
  max-width: 200px;

  min-height: 200px;
  max-height: 200px;
  
  display: flex;
  justify-content: center;
  align-items: center;
}

.tank-container .tank-image {
  width: 100%;
  /* height: 100%; */
}

.tank-container .dimensions>span {
  background: white;
  border-radius: 4px;
  font-size: 13px;
  padding: 2px;
  margin: 2px;
  /* max-width: 33%; */
  /* min-width: 30%; */
  overflow: hidden;
  white-space: nowrap;
}

.tank-container .wrapper {
  text-align: center;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding: 5px;
  margin: 10px 5px;
  gap: 10px;
}

.tank-container .product-title {
  font-size: 18px;
  min-width: 200px;
}

.tank-container .rating-box {
  display: flex;
  /* flex-direction: row;
  position: absolute;
  top: -25px;
  right: 10px;*/
  width: 85px;
}

.tank-container .num-of-ratings {
  /* position: absolute;
  top: -20px;
  right: 10px;
  z-index: 10;
  color: black; */
}

.tank-container .rating-info {
  display: flex;
  position: absolute;
  top: -22px;
  right: 9px;
  align-items: center;
  justify-content: flex-start;
  gap: 3px;
  color: #FFF;
}