.flip-cards{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:2rem;margin-inline:auto;max-width:348px}@media (min-width:600px){.flip-cards{grid-template-columns:repeat(2,1fr);margin-inline:auto;max-width:600px;position:relative}}@media (min-width:1248px){.flip-cards{gap:1rem;grid-template-columns:repeat(4,1fr);max-width:unset;position:relative}}.flip-cards .card{aspect-ratio:1/1;border-radius:50%;max-width:250px;overflow:hidden;position:relative;transform-style:preserve-3d;transition:.6s;width:100%}.flip-cards .card .back,.flip-cards .card .front{align-items:center;border-radius:50%;display:flex;flex-direction:column;height:100%;inset:0;justify-content:center;position:absolute;width:100%}.flip-cards .card .back .interior,.flip-cards .card .front .interior{align-items:center;background:linear-gradient(70deg,#fff 40%,#ddd);border-radius:50%;box-shadow:8px 6px 6px rgba(0,0,0,.5);display:flex;flex-direction:column;gap:.5rem;height:208px;justify-content:center;padding:2rem;width:208px}.flip-cards .card .back .interior .card-number,.flip-cards .card .front .interior .card-number{color:var(--orange);font-family:Oswald,sans-serif;font-size:5rem;font-weight:600;line-height:1}.flip-cards .card .back .interior h4,.flip-cards .card .front .interior h4{color:var(--blue);font-size:2.375rem;margin-bottom:0}.flip-cards .card .back .interior p,.flip-cards .card .front .interior p{line-height:1.25;margin-bottom:0;text-align:center}.flip-cards .card .back{opacity:0;transform:rotateY(180deg);transition:all 0s .15s}.flip-cards .card-wrap{align-items:center;display:flex;justify-content:center}.flip-cards .card-wrap:hover .card{transform:rotateY(180deg)}.flip-cards .card-wrap:hover .card .back{opacity:1}.flip-cards .card-wrap:first-child .front{background:var(--primary)}.flip-cards .card-wrap:nth-child(2) .front{background:#143253}.flip-cards .card-wrap:nth-child(3) .front{background:#16416c}.flip-cards .card-wrap:nth-child(4) .front{background:var(--blue)}