.cardAnimate{justify-content:center;align-items:center;display:flex}.productCard{border-radius:15px;flex-direction:column;align-items:center;gap:5px;width:250px;height:100%;margin-top:20px;transition:all .5s ease-in-out;display:flex;position:relative}.imagCardBox{cursor:pointer;border:1px solid #1f1f1f1e;border-radius:5px;justify-content:center;transition:all .3s ease-in-out;display:flex;position:relative;overflow:hidden}.cardLink{justify-content:center;display:flex}.cardImg{width:230px;height:230px}.imagCardBox:hover{transform:scale(1.03)}.cardBody{z-index:1;flex-direction:column;align-items:flex-start;gap:10px;width:95%;transition:all .5s ease-in-out;display:flex;bottom:0;overflow:hidden}.cardBody .productsCardInfo{justify-content:space-between;width:100%;display:flex}.productsCardInfo h3{text-transform:capitalize;max-width:160px;color:var(--dc);font-size:.8rem}.cardBody p{text-transform:uppercase;color:var(--gc);font-size:.7rem;font-weight:400}.productsCardInfo h5{color:var(--dc);font-size:.7rem;font-weight:800}.cardCategory{flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%;display:flex}.view{z-index:0;transition:all .3s ease-in-out;position:absolute;bottom:20px;transform:scale(0)}.imagCardBox:hover .view{transform:scale(1)}.view .mainBtn,.view .hoverBtn{width:100px;height:30px;font-size:14px;border-radius:10px!important}.view .hoverBtn{color:var(--wc);background-color:var(--dc);border:none}@media (max-width:552px){.productCard,.cardImg{width:85vw;height:100%}}