.comman-blog{border-radius:20px;max-height:550px;overflow:hidden}.comman-blog:hover>img{transform:scale(1.1)}.comman-blog>img{object-fit:cover;width:100%;height:100%;transition:all .5s ease-in-out}.comman-blog:hover .text-box{background-image:linear-gradient(#00000000,#0000009a)}.comman-blog .text-box{transition:all .5s ease-in-out;background-image:linear-gradient(#00000000,#00000000)}.comman-blog .detail-section{background-color:var(--white);display:inline-flex;padding:0 10px;gap:10px;border-radius:8px;color:var(--icon)}.comman-blog .detail-section .dot{padding:0 6px}.comman-blog .detail-section span{font-size:16px;line-height:27px;text-transform:capitalize}.comman-blog .title{gap:10px;align-items:center}.comman-blog .title a>h3{font-size:var(--fs-24);line-height:var(--lh-40);text-transform:capitalize;color:var(--white);display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.comman-blog .title .icon-cover{width:30px;height:30px}.comman-blog .title .icon{display:inline-block;background-color:var(--white);width:30px;text-align:center;line-height:30px;border-radius:50%;transition:all .7s ease-in-out}.comman-blog:hover .title .icon{transform:rotate(45deg);background-color:var(--primary)}@media (max-width:359px){.comman-blog .detail-section{padding:0 5px;gap:5px;border-radius:8px;color:var(--icon)}.comman-blog .date,.comman-blog .name{gap:0!important}.comman-blog .detail-section .dot{padding:0 4px}.comman-blog .detail-section span{font-size:14px;line-height:27px}.comman-blog .title a>h3{font-size:var(--fs-21);line-height:var(--lh-30)}}