.main-container .container-info .blogs{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;width:100%;margin:20px auto;display:grid}.main-container .container-info .blogs .blog-card{cursor:pointer;background:#352f44;border-radius:10px;flex-direction:column;align-items:center;gap:10px;width:100%;text-decoration:none;display:flex}.main-container .container-info .blogs .blog-card .blog-image-container{aspect-ratio:16/9;border-radius:10px;width:100%;height:auto;position:relative;overflow:hidden}.main-container .container-info .blogs .blog-card .blog-image-container .blog-img{object-fit:cover;transition:all .3s ease-in-out;display:block;transform:scale(1)}.main-container .container-info .blogs .blog-card .content{width:100%;padding:0 15px 15px}.main-container .container-info .blogs .blog-card .content .blog-title{color:linen;font-size:20px;font-weight:700;transition:all .3s ease-in-out}.main-container .container-info .blogs .blog-card .content .blog-brief{-webkit-line-clamp:3;line-clamp:3;color:linen;-webkit-box-orient:vertical;font-size:14px;display:-webkit-box;overflow:hidden}.main-container .container-info .blogs .blog-card:hover .blog-image-container .blog-img{transform:scale(1.1)}.main-container .container-info .blogs .blog-card:hover .content .blog-title{color:#b9b4c7}@media screen and (max-width:450px){.main-container .container-info .blogs{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}