/* ======================
   RESET
====================== */
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:'Segoe UI', sans-serif;
    background:#f5f7fa;
}

/* ======================
   CONTAINER (MAIN FIX)
====================== */
.container{
    width:90%;
    margin:auto;
    padding-top:130px;
    text-align:center;
}

/* ======================
   RESPONSIVE WIDTH
====================== */

/* 🔥 MOBILE */
@media(max-width:480px){
    .container{
        max-width:420px;
    }

    .header{
        width:95%;
    }

    .hero-img{
        width:100px;
        height:100px;
    }

    .title{
        font-size:16px;
    }
}

/* 🔥 TABLET */
@media(min-width:481px) and (max-width:1024px){
    .container{
        max-width:700px;
    }
}

/* 🔥 PC / DESKTOP */
@media(min-width:1025px){
    .container{
        max-width:900px;   /* 🔥 এইটাই তোমার main fix */
    }
}

/* ======================
   SECTION
====================== */
.section{
    margin-top:30px;
}



/* ======================
   MAP
====================== */
.map{
    margin-top:10px;
    border-radius:15px;
    overflow:hidden;
}