.blog-header{
    padding: 50px 10px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}


.blog-wrapper{
    
    max-width: 1440px;
    margin: 0 auto;
}
.blog-title{
  max-width:900px;
    font-weight:500;
    font-size: 38px;
}

.blog-layout {
  display: flex;
  gap: 32px;
}

.blog-content {
  width: 70%;
}

.blog-sidebar {
  width: 30%;
}

.sidebar-widget h3{
  font-weight:500;
  color:red;
}

.sidebar-widget ul{
  text-decoration:none;
  list-style-type:none;
  padding:0px;
  
}

.sidebar-widget ul li{
  margin:10px 0px;
  padding-left:10px;
}

.sidebar-widget ul li a{
 color:black;
  padding:0px;
  
}

.category-link a{
  color:red;
  font-size:18px;
}

@media (max-width: 768px) {
  .blog-layout {
    flex-direction: column;
  }

  .blog-title{
 
    font-size: 28px;
}

}