@media(max-width:768px){.card-wrapper{margin:0 15px}}.card{color:inherit;width:calc(33% - 2rem);min-width:calc(33% - 2rem);height:460px;min-height:400px;perspective:1000px;margin:1rem;position:relative;display:inline-block}.card .click{position:absolute;bottom:15px;right:20px;max-width:40px}.card .learn-more{position:absolute;bottom:25px;right:65px;font-size:1.4rem;color:#d1d1e0}.card .back-click{position:absolute;bottom:15px;right:20px;font-size:1.4rem;color:#52dedb}.mobile-touch-icon{display:block}@media(hover:hover){.mobile-touch-icon{display:none}}@media screen and (max-width:1100px){.card{width:calc(50% - 3rem)}}@media screen and (max-width:800px){.card{width:100%;margin:1em 0}}.front,.back{display:flex;border-radius:12px;background-position:center;background-size:cover;background-color:#23237b;text-align:center;justify-content:center;align-items:center;position:absolute;height:100%;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d;transition:ease-in-out 600ms}.front{background-size:cover;padding:2rem;font-size:2.8rem;line-height:3.8rem;font-weight:500;color:#fff;overflow:hidden;z-index:2}@media(hover:hover){.card:hover .front{transform:rotateY(180deg)}.card:nth-child(even):hover .front{transform:rotateY(-180deg)}}.card.flip .front{transform:rotateY(180deg)}.card.flip .back{transform:rotateY(0)}.back{background:#fff;transform:rotateY(-180deg);padding:0 1.5em;z-index:1}.back .content{font-size:1.8rem}.back .button{background:#52dedb;border-radius:6px}.back .button:before{box-shadow:0 0 10px 10px rgba(21,221,223,0.25);background-color:rgba(21,221,223,0.25)}@media(hover:hover){.back a.button:hover,.back a.button:focus{color:#fff}.card:hover .back{transform:rotateY(0)}.card:nth-child(even) .back{transform:rotateY(180deg)}.card:nth-child(even):hover .back{transform:rotateY(0)}}.button{transform:translateZ(40px);cursor:pointer;-webkit-backface-visibility:hidden;backface-visibility:hidden;font-weight:bold;color:#fff;padding:.5em 1.5em;border-radius:0;font:inherit;border:0;position:relative;transform-style:preserve-3d;transition:300ms ease;display:block;margin:0 auto;margin-top:20px;width:fit-content}.button:before{transition:300ms ease;position:absolute;display:block;content:"";transform:translateZ(-40px);-webkit-backface-visibility:hidden;backface-visibility:hidden;height:calc(100% - 20px);width:calc(100% - 20px);border-radius:100px;left:10px;top:16px}.button:hover{transform:translateZ(55px)}.button:hover:before{transform:translateZ(-55px)}.button:active{transform:translateZ(20px)}.button:active:before{transform:translateZ(-20px);top:12px}