.card-price-container {
    padding: 30px;
    margin: 0 auto 30px auto;
   position: relative;
}

.card-price {
  background: linear-gradient(135deg, #e6f7ec, #c8f2d8);
  border: 2px solid #4caf50;
  padding: 26px 32px;
  border-radius: 16px;
  color: #1b5e20;
  text-align: center;
  font-size: 1.1rem;
  font-weight: 700;
  transition: all 0.25s ease;
  box-shadow: 0 0 8px rgba(76, 175, 80, 0.3);
  display: block;
}

.card-price:hover {
    box-shadow: 0 0 14px rgba(76, 175, 80, 0.6);

}

.card-price:hover .icon {
  transform: translateY(-4px);
}


/* Disable hover effect on smartphones and iPads */
@media only screen and (max-width: 768px) {
  .card-price:hover {
    box-shadow: 0 0 8px rgba(76, 175, 80, 0.3);
  }
  .card-price:hover .icon {
    transform: none;
  }
}

.card-price .icon {
  font-size: 2.1rem;
  color: #43a047;
  margin-bottom: 10px;
 transform: translateY(0);
    transition: all 0.25s ease;

}

.card-price .details {
  margin-top: 15px;
  font-size: 1rem;
  font-weight: 500;
  text-align: left;
}

.card-price .details i {
  color: #388e3c;
  width: 22px;
  text-align: center;
  margin-right: 6px;
}

.card-price .detail-row {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.flex{
	display: flex;
	align-content: center;
	justify-content:space-around;
	flex-direction: row;
	flex-wrap: wrap;
}