.card{position:relative;width:110px;height:110px;background-color:#f0caca;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;gap:12px;border-radius:8px;cursor:pointer}.card1{background-color:#ba210e}.maindiv{position:relative;z-index:0;width:100%}.card:before{content:"";position:absolute;inset:0;margin:auto;width:105%;height:105%;border-radius:10px;background:linear-gradient(-45deg,#ba210e,#ba210e);z-index:-10;pointer-events:none;transition:transform .6s cubic-bezier(.175,.885,.32,1.275)}.headingp1f{font-size:12px;text-transform:capitalize;font-weight:900;color:#a01d0c}.card:after{content:"";z-index:-1;position:absolute;inset:0;background:linear-gradient(-45deg,#f7cece,#f7cece);transform:translateZ(0) scale(.95);filter:blur(20px);transition:filter .6s cubic-bezier(.175,.885,.32,1.275)}.headingp{font-size:10x;text-transform:capitalize;font-weight:900}.headingp1{font-size:10px}.headingp1,.headingp12{text-transform:capitalize;font-weight:900;color:#a01d0c}.headingp12{font-size:14px}.card p:last-child{color:#ba210e;font-weight:600;text-align:center}.card1 p:last-child{color:#ffe5e5}.card:hover:after{filter:blur(30px)}.card:hover:before{transform:rotate(180deg)}.container{position:relative;width:40%;display:flex;flex-wrap:wrap;justify-content:center;gap:21px;margin:50px auto}.containersideleft{background-image:url(https://i.postimg.cc/0jDVqSGQ/Image-1-00001.jpg);background-position:50%}.containersideleft,.containersideright{position:relative;width:25%;display:flex;flex-wrap:wrap;justify-content:center;gap:2px;margin:60px auto 50px;background-size:cover;height:225px;border-radius:10px}.containersideright{background-image:url(https://i.postimg.cc/vZgyyTkp/image.png);background-position:bottom}@media (max-width:950px){.container{width:50%;gap:10px}.containersideleft,.containersideright{display:none}.card{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}.headingp{font-size:5px;text-transform:capitalize;font-weight:700}}@media (max-width:550px){.container{width:90%}.card{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}.headingp{font-size:5px;text-transform:capitalize;font-weight:700}}@media (min-width:320px) and (max-width:420px){.container{width:80%}.card{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}.headingp,.headingp12{font-size:8px;text-transform:capitalize;font-weight:700}.mobileicondiv{font-size:1.5rem}.headingp1t{font-size:7px}}@media (min-width:420px) and (max-width:480px){.container{width:80%}.card{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}.headingp{font-size:5px;text-transform:capitalize;font-weight:700}}