.blogCard{background:var(--Background,#f7fafc);border-radius:12px;width:calc(33.333% - 32px);padding:8px;position:relative}@media (max-width:1020px){.blogCard{width:calc(33.333% - 23px)}}@media (max-width:580px){.blogCard{width:calc(50% - 21px)}}@media (max-width:480px){.blogCard{width:calc(100% - 16px)}}.blogCard .blogImg{aspect-ratio:373/181;background-position:50%;background-repeat:no-repeat;background-size:100%;border-radius:8px;width:100%;transition:all .3s ease-in-out;overflow:hidden}.blogCard .topDetails{justify-content:space-between;align-items:center;margin:8px 0 6px;display:flex}.blogCard .topDetails .blogTag{background:var(--Secondary-Blue,#5cd1ff);color:#fff;border-radius:99px;padding:2px 17px;font-size:max(10px,min(1.8vw,12px));font-weight:600;line-height:120%}.blogCard .topDetails p{color:var(--Gray-600,#535862);font-size:10px;font-weight:400;line-height:120%}.blogCard .blogTitle{color:var(--Primary-DarkBlue,#0b1956);font-size:max(14px,min(1.8vw,20px));font-weight:400;line-height:120%}.blogCard .writersComponent{align-items:center;gap:22px;margin-top:26px;margin-bottom:20%;padding:0 8px;display:flex}.blogCard .writersComponent .avatarWrapper{display:flex}.blogCard .writersComponent .avatarWrapper .MuiAvatar-root{width:max(30px,min(3vw,40px));height:max(30px,min(3vw,40px));margin:0 -8px}.blogCard .writersComponent .avatarWrapper .MuiAvatar-root:first-child{z-index:10}.blogCard .writersComponent .writersName{color:var(--Gray-B2,#616161);flex-direction:column;gap:2px;font-size:max(12px,min(1.6vw,14px));font-weight:400;line-height:120%;display:flex}.blogCard .writersComponent .writersName p:nth-child(2){padding:0 8px}.blogCard .actionButton{background-color:var(--Background,#f7fafc);box-shadow:drop-shadow(0 0 2.2px rgba(0,0,0,.25));border:1px solid #eaeaea;width:34px;height:34px;padding:5px;position:absolute;bottom:28.5px;left:17px}.blogCard .actionButton.en{right:17px;left:initial}@media (max-width:580px){.blogCard .actionButton{bottom:12px;left:8px}}.blogCard .actionButton .icon{font-size:24px}@media (max-width:780px){.blogCard .actionButton{width:30px;height:30px}.blogCard .actionButton .icon{font-size:20px}}.blogCard:hover .blogImg{background-size:120%}.blogActionsList{flex-direction:column;display:flex}.blogActionsList button{text-transform:capitalize;width:80px;color:var(--Gray-700,#414651);justify-content:space-between;align-items:center;gap:8px;font-size:14px;font-weight:600;line-height:142.857%;display:flex}.blogActionsList button .icon{font-size:18px}