/* // RESPONSIVE DESIGN FOR THE CARD */

@media (max-width: 48rem){

.section-online_services-cards .grid.grid--2-cols{
  grid-template-columns: 1fr !important;
}

.card-flex-right,
.card-flex-left{
  justify-content: center !important;
}


.card {
    height: auto;
  line-height: 1.7; 
  max-width: 400px;
  width: 100%;
  border-radius: 3px; 
  background-color: #fff;
  box-shadow: 0 1.5rem 4rem rgba(0,0,0,0.15);
}
.card__side {
    height: auto;
    position: relative;
    backface-visibility: hidden;
    overflow: hidden;
    box-shadow: none;
  }

  .card__heading {
    font-size: 4rem !important;
  }

.card__side--back {
    transform: rotateY(0); 
    clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 100%);
}
.card:hover .card__side--front {
    transform: rotateY(0);
}

.card__details{
  margin-top: 5rem !important;
  padding: 1rem 1.4rem;
}

.card__cta {
      position: relative;
      top: 0;
      left: 0;
      transform: translate(0);
      width: 100%;
      padding: 7rem 4rem 4rem 4rem;
}

.card__price-box{
  margin-bottom: 3rem;
}

.card__price-value{
  font-size: 4rem;
}

}