.flipbox-grid{display:grid;gap:20px;margin:0 auto;max-width:1040px}@media only screen and (min-width:768px){.flipbox-grid{grid-template-columns:repeat(3,1fr)}}.flipbox-card-wrapper{border:1px solid #6ec1e4;padding:0}.flipbox-back{background:#1a6094eb;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;text-align:center}.flipbox-title{color:#fff;font-size:15px;margin-bottom:10px;text-transform:uppercase}.flipbox-back p{color:#fff;font-size:13px}a.flipbox-button{background-color:transparent;border:1px solid #fff;color:#fff;display:block;font-weight:700;margin:0 auto;max-width:140px;padding:12px 16px;text-transform:uppercase;width:auto}a.flipbox-button:hover{background-color:#fff;color:var(--blue)}.flipbox-front{text-align:center}.flipbox-card-wrapper{height:230px;overflow:hidden;perspective:1000px;position:relative}.flipbox-back,.flipbox-front{backface-visibility:hidden;height:100%;position:absolute;transition:all .3s;width:100%}.flipbox-back{animation:slideDown .5s forwards;transform:translateY(180deg);visibility:hidden}.flipbox-card-wrapper:hover .flipbox-back{animation:slideUp .5s forwards;transform:translateY(0);visibility:visible}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}