.flip-card{perspective:1000px}.title{font-size:1.5em;font-weight:900;text-align:center;margin:0}.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{box-shadow:0 8px 14px 0 rgba(0,0,0,.2);position:absolute;display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;backface-visibility:hidden}.flip-card-back{transform:rotateY(180deg)}.white-box{animation:fabricBoxes .5s ease-in-out;border-radius:20px;padding:50px 0 60px;color:#fff;font-size:15px;font-weight:400;min-height:450px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;box-shadow:0 10px 20px -14px rgba(0,0,0,.75);position:relative;overflow:hidden;transition:.5s}.white-box:hover{background-color:#fff;background-image:none;box-shadow:0 10px 20px -5px rgba(0,0,0,.75);transition:all .5s;transform:scale(1.05)}.white-box:hover .box-detail{opacity:1;transition:.5s;top:0}.white-box:hover .box-label{opacity:0;visibility:hidden;transition:.2s}.white-box:hover:after{opacity:0;transition:opacity .5s}.white-box .box-detail{width:100%;color:#fff;opacity:0;text-align:center;transition:.5s;top:50%;position:absolute;padding:0 30px}.white-box .box-label{opacity:1;visibility:visible;transition-delay:.215s}@keyframes fabricBoxes{0%{transform:rotateX(75deg) translateY(-350px) translateZ(-100px)}}