.all-blogs{flex-direction:column;gap:12px;padding:14px 0;display:flex}.all-blogs.for-blogs .grid-holder{grid-template-columns:1fr 1fr 1fr;gap:10px}.all-blogs.for-blogs .top{justify-content:space-between;align-items:flex-end;padding:0 5px;display:flex}.all-blogs.for-blogs .top h3{align-items:center;gap:5px;font-size:20px;display:flex;transform:translateY(-2px)}.all-blogs.for-blogs .top .link{color:var(--paragraph);border:1px solid var(--border-color);border-radius:50px;align-items:center;gap:0;padding:8px 16px;font-size:14px;font-weight:700;transition:all .3s;display:flex}.all-blogs.for-blogs .top .link:hover{background:var(--main-color);color:#fff}.all-blogs .grid-holder{grid-template-columns:1fr 1fr;gap:15px;display:grid}.all-blogs .grid-holder .blog-card{background:var(--section-color);border:1px solid var(--border-color);cursor:pointer;border-radius:20px;padding:14px;position:relative}.all-blogs .grid-holder .blog-card:hover h3{color:var(--main-color)}.all-blogs .grid-holder .blog-card:hover img{scale:1.05}.all-blogs .grid-holder .blog-card .image{border-radius:15px;overflow:hidden}.all-blogs .grid-holder .blog-card img{aspect-ratio:1.7;object-fit:cover;border-radius:15px;transition:all .5s;height:unset!important;position:relative!important}.all-blogs .grid-holder .blog-card .holder{color:#000}.all-blogs .grid-holder .blog-card h3{color:var(--paragraph);margin:13px 2px -5px;font-size:21px;line-height:1.3;transition:all .5s}.all-blogs .grid-holder .blog-card p{color:var(--paragraph);letter-spacing:.5px;margin:12px 2px 10px;font-size:16px;line-height:1.2}.all-blogs .grid-holder .blog-card .bottom{justify-content:space-between;align-items:center;gap:20px;display:flex}.all-blogs .grid-holder .blog-card .bottom .time{color:var(--paragraph);margin:6px 2px 8px;font-size:16px;font-weight:700}.all-blogs .grid-holder .blog-card .bottom .row{align-items:center;gap:10px;display:flex}.all-blogs .grid-holder .blog-card .bottom .row span{color:var(--paragraph);align-items:center;gap:5px;font-size:14px;font-weight:700;display:flex}.all-blogs .grid-holder .blog-card .bottom .row span svg{font-size:17px}.all-blogs .grid-holder .blog-card span{color:var(--paragraph);font-size:19px}@media (max-width:1500px){.all-blogs.for-blogs .grid-holder{grid-template-columns:1fr 1fr}}@media (max-width:900px){.all-blogs.for-blogs .grid-holder{grid-template-columns:1fr}}