@use "../../root";

.cardMainContianer {
  width: 100%;
  min-height: 400px;
  height: 100%;
  transition: 0.3s;
  // background-color: yellow;
  margin-top: 40px;
  -webkit-box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 5px -1px rgba(0, 0, 0, 0.75);
  .imageComtainer {
    width: 100%;
    height: 50%;
    background-color: orange;
    //   background-image: url(../../assets//images//photographer_man.png);
    //   object-fit: cover;
    img {
      object-fit: cover;
      width: 100%;
      height: 100%;
    }
  }
  .cardBody {
    padding: 30px;
    white-space: wrap;

    overflow: hidden;
    // text-overflow: ellipsis;
    .price {
      color: root.$main_red;
      margin-bottom: 0px;
    }
  }
  &:hover {
    // background-color: red;
    -webkit-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.62);
    -moz-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.62);
    box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.62);
  }
}
