/* --- Layout & Container --- */

/* ওয়েবসাইটটি মাঝখানে রাখার জন্য কন্টেইনার */
.container {
    max-width: var(--container-width); /* ১২০০ পিক্সেলের বেশি বড় হবে না */
    margin-left: auto;                 /* বাম দিকে সমান খালি জায়গা */
    margin-right: auto;                /* ডান দিকে সমান খালি জায়গা */
    padding-left: 20px;                /* মোবাইলের জন্য সামান্য গ্যাপ */
    padding-right: 20px;
    width: 100%;
}

/* মেইন কন্টেন্ট এরিয়া */
.main-content {
    padding-top: 40px;
    padding-bottom: 80px;
    min-height: 70vh; /* ফুটারকে নিচে ঠেলে রাখার জন্য */
}

/* হিরো সেকশন বা অন্যান্য সেকশন যেন কন্টেইনারের বাইরে না যায় */
section {
    width: 100%;
    clear: both;
}