.tarot_container
{
  width: 100%;
  height: auto;
  perspective: 1000px;
  transform-style: preserve-3d;
  position: relative;
}
.tarot_container .front img
{
  width: 100%;
}
.flipcard
{
  position: relative;
  transition: .8s;
  transform-style: preserve-3d;
}
.flipcard .front
{
  top: 0;
  Left: 0;
  backface-visibility: hidden;
  transition: .8s;
  transform-style: preserve-3d;
  z-index: 100;
}
.flipcard .back
{
  position: absolute;
  top: 0;
  Left: 0;
  backface-visibility: hidden;
  transition: .8s;
  transform-style: preserve-3d;
  z-index: 99;
  width: 100%;
  height: 300px;
  transform: rotateY(180deg);
  text-align: center;
}
.tarot_container:hover .front
{
  transform: rotateY(-180deg);
}


.word {
  color: white;

}



.heart {
  transition: transform 1s;
  animation: heartbeat 2s infinite alternate;
  -webkit-transition: transform 1s;
  -moz-transition: transform 1s;
  -ms-transition: transform 1s;
  -o-transition: transform 1s;
  -webkit-animation: heartbeat 2s infinite alternate;
}

@keyframes heartbeat {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
}
  100% {
    transform: scale(1);
  }
}





.dos_dont{
  background: #fcf6e2; padding: 60px 0;
}


.dos_dont h2{
  font-family: "Philosopher", sans-serif;
  color: #c89838;
}



.dos_dont .card {
  border-radius: 0px 50px 0px 50px;
  /* -webkit-border-radius: 0px 50px 0px 50px; */
  -moz-border-radius: 0px 50px 0px 50px;
  -ms-border-radius: 0px 50px 0px 50px;
  -o-border-radius: 0px 50px 0px 50px;
  width: 100%;
  background: #fff;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  border: none;

}



 .dos_dont_star {
  background: url(../img/dont-dos_star_icon.jpg) no-repeat bottom right;
 }


 .dos_dont_cross {
  background: url(../img/dont-dos_cross_icon.jpg) no-repeat bottom right;
 }



.social_media_bottom{
  position: fixed;
  bottom: 137px;
  right: 15px;
}


 .whatsaap_icon img{
height: 40px; z-index: 100;
cursor: pointer;
position: absolute;
right: 0;
 }

 .instagram img{
  height: 40px; z-index: 100;
  cursor: pointer;
  position: absolute;
  right: 0;
  bottom: 10px;
   }