/* MACHINES GRID SYSTEM */

.grid-img {
  background-image: url("../img/main-machine.png");
  background-size: cover;
  width: 250px;
  height: 300px;
  transition: transform 0.3s;
}

.machine-head {
  border-radius: 5px;
}

.more {
  background-color: rgb(97, 97, 97);
}

.buy {
  background-color: rgb(206, 12, 12);
}

/* .grid-img:hover + .hover-text {
     left: -20%;
  } */
/* HOVER AREA */

.grid-div:hover .hover-text {
  left: -50%;
}

.grid-div {
  border-radius: 10px;
  border: 1px solid #eee;

 
}

.product-div {
  position: relative;
  top: -200%;
  z-index: -1;
}

.hover-text {
  position: relative;
  width: 85%;
  height: 200%;
  left: -140%;
  top: -30%;
  background-color: rgb(49, 49, 49);
  transform: rotate(20deg);
  transition: 0.6s ease-out;
  opacity:0.9;
}

.description{
 position: absolute;
 top: 270px;
 transform: rotate(-20deg);
 left:250px;
}

.description-btn{
  position: relative;
  top:360px;
  transform: rotate(-20deg);
  left:280px;
 }

.buy-btn{
  position: relative;
  top:325px;
  transform: rotate(-20deg);
  left:280px;
}


/* CASH COUNTING CSS */

.card-img {
  background-image: url("../img/main-machine.png");
  background-size: cover;
  width: 200px;
  height: 200px;
}