/*
@Author: ThemeMascot
@URL: http://ThemeMascot.com

This is the file where you can add your custom styles to change the look of the
theme. But don't modify style-main.css file.

*/

/* Your custom css codes start here: */

/* ///FLIPCARDS///////////////////////// */
/* ///FLIPCARDS///////////////////////// */
/* ///FLIPCARDS///////////////////////// */

.cardbox1{
  perspective:500px;
  margin:0px
}

.card1{
  width:100%;
  height:280px;
  background:white;
  box-shadow:0 10px 10px rgba(0,0,0,0.1);
  transition:.2s ease;
  transform-style: preserve-3d;
  position:relative;
  cursor:pointer;

}



.front-card1{
  position:absolute;
  width:100%;
  height:210px;
  display:block;
  justify-content:center;
  align-items:center;
  backface-visibility:hidden;
  color:white;
  transition:.1s ease;
 
}

 


.card-cor-1{
  background-color:#9823d2 !important;
}
.card-cor-2{
  background-color:#f63554 !important;
}
.card-cor-3{
  background-color:#d4ad0f !important;
}
.card-cor-4{
  background-color:#fda845 !important;
}
.card-cor-5{
  background-color:#0547af !important;
}
.card-cor-6{
  background-color:#69a2f5 !important;
}
.card1:Hover{
  transform: scale(1.05) !important;
}

/* ///FLIPCARDS///////////////////////// */
/* ///FLIPCARDS///////////////////////// */
/* ///FLIPCARDS///////////////////////// */