.flip-card{background-color:transparent;perspective:1000px;width:100%}.flip-card-inner{height:100%;position:relative;text-align:center;transform-style:preserve-3d;transition:transform .6s;width:100%}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;position:absolute;width:100%}.flip-card-front{align-items:center;background-color:#30688a;border:0 solid transparent;border-radius:4px;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:28px 20px;transition-duration:.4s}.flip-card-front .front-title h2{color:#fff;font-weight:400;margin-bottom:20px}.flip-card-back{border-radius:4px;color:#fff;padding:28px 20px;position:relative;transform:rotateY(180deg);width:100%;z-index:1}.flip-card-back .back-title,.flip-card-back .back-title h3{display:inline-block;width:100%}.flip-card-back .back-title h3{color:#fff;font-size:23px;line-height:30px}.flip-card-back:after{background-color:#1d2a54;border:1px solid transparent;border-radius:4px;bottom:0;color:#fff;content:"";display:block;height:100%;left:0;position:absolute;right:0;top:0;transition-duration:.4s;width:100%;z-index:-1}.flip-card-back .back-content{display:inline-block;margin-bottom:20px;width:100%}.flip-card-back .back-content p{color:#fff}.card-flip-sec{display:inline-block;padding:65px 30px 100px;position:relative;width:100%;z-index:1}.card-flip-sec:after{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:-1}.card-flip-sec .grid{column-gap:30px;display:grid;grid-template-columns:repeat(4,1fr);row-gap:15px;width:100%}.flip-card-front .front-title{display:inline-block;width:100%}.flip-card-front .front-content p{color:#fff}@media(max-width:1000px){.card-flip-sec .grid{grid-template-columns:repeat(1,1fr)}}