/* General styling for icon */

.icon-transition-green {
  font-size: 24px; /* Adjust size */
  color: #28a745; /* Green color for a money-saving theme */
  margin: 10px;
  transition: transform 0.3s ease, color 0.3s ease;
}

.icon-transition {
  font-size: 24px; /* Adjust size */
  margin: 10px;
  transition: transform 0.3s ease, color 0.3s ease;
}

/* Add hover effect */
.icon-hover:hover {
  transform: scale(1.2); /* Slight zoom effect */
}

/* Optional: Add a shadow effect */
.icon-shadow {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); /* Subtle shadow */
}

/* General styling for the save-money icon */
.icon-save-money {
  font-size: 24px; /* Adjust size */
  color: #28a745; /* Green color for a money-saving theme */
  margin: 10px;
  transition: transform 0.3s ease, color 0.3s ease;
}

/* Add hover effect */
.icon-save-money:hover {
  color: #218838; /* Darker green on hover */
  transform: scale(1.2); /* Slight zoom effect */
}

/* Optional: Add a shadow effect */
.icon-save-money-shadow {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); /* Subtle shadow */
}

.container {
	display: flex;
	justify-content: center; /* Centers horizontally */
	align-items: center; /* Centers vertically */
	width: 100;
	height: 10; /* Full viewport height */

}