/*CUSTOM FLIPCARD - START DOCEBO CODE*/
.custom_flipcard {height: 100%; transform-style: preserve-3d; perspective: 600px; transition: 2s; overflow: hidden;}
.custom_flipcard:hover .card-front {transform: rotateY(-180deg); transition-duration: 2s;}
.custom_flipcard:hover .card-back {transform: rotateY(0deg); transition-duration: 2s;}
.card-front {height: 100%; width: 100%; background-position: 50% 50%; background-size: cover; position: absolute; top: 0; left: 0; backface-visibility: hidden; transition: 0.5s;}
.card-back {height: 100%; width: 100%; position: absolute; top: 0; left: 0; background-color: #ffffff; backface-visibility: hidden; transform: rotateY(180deg); transition: 0.5s; color: #ffffff; text-align: center; margin: 0 auto; display: flex; justify-content: center; align-items: center;}
.card_back_text a {font-weight: 700; text-decoration: none; font-size: 16px; /*padding: 8px 16px; border-radius: 2px; line-height: 20px; font-size: 14px; font-weight: 700; color: #ffffff; background: #E01933; text-transform: uppercase; text-decoration: none;*/}
.card_back_text a:hover {text-decoration: underline; /*color: #ffffff; background-color: #FF3751;*/}
.card_front_title {font-size: 25px; line-height: 34px; font-weight: 700; color: #ffffff; text-align: center; margin: 25px; z-index: 1;}
.card_back_text {font-size: 14px; line-height: 20px; font-weight: 400; color: #333333; text-align: center; margin: 15px 25px;}
.flipcard_overlay {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
/*CUSTOM FLIPCARD - END*/