
/*=================================*/
/*=================================*/
/* DIVI FLIP CARDS BY GENO QUIROZ */

    /* section */
        .mp_s_flip_cards {
            display:flex!important;
            margin-bottom: 0px!important;
            /* max-width: 1400px; */
            width:100%;
            left: 50%;
            margin-right: -50%;
            transform: translate(-50%);}

    /* row */
        .mp_row_flip_box {
            background-color: transparent;
            width: 18% !important; /* adjust based on number of columns */
            padding-right:0 !important;
            height: 250px;
            -webkit-perspective: 1000px;
            perspective: 1000px;}

    /* column */
        .mp_column_flip_box {
            position: relative;
            width:100%;
            height: 100%;
            -webkit-transition: transform 0.8s;
            transition: transform 0.8s;
            -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;}

        .mp_row_flip_box:hover .mp_column_flip_box {
            -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);}

    /* text modules */
        .mp_m_fc_front_text,
        .mp_m_fc_back_text {
            position: absolute!important;
            width:100%;
            height: 100%;
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            border-radius: 5px;
            box-shadow: 0px 12px 18px -6px rgba(0, 0, 0, .2);
            -webkit-transform-style: preserve-3d;
            -moz-transform-style: unset;
            backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            -webkit-backface-visibility: hidden;
            -o-backface-visibility: hidden;}


    /* text module background image overlay */
        .mp_m_fc_front_text {
            background-blend-mode: overlay;
            background-color: #ffffff;}
        .mp_m_fc_back_text {
            background-blend-mode: overlay;
            background-color: rgba(0,0,0,0.8);}

    /* text positioning and styling */
        .mp_m_fc_front_text .et_pb_text_inner,
        .mp_m_fc_back_text .et_pb_text_inner {
            color: #7dc855!important;
            font-size: 16px!important;
            font-weight: 500!important;
            top: 50%!important;
            left: 50%!important;
            transform: translate(-50%,-50%)!important;
            width: 100%!important;}

        .mp_m_fc_front_text .et_pb_text_inner h3 {
            color: #fff!important;
            font-size: 30px!important;
            line-height: 34px!important;
            font-weight: 900!important;}

        .mp_m_fc_back_text .et_pb_text_inner {
            color: #fff!important;
            font-size: 15px!important;
            font-weight: 600!important;
            text-align: center;}

        .mp_m_fc_back_text .et_pb_text_inner h3 {
            color: #fff!important;
            font-size: 20px!important;
            font-weight: 900!important;}

        .mp_m_fc_back_text .et_pb_text_inner a {
            color: #fff;
            padding: 5px 15px;
            background: transparent;
            border-radius: 3px;}

        .mp_m_fc_back_text  {
            -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);}

    /* mobile */
        @media only screen and (max-width : 980px) {
            .mp_s_flip_cards {
                display: block!important;
                width: 80%!important;}
            .mp_row_flip_box {
                width: 80% !important;}
              }
