#categories{background-color:#faf0e6;@media(max-width:991px){padding:25px 0 !important}@media(max-width:768px){padding:20px 0 !important}}.card{position:relative;height:400px;width:100%;margin:10px 0;transition:ease all 1.3s;background-color:#faf0e6;border-radius:30px;box-shadow:none;&:hover{.cover{transform:rotateX(0) rotateY(-180deg);&:before{transform:translateZ(30px)}&:after{background-color:rgba(255,255,255,0.5)}h4{transform:translateZ(100px) translateX(-50%)}.price{transform:translateZ(60px)}a{transform:translateZ(-60px) rotatey(-180deg)}p{transform:translateZ(-60px) rotatey(-180deg)}}}.cover{position:absolute;height:100%;width:100%;transform-style:preserve-3d;transition:ease all 1.3s;background-size:cover;background-position:center center;background-repeat:no-repeat;&:before{content:"";position:absolute;top:20px;left:20px;right:20px;bottom:20px;z-index:2;transition:ease all 1.3s;transform:translateZ(0)}&:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;transition:ease all 1.3s;background:rgba(0,0,0,0.2);border-radius:20px}&.item-a{border-radius:20px}&.item-b{border-radius:20px}&.item-c{border-radius:20px}&.item-d{border-radius:20px}h4{font-weight:600;position:absolute;bottom:10%;left:50%;color:#681e77;transform-style:preserve-3d;transition:ease all 1.3s;z-index:3;font-size:15px;transform:translateZ(0) translateX(-50%);width:171px;text-align:center;background-color:#fff;text-transform:uppercase;padding:8px 2px;border:1px solid rgba(0,0,0,0.2);border-radius:30px}.price{font-weight:200;position:absolute;top:55px;right:50px;color:white;transform-style:preserve-3d;transition:ease all 1.3s;z-index:4;font-size:2em;transform:translateZ(0)}}.card-back{position:absolute;height:100%;width:100%;background:rgba(0,0,0,0.25);transform-style:preserve-3d;transition:ease all 1.3s;transform:translateZ(-1px);display:flex;flex-direction:column;align-items:center;justify-content:end;padding-bottom:50px;border-radius:20px;a{transform-style:preserve-3d;transition:ease transform 1.3s,ease background .5s;transform:translateZ(-1px) rotatey(-180deg);background:#681e77;border:1px solid rgba(0,0,0,0.2);font-weight:600;font-size:12px;text-transform:uppercase;color:white;padding:8px 2px;outline:0;text-align:center;width:171px;border-radius:50px;text-decoration:none;&:hover{background-color:white;color:#681e77}}p{transform-style:preserve-3d;transition:ease transform 1.3s,ease background .5s;transform:translateZ(-1px) rotatey(-180deg);font-weight:bold;font-size:15px;color:white;padding:8px 2px;outline:0;text-align:center;width:200px;border-radius:50px;text-decoration:none}}}.row{.col-lg-3:first-of-type{.card{.card-back{p{font-weight:bold}}}}}