.flip-cards-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 50px !important;
}
@media screen and (min-width:590px) {
    .flip-cards h2 {
        max-width: 70%;
        margin: 0 auto;
        min-height: 80px;
    }
}

.flip-cards-wrap li {
    width: 100%;
    padding: 30px;
    transition: all .5s ease;
    position: relative;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
}
.flip-card-icon{
	opacity: 1;
	visibility: visible;
	transition: all .5s ease;
	display: inline-block;
}
.flip-card-icon.hover-icon,
.flip-card:hover .flip-card-icon{
	visibility: hidden;
	opacity: 0;
	display: none;
}
.flip-card:hover .flip-card-icon.hover-icon{
	visibility: visible;
	opacity: 1;
	display: inline-block;
}
.flip-cards-wrap .flip-card-icon.default-icon img{
	width: 200px;
	height: 200px;
}
.desc-visible-1 .flip-card-desc {
    opacity: 1;
    color: initial;
}
.flip-cards-wrap li.bg-color-transparent:hover > *{
	color: initial;
}
.flip-cards-wrap .bg-color-transparent:hover {
    background: #efefef;
}
@media screen and (min-width:768px) {
    .flip-cards-wrap li {
        width:50%;
    }
    
    .flip-cards-wrap li:first-child:before {
        display: none;
    }

    .flip-cards-wrap li:hover:before,
    .flip-cards-wrap li:hover:after {
        display: none;
    }
    .flip-cards-wrap li:nth-child(2n+2):before {
        content: '';
        width: 1px;
        border-left: 1px solid #000;
        height: 50%;
        position: absolute;
        left: 0;
    }
    /* flip description hover*/
    .flip-card-desc {
        opacity: 0;
        width: 100%;
        color: #fff;
        min-height: 100px;
    }
    .flip-cards-wrap li:hover > * {
        color: #fff;
    }
    .flip-cards-wrap li:hover .flip-card-desc  {
        opacity: 1;
    }
    .flip-cards-wrap .bg-color-red:hover {
        background: #f47b42;
    }
    .flip-cards-wrap .bg-color-blue:hover {
        background: #5591ac;
    }
    .flip-cards-wrap li:hover .default-icon {
        background: #fff;
    }
    .flip-cards-wrap li:hover .default-icon img {
        filter: none;
        width: 150px;
        height: 150px;
        padding: 20px;
    }
}
@media screen and (min-width:1200px) {
    .flip-cards-wrap li {
        width:50%;
    }
    .flip-cards-wrap li:hover:before,
    .flip-cards-wrap li:hover:after {
        display: none;
    }
    .flip-cards-wrap li:first-child:after {
        content: '';
        width: 1px;
        border-left: 1px solid #000;
        height: 50%;
        position: absolute;
        right: 0;
    }
    .flip-cards-wrap li:nth-child(2n+2):before { 
        display: none;
    }
    .flip-cards-wrap li:nth-child(2n+1):before {
        content: '';
        width: 1px;
        border-left: 1px solid #000;
        height: 50%;
        position: absolute;
        left: 0;
    }
    .two-col .flip-cards-wrap li:nth-child(odd):after {
        content: '';
        width: 1px;
        border-left: 1px solid #000;
        height: 50%;
        position: absolute;
        right: 0;
    }
    
}
.two-col .flip-cards-wrap li:before{
	display: none;
}
@media screen and (min-width:1200px) {
    .flip-cards-wrap li {
        width:33.3333%;
    }
    .two-col .flip-cards-wrap li {
		width: 50%;
	}
}

.flip-cards-wrap li h2 {
    margin: 20px 0;
    width: 100%;
    color: #555;
}

.flip-cards-wrap li .flip-card-icon {
    border-radius: 100%;
    /* 
display: flex;
    align-items: center;
    justify-content: center;
 */
}
.flip-cards-wrap .flip-card-icon img {
    width: 200px;
    padding: 30px;
    height: 200px;
    /* filter: invert(1)brightness(100); */
}
.flip-cards-wrap .bg-color-red .flip-card-icon {
    /* background: #f47b42; */
}
.flip-cards-wrap .bg-color-blue .flip-card-icon {
    /* background: #5591ac; */
}

@media screen and (max-width:767px){
	.flip-card-icon.hover-icon, .flip-card:hover .flip-card-icon {
		visibility: visible !important;
		opacity: 1 !important;
		display: block;
	}
	.flip-card-icon.default-icon {
		visibility: hidden !important;
		display: none !important;
	}
	.flip-cards-wrap .bg-color-transparent:hover {
		background: none !important;
	}
}