.flip-card{background-color:transparent;height:300px;border:1px solid #f1f1f1;perspective:1000px;border-radius:20px;overflow:hidden;margin:2rem}.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .4s;transform-style:preserve-3d}.flip-card:hover .flip-card-inner{transform:rotateX(180deg)}.flip-card-back,.flip-card-front{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:20px}.flip-card-front{background-color:#bbb;color:black}.flip-card-back{background-color:dodgerblue;color:white;transform:rotateX(180deg)}.flip-card-front h2{color:white}.flip-card-front h2,.flip-card-title{font-size:2.5rem;text-align:center;font-weight:700;text-transform:uppercase}.flip-card-title{color:#fff;margin:0;width:100%}.flip-card-back div,.flip-card-back li,.flip-card-back p{line-height:1.5}@media (max-width:768px){.flip-card-front h2,.flip-card-title{font-size:1rem;text-align:center;color:white;font-weight:700;text-transform:uppercase}.flip-card-back{font-size:.85rem}.flip-card{height:450px}}