.cardins{position:relative;width:80px;height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;gap:12px;border-radius:8px;cursor:pointer}.cardins,.cardins1{background-color:#e9b0b0}.maindivins{position:relative;top:45%;width:100%}.cardins:before{margin:auto;width:105%;height:105%;border-radius:10px;background:linear-gradient(-45deg,#e9b0b0,#e9b0b0);z-index:-10;pointer-events:none;transition:transform .6s cubic-bezier(.175,.885,.32,1.275)}.cardins:after,.cardins:before{content:"";position:absolute;inset:0}.cardins:after{z-index:-1;background:linear-gradient(-45deg,#f7cece,#f7cece);transform:translateZ(0) scale(.95);filter:blur(20px);transition:filter .6s cubic-bezier(.175,.885,.32,1.275)}.heading{font-size:10px;font-weight:800}.heading,.heading1{text-transform:capitalize}.heading1{font-size:9px;font-weight:900;color:#d62a39}.cardins p:not(.heading){font-size:14px}.cardins p:last-child{color:#d62a39;font-weight:600;text-align:center}.cardins1 p:last-child{color:#d62a39}.cardins:hover:after{filter:blur(30px)}.cardins:hover:before{transform:rotate(180deg)}.containerip{width:40%;display:flex;flex-wrap:wrap;justify-content:center;gap:21px;margin:50px auto}@media (max-width:768px){.maindivins{position:absolute;top:5%;width:95%}.containerip{width:50%;gap:10px}.cardins{position:relative;width:70px;height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px;gap:6px;border-radius:6px;cursor:pointer}.heading{font-size:9px;text-transform:capitalize;font-weight:700}}@media (max-width:550px){.maindivins{position:absolute;top:5%}.containerip{width:90%}.cardins{position:relative;width:50px;height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3px;gap:3px;border-radius:5px;cursor:pointer}.heading{font-size:9px;text-transform:capitalize;font-weight:700}}@media (min-width:320px) and (max-width:420px){.maindivins{position:absolute;top:4%}.containerip{width:80%}.cardins{position:relative;width:60px;height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3px;gap:4px;border-radius:5px;cursor:pointer}.heading{font-size:9px;text-transform:capitalize;font-weight:700}}@media (min-width:420px) and (max-width:480px){.maindivins{position:absolute;top:3%}.containerip{width:80%}.cardins{position:relative;width:70px;height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px;gap:5px;border-radius:5px;cursor:pointer}.heading{font-size:9px;text-transform:capitalize;font-weight:700}}