/* Blog Main Width */

.blog-content{

max-width:850px;

margin:0 auto;

padding:40px 20px;

font-family:Arial, Helvetica, sans-serif;

font-size:17px;

line-height:1.8;

color:#333;

}


/* Headings */

.blog-content h1{

font-size:38px;

line-height:1.3;

color:#111;

margin-bottom:30px;

font-weight:700;

}


.blog-content h2{

font-size:28px;

line-height:1.4;

margin-top:45px;

margin-bottom:20px;

color:#111;

font-weight:700;

}


.blog-content h3{

font-size:22px;

margin-top:30px;

margin-bottom:15px;

color:#222;

}


/* Paragraph */

.blog-content p{

margin-bottom:22px;

}


/* Image */

.blog-content img{

width:100%;

height:auto;

margin:30px 0;

border-radius:8px;

}



/* Card Layout */

.card-container{

display:flex;

gap:20px;

margin:40px 0;

flex-wrap:wrap;

}



.blog-card{

flex:1;

min-width:220px;

padding:25px;

border-radius:12px;

box-sizing:border-box;

}


.blog-card h3{

margin-top:0;

font-size:21px;

margin-bottom:15px;

}


.blog-card p{

font-size:16px;

line-height:1.7;

margin-bottom:0;

}



/* Card Colors */


.card-blue{

background:#eaf4ff;

border:1px solid #c9e2ff;

}


.card-green{

background:#eafaf0;

border:1px solid #c8efd5;

}


.card-orange{

background:#fff5e8;

border:1px solid #ffe0b2;

}



/* CTA */


.cta-card{

background:#111;

color:white;

padding:30px;

border-radius:12px;

margin:45px 0;

}


.cta-card h3{

color:white;

font-size:25px;

margin-top:0;

}


.cta-card p{

color:white;

}



/* Mobile */

@media(max-width:768px){


.blog-content{

padding:25px 15px;

font-size:16px;

}


.blog-content h1{

font-size:30px;

}


.blog-content h2{

font-size:24px;

}


.card-container{

flex-direction:column;

}


}