/* Container for Cards */
        .newhome-container {
            width: 100%;
            max-width: 100%;
            /* MOBILE DEFAULT: Block display (stacks vertically) */
            display: block; 
            padding: 20px 0;
        }

        /* Card Styles */
        .newhome-card {
            background-color: #fff;
            border-radius: 12px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
            padding: 30px 25px;
            display: flex;
            flex-direction: column;
            text-align: center;
            transition: transform 0.3s, box-shadow 0.3s;
            /* Add vertical spacing for block display on mobile */
            margin-bottom: 25px;
            
            /* Crucial for form overlay */
            position: relative; 
            overflow: hidden; 
            min-height: 250px; /* Ensure a minimum height when closed */
        }

        .newhome-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
        }

        .newhome-logo-wrapper {
            width: 100%;
            height: 100%;
            border-radius: 0%;
            display: contents;
            align-items: center;
            justify-content: center;
            margin: 0 auto 15px;
            background-color: #f0f0f0; /* Light background for logos */
            overflow: hidden; /* Ensure images don't spill out */
        }

        .newhome-logo-wrapper img {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain; /* Scales image to fit without cropping */
             /* If the logo itself is not round, this will clip it */
        }

        .newhome-card h2 {
            font-size: 1.6rem;
            font-weight: 700;
            margin-bottom: 20px;
            color: #1a1a1a;
        }

        /* Buttons (now used as labels for CSS toggling) */
        .newhome-btn-quote {
            background-color: var(--card-color, #007bff);
            color: #fff;
            border: none;
            padding: 12px 25px;
            border-radius: 8px;
            font-size: 1rem;
            font-weight: 600;
            cursor: pointer;
            transition: background-color 0.3s, transform 0.1s;
            margin-top: auto; /* Push button to the bottom */
            display: block; /* Ensure label acts like a block button */
            z-index: 1; /* Keep button visible below form overlay */
        }

        .newhome-btn-quote:hover {
            background-color: var(--card-hover-color, #0056b3);
        }

        .newhome-btn-quote:active {
            transform: scale(0.98);
        }

        /* Submit Link Style (now applies to <a> tag) */
        .newhome-btn-submit {
            background-color: #28a745;
            color: #fff;
            border: none;
            padding: 10px 20px;
            border-radius: 8px;
            font-size: 0.95rem;
            font-weight: 600;
            cursor: pointer;
            transition: background-color 0.3s;
            margin-top: 15px;
            display: inline-block; /* Essential for anchor tag to look like button */
            text-decoration: none; /* Remove underline from anchor tag */
        }

        .newhome-btn-submit:hover {
            background-color: #1e7e34;
        }

        /* Form Toggle Checkbox (Hidden) */
        .newhome-toggle-checkbox {
            display: none;
        }

        /* Quote Form Section - ABSOLUTELY POSITIONED TO PREVENT DRAGGING */
        .newhome-quote-form {
            /* Take out of flow, preventing layout shift */
            position: absolute; 
            bottom: 0;
            left: 0;
            right: 0;
            padding: 25px 25px 25px; /* Adjust padding to match card padding */
            background-color: #fff;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            text-align: left;
            z-index: 5; /* Ensure it overlays other content */

            /* Start positioned off-screen below the card */
            transform: translateY(100%);
            
            /* Animation for smooth slide up/down */
            transition: transform 0.4s ease-out; 
        }

        /* CLOSE BUTTON STYLE */
        .newhome-close-btn {
            position: absolute;
            top: 5px;
            right: 15px;
            font-size: 1.8rem; /* Larger for easy tapping */
            line-height: 1;
            font-weight: 300;
            cursor: pointer;
            color: #ccc;
            transition: color 0.2s;
        }
        .newhome-close-btn:hover {
            color: #555;
        }

        /* CSS Toggle Magic: Slide form up when its associated checkbox is checked */
        .newhome-toggle-checkbox:checked + .newhome-btn-quote + .newhome-quote-form {
            transform: translateY(0); /* Slide up to cover the bottom half of the card */
        }

        /* Pure CSS Trick: Visually hide the button/label text when form is open, though the label is still clickable to close the form */
        .newhome-toggle-checkbox:checked + .newhome-btn-quote {
            visibility: hidden;
        }
        
        .newhome-quote-form input[type="text"] {
            width: 100%;
            padding: 10px;
            margin-bottom: 10px;
            border: 1px solid #ccc;
            border-radius: 6px;
            box-sizing: border-box;
            font-size: 0.95rem;
        }

        .newhome-quote-form label {
            display: block;
            margin-bottom: 5px;
            font-weight: 600;
            font-size: 0.9rem;
            color: #555;
        }
        /* Style for the Name Label in the form, ensuring it's below the close button */
        .newhome-quote-form label[for^="newhome-name"] {
            margin-top: 15px; 
        }


        /* Company-Specific Colors using CSS Variables */
        .lic { --card-color: #e2001a; --card-hover-color: #b70014; }
        .national { --card-color: #0072bc; --card-hover-color: #005a99; }
        .star { --card-color: #4CAF50; --card-hover-color: #388E3C; }
        .manipal-cigna { --card-color: #ff6600; --card-hover-color: #cc5200; }

        .newhome-header-title {
            font-size: 2.5rem;
            font-weight: 800;
            color: #1a1a1a;
            margin-bottom: 10px;
            text-align: center;
        }

        .newhome-header-subtitle {
            font-size: 1.1rem;
            color: #666;
            margin-bottom: 30px;
            text-align: center;
        }

        /* Responsive adjustments */
        /* Mobile: Block display */
        @media (max-width: 767px) {
            .newhome-container > .newhome-card:last-child {
                 margin-bottom: 0;
            }
        }

        /* Desktop: Grid/Flexible display */
        @media (min-width: 768px) {
            body {
                padding: 15px;
            }
            .newhome-container {
                /* DESKTOP LAYOUT: Use Grid (flexible column wrapping) */
                display: flex; 
                grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
                gap: 25px; 
            }
            .newhome-card {
                padding: 20px;
                margin-bottom: 0; 
            }
            .newhome-card h2 {
                font-size: 1.4rem;
            }
            .newhome-header-title {
                font-size: 2rem;
            }
            .newhome-header-subtitle {
                font-size: 0.95rem;
            }
        }
        
           .licpage {
            width: 100%;
            max-width: 896px; /* max-w-4xl */
            padding: 1rem; /* p-4 default */
        }
        
        /* Media query for wider screens (md:p-8) */
        @media (min-width: 768px) {
            .licpage {
                padding: 2rem;
            }
        }
        
        /* === COLOR & SHADOW UTILITIES === */
        .licpage .lic-blue {
            background-color: #fcfdd1; /* Deep, authoritative blue */
        }
        .licpage .lic-gold {
            background-color: #D4AF37; /* Trustworthy gold accent (currently unused but kept for utility) */
        }
        .licpage .card-shadow {
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
        }

        /* === HEADER STYLES === */
        .licpage .licpage-header {
            text-align: center;
            padding: 1.5rem 0; /* py-6 */
            margin-bottom: 2rem; /* mb-8 */
            color: white;
            border-radius: 0.75rem; /* rounded-xl */
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* shadow-lg */
        }
        .licpage .licpage-header h1 {
            font-size: 1.875rem; /* text-3xl */
            font-weight: 800; /* font-extrabold */
            margin-bottom: 0.25rem; /* mb-1 */
            letter-spacing: -0.025em; /* tracking-tight */
        }
        .licpage .licpage-header p {
            font-size: 1.125rem; /* text-lg */
            font-weight: 500; /* font-medium */
            padding: 0 1rem; /* px-4 */
            margin: 0;
        }
        /* Media query for header on wider screens (md:text-4xl, md:text-xl) */
        @media (min-width: 768px) {
            .licpage .licpage-header h1 {
                font-size: 2.25rem; 
            }
            .licpage .licpage-header p {
                font-size: 1.25rem; 
            }
        }

        /* === MAIN GRID LAYOUT === */
        .licpage-grid {
            display: block;
            grid-template-columns: 1fr;
            gap: 2rem; /* gap-8 */
        }
        /* Media query for two columns on large screens (lg:grid-cols-2) */
        @media (min-width: 1024px) {
            .licpage-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
        }

        /* === CARD STYLES === */
        .licpage-card {
            background-color: white;
            padding: 2rem; /* p-8 */
            border-radius: 0.75rem; /* rounded-xl */
            height: fit-content; /* h-fit */
        }
        .licpage-card h2 {
            font-size: 1.5rem; /* text-2xl */
            font-weight: 700; /* font-bold */
            margin-bottom: 1.5rem; /* mb-6 */
            color: #1f2937; /* text-gray-800 */
            border-bottom: 2px solid #005A9C; /* border-b-2 border-lic-blue */
            padding-bottom: 0.5rem; /* pb-2 */
        }

        /* === FORM STYLES === */
        .licpage-form-group {
            margin-bottom: 1rem; /* mb-4 */
        }
        .licpage-form-label {
            display: block;
            font-size: 0.875rem; /* text-sm */
            font-weight: 500; /* font-medium */
            color: #374151; /* text-gray-700 */
            margin-bottom: 0.25rem; /* mb-1 */
        }
        .licpage-form-input {
            width: 100%;
            padding: 0.75rem; /* p-3 */
            border: 1px solid #d1d5db; /* border border-gray-300 */
            border-radius: 0.5rem; /* rounded-lg */
            transition: border-color 0.15s, box-shadow 0.15s;
        }
        .licpage-form-input:focus {
            outline: none;
            border-color: #005A9C; /* focus:border-lic-blue */
            box-shadow: 0 0 0 3px rgba(0, 90, 156, 0.2); /* Mock focus ring */
        }

        /* === BUTTON STYLES === */
        .licpage-button {
            width: 100%;
            padding: 0.75rem 0; /* py-3 */
            background-color: #005A9C; /* lic-blue */
            color: white;
            font-weight: 600; /* font-semibold */
            border-radius: 0.5rem; /* rounded-lg */
            transition: opacity 0.3s, box-shadow 0.3s;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* shadow-md */
            border: none;
            cursor: pointer;
        }
        .licpage-button:hover {
            opacity: 0.9;
            box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1); /* hover:shadow-lg */
        }

        /* === RESULT AREA STYLES === */
        #resultContainer {
            margin-top: 2rem; /* mt-8 */
            padding: 1rem; /* p-4 */
            background-color: #eff6ff; /* bg-blue-50 */
            border: 1px solid #bfdbfe; /* border border-blue-200 */
            border-radius: 0.5rem; /* rounded-lg */
        }
        #resultContainer p:first-child {
            font-weight: 600; /* font-semibold */
            font-size: 1.125rem; /* text-lg */
            color: #1d4ed8; /* text-blue-700 */
        }
        #premiumResult {
            font-size: 1.875rem; /* text-3xl */
            font-weight: 800; /* font-extrabold */
            color: #005A9C; /* text-lic-blue */
            margin-top: 0.25rem; /* mt-1 */
            margin-bottom: 0.5rem; /* mb-2 */
        }
        #resultContainer .note {
            font-size: 0.875rem; /* text-sm */
            color: #4b5563; /* text-gray-600 */
        }
        .note .warning {
            font-weight: 700; /* font-bold */
            color: #dc2626; /* text-red-600 */
        }

        /* === PLANS LIST STYLES === */
        .licpage-plan-item {
            border: 1px solid #e5e7eb; /* border */
            padding: 1rem; /* p-4 */
            border-radius: 0.5rem; /* rounded-lg */
            background-color: #f9fafb; /* bg-gray-50 */
            transition: background-color 0.2s;
            margin-top: 1.5rem;
        }
        .licpage-plan-item:hover {
            background-color: white;
        }
        .licpage-plan-item h3 {
            font-size: 1.25rem; /* text-xl */
            font-weight: 600; /* font-semibold */
            color: #005A9C; /* text-lic-blue */
            margin-bottom: 0.25rem;
        }
        .licpage-plan-item .category {
            font-size: 0.875rem; /* text-sm */
            font-weight: 500; /* font-medium */
            color: #4b5563; /* text-gray-600 */
            margin-bottom: 0.5rem; /* mb-2 */
        }
        .licpage-plan-item .description {
            color: #374151; /* text-gray-700 */
            font-size: 1rem;
        }

        /* === MODAL STYLES === */
        .licpage-modal-overlay {
            position: fixed;
            inset: 0;
            background-color: rgba(75, 85, 99, 0.5); /* bg-gray-600 opacity-50 */
            display: none; /* controlled by JS, starts hidden */
            align-items: center;
            justify-content: center;
            padding: 1rem;
            z-index: 1000;
        }
        .licpage-modal-overlay.show {
            display: flex;
        }
        .licpage-modal-content {
            background-color: white;
            padding: 1.5rem; /* p-6 */
            border-radius: 0.75rem; /* rounded-xl */
            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25); /* shadow-2xl */
            max-width: 24rem; /* max-w-sm */
            width: 100%;
            transform: scale(0.95);
            transition: transform 0.3s;
        }
        .licpage-modal-content h3 {
            font-size: 1.25rem; /* text-xl */
            font-weight: 700; /* font-bold */
            color: #dc2626; /* text-red-600 */
            margin-bottom: 0.75rem; /* mb-3 */
        }
        .licpage-modal-content p {
            color: #374151; /* text-gray-700 */
            margin-bottom: 1rem; /* mb-4 */
        }
        .licpage-modal-button {
            width: 100%;
            padding: 0.5rem 0; /* py-2 */
            background-color: #dc2626; /* bg-red-600 */
            color: white;
            font-weight: 600; /* font-semibold */
            border-radius: 0.5rem; /* rounded-lg */
            transition: background-color 0.3s;
            border: none;
            cursor: pointer;
        }
        .licpage-modal-button:hover {
            background-color: #b91c1c; /* hover:bg-red-700 */
        }
        
        
          .starpage {
            width: 100%;
            max-width: 896px; /* max-w-4xl */
            padding: 1rem; /* p-4 default */
        }
        
        /* Media query for wider screens (md:p-8) */
        @media (min-width: 768px) {
            .starpage {
                padding: 2rem;
            }
        }
        
        /* === COLOR & SHADOW UTILITIES (STAR HEALTH COLORS) === */
        .starpage .star-red {
            background-color: #bad1f3; /* Deep Crimson */
        }
        .starpage .star-light-bg {
            background-color: #FEE2E2; /* Light Red/Pink Accent */
            border-color: #FCA5A5;
        }
        .starpage .card-shadow {
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
        }

        /* === HEADER STYLES === */
        .starpage .licpage-header {
            text-align: center;
            padding: 1.5rem 0; /* py-6 */
            margin-bottom: 2rem; /* mb-8 */
            color: white;
            border-radius: 0.75rem; /* rounded-xl */
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* shadow-lg */
        }
        .starpage .licpage-header h1 {
            font-size: 1.875rem; /* text-3xl */
            font-weight: 800; /* font-extrabold */
            margin-bottom: 0.25rem; /* mb-1 */
            letter-spacing: -0.025em; /* tracking-tight */
        }
        .starpage .licpage-header p {
            font-size: 1.125rem; /* text-lg */
            font-weight: 500; /* font-medium */
            padding: 0 1rem; /* px-4 */
            margin: 0;
        }
        /* Media query for header on wider screens (md:text-4xl, md:text-xl) */
        @media (min-width: 768px) {
            .starpage .licpage-header h1 {
                font-size: 2.25rem; 
            }
            .starpage .licpage-header p {
                font-size: 1.25rem; 
            }
        }

        /* === MAIN GRID LAYOUT === */
        .starpage-grid {
            display: block;
            grid-template-columns: 1fr;
            gap: 2rem; /* gap-8 */
        }
        /* Media query for two columns on large screens (lg:grid-cols-2) */
        @media (min-width: 1024px) {
            .starpage-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
        }

        /* === CARD STYLES === */
        .starpage-card {
            background-color: white;
            padding: 2rem; /* p-8 */
            border-radius: 0.75rem; /* rounded-xl */
            height: fit-content; /* h-fit */
        }
        .starpage-card h2 {
            font-size: 1.5rem; /* text-2xl */
            font-weight: 700; /* font-bold */
            margin-bottom: 1.5rem; /* mb-6 */
            color: #1f2937; /* text-gray-800 */
            border-bottom: 2px solid #DC2626; /* Star Red */
            padding-bottom: 0.5rem; /* pb-2 */
        }

        /* === FORM STYLES === */
        .starpage-form-group {
            margin-bottom: 1rem; /* mb-4 */
        }
        .starpage-form-label {
            display: block;
            font-size: 0.875rem; /* text-sm */
            font-weight: 500; /* font-medium */
            color: #374151; /* text-gray-700 */
            margin-bottom: 0.25rem; /* mb-1 */
        }
        .starpage-form-input {
            width: 100%;
            padding: 0.75rem; /* p-3 */
            border: 1px solid #d1d5db; /* border border-gray-300 */
            border-radius: 0.5rem; /* rounded-lg */
            transition: border-color 0.15s, box-shadow 0.15s;
        }
        .starpage-form-input:focus {
            outline: none;
            border-color: #DC2626; /* Star Red */
            box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.2); /* Mock focus ring */
        }

        /* === BUTTON STYLES === */
        .starpage-button {
            width: 100%;
            padding: 0.75rem 0; /* py-3 */
            background-color: #83b5ff; /* Star Red */
            color: white;
            font-weight: 600; /* font-semibold */
            border-radius: 0.5rem; /* rounded-lg */
            transition: opacity 0.3s, box-shadow 0.3s;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* shadow-md */
            border: none;
            cursor: pointer;
        }
        .starpage-button:hover {
            opacity: 0.9;
            box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1); /* hover:shadow-lg */
        }

        /* === RESULT AREA STYLES === */
        #resultContainer {
            margin-top: 2rem; /* mt-8 */
            padding: 1rem; /* p-4 */
            background-color: #FEE2E2; /* Star Light Bg */
            border: 1px solid #FCA5A5; /* Star Light Border */
            border-radius: 0.5rem; /* rounded-lg */
        }
        #resultContainer p:first-child {
            font-weight: 600; /* font-semibold */
            font-size: 1.125rem; /* text-lg */
            color: #991B1B; /* Darker Red */
        }
        #premiumResult {
            font-size: 1.875rem; /* text-3xl */
            font-weight: 800; /* font-extrabold */
            color: #DC2626; /* Star Red */
            margin-top: 0.25rem; /* mt-1 */
            margin-bottom: 0.5rem; /* mb-2 */
        }
        #resultContainer .note {
            font-size: 0.875rem; /* text-sm */
            color: #4b5563; /* text-gray-600 */
        }
        .note .warning {
            font-weight: 700; /* font-bold */
            color: #991B1B; /* Darker Red */
        }

        /* === PLANS LIST STYLES === */
        .starpage-plan-item {
            border: 1px solid #e5e7eb; /* border */
            padding: 1rem; /* p-4 */
            border-radius: 0.5rem; /* rounded-lg */
            background-color: #f9fafb; /* bg-gray-50 */
            transition: background-color 0.2s;
            margin-top: 1.5rem;
        }
        .starpage-plan-item:hover {
            background-color: white;
        }
        .starpage-plan-item h3 {
            font-size: 1.25rem; /* text-xl */
            font-weight: 600; /* font-semibold */
            color: #DC2626; /* Star Red */
            margin-bottom: 0.25rem;
        }
        .starpage-plan-item .category {
            font-size: 0.875rem; /* text-sm */
            font-weight: 500; /* font-medium */
            color: #4b5563; /* text-gray-600 */
            margin-bottom: 0.5rem; /* mb-2 */
        }
        .starpage-plan-item .description {
            color: #374151; /* text-gray-700 */
            font-size: 1rem;
        }

        /* === MODAL STYLES === */
        .starpage-modal-overlay {
            position: fixed;
            inset: 0;
            background-color: rgba(75, 85, 99, 0.5); /* bg-gray-600 opacity-50 */
            display: none; /* controlled by JS, starts hidden */
            align-items: center;
            justify-content: center;
            padding: 1rem;
            z-index: 1000;
        }
        .starpage-modal-overlay.show {
            display: flex;
        }
        .starpage-modal-content {
            background-color: white;
            padding: 1.5rem; /* p-6 */
            border-radius: 0.75rem; /* rounded-xl */
            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25); /* shadow-2xl */
            max-width: 24rem; /* max-w-sm */
            width: 100%;
            transform: scale(0.95);
            transition: transform 0.3s;
        }
        .starpage-modal-content h3 {
            font-size: 1.25rem; /* text-xl */
            font-weight: 700; /* font-bold */
            color: #991B1B; /* Darker Red */
            margin-bottom: 0.75rem; /* mb-3 */
        }
        .starpage-modal-content p {
            color: #374151; /* text-gray-700 */
            margin-bottom: 1rem; /* mb-4 */
        }
        .starpage-modal-button {
            width: 100%;
            padding: 0.5rem 0; /* py-2 */
            background-color: #DC2626; /* Star Red */
            color: white;
            font-weight: 600; /* font-semibold */
            border-radius: 0.5rem; /* rounded-lg */
            transition: background-color 0.3s;
            border: none;
            cursor: pointer;
        }
        .starpage-modal-button:hover {
            background-color: #991B1B; /* Darker Red */
        }
        
        .manipalpage {
            width: 100%;
            max-width: 896px; /* max-w-4xl */
            padding: 1rem; /* p-4 default */
        }
        
        /* Media query for wider screens (md:p-8) */
        @media (min-width: 768px) {
            .manipalpage {
                padding: 2rem;
            }
        }
        
        /* === COLOR & SHADOW UTILITIES (MANIPAL CIGNA COLORS) === */
        .manipalpage .manipal-green {
            background-color: #00A78F; /* Primary Manipal Cigna Green */
        }
        .manipalpage .manipal-light-bg {
            background-color: #E0F5F1; /* Light Green Accent */
            border-color: #A2D9CC;
        }
        .manipalpage .card-shadow {
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
        }

        /* === HEADER STYLES === */
        .manipalpage .manipalpage-header {
            text-align: center;
            padding: 1.5rem 0; /* py-6 */
            margin-bottom: 2rem; /* mb-8 */
            color: white;
            border-radius: 0.75rem; /* rounded-xl */
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* shadow-lg */
        }
        .manipalpage .manipalpage-header h1 {
            font-size: 1.875rem; /* text-3xl */
            font-weight: 800; /* font-extrabold */
            margin-bottom: 0.25rem; /* mb-1 */
            letter-spacing: -0.025em; /* tracking-tight */
        }
        .manipalpage .manipalpage-header p {
            font-size: 1.125rem; /* text-lg */
            font-weight: 500; /* font-medium */
            padding: 0 1rem; /* px-4 */
            margin: 0;
        }
        /* Media query for header on wider screens (md:text-4xl, md:text-xl) */
        @media (min-width: 768px) {
            .manipalpage .manipalpage-header h1 {
                font-size: 2.25rem; 
            }
            .manipalpage .manipalpage-header p {
                font-size: 1.25rem; 
            }
        }

        /* === MAIN GRID LAYOUT === */
        .manipalpage-grid {
            display: block;
            grid-template-columns: 1fr;
            gap: 2rem; /* gap-8 */
        }
        /* Media query for two columns on large screens (lg:grid-cols-2) */
        @media (min-width: 1024px) {
            .manipalpage-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
        }

        /* === CARD STYLES === */
        .manipalpage-card {
            background-color: white;
            padding: 2rem; /* p-8 */
            border-radius: 0.75rem; /* rounded-xl */
            height: fit-content; /* h-fit */
        }
        .manipalpage-card h2 {
            font-size: 1.5rem; /* text-2xl */
            font-weight: 700; /* font-bold */
            margin-bottom: 1.5rem; /* mb-6 */
            color: #1f2937; /* text-gray-800 */
            border-bottom: 2px solid #00A78F; /* Manipal Green */
            padding-bottom: 0.5rem; /* pb-2 */
        }

        /* === FORM STYLES === */
        .manipalpage-form-group {
            margin-bottom: 1rem; /* mb-4 */
        }
        .manipalpage-form-label {
            display: block;
            font-size: 0.875rem; /* text-sm */
            font-weight: 500; /* font-medium */
            color: #374151; /* text-gray-700 */
            margin-bottom: 0.25rem; /* mb-1 */
        }
        .manipalpage-form-input {
            width: 100%;
            padding: 0.75rem; /* p-3 */
            border: 1px solid #d1d5db; /* border border-gray-300 */
            border-radius: 0.5rem; /* rounded-lg */
            transition: border-color 0.15s, box-shadow 0.15s;
        }
        .manipalpage-form-input:focus {
            outline: none;
            border-color: #00A78F; /* Manipal Green */
            box-shadow: 0 0 0 3px rgba(0, 167, 143, 0.2); /* Mock focus ring */
        }

        /* === BUTTON STYLES === */
        .manipalpage-button {
            width: 100%;
            padding: 0.75rem 0; /* py-3 */
            background-color: #00A78F; /* Manipal Green */
            color: white;
            font-weight: 600; /* font-semibold */
            border-radius: 0.5rem; /* rounded-lg */
            transition: opacity 0.3s, box-shadow 0.3s;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* shadow-md */
            border: none;
            cursor: pointer;
        }
        .manipalpage-button:hover {
            opacity: 0.9;
            background-color: #03543A; /* Darker Green on hover */
            box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1); /* hover:shadow-lg */
        }

        /* === RESULT AREA STYLES === */
        #resultContainer {
            margin-top: 2rem; /* mt-8 */
            padding: 1rem; /* p-4 */
            background-color: #E0F5F1; /* Manipal Light Bg */
            border: 1px solid #A2D9CC; /* Manipal Light Border */
            border-radius: 0.5rem; /* rounded-lg */
        }
        #resultContainer p:first-child {
            font-weight: 600; /* font-semibold */
            font-size: 1.125rem; /* text-lg */
            color: #03543A; /* Darker Green */
        }
        #premiumResult {
            font-size: 1.875rem; /* text-3xl */
            font-weight: 800; /* font-extrabold */
            color: #00A78F; /* Manipal Green */
            margin-top: 0.25rem; /* mt-1 */
            margin-bottom: 0.5rem; /* mb-2 */
        }
        #resultContainer .note {
            font-size: 0.875rem; /* text-sm */
            color: #4b5563; /* text-gray-600 */
        }
        .note .warning {
            font-weight: 700; /* font-bold */
            color: #03543A; /* Darker Green */
        }

        /* === PLANS LIST STYLES === */
        .manipalpage-plan-item {
            border: 1px solid #e5e7eb; /* border */
            padding: 1rem; /* p-4 */
            border-radius: 0.5rem; /* rounded-lg */
            background-color: #f9fafb; /* bg-gray-50 */
            transition: background-color 0.2s;
            margin-top: 1.5rem;
        }
        .manipalpage-plan-item:hover {
            background-color: white;
        }
        .manipalpage-plan-item h3 {
            font-size: 1.25rem; /* text-xl */
            font-weight: 600; /* font-semibold */
            color: #00A78F; /* Manipal Green */
            margin-bottom: 0.25rem;
        }
        .manipalpage-plan-item .category {
            font-size: 0.875rem; /* text-sm */
            font-weight: 500; /* font-medium */
            color: #4b5563; /* text-gray-600 */
            margin-bottom: 0.5rem; /* mb-2 */
        }
        .manipalpage-plan-item .description {
            color: #374151; /* text-gray-700 */
            font-size: 1rem;
        }

        /* === MODAL STYLES === */
        .manipalpage-modal-overlay {
            position: fixed;
            inset: 0;
            background-color: rgba(75, 85, 99, 0.5); /* bg-gray-600 opacity-50 */
            display: none; /* controlled by JS, starts hidden */
            align-items: center;
            justify-content: center;
            padding: 1rem;
            z-index: 1000;
        }
        .manipalpage-modal-overlay.show {
            display: flex;
        }
        .manipalpage-modal-content {
            background-color: white;
            padding: 1.5rem; /* p-6 */
            border-radius: 0.75rem; /* rounded-xl */
            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25); /* shadow-2xl */
            max-width: 24rem; /* max-w-sm */
            width: 100%;
            transform: scale(0.95);
            transition: transform 0.3s;
        }
        .manipalpage-modal-content h3 {
            font-size: 1.25rem; /* text-xl */
            font-weight: 700; /* font-bold */
            color: #03543A; /* Darker Green */
            margin-bottom: 0.75rem; /* mb-3 */
        }
        .manipalpage-modal-content p {
            color: #374151; /* text-gray-700 */
            margin-bottom: 1rem; /* mb-4 */
        }
        .manipalpage-modal-button {
            width: 100%;
            padding: 0.5rem 0; /* py-2 */
            background-color: #00A78F; /* Manipal Green */
            color: white;
            font-weight: 600; /* font-semibold */
            border-radius: 0.5rem; /* rounded-lg */
            transition: background-color 0.3s;
            border: none;
            cursor: pointer;
        }
        .manipalpage-modal-button:hover {
            background-color: #03543A; /* Darker Green */
        }
        
        
           .nationalpage {
            width: 100%;
            max-width: 896px; /* max-w-4xl */
            padding: 1rem; /* p-4 default */
        }
        
        /* Media query for wider screens (md:p-8) */
        @media (min-width: 768px) {
            .nationalpage {
                padding: 2rem;
            }
        }
        
        /* === COLOR & SHADOW UTILITIES (NATIONAL GENERAL BLUE THEME) === */
        .nationalpage .national-blue {
            background-color: #b6c9ff; /* Primary Blue */
        }
        .nationalpage .national-light-bg {
            background-color: #DBEAFE; /* Light Blue Accent */
            border-color: #93C5FD;
        }
        .nationalpage .card-shadow {
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
        }

        /* === HEADER STYLES === */
        .nationalpage .nationalpage-header {
            text-align: center;
            padding: 1.5rem 0; /* py-6 */
            margin-bottom: 2rem; /* mb-8 */
            color: white;
            border-radius: 0.75rem; /* rounded-xl */
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* shadow-lg */
        }
        .nationalpage .nationalpage-header h1 {
            font-size: 1.875rem; /* text-3xl */
            font-weight: 800; /* font-extrabold */
            margin-bottom: 0.25rem; /* mb-1 */
            letter-spacing: -0.025em; /* tracking-tight */
        }
        .nationalpage .nationalpage-header p {
            font-size: 1.125rem; /* text-lg */
            font-weight: 500; /* font-medium */
            padding: 0 1rem; /* px-4 */
            margin: 0;
        }
        /* Media query for header on wider screens (md:text-4xl, md:text-xl) */
        @media (min-width: 768px) {
            .nationalpage .nationalpage-header h1 {
                font-size: 2.25rem; 
            }
            .nationalpage .nationalpage-header p {
                font-size: 1.25rem; 
            }
        }

        /* === MAIN GRID LAYOUT === */
        .nationalpage-grid {
            display: block;
            grid-template-columns: 1fr;
            gap: 2rem; /* gap-8 */
        }
        /* Media query for two columns on large screens (lg:grid-cols-2) */
        @media (min-width: 1024px) {
            .nationalpage-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
        }

        /* === CARD STYLES === */
        .nationalpage-card {
            background-color: white;
            padding: 2rem; /* p-8 */
            border-radius: 0.75rem; /* rounded-xl */
            height: fit-content; /* h-fit */
        }
        .nationalpage-card h2 {
            font-size: 1.5rem; /* text-2xl */
            font-weight: 700; /* font-bold */
            margin-bottom: 1.5rem; /* mb-6 */
            color: #1f2937; /* text-gray-800 */
            border-bottom: 2px solid #1D4ED8; /* Primary Blue */
            padding-bottom: 0.5rem; /* pb-2 */
        }

        /* === FORM STYLES === */
        .nationalpage-form-group {
            margin-bottom: 1rem; /* mb-4 */
        }
        .nationalpage-form-label {
            display: block;
            font-size: 0.875rem; /* text-sm */
            font-weight: 500; /* font-medium */
            color: #374151; /* text-gray-700 */
            margin-bottom: 0.25rem; /* mb-1 */
        }
        .nationalpage-form-input {
            width: 100%;
            padding: 0.75rem; /* p-3 */
            border: 1px solid #d1d5db; /* border border-gray-300 */
            border-radius: 0.5rem; /* rounded-lg */
            transition: border-color 0.15s, box-shadow 0.15s;
        }
        .nationalpage-form-input:focus {
            outline: none;
            border-color: #1D4ED8; /* Primary Blue */
            box-shadow: 0 0 0 3px rgba(29, 78, 216, 0.2); /* Mock focus ring */
        }

        /* === BUTTON STYLES === */
        .nationalpage-button {
            width: 100%;
            padding: 0.75rem 0; /* py-3 */
            background-color: #1D4ED8; /* Primary Blue */
            color: white;
            font-weight: 600; /* font-semibold */
            border-radius: 0.5rem; /* rounded-lg */
            transition: opacity 0.3s, box-shadow 0.3s;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* shadow-md */
            border: none;
            cursor: pointer;
        }
        .nationalpage-button:hover {
            opacity: 0.9;
            background-color: #1E40AF; /* Darker Blue on hover */
            box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1); /* hover:shadow-lg */
        }

        /* === RESULT AREA STYLES === */
        #resultContainer {
            margin-top: 2rem; /* mt-8 */
            padding: 1rem; /* p-4 */
            background-color: #DBEAFE; /* National Light Bg */
            border: 1px solid #93C5FD; /* National Light Border */
            border-radius: 0.5rem; /* rounded-lg */
        }
        #resultContainer p:first-child {
            font-weight: 600; /* font-semibold */
            font-size: 1.125rem; /* text-lg */
            color: #1E40AF; /* Darker Blue */
        }
        #premiumResult {
            font-size: 1.875rem; /* text-3xl */
            font-weight: 800; /* font-extrabold */
            color: #1D4ED8; /* Primary Blue */
            margin-top: 0.25rem; /* mt-1 */
            margin-bottom: 0.5rem; /* mb-2 */
        }
        #resultContainer .note {
            font-size: 0.875rem; /* text-sm */
            color: #4b5563; /* text-gray-600 */
        }
        .note .warning {
            font-weight: 700; /* font-bold */
            color: #1E40AF; /* Darker Blue */
        }

        /* === PLANS LIST STYLES === */
        .nationalpage-plan-item {
            border: 1px solid #e5e7eb; /* border */
            padding: 1rem; /* p-4 */
            border-radius: 0.5rem; /* rounded-lg */
            background-color: #f9fafb; /* bg-gray-50 */
            transition: background-color 0.2s;
            margin-top: 1.5rem;
        }
        .nationalpage-plan-item:hover {
            background-color: white;
        }
        .nationalpage-plan-item h3 {
            font-size: 1.25rem; /* text-xl */
            font-weight: 600; /* font-semibold */
            color: #1D4ED8; /* Primary Blue */
            margin-bottom: 0.25rem;
        }
        .nationalpage-plan-item .category {
            font-size: 0.875rem; /* text-sm */
            font-weight: 500; /* font-medium */
            color: #4b5563; /* text-gray-600 */
            margin-bottom: 0.5rem; /* mb-2 */
        }
        .nationalpage-plan-item .description {
            color: #374151; /* text-gray-700 */
            font-size: 1rem;
        }

        /* === MODAL STYLES === */
        .nationalpage-modal-overlay {
            position: fixed;
            inset: 0;
            background-color: rgba(75, 85, 99, 0.5); /* bg-gray-600 opacity-50 */
            display: none; /* controlled by JS, starts hidden */
            align-items: center;
            justify-content: center;
            padding: 1rem;
            z-index: 1000;
        }
        .nationalpage-modal-overlay.show {
            display: flex;
        }
        .nationalpage-modal-content {
            background-color: white;
            padding: 1.5rem; /* p-6 */
            border-radius: 0.75rem; /* rounded-xl */
            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25); /* shadow-2xl */
            max-width: 24rem; /* max-w-sm */
            width: 100%;
            transform: scale(0.95);
            transition: transform 0.3s;
        }
        .nationalpage-modal-content h3 {
            font-size: 1.25rem; /* text-xl */
            font-weight: 700; /* font-bold */
            color: #1E40AF; /* Darker Blue */
            margin-bottom: 0.75rem; /* mb-3 */
        }
        .nationalpage-modal-content p {
            color: #374151; /* text-gray-700 */
            margin-bottom: 1rem; /* mb-4 */
        }
        .nationalpage-modal-button {
            width: 100%;
            padding: 0.5rem 0; /* py-2 */
            background-color: #1D4ED8; /* Primary Blue */
            color: white;
            font-weight: 600; /* font-semibold */
            border-radius: 0.5rem; /* rounded-lg */
            transition: background-color 0.3s;
            border: none;
            cursor: pointer;
        }
        .nationalpage-modal-button:hover {
            background-color: #1E40AF; /* Darker Blue */
        }
        
           /* ====== Home2 Section Styles (Animated Gradient + Icon Animation) ====== */
    .home2-section {
      background: linear-gradient(-45deg, #e0ecff, #f0f8ff, #dbe9ff, #edf3ff);
      background-size: 400% 400%;
      animation: home2GradientMove 12s ease infinite;
      padding: 60px 20px;
      font-family: "Poppins", sans-serif;
      color: #1a1a1a;
      position: relative;
      overflow: hidden;
    }

    @keyframes home2GradientMove {
      0% { background-position: 0% 50%; }
      50% { background-position: 100% 50%; }
      100% { background-position: 0% 50%; }
    }

    .home2-container {
      max-width: 1200px;
      margin: 0 auto;
    }

    .home2-text-center { text-align: center; }

    .home2-tag {
      display: inline-block;
      background: #004aad;
      color: #fff;
      padding: 8px 18px;
      border-radius: 30px;
      font-size: 14px;
      letter-spacing: 1px;
      text-transform: uppercase;
      box-shadow: 0 0 10px rgba(0, 74, 173, 0.3);
    }

    .home2-title {
      font-size: 2.5rem;
      margin: 15px 0 10px;
      font-weight: 700;
      color: #003366;
      text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }

    .home2-value-proposition {
      font-size: 1.2rem;
      color: #333;
      font-style: italic;
      margin-bottom: 2rem;
    }

    /* ====== Info Card ====== */
    .home2-card {
      background: #fff;
      border-radius: 16px;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
      padding: 30px;
      margin: 0 auto 50px;
      max-width: 900px;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      backdrop-filter: blur(4px);
    }

    .home2-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 10px 30px rgba(0, 74, 173, 0.15);
    }

    .home2-card h2 {
      font-size: 1.8rem;
      color: #004aad;
      margin-bottom: 15px;
    }

    .home2-card p {
      color: #444;
      line-height: 1.7;
      font-size: 1rem;
    }

    /* ====== Service Journey ====== */
    .home2-service-journey-title {
      font-size: 2rem;
      color: #003366;
      margin-bottom: 2rem;
      font-weight: 600;
    }

    /* Flex container for service steps */
    .home2-steps-flex {
      display: flex;
      justify-content: space-between;
      align-items: stretch;
      gap: 20px;
      flex-wrap: nowrap; /* prevent wrapping on desktop */
    }

    .home2-icon-step {
      background: rgba(255, 255, 255, 0.9);
      border-radius: 16px;
      padding: 25px 15px;
      text-align: center;
      box-shadow: 0 3px 15px rgba(0, 0, 0, 0.05);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      flex: 1;
      min-width: 0;
    }

    .home2-icon-step:hover {
      transform: translateY(-8px);
      box-shadow: 0 8px 25px rgba(0, 74, 173, 0.15);
    }

    /* Floating Icon Animation */
    .home2-icon {
      font-size: 2.3rem;
      color: #004aad;
      margin-bottom: 15px;
      display: inline-block;
      animation: floatIcon 3s ease-in-out infinite;
    }

    @keyframes floatIcon {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-8px); }
    }

    .home2-icon-step:hover .home2-icon {
      animation: pulseIcon 0.6s ease;
    }

    @keyframes pulseIcon {
      0% { transform: scale(1); }
      50% { transform: scale(1.2); }
      100% { transform: scale(1); }
    }

    .home2-icon-step h3 {
      font-size: 1.15rem;
      color: #003366;
      margin-bottom: 10px;
      font-weight: 600;
    }

    .home2-icon-step p {
      font-size: 0.9rem;
      color: #444;
      line-height: 1.5;
    }

    /* ====== Responsive Design ====== */
    @media (max-width: 900px) {
      .home2-steps-flex {
        flex-direction: column;
        align-items: center;
      }

      .home2-icon-step {
        width: 100%;
        max-width: 500px;
      }

      .home2-title {
        font-size: 2rem;
      }

      .home2-service-journey-title {
        font-size: 1.6rem;
      }
    }
    
    .manmission-section {
  background: linear-gradient(135deg, #f0f8ff, #d9ecff);
  padding: 4rem 2rem;
  border-radius: 2rem;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  transition: all 0.3s ease;
}

.manmission-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2rem;
  max-width: 1100px;
  margin: 0 auto;
}

