
.flip__box__main__wrap .flip__box__front__part{
    background: #fff;
    text-align: center;
    padding: 45px 45px 30px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}
.flip__box__main__wrap .flip__box__back__part{
    background: #fff;
    text-align: center;
    padding: 45px 45px 30px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
}

.flip__box__main__wrap .flip__box__back__part .flip__back__icon{
    padding: 30px;
    background: #3414DE;
    color: #ffffff;
    display: inline-block;
    border-radius: 50%;
}
.flip__box__main__wrap .flip__box__back__part .flip__back__icon i{
    font-size: 50px;
}

.flip__box__main__wrap .flip__box__front__part .flip__front__icon{
    padding: 30px;
    background: #3414DE;
    color: #ffffff;
    display: inline-block;
    border-radius: 50%;
    
}
.flip__box__main__wrap .flip__box__front__part .flip__front__icon  i{
    font-size: 50px;
}

.flip__box__main__wrap .flip__box__back__part .flip__back__title,
.flip__box__main__wrap .flip__box__front__part .flip__front__title{
    margin: 25px 0 25px;
    font-size: 20px;
}
.flip__box__main__wrap .flip__box__back__part .flip__back__button ,
.flip__box__main__wrap .flip__box__front__part .flip__front__button {
    color: #000;
    display: inline-block;
}

.flip__animate__style__2.flip__box__main__wrap .flip__box__front__part  {
    -webkit-transition: -webkit-transform .75s ease-in-out;
    transition: transform .75s ease-in-out;
    transition: transform .75s ease-in-out,-webkit-transform .75s ease-in-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform:rotateX(0deg);
    transform:rotateX(0deg);
}
.flip__animate__style__2.flip__box__main__wrap .flip__box__back__part  {
    -webkit-transition: -webkit-transform .75s ease-in-out;
    transition: transform .75s ease-in-out;
    transition: transform .75s ease-in-out,-webkit-transform .75s ease-in-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform:rotateX(-180deg);
    transform:rotateX(-180deg);
}


.flip__animate__style__2.flip__box__main__wrap:hover .flip__box__front__part {
    -webkit-transform:rotateX(-180deg);
    transform:rotateX(-180deg);
}
.flip__animate__style__2.flip__box__main__wrap:hover .flip__box__back__part {
    -webkit-transform:rotateX(0deg);
    transform:rotateX(0deg);
}
