/* Default style for the card */
.shw-card {
  position: relative;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1); /* Initial light shadow */
  transition: all 0.3s ease; /* Smooth transition for hover effect */
}

.shw-card:hover {
  transform: translateY(-10px); /* Lifts the card */
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2); /* Darker shadow on hover */
}

/* Default style for the image */
.shw-img {
  display: block;
  height: auto;
  border-radius: 10px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1); /* Initial light shadow */
  transition: all 0.3s ease; /* Smooth transition for hover effect */
}

.shw-img:hover {
  transform: translateY(-5px); /* Lifts the image */
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2); /* Darker shadow on hover */
}

/* Default style for text */
.shw-txt {
  position: relative;
  font-weight: bold; /* Optional, to make the text stand out more */
  text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1), -1px -1px 5px rgba(0, 0, 0, 0.1); /* Initial soft shadow */
  transition: all 0.3s ease; /* Smooth transition for hover effect */
}

.shw-txt:hover {
  transform: translateY(-5px); /* Moves the text up */
  text-shadow: 4px 4px 12px rgba(0, 0, 0, 0.3), -2px -2px 10px rgba(0, 0, 0, 0.3); /* Darker and more pronounced shadow */
}