.flip-cards--container{display:grid;grid-template-columns:repeat(1,1fr);place-items:center;gap:20px}@media (min-width: 768px){.flip-cards--container{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1025px){.flip-cards--container{grid-template-columns:repeat(3,1fr)}}.section-subheading{font-size:14px;color:gray}.flip-card{background-color:transparent;width:100%;padding-top:125.9%;padding-left:100%;position:relative}.flip-card-inner{position:absolute;width:100%;height:100%;text-align:center;transition:transform .6s;transform-style:preserve-3d;box-shadow:0 4px 8px #0003;top:0;left:0;border-radius:10px}.flip-card-inner:after{content:"";position:absolute;border:2px solid #4fb6b9;width:100%;height:100%;left:0;top:0;border-radius:10px;z-index:9;animation:borderanimation 1.5s ease-in-out infinite;transition:.3s ease;pointer-events:none}.flipped.flip-card-inner:after{opacity:0}.flipped.flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:.5s ease;border-radius:10px}.flip-card-front{background-color:#bbb;color:#000}.flip-card-front img{position:absolute;top:0;left:0;width:100%;height:auto;border-radius:10px}.flip-card-back{background-color:#2980b9;color:#fff;transform:rotateY(180deg);display:flex;justify-content:center;align-items:center;text-align:left;position:relative}.overlay-img.hidden{display:none}.overlay-img{position:absolute;top:10%;left:90%;transform:translate(-50%,-50%);z-index:10;width:40px;height:40px;animation:ease-in-out-animation 2s infinite alternate}@keyframes ease-in-out-animation{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.15);animation-timing-function:ease-in}to{transform:translate(-50%,-50%) scale(1);animation-timing-function:ease-out}}.flip-card-back a{text-transform:uppercase;font-weight:700;text-decoration:underline;text-underline-offset:4px;margin-top:10px;display:inline-block;transform:scale(.8);transform-origin:left;color:#fff}.flip-card-back .back-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;height:90%;overflow:auto}@media only screen and (max-width: 600px){.flip-card-back p{font-size:14px!important}}.flip-card-back p{padding:15px;font-size:18px;text-align:center;color:#000;margin:0;height:100%;box-sizing:border-box}@keyframes borderanimation{0%{border:2px solid #4fb6b9}50%{border:4px solid #4fb6b9}to{border:2px solid #4fb6b9}}@keyframes shadow{0%{box-shadow:2px 2px 2px #aaa}50%{box-shadow:5px 5px 10px #aaa}to{box-shadow:2px 2px 2px #aaa}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/cc-flip-card-styles.css.map */