.manmission-image img {
  width: 320px;
  height: 320px;
 
 
 
  box-shadow: 0 0 25px rgba(0, 116, 217, 0.4);
  transition: transform 0.4s ease;
}

.manmission-image img:hover {
  transform: scale(1.05);
}

.manmission-content {
  max-width: 600px;
  text-align: left;
}

.manmission-title {
  font-size: 2rem;
  color: #004080;
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.manmission-name {
  font-size: 1.6rem;
  color: #0074d9;
  margin-bottom: 0.5rem;
}

.manmission-tagline {
  font-size: 1rem;
  color: #555;
  font-style: italic;
  margin-bottom: 1rem;
}

.manmission-description {
  color: #333;
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 1rem;
}

.manmission-quote {
  font-size: 1.1rem;
  font-weight: 600;
  color: #0056b3;
  border-left: 4px solid #0074d9;
  padding-left: 10px;
  margin-bottom: 1.5rem;
}

.manmission-button {
  background: #0074d9;
  color: #fff;
  text-decoration: none;
  padding: 0.8rem 1.5rem;
  border-radius: 25px;
  font-weight: 600;
  transition: background 0.3s ease;
}

.manmission-button:hover {
  background: #0056b3;
}

/* Responsive */
@media (max-width: 768px) {
  .manmission-container {
    flex-direction: column;
    text-align: center;
  }
  .manmission-image img {
    width: 100%;
    height: 100%;
  }
  .manmission-content {
    text-align: center;
  }
}

.about2-section {
  font-family: "Poppins", sans-serif;
  color: #333;
}

.about2-container {
  width: 90%;
  margin: auto;
}

/* HEADER */
.about2-header {
  text-align: center;
  padding: 40px 0;
  background: #e1eefb;
  color: #fff;
  border-radius: 12px;
}

.about2-header h1 {
  font-size: 2rem;
  margin-bottom: 10px;
}

/* ABOUT */
.about2-about {
  background: #e8f0fe;
  padding: 30px;
  border-radius: 12px;
  margin-top: 20px;
  line-height: 1.6;
}

/* FOUNDER */
.about2-founder {
  background: #f5f7fa;
  padding: 40px 20px;
  margin-top: 20px;
  border-radius: 12px;
}

.about2-founder-card {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 15px;
}

.about2-founder-card img {
  border-radius: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 4px solid #004b95;
}

.about2-role {
  color: #004b95;
  font-weight: 600;
}

/* GRID 4 IN ROW */
.about2-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 15px;
}

