.card-flip-container{align-items:stretch;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:20px 0}.card-flip-container.one-col .card-flip{flex:1 1 100%}.card-flip-container.two-col .card-flip{flex:1 1 calc(50% - 20px)}.card-flip-container.three-col .card-flip{flex:1 1 calc(33.33% - 20px)}.card-flip{cursor:pointer;min-height:400px;min-width:250px;perspective:1000px;position:relative}.card-inner{height:100%;position:relative;text-align:center;transform-style:preserve-3d;transition:transform .8s ease;width:100%}.card-flip.no-animation .card-inner{transition:none}.card-face{backface-visibility:hidden;border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;gap:15px;height:100%;justify-content:flex-start;min-height:inherit;min-width:inherit;padding:40px 30px;position:absolute;width:100%}.card-face.card-back{justify-content:center}.card-face p{font-size:17px;line-height:1.4}.card-back{transform:rotateY(180deg)}.card-icon svg{width:30px}.white-text .card-icon svg{fill:#fff}.white-text,.white-text h2,.white-text h3,.white-text h4,.white-text h5,.white-text h6,.white-text p{color:#fff}.white-text a{color:#fff;text-decoration:underline}@media (hover:hover) and (pointer:fine){.card-flip:hover .card-inner{transform:rotateY(180deg) translateX(10px)}}.card-flip.flip .card-inner{transform:rotateY(180deg) translateX(10px)}@media (min-width:900px) and (max-width:1025px){.card-flip{min-height:475px}}@media (max-width:900px){.card-flip-container.three-col .card-flip{flex:1 1 calc(48% - 20px)}}@media (max-width:700px){.card-flip-container.three-col .card-flip{flex:1 1 100%}.card-flip{min-height:400px}}