body{margin:0;font-family: 'Forum', serif; background:#f4f7fb;color:#333}
.container{width:90%;max-width:1100px;margin:auto}
header{background:#0b4ea2;color:#fff;position:sticky;top:0}
.nav{display:flex;justify-content:space-between;align-items:center;padding:15px 0}
nav a{color:#fff;text-decoration:none;margin-left:18px}
.hero{background:linear-gradient(135deg,#0b4ea2,#1d7cf2);color:#fff;padding:10px 0}
.hero-wrap{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}
.hero-logo{width:140px;height:auto;display:block;margin-bottom:20px;}
.btn{display:inline-block;background:#fff;color:#0b4ea2;padding:12px 22px;border-radius:6px;text-decoration:none;font-weight:bold}
.section{padding:60px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{background:#fff;padding:25px;border-radius:12px;box-shadow:0 8px 18px rgba(0,0,0,.1);transition:.3s}
.card:hover{transform:translateY(-6px)}
.contact{background:#0b4ea2;color:#fff;padding:60px 0}
.contact a{color:#fff}
footer{text-align:center;padding:20px;background:#222;color:#ddd}
.about-content{

    margin-top:25px;

}

.h1-content p{
    font-family: 'Forum', serif;
    font-size:20px;
    line-height:1.4;
    color:#f2f2f2;      /* Soft White */
    text-align:justify;
    margin-bottom:22px;
    font-weight:400;
    
}

.about-content p{

    font-family: 'Forum', serif;

    font-size:20px;

    line-height:1.6;

    color:#555;          /* হালকা কালো */

    text-align:justify;  /* দুই পাশ সমান */

    margin-bottom:22px;

    font-weight:400;

}