.about2-card,
.about2-step {
  flex: 1 1 calc(25% - 15px);
  background: #fff;
  border-radius: 12px;
  text-align: center;
  padding: 25px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  transition: 0.3s ease;
}

.about2-card:hover,
.about2-step:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

.about2-card i {
  font-size: 2rem;
  color: #004b95;
  margin-bottom: 10px;
}

/* PARTNERS */
.about2-partners {
  background: #e7fff0;
  padding: 40px 20px;
  border-radius: 12px;
  margin-top: 20px;
}

/* WORKFLOW */
.about2-workflow {
  background: #fff8e1;
  padding: 40px 20px;
  border-radius: 12px;
  margin-top: 20px;
}

.about2-step span {
  background: #004b95;
  color: #fff;
  display: inline-block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 50%;
  margin-bottom: 10px;
  font-weight: bold;
}

/* CORPORATE */
.about2-corporate {
  background: #dff1ff;
  text-align: center;
  padding: 40px 20px;
  border-radius: 12px;
  margin-top: 20px;
}

.about2-corporate .about2-icon {
  font-size: 3rem;
  color: #004b95;
  margin-bottom: 15px;
}

/* CTA */
.about2-cta {
  text-align: center;
  background: #f5f7fa;
  padding: 40px 20px;
  border-radius: 12px;
  margin: 30px 0;
}

/* BUTTON */
.about2-btn {
  display: inline-block;
  margin-top: 15px;
  padding: 10px 25px;
  background: #004b95;
  color: #fff;
  text-decoration: none;
  border-radius: 6px;
  transition: 0.3s;
}

.about2-btn:hover {
  background: #00356a;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .about2-founder-card {
    flex-direction: column;
    text-align: center;
  }

  .about2-grid {
    flex-direction: column;
  }

  .about2-card,
  .about2-step {
    flex: 1 1 100%;
  }
}