// styles.scss

$accent-color3: #262626;

.card-custom {
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  padding: 15px;
  text-align: center;
  background-color: $accent-colorw;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s, box-shadow 0.3s;
  max-width: 250px;
  margin: 10px auto;

  &:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  }
  img {
    max-width: 70px;
  }
  .icon {
    font-size: 2rem;
    color: $accent-color3;
  }

  .heading {
    margin-top: 5px;
    color: $accent-color3;
    font-weight: bold;
    font-size: 1rem;
  }

  .price {
    margin-top: 5px;
    color: $accent-color !important;
    font-size: 1.25rem;
  }
}
