body {
            background-color: #f8f9fa !important;
            /* Light gray background */
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
        }

        .logo {
            height: 55px !important;
        }

        /*  Header */

        .navbar {
            padding: 0 !important;
        }

        .nav-link {
            color: #032c6e !important;
            font-weight: bold !important;
        }

        .navbar-brand {
            font-weight: 700 !important;
            font-size: 1.75rem !important;
        }

        /* Mobile Navbar Toggler ke liye Line */
        @media (max-width: 991px) {
            .navbar-collapse {
                border-top: 1px solid #dee2e6;
                padding-top: 0.5rem;
            }

            .navbar-nav {
                margin-left: 20px !important;
            }
        }


        /* Footer */
        .footer {
            background-color: #0d6efd;
            /* Aapka Brand Blue */
            color: #e9ecef;
            /* White/light gray text */
            padding: 30px 0 30px 0;
        }

        .footer .logo-footer {
            font-size: 1.8rem;
            font-weight: 700;
            color: #fff;
            /* White logo text */
            margin-bottom: 15px;
        }

        .footer .logo-placeholder {
            background-color: #fff;
            /* Ye white icon blue background par achha dikhega */
        }

        .footer h5 {
            color: #fff;
            /* White headings */
            font-weight: 600;
            margin-bottom: 15px;
        }

        .footer a {
            color: #b3b4b4 !important;
            /* Links ke liye halka white text */
            text-decoration: none;
            transition: color 0.2s;
        }

        .footer a:hover {
            color: #fff !important;
            /* Hover par poora white */
            text-decoration: underline;
        }

        .footer .list-unstyled li {
            margin-bottom: 8px;
        }



        /* input boxes */

        /* Input box click karne par Blue Glow/Border hatane ke liye */
        .form-control:focus,
        .form-select:focus,
        .btn:focus {
            box-shadow: none !important;
            border-color: #ced4da !important;
            outline: none !important;
        }

        /* =========================================
   GLOBAL CALCULATOR TABLE STYLES
   (Apply to SIP, EMI, RD, etc.)
   ========================================= */

        /* 1. Table Container (Scrollbar & Border) */
        .breakdown-table,
        .amortization-table,
        .table-responsive {
            max-height: 500px;
            /* Vertical Scroll limit */
            overflow-y: auto;
            /* Vertical Scrollbar */
            overflow-x: auto;
            /* Horizontal Scrollbar (agar screen choti ho) */
            border: 1px solid #dee2e6;
            border-radius: 8px;
            margin-bottom: 1rem;
            background-color: #fff;
        }

        /* 2. Table Header (Sticky & Spacing) */
        .table thead th {
            background-color: #f1f3f5 !important;
            /* Light Grey Header */
            position: sticky;
            top: 0;
            z-index: 10;
            /* Header hamesha upar dikhega scroll karte waqt */
            padding: 15px 20px;
            /* Khula spacing */
            white-space: nowrap;
            /* TEXT KO TOOTNE SE ROKEGA (Main Fix) */
            text-align: center;
            font-weight: 600;
            color: #495057;
        }

        /* 3. Table Data Rows (Alignment & Formatting) */
        .table tbody td {
            padding: 12px 20px;
            /* Comfortable spacing */
            white-space: nowrap;
            /* Price aur Symbol ek line mein rahenge */
            text-align: center;
            vertical-align: middle;
            font-family: 'Roboto Mono', monospace;
            /* Numbers ke liye clean font */
            font-size: 0.95rem;
        }

        /* 4. Striped Row Colors Fix (Optional) */
        .table-striped>tbody>tr:nth-of-type(odd)>* {
            --bs-table-accent-bg: rgba(0, 0, 0, 0.02);
        }