.logo{
  font-family: 'Comfortaa', cursive !important;
  font-size:36px !important;
  color:#000 !important;
}

span,input,select,option,a{
  font-family: 'Montserrat' !important;
}

.comfortaa{
  font-family: 'Comfortaa', cursive !important;
}

.accordion-button:not(.collapsed){
  background-color:#f1f2f6;
  color:#000;
}

.yd-reviews .intro a{
  color:#000;
  font-weight: bold;
}

.accordion-body{
  font-family: 'Montserrat' !important;
  line-height: 20px;
}

.voovcard{
  width:400px;
  height:230px;
}

.black{
    background-color:#000;
    border-radius: 10px;
}

.red{
    background-color:#ff0000;
    border-radius: 10px;
}

.blue{
    background-color:#0984e3;
    border-radius: 10px;
}

.silver{
  color:#c0c0c0 !important;
}

.white{
  color:#fff !important;
}

.gold{
  color:#FFD700 !important;
}

.flip-card {
  background-color: transparent;
  width: 400px;
  height: 230px;
  border: 1px solid #f1f1f1;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
  border-radius: 10px;
}

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
  color: black;
  border-radius:5px !important;
}

/* Style the back side */
.flip-card-back {
  transform: rotateY(180deg);
  border-radius:5px !important;
}

.cardBackLogo{
  font-family:'Comfortaa' !important;
  font-size:48px !important;
  line-height: 50px !important;
  color:#fff !important;
  margin-top:90px !important;
}


#cardHolder{
  font-family:'Comfortaa' !important;
  font-size:18px;
  line-height: 30px;
  margin-top:100px;
  color:#c0c0c0;
}

.price{
  font-size:24px !important;
  font-weight: bold !important;
  color:#000 !important;
}

label{
  margin-top:4px;
  font-family: 'Montserrat' !important;
  font-size:16px !important;
}

.icon96{
  font-size:36px;
  color:#000;
}
.text-bold-dark{
  font-weight:bold !important;
  color:#000 !important;
}
.footer-sm {
  bottom: 0px;
  left: 0px;
  right: 0px;
  margin-bottom: 0px;
}