/* @import url('https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700');
@import url('https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
* {
  box-sizing: border-box;
}

body, html {
  font-family: 'Roboto Slab', serif;
  margin: 0;
  width: 100%;
  height: 100%;
  padding: 0;
}

body {
  background-color: #D2DBDD;
  display: flex;
  display: -webkit-flex;
  -webkit-justify-content: center;
  -webkit-align-items: center;
  justify-content: center;
  align-items: center;
} */

.cards {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  max-width: 820px;
}

.card--1 .card__img, .card--1 .card__img--hover {
  /* background-image: url('https://images.pexels.com/photos/45202/brownie-dessert-cake-sweet-45202.jpeg?auto=compress&cs=tinysrgb&h=750&w=1260'); */
  background-image: url('../images/bull/7.food-procedure/header.jpg');

}

.card--buffalo {
  background-image: url('../images/buffalos/9.buffalos-food&water-distribution/2.jpg') !important;

}

.card--goat{
  /* background-image: url('../images/poultry/8.poultry-veccination/header.jpg') !important; */
  background-image: url('../images/common/header.jpg') !important;

}

.card--milk{
  background-image: url('../images/dairy/10.milk-storage&processing/5.jpg') !important;

}
.card--vaccine{
  background-image: url('../images/common/header 2.jpg') !important;

}
.card--cine{
  background-image: url('../images/bull/Untitled-17.jpg') !important;

}
.card--goatMilkR{
  background-image: url('../images/goat/Untitled-41.png') !important;

}
.card--goatFood{
  background-image: url('../images/goat/9.age-wise-takecare/header.jpg') !important;

}

.card--poultry{
  background-image: url('../images/poultry/Lighting-for-brooding.jpg') !important;

}



/* .card__like {
  width: 18px;
}

.card__clock {
  width: 15px;
  vertical-align: middle;
  fill: #AD7D52;
}

.card__time {
  font-size: 12px;
  color: #AD7D52;
  vertical-align: middle;
  margin-left: 5px;
}

.card__clock-info {
  float: right;
} */

.card__img {
  /* visibility: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 235px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px; */


}

/* .card__info-hover {
  position: absolute;
  padding: 16px;
  width: 100%;
  opacity: 0;
  top: 0;
} */

.card__img--hover {
  /* transition: 0.2s all ease-out; */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  position: absolute;
  height: 235px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  top: 0;
  height: 100%;
  opacity: 0.2;
}

.card {
  /* margin: 25px; */
  transition: all .4s cubic-bezier(0.175, 0.885, 0, 1);
  background-color: #fff;
  /* width: 33.3%; */
  width: 50%;

  position: relative;
  border-radius: 12px;
  overflow: hidden;
  /* box-shadow: 0px 13px 10px -7px rgba(0, 0, 0, 0.1); */
  box-shadow: 0px 30px 18px -8px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 1200px) {
  .card {
    width: 75%;
  }
}
@media screen and (max-width: 450px) {
  .card {
    width: 100%;
  }
}
@media screen and (max-width: 428px) {
  .card {
    width: 110%;
  }
}
@media screen and (max-width: 340px) {
  .card {
    width: 110%;
  }
}

/* .card:hover {

  transform: scale(1.10, 1.10);
} */
.table-card {
  /* margin: 25px; */
  transition: all .4s cubic-bezier(0.175, 0.885, 0, 1);
  background-color: #fff;
  /* width: 33.3%; */
  width: 100%;

  position: relative;
  border-radius: 12px;
  overflow: hidden;
  /* box-shadow: 0px 13px 10px -7px rgba(0, 0, 0, 0.1); */
  box-shadow: 0px 30px 18px -8px rgba(0, 0, 0, 0.1);
  /* padding: 10px; */
}

.card__info {
  z-index: 2;
  background-color: #fff;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  padding: 16px 24px 24px 24px;
  background-color: transparent;
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.card__infoGoat {
  padding: 16px !important;
}

/* .card__category {
  font-family: 'Raleway', sans-serif;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 2px;
  font-weight: 500;
  color: #868686;
} */

/* .card__title {
  margin-top: 5px;
  margin-bottom: 10px;
  font-family: 'Roboto Slab', serif;
}

.card__by {
  font-size: 12px;
  font-family: 'Raleway', sans-serif;
  font-weight: 500;
}

.card__author {
  font-weight: 600;
  text-decoration: none;
  color: #AD7D52;
} */

/* .card:hover .card__img--hover {
  height: 100%;
  opacity: 0.3;
} */

.card:hover .card__info {
  background-color: transparent;
  position: relative;
}

.card:hover .card__info-hover {
  /* opacity: 1; */
}