:root {
            --primary-color: #0f3460; /* Trustworthy Navy */
            --accent-color: #16c79a;  /* Growth Green */
            --light-bg: #f8f9fa;
            --text-dark: #1a1a2e;
        }

        body {
            font-family: 'Inter', sans-serif;
            color: var(--text-dark);
            overflow-x: hidden;
        }

        h1, h2, h3, h4, .navbar-brand {
            font-family: 'Poppins', sans-serif;
        }

        /* Navbar Styling */
        .navbar {
            background: white;
            box-shadow: 0 2px 15px rgba(0,0,0,0.05);
            padding: 15px 0;
        }
        
        .navbar-brand {
            font-weight: 700;
            color: var(--primary-color) !important;
            font-size: 1.5rem;
        }

        .nav-link {
            color: #555;
            font-weight: 500;
            margin: 0 10px;
            transition: color 0.3s;
        }

        .nav-link:hover, .nav-link.active {
            color: var(--accent-color);
        }


               /* Dropdown Styling */
        .dropdown-menu {
            border: none;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
            border-radius: 10px;
            padding: 15px;
        }
        
        .dropdown-item {
            padding: 10px 20px;
            font-weight: 500;
            border-radius: 5px;
            color: #555;
        }

        .dropdown-item:hover {
            background-color: rgba(22, 199, 154, 0.1);
            color: var(--accent-color);
        }


        .btn-primary-custom {
            background-color: var(--accent-color);
            color: white;
            border: none;
            padding: 10px 25px;
            border-radius: 50px;
            font-weight: 600;
            transition: all 0.3s ease;
        }

        .btn-primary-custom:hover {
            background-color: #12a580;
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(22, 199, 154, 0.3);
        }

        /* Hero Section */
        .hero-section {
            padding: 80px 0;
            background: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%);
        }

        .hero-img {
            max-width: 100%;
            border-radius: 20px;
            box-shadow: 0 20px 40px rgba(0,0,0,0.1);
        }

        /* Services Cards */
        .service-card {
            border: none;
            border-radius: 15px;
            padding: 30px;
            background: white;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            height: 100%;
            border: 1px solid #eee;
        }

        .service-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(0,0,0,0.08);
            border-color: var(--accent-color);
        }

        .icon-box {
            width: 60px;
            height: 60px;
            background: rgba(22, 199, 154, 0.1);
            color: var(--accent-color);
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 12px;
            font-size: 24px;
            margin-bottom: 20px;
        }

        /* Calculator Section */
        .calc-box {
            background: white;
            padding: 40px;
            border-radius: 20px;
            box-shadow: 0 10px 40px rgba(0,0,0,0.08);
        }

        .range-slider {
            width: 100%;
            margin: 15px 0;
        }
        
        .result-display {
            background: var(--primary-color);
            color: white;
            padding: 20px;
            border-radius: 15px;
            text-align: center;
        }

        /* Floating WhatsApp */
        .whatsapp-float {
            position: fixed;
            width: 60px;
            height: 60px;
            bottom: 40px;
            right: 40px;
            background-color: #25d366;
            color: #FFF;
            border-radius: 50px;
            text-align: center;
            font-size: 30px;
            box-shadow: 2px 2px 3px #999;
            z-index: 100;
            display: flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            transition: all 0.3s;
        }
        
        .whatsapp-float:hover {
            background-color: #128c7e; 
            color: white;
        }

        /* Disclaimer Footer */
        .disclaimer {
            font-size: 0.8rem;
            color: #888;
            background: #111;
            padding: 20px 0;
        }


        /* Calculator */

         /* Calculator Sidebar Tabs */
        .calc-sidebar .nav-link {
            color: var(--primary-color);
            text-align: left;
            padding: 15px 20px;
            margin-bottom: 8px;
            border-radius: 10px;
            background: white;
            border: 1px solid #eee;
            transition: all 0.3s;
        }
        .calc-sidebar .nav-link.active {
            background-color: var(--primary-color);
            color: white;
            box-shadow: 0 5px 15px rgba(15, 52, 96, 0.2);
        }
        .calc-sidebar .nav-link i { width: 25px; }

        /* Calculator Container */
        .calc-container {
            background: white;
            border-radius: 15px;
            padding: 30px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.05);
        }

        /* Inputs */
        .form-range::-webkit-slider-thumb { background: var(--accent-color); }
        .input-group-text { background-color: #f1f5f9; border: 1px solid #e2e8f0; }
        .form-control:focus { border-color: var(--accent-color); box-shadow: 0 0 0 0.25rem rgba(22, 199, 154, 0.25); }

        /* Results */
        .result-card {
            background: #f8fafc;
            border-radius: 12px;
            padding: 20px;
            border: 1px solid #e2e8f0;
        }
        .result-value { color: var(--primary-color); font-weight: 700; font-size: 1.5rem; }
        .chart-container { position: relative; height: 250px; width: 100%; display: flex; justify-content: center; }

        @media (max-width: 991px) {
            .calc-sidebar { margin-bottom: 20px; }
            .calc-sidebar .nav-link { text-align: center; }
        }


        /* Mutual Fund Service */

        /* Page Specific Hero */
        .page-hero {
            background: linear-gradient(rgba(15, 52, 96, 0.9), rgba(15, 52, 96, 0.9)), url('https://images.unsplash.com/photo-1611974765270-ca1258634369?ixlib=rb-1.2.1&auto=format&fit=crop&w=1920&q=80');
            background-size: cover;
            background-position: center;
            padding: 100px 0;
            color: white;
            text-align: center;
        }

        .breadcrumb-custom .breadcrumb-item a {
            color: var(--accent-color);
            text-decoration: none;
        }
        
        .breadcrumb-custom .breadcrumb-item.active {
            color: rgba(255,255,255,0.7);
        }

        /* Modes of Investment Tabs */
        .nav-pills .nav-link {
            color: var(--primary-color);
            background-color: white;
            border: 1px solid #eee;
            margin-bottom: 10px;
            border-radius: 10px;
            padding: 15px 20px;
            text-align: left;
            font-weight: 600;
        }

        .nav-pills .nav-link.active {
            background-color: var(--primary-color);
            color: white;
            border-color: var(--primary-color);
        }

        .nav-pills .nav-link i {
            width: 30px;
        }

        .tab-content {
            background: white;
            padding: 30px;
            border-radius: 15px;
            border: 1px solid #eee;
            box-shadow: 0 5px 20px rgba(0,0,0,0.05);
        }

        /* Category Cards */
        .cat-card {
            border: none;
            background: white;
            padding: 25px;
            border-radius: 15px;
            transition: all 0.3s;
            height: 100%;
            border-top: 4px solid transparent;
            box-shadow: 0 5px 15px rgba(0,0,0,0.05);
        }

        .cat-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 30px rgba(0,0,0,0.1);
        }

        .cat-card.equity { border-top-color: var(--accent-color); }
        .cat-card.debt { border-top-color: #4facfe; }
        .cat-card.elss { border-top-color: #ff9a9e; }
        .cat-card.hybrid { border-top-color: #f093fb; }

        /* Floating WhatsApp */
        .whatsapp-float {
            position: fixed;
            width: 60px;
            height: 60px;
            bottom: 40px;
            right: 40px;
            background-color: #25d366;
            color: #FFF;
            border-radius: 50px;
            text-align: center;
            font-size: 30px;
            box-shadow: 2px 2px 3px #999;
            z-index: 100;
            display: flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
        }


        /* Health Insurance */

           /* Hero */
        .page-hero {
            background: linear-gradient(rgba(15, 52, 96, 0.85), rgba(15, 52, 96, 0.85)), url('https://images.unsplash.com/photo-1576091160399-112ba8d25d1d?ixlib=rb-1.2.1&auto=format&fit=crop&w=1920&q=80');
            background-size: cover; background-position: center; padding: 100px 0; color: white; text-align: center;
        }

        /* Feature Cards */
        .feature-box {
            background: white; padding: 30px; border-radius: 15px; border: 1px solid #eee;
            box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: transform 0.3s; height: 100%;
        }
        .feature-box:hover { transform: translateY(-10px); border-bottom: 4px solid var(--accent-color); }
        .icon-circle {
            width: 70px; height: 70px; background: rgba(22, 199, 154, 0.1); color: var(--accent-color);
            border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 28px; margin-bottom: 20px;
        }

        /* Myth Buster Section */
        .myth-section { background-color: #ffe5e5; border-radius: 15px; padding: 30px; }
        

        /* Term & Life Insurances */
          /* Hero */
        .page-hero {
            background: linear-gradient(rgba(15, 52, 96, 0.8), rgba(15, 52, 96, 0.8)), url('https://images.unsplash.com/photo-1491438590914-bc09fcaaf77a?ixlib=rb-1.2.1&auto=format&fit=crop&w=1920&q=80');
            background-size: cover; background-position: center; padding: 100px 0; color: white; text-align: center;
        }

        /* Type Cards */
        .plan-card {
            border: 1px solid #eee; border-radius: 15px; overflow: hidden; height: 100%; transition: all 0.3s;
        }
        .plan-card:hover { box-shadow: 0 10px 30px rgba(0,0,0,0.1); transform: translateY(-5px); }
        .plan-header { padding: 30px; color: white; }
        .term-header { background: #4a4e69; }
        .endow-header { background: #9a8c98; }
        
        /* Comparison Table */
        .table-custom th { background-color: var(--primary-color); color: white; }
        

        /* All Services */
        /* Sidebar Navigation */
        .service-nav {
            position: sticky;
            top: 100px; /* Stick below navbar */
            z-index: 10;
        }
        
        .list-group-item {
            border: none;
            border-left: 4px solid transparent;
            font-weight: 600;
            color: #666;
            padding: 15px 20px;
            transition: all 0.3s;
        }

        .list-group-item:hover { background-color: #f8f9fa; color: var(--primary-color); }
        .list-group-item.active {
            background-color: white;
            color: var(--accent-color);
            border-left-color: var(--accent-color);
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
        }

        /* Service Sections */
        .service-section {
            padding: 40px;
            background: white;
            border-radius: 15px;
            margin-bottom: 40px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.03);
            border: 1px solid #eee;
            scroll-margin-top: 100px; /* Offset for sticky navbar */
        }

        .section-icon {
            width: 60px; height: 60px;
            background: rgba(15, 52, 96, 0.1);
            color: var(--primary-color);
            display: flex; align-items: center; justify-content: center;
            border-radius: 12px; font-size: 24px; margin-bottom: 20px;
        }

        /* Process Steps */
        .step-circle {
            width: 40px; height: 40px;
            background: var(--primary-color);
            color: white;
            border-radius: 50%;
            display: flex; align-items: center; justify-content: center;
            font-weight: bold;
            margin-bottom: 10px;
        }

        .who-for-box {
            background-color: #f1f8ff;
            border-left: 4px solid var(--primary-color);
            padding: 20px;
            border-radius: 0 10px 10px 0;
        }

        /* Check list */
        .check-list li { margin-bottom: 10px; display: flex; align-items: start; }
        .check-list i { color: var(--accent-color); margin-top: 4px; margin-right: 10px; }

        @media (max-width: 991px) {
            .service-nav { display: none; } /* Hide sidebar on mobile */
            .service-section { padding: 25px; }
        }


        /* Contact Us Page */
        /* Page Header */
        .page-header {
            background: linear-gradient(rgba(15, 52, 96, 0.9), rgba(15, 52, 96, 0.9)), url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?ixlib=rb-1.2.1&auto=format&fit=crop&w=1920&q=80');
            background-size: cover; background-position: center; padding: 80px 0; color: white; text-align: center;
        }

        /* Contact Info Cards */
        .info-box {
            background: white; padding: 30px; border-radius: 15px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.05); height: 100%;
            text-align: center; transition: transform 0.3s;
        }
        .info-box:hover { transform: translateY(-5px); }
        .info-icon {
            width: 60px; height: 60px; background: rgba(15, 52, 96, 0.1); color: var(--primary-color);
            border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 24px; margin: 0 auto 20px;
        }

        /* Form Styling */
        .contact-form-wrapper {
            background: white; padding: 40px; border-radius: 20px;
            box-shadow: 0 10px 40px rgba(0,0,0,0.08);
        }
        .form-control, .form-select { padding: 12px 15px; border-radius: 8px; border: 1px solid #e2e8f0; }
        .form-control:focus { border-color: var(--accent-color); box-shadow: 0 0 0 0.2rem rgba(22, 199, 154, 0.25); }

        /* Map */
        .map-container {
            border-radius: 20px; overflow: hidden; box-shadow: 0 5px 20px rgba(0,0,0,0.05); height: 400px;
        }

        /* FAQ Accordion */
        .accordion-item { border: none; margin-bottom: 10px; border-radius: 10px !important; overflow: hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.02); }
        .accordion-button { font-weight: 600; color: var(--primary-color); background: white; }
        .accordion-button:not(.collapsed) { color: var(--accent-color); background-color: rgba(22, 199, 154, 0.05); box-shadow: none; }
        .accordion-button:focus { box-shadow: none; border-color: rgba(0,0,0,0.1); }