.flip-card {
  perspective: 1000px;
  position: relative;
  overflow: hidden;
	width: 100%;
  height: 500px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.6s ease;
  transform-style: preserve-3d;
	
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front,
.flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  padding: 20px;
  box-sizing: border-box;
  top: 0;
  left: 0;

}

.flip-card-front {
  background: transparent;
  z-index: 2;
}

.flip-card-back {
  background: #e3f2fd;
  transform: rotateY(180deg);
}


.flip-hover {
  transition: transform 0.3s ease;
}
.flip-hover:hover {
  transform: rotate(45deg);
}

.btn{
	background-color:#5BC0AC;
	color:#fff;
	padding:10px 15px;
	border-radius:5px;
}

.btn:hover {
  transform: scale(1.1) !important;
}

.card-title{
	color:#3A4F66;
	font-weight:600;
	text-align:center;
	
}

.card-front-text{
	text-align:center;
}
.card-front-image{
	margin-bottom:20px;
}