.blog_listing .item a {
     display: grid;
     gap: 15px;
 }

 .blog_listing .item a img {
     width: 100%;
     height: auto;
     aspect-ratio: 4/3;
     background: #e9e9e9;
     object-fit: cover;
 }

 .blog_listing .item p {
     color: #2d2d2d;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
 }

 .blog_listing .wrapper {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 30px;
 }


 @media only screen and (max-width: 991px) {
     .blog_listing .wrapper {
         grid-template-columns: repeat(2, 1fr);
     }
 }

 @media only screen and (max-width: 767px) {
     .blog_listing .wrapper {
         grid-template-columns: repeat(1, 1fr);
     }
 }
.blog-category {
    padding: 2px 5px;
    border-radius: 10px;
    color: rgb(18, 18, 18);
}
.website{
    background-color: rgba(255, 0, 0, .2);
}