.single-blog-header{

padding:150px 0 70px;

text-align:center;

}


.blog-meta{

display:flex;

justify-content:center;

gap:20px;

font-size:14px;

color:#777;

}



.single-blog-header h1{

font-size:65px;

font-weight:900;

max-width:900px;

margin:30px auto;

}



.single-featured-image img{

width:100%;

max-height:550px;

object-fit:cover;

border-radius:30px;

}



.single-blog-grid{

display:grid;

grid-template-columns:2fr 1fr;

gap:60px;

padding:80px 0;

}



.blog-text{

font-size:18px;

line-height:1.9;

}



.blog-text h2{

font-size:38px;

margin-top:40px;

}



.blog-sidebar-box{

padding:30px;

border-radius:20px;

background:#fafafa;

}



.blog-sidebar-box h3{

font-size:25px;

}



.blog-sidebar-box li{

list-style:none;

padding:15px 0;

border-bottom:1px solid #ddd;

}



.blog-sidebar-box a{

color:#111;

text-decoration:none;

}



.related-posts{

padding:100px 0;

background:#fafafa;

}



.related-posts h2{

font-size:50px;

text-align:center;

}



.related-posts span{

background:#b6ff00;

padding:5px;

}



.related-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:30px;

}



.related-card{

background:white;

border-radius:20px;

overflow:hidden;

}



.related-card img{

height:220px;

width:100%;

object-fit:cover;

}



.related-card h3{

padding:25px;

}



.blog-newsletter{

background:#b6ff00;

padding:80px 0;

text-align:center;

}



.blog-newsletter h2{

font-size:50px;

}



.blog-newsletter span{

background:#111;

color:white;

padding:5px;

}



.blog-newsletter form{

margin:30px auto;

background:white;

padding:8px;

border-radius:40px;

max-width:500px;

display:flex;

}



.blog-newsletter input{

flex:1;

border:none;

padding:15px;

}



.blog-newsletter button{

width:50px;

height:50px;

border-radius:50%;

background:#111;

color:white;

border:none;

}



@media(max-width:900px){


.single-blog-grid{

grid-template-columns:1fr;

}


.related-grid{

grid-template-columns:1fr;

}


.single-blog-header h1{

font-size:42px;

}


}