/* Custom Global Styles – Mobile Responsive (পুরো সাইট মোবাইল স্ক্রিনে ফিট) */
html {
    overflow-x: hidden;
    -webkit-text-size-adjust: 100%;
    max-width: 100%;
    width: 100%;
}
body {
    font-family: 'Noto Sans Bengali', 'Hind Siliguri', sans-serif;
    overflow-x: hidden;
    max-width: 100vw;
    width: 100%;
    min-height: 100vh;
    position: relative;
}
/* মোবাইলে কন্টেইনার – পাশে স্পেস রাখা */
.container {
    width: 100%;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}
@media (min-width: 640px) {
    .container { padding-left: 1.5rem; padding-right: 1.5rem; }
}
/* ইমেজ/মিডিয়া যেন স্ক্রিন ছাড়িয়ে না যায় */
img, video, iframe, embed, object {
    max-width: 100%;
    height: auto;
}
img { vertical-align: middle; }
/* টেবিল মোবাইলে স্ক্রল */
table { max-width: 100%; }
@media (max-width: 639px) {
    .overflow-x-auto, [class*="overflow"] { -webkit-overflow-scrolling: touch; }
}
/* লং টেক্সট/URL ওয়ার্ড ব্রেক */
p, li, span, div, h1, h2, h3, h4, h5, h6 {
    word-wrap: break-word;
    overflow-wrap: break-word;
}
/* ফিক্সড/অ্যাবসোলিউট এলিমেন্ট যেন ভিউপোর্টের বাইরে না যায় */
#hero-section, header, section, main, footer {
    max-width: 100vw;
}
/* নচড/কাটআউট মোবাইলে সেফ এরিয়া */
@supports (padding: env(safe-area-inset-left)) {
    body { padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right); }
    #main-nav .container { padding-left: max(1rem, env(safe-area-inset-left)); padding-right: max(1rem, env(safe-area-inset-right)); }
}

.hero-section {
    background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('../img/f2.jpg'); /* ../ ব্যবহার করা হয়েছে কারণ ফাইলটি css ফোল্ডারে আছে */
    background-size: cover;
    background-position: center;
}

.speed-test-bg {
    background: linear-gradient(90deg, #1e3a8a 0%, #3b82f6 100%);
}

/* মোবাইল নেভ/মেনু স্টাইল header.php এর inline style এ আছে */

.bg-custom-gray { 
    background-color: #f3f4f6; 
}

.text-purple-brand { 
    color: #6d28d9; 
}

/* প্যাকেজ কার্ড হোভার ইফেক্ট */
.package-card:hover {
    transform: translateY(-5px);
}