body {
    display: block !important;
    margin: 0;
}

/* হেডার ও নেভিগেশন রিসেট */
        .custom-dark-navbar,
        .custom-dark-navbar * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }

        .custom-dark-navbar {
            background-color: #0f172a !important;
            border-bottom: 1px solid #1e293b;
            width: 100%;
            position: sticky;
            top: 0;
            z-index: 99999;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
        }

        .navbar-wrapper {
            width: 100%;
            padding: 0 24px; /* বাম ও ডান কোণার পরিমিত দূরত্ব */
            height: 70px;
            display: flex !important;
            flex-direction: row !important;
            justify-content: space-between !important; /* লোগো বামে ও বাটন একদম ডান কোণায় রাখবে */
            align-items: center !important;
            position: relative;
        }

        /* বাম পাশের লোগো */
        .nav-brand-logo {
            font-size: 24px;
            font-weight: 700;
            color: #ffffff !important;
            text-decoration: none !important;
            display: inline-block;
            white-space: nowrap;
        }

        .nav-brand-logo span {
            color: #38bdf8;
        }

        /* একদম ডান কোণায় চারকোণা রাউন্ডেড বক্স হ্যামবার্গার বাটন (সব ডিভাইসের জন্য) */
        .universal-toggle-btn {
            display: flex !important;
            width: 44px;
            height: 44px;
            background-color: #1e293b !important; /* ডার্ক বক্স ব্যাকগ্রাউন্ড */
            border: 1.5px solid #334155 !important; /* ফ্লেক্সিবল বর্ডার */
            border-radius: 10px !important; /* চারকোণা রাউন্ড শেপ */
            color: #f8fafc !important;
            font-size: 22px;
            cursor: pointer;
            margin-left: auto !important; /* একদম ডান কোণায় রাখবে */
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
        }

        .universal-toggle-btn:hover {
            background-color: #334155 !important;
            border-color: #38bdf8 !important;
            color: #38bdf8 !important;
        }

        /* সব ডিভাইসের জন্য ড্রপডাউন নেভিগেশন মেনু */
        .nav-links-list {
            display: none !important;
            flex-direction: column !important;
            position: absolute;
            top: 70px;
            right: 24px; /* ডান কোণার বাটনের ঠিক নিচে খুলবে */
            min-width: 240px;
            background-color: #0f172a !important;
            border: 1px solid #1e293b;
            border-radius: 12px;
            padding: 16px !important;
            gap: 12px;
            list-style: none !important;
            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
            z-index: 99999;
        }

        .nav-links-list.show-menu {
            display: flex !important;
        }

        .nav-links-list li {
            list-style-type: none !important;
            width: 100%;
            margin: 0 !important;
            padding: 0 !important;
        }

        .nav-links-list li a {
            display: block;
            color: #cbd5e1 !important;
            text-decoration: none !important;
            font-size: 16px;
            font-weight: 500;
            padding: 10px 14px;
            border-radius: 8px;
            transition: all 0.25s ease;
        }

        .nav-links-list li a:hover,
        .nav-links-list li a.active {
            background-color: #1e293b !important;
            color: #38bdf8 !important;
        }

        /* কন্টাক্ট বাটন */
        .nav-links-list li a.nav-cta-btn {
            background-color: #38bdf8 !important;
            color: #0f172a !important;
            text-align: center;
            font-weight: 600;
            margin-top: 4px;
        }

        .nav-links-list li a.nav-cta-btn:hover {
            background-color: #7dd3fc !important;
            color: #0f172a !important;
        }

        /* ছোট মোবাইল স্ক্রিনের জন্য সামান্য অ্যাডজাস্টমেন্ট */
        @media (max-width: 480px) {
            .navbar-wrapper {
                padding: 0 16px;
            }
            .nav-links-list {
                right: 16px;
                left: 16px;
                width: auto;
            }
        }