.shopify-section--flip-cards{padding:5px 0;background:#f5f5f5}.shopify-section--flip-cards .Container{padding-left:30px;padding-right:30px;max-width:1500px}.card-wrapper{position:relative;height:auto;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;--gap: 10px;justify-content:center}.shopify-section .custom-html{background:#f5f5f5;width:100vw;max-width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;padding:20px}.card{position:relative;cursor:pointer}.card-wrapper__cards-per-row-2 .card--small{flex-basis:calc(50% - var(--gap))}.card-wrapper__cards-per-row-2 .card--medium,.card-wrapper__cards-per-row-2 .card--large{flex-basis:calc(100% - var(--gap))}.card-wrapper__cards-per-row-3 .card--small{flex-basis:calc(33% - var(--gap))}.card-wrapper__cards-per-row-3 .card--medium{flex-basis:calc(66% - var(--gap))}.card-wrapper__cards-per-row-3 .card--large{flex-basis:calc(100% - var(--gap))}.card-wrapper__cards-per-row-4 .card--small{flex-basis:calc(25% - var(--gap))}.card-wrapper__cards-per-row-4 .card--medium{flex-basis:calc(50% - var(--gap))}.card-wrapper__cards-per-row-4 .card--large{flex-basis:calc(75% - var(--gap))}@media screen and (max-width: 640px){.card-wrapper .card{flex-basis:100%!important}}@media screen and (min-width: 641px) and (max-width: 1040px){.card-wrapper .card{flex-basis:calc(50% - var(--gap))!important}}.content{position:relative;width:100%;height:0;padding-top:100%;border-radius:5px;transition:transform 1s,box-shadow .3s;transform-style:preserve-3d}.content:after{content:"";top:0;right:0;background-color:#f5f5f5;position:absolute;border-top:12px solid transparent;border-right:12px solid transparent;border-bottom:12px solid #ffffff;border-left:12px solid #ffffff;box-shadow:-6px 6px 11px #0000000d;padding:0;border-radius:0 0 0 5px;transition:border .3s ease-in-out}@media (hover: hover){.card:hover .content{transform:rotateY(180deg);transition:transform .5s}.card:hover .content:after{border-bottom-color:#315c76;border-left-color:#315c76}}.card.flipped .content{transform:rotateY(180deg);transition:transform .5s}.card.flipped .content:after{border-bottom-color:#315c76;border-left-color:#315c76}.front,.back{width:100%;height:0;padding-top:100%;top:0;background:#fff;color:#03446a;text-align:left;border-radius:5px;backface-visibility:hidden;display:flex;justify-content:center;align-items:center;flex-direction:column}.front{font-size:30px;position:absolute}.front:before,.front:after{position:absolute;width:40%;height:10px;content:" ";left:12px;bottom:12px;background:transparent;-webkit-transform:skew(-5deg) rotate(-5deg);-moz-transform:skew(-5deg) rotate(-5deg);-ms-transform:skew(-5deg) rotate(-5deg);-o-transform:skew(-5deg) rotate(-5deg);transform:skew(-5deg) rotate(-5deg);-webkit-box-shadow:0 6px 12px rgba(0,0,0,.3);-moz-box-shadow:0 6px 12px rgba(0,0,0,.3);box-shadow:0 6px 12px #0000004d;z-index:-1;transition:box-shadow .3s ease-in-out}.content:hover .front:before,.content:hover .front:after{-webkit-box-shadow:0 12px 12px rgba(0,0,0,.3);-moz-box-shadow:0 12px 12px rgba(0,0,0,.3);box-shadow:0 12px 12px #0000004d}.front:after{left:auto;right:12px;-webkit-transform:skew(5deg) rotate(5deg);-moz-transform:skew(5deg) rotate(5deg);-ms-transform:skew(5deg) rotate(5deg);-o-transform:skew(5deg) rotate(5deg);transform:skew(5deg) rotate(5deg)}.front .flip-card-img{width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;background-size:contain;background-position:center;background-repeat:no-repeat}.front.front--bg .flip-card-img{width:100%;height:100%;background-size:cover}.back{position:absolute;font-size:14px;background:var(--footer-background-new);color:#fff;transform:rotateY(180deg);overflow:auto}.back:before{content:"";position:absolute;width:2px;height:24px;background:#f5f5f5;top:0;left:-1px}.back-content{position:absolute;top:0;height:100%;width:100%;padding:0 40px;overflow-y:auto}.back-content .SectionHeader__Heading{margin-top:50px}.back-content p:last-child{padding-bottom:40px!important}.back-overlay{bottom:0;right:0;left:0;width:100%;height:50px;position:absolute;background:linear-gradient(0deg,#203e50 17%,#203e50a8 67%,#203e501b)}
/*# sourceMappingURL=/cdn/shop/t/81/assets/flip-card.css.map */