.blog-category-container{border:1px solid #000;border-radius:20px;padding:10px 20px}.blog-category-container h2{text-transform:capitalize;font-size:28px}.blog-category-container ul{padding-left:0;list-style:none}.blog-category-container ul li{cursor:pointer;border:1px solid #000;border-radius:20px;margin-top:10px;padding:10px;font-size:14px;transition:all .3s}.blog-category-container ul li:not(:last-child){margin-bottom:10px}.blog-category-container ul li:hover{color:#fff;background-color:#000}
.blog-recent-container{border:1px solid #000;border-radius:20px;padding:10px}.blog-recent-container h2{text-transform:capitalize;font-size:28px}.blog-recent-list{padding-left:0;list-style:none}.blog-recnt-img-container{min-width:90px;max-width:90px;height:55px}.blog-recnt-img-container img{border-radius:10px;width:100%;height:100%}.blog-recent-list p{margin-bottom:0;padding:5px;font-size:14px}.blog-recent-list li{cursor:pointer;border:1px solid #000;border-radius:10px;margin-top:10px;transition:all .3s}.blog-recent-list li:hover{color:#fff;background-color:#000}
.blog-tags-container{border:1px solid #000;border-radius:20px;padding:10px}.blog-tags-container h2{text-transform:capitalize;font-size:28px}.blog-tags-container ul{flex-wrap:wrap;gap:8px;padding-left:0;list-style:none;display:flex}.blog-tags-container ul li{text-transform:capitalize;cursor:pointer;border:1px solid #000;border-radius:20px;padding:5px 10px;font-size:14px;transition:all .3s}.blog-tags-container ul li:hover{color:#fff;background-color:#000}
.blog-aside-container{flex-direction:column;gap:20px;display:flex}.all-blog-btn{text-align:center;color:#000;border:1px solid #000;border-radius:25px;padding:10px 0;text-decoration:none;display:block}.all-blog-btn:hover{color:#fff;background-color:#000}
.blog-card{border:1px solid #000;border-radius:20px;height:100%;overflow:hidden}.blog-img-conainer{height:250px;overflow:hidden}.blog-img-conainer img{width:100%;height:100%;transition:all .3s;transform:scale(1)}.blog-card:hover .blog-img-conainer img{transform:scale(1.2)}.blog-content{padding:15px}.blog-content h3{text-transform:capitalize;color:#000;font-size:24px;transition:all .3s}.blog-content h3:hover{color:var(--hover-color)}.blog-content button{color:#fff;text-transform:capitalize;background-color:#333;border:none;border-radius:20px;padding:5px 10px;font-size:14px;transition:all .3s}.blog-content button:hover{background-color:#000}
.blog-details-container img{width:100%}