.blog-page{background:var(--lightBlueColor);padding:30px 50px}.categories-container{background:var(--whiteColor);border:1px solid var(--mainColor);border-radius:10px;justify-content:space-between;align-items:center;height:44px;margin-bottom:50px;display:flex}.categories-container::-webkit-scrollbar{height:1px}.category-tab{color:var(--TextBlue);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:15px;padding:10px 18px;transition:all .3s}.category-tab.active{background:var(--mainColor);color:#fff;height:56px}.content-container{gap:30px;display:flex}.blog-grid{flex:1;grid-template-columns:repeat(2,1fr);gap:28px;display:grid}.blog-card{cursor:pointer;overflow:hidden}.blog-image{object-fit:cover;border-radius:12px;width:100%;height:auto}.blog-title{margin:14px 0 8px}.blog-meta{justify-content:space-between;align-items:center;padding:0 0 16px;display:flex}.author{align-items:center;gap:5px;display:flex}.popular-posts{width:30%}.blog-main-description{background-color:#0000;margin:0 15% 60px}.popular-heading{margin:0 0 30px}.popular-card{cursor:pointer;gap:12px;margin-bottom:18px;display:flex}.popular-image{object-fit:cover;border-radius:8px;width:150px;height:150px}.UserCircle{width:28px;height:auto}.popular-title{margin:5px 0}.popular-content{flex-direction:column;justify-content:center;display:flex}.pagination{justify-content:center;gap:8px;margin-top:35px;display:flex}.page-number{cursor:pointer;background-color:#0000;border:none;border-radius:10px;width:44px;height:44px;font-weight:500}.page-number.active{color:#fff;background:#e65c2b}.blog-date{color:var(--DarkGrayTextColor)}.blog-overflow{width:70%}@media (max-width:1160px){.categories-container{border:none;border-radius:4px;overflow:auto}.category-tab{border-radius:4px}.category-tab.active{background:var(--mainColor);color:#fff;height:100%}.popular-posts{width:40%}}@media (max-width:1055px){.popular-posts{width:45%}}@media (max-width:990px){.popular-posts{width:60%}}@media (max-width:900px){.popular-posts{width:65%}}@media (max-width:860px){.blog-grid{grid-template-columns:repeat(1,1fr)}.popular-posts,.blog-overflow{width:50%}.blog-overflow{max-height:884px;overflow:auto}.blog-overflow::-webkit-scrollbar{width:0}}@media (max-width:600px){.category-tab.active{background:var(--mainColor);color:#fff;height:auto}.popular-posts{display:none}.blog-grid{grid-template-columns:repeat(1,1fr)}.blog-main-description{background-color:#0000;margin:0 0 60px}.blog-overflow{width:100%;max-height:884px;overflow:auto}.blog-page{background:var(--lightBlueColor);padding:30px}}