.Common_Category_Card {
  transition: 0.3s ease-in-out;
  cursor: pointer;
}

.Common_Category_Card:hover {
  transform: translateY(-10px);
}

.Common_Category_Card .outer_colored_card {
  box-shadow: 0px 0px 6px #00000029;
  border-radius: 5px;
  padding: 0px;
  position: relative;
}

.Common_Category_Card .outer_colored_card .img_holder {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  aspect-ratio: 1/1;
  border-radius: 5px;
}

.Common_Category_Card .outer_colored_card .img_holder .prod_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px 5px 0 0;
}

.Common_Category_Card .outer_colored_card .text_holder {
  box-shadow: 0px 0px 6px #00000029;
  border-radius: 3px;
  width: 100%;
  margin: 0 auto;
  padding: 0px;
  /* position: absolute; */
  /* bottom: -20px; */
  /* left: 50%; */
  /* transform: translateX(-50%); */
}

.Common_Category_Card .outer_colored_card .text_holder .prod_name {
  text-align: center;
  font-size: 15px;
  color: #fff;
  padding: 4px 3px;
  margin-bottom: 0px;
}

/* green theme */
.Common_Category_Card .outer_colored_card.green {
  background: transparent linear-gradient(199deg, #e4fc96 0%, #f8ffe1 100%) 0%
    0% no-repeat padding-box;
}

.Common_Category_Card .outer_colored_card.green .text_holder {
  background: #719400 0% 0% no-repeat padding-box;
}

/* brown theme */
.Common_Category_Card .outer_colored_card.brown {
  background: transparent linear-gradient(216deg, #f8ca67 0%, #fff4de 100%) 0%
    0% no-repeat padding-box;
}

.Common_Category_Card .outer_colored_card.brown .text_holder {
  background: #b78518 0% 0% no-repeat padding-box;
}

/* blue theme */
.Common_Category_Card .outer_colored_card.blue {
  background: transparent linear-gradient(220deg, #b4e8ff 0%, #eefaff 100%) 0%
    0% no-repeat padding-box;
}

.Common_Category_Card .outer_colored_card.blue .text_holder {
  background: #208dbc 0% 0% no-repeat padding-box;
}

/* pink theme */
.Common_Category_Card .outer_colored_card.pink {
  background: transparent linear-gradient(220deg, #ffb4fa 0%, #ffecfe 100%) 0%
    0% no-repeat padding-box;
}

.Common_Category_Card .outer_colored_card.pink .text_holder {
  background: #b85ab1 0% 0% no-repeat padding-box;
}

/* pink theme */
.Common_Category_Card .outer_colored_card.teal {
  background: transparent linear-gradient(220deg, #b7f8ff 0%, #effffd 100%) 0%
    0% no-repeat padding-box;
}

.Common_Category_Card .outer_colored_card.teal .text_holder {
  background: #54959c 0% 0% no-repeat padding-box;
}

@media (min-width: 0px) and (max-width: 575px) {
  .Common_Category_Card .outer_colored_card .text_holder .prod_name {
    font-size: 13px;
  }
}