.flipcardrow { display: flex; flex-wrap: wrap; }
.fc-cols { width: 32%; margin-right: 2%;  }

.flipcardcols { margin-bottom: 20px; }
.flipcardbox { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 1s; transform-style: preserve-3d; display: flex; justify-content: center; align-items: center; }
.flipcardfront , .flipcardback { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.front-bgimg { background-size: cover; background-position: center center; background-repeat: no-repeat; overflow: hidden; }
/* .flipcardfront { box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px 0px; box-shadow: 0 13px 16px rgb(0, 0, 0, .16); } */
.flipcardcols .flipcardfrontoverlay:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; }
.flcr-forntlogo { position: relative; z-index: 1; }
.flipcardback {z-index: 11; transform: rotateY(180deg); {# box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 8px 0px; box-shadow: 0 13px 16px rgb(0, 0, 0, .16); #} }
.flipcardcols:hover .flipcardbox { transform: rotateY(180deg); }
.flcr-backlogo { margin-bottom: 20px; }
.flcr-backtitle h3 { margin-bottom: 10px; }
.flipcardbackinner { overflow: auto; }
.flipcardbackinner::-webkit-scrollbar-track {	background-color: #F5F5F5; }
.flipcardbackinner::-webkit-scrollbar { width: 5px; background-color: #F5F5F5; }
.flipcardbackinner::-webkit-scrollbar-thumb { background-color: #000000; }
.flcr-backtext, .flcr-backtext p { font-size: 14px; }
.flcr-backtext p:last-child { margin-bottom: 0; }
.flcr-backtitle h3 a { font-weight: inherit; text-decoration: none; color: currentcolor; }
.flcr-backtitle h3 a:hover { color: #27b7e2; }

@media (min-width: 992px) {
  .fc-cols:nth-child(3n) { margin-right: 0; }
}
@media (max-width: 991px) {
  
  .fc-cols { width: 49%; }
  .fc-cols:nth-child(2n) { margin-right: 0; }
}

@media (max-width: 767px) {
  
  .fc-cols { width: 100%; margin-right: 0; }  
  .flcr-backlogo { margin-bottom: 10px; }
}