.cardMain{cursor:pointer;background:#fff;border:1px solid #e1e1e1;border-radius:10px;grid-template-columns:85% 15%;min-height:70px;margin-top:7px;padding:15px 22px;transition:all .3s ease-in-out;display:grid;position:relative;overflow:hidden}.cardMain.active{background-color:#f2f2f280}.cardMain:active{transform:scale(.98);box-shadow:0 2px 6px #0000001a}.firstCardDiv{align-items:center;display:flex}.firstCardDiv,.secondCardDiv{transition:opacity .3s ease-in-out,transform .3s ease-in-out}.firstCardDiv.hidden,.secondCardDiv.hidden{opacity:0;pointer-events:none;transform:translate(-20px)}.thirdCardDiv{cursor:pointer;justify-content:end;align-items:center;transition:opacity .3s ease-in-out;display:flex}.actions{opacity:0;gap:15px;transition:transform .4s ease-in-out,opacity .3s ease-in-out;display:flex;position:absolute;top:50%;left:100%;transform:translateY(-50%)translate(100%)}.actions.show{opacity:1;grid-column:1/2;justify-content:center;align-items:center;width:100%;display:flex;left:0;transform:translateY(-50%)translate(0)}.btn{cursor:pointer;background:0 0;border:none;font-size:16px;transition:color .2s ease-in-out}html[dir=rtl] .btn{font-size:17px}.headingText{font-size:16px;font-weight:400}html[dir=rtl] .headingText{font-size:20px}.descText{color:#838383;margin-top:7px;font-size:14px;font-weight:500}html[dir=rtl] .descText{font-size:15px}.areaText{margin:1px 0 3px;font-size:16px;font-weight:400}html[dir=rtl] .areaText{font-size:19px}.secondText{color:#000;font-size:14px;font-weight:200}html[dir=rtl] .secondText{font-size:18px}