a,
a:active{
    color: inherit;
    text-decoration: none;
}



 :root {
            --tally-blue: #0b6fb8;
            --tally-blue-dark: #085893;
            --tally-yellow: #fba919;
            --tally-yellow-hover: #e59910;
            --tally-text-dark: #2c3e50;
            --tally-bg-light: #f4f7f9;
            --tally-border: #dbe4ec;
            --tally-highlight: #ffeb3b;
        }

       

        body {
            background-color: white;
            color: var(--tally-text-dark);
         
    
        }

        /* Hero Banner Styling */
        .heros-section {
            background-color: #2caa49;
            color: #ffffff;
            padding: 50px 20px 60px 20px;
            text-align: center;
            position: relative;
            overflow: hidden;
            box-shadow: 0 4px 12px rgba(0,0,0,0.1);
        }

        .hero-watermark {
            position: absolute;
            color: rgba(255, 255, 255, 0.07);
            font-size: 140px;
            pointer-events: none;
            user-select: none;
        }
        .watermark-1 { top: 15%; left: 5%; transform: rotate(-15deg); }
        .watermark-2 { bottom: 10%; right: 6%; transform: rotate(12deg); }
        .watermark-3 { top: 10%; right: 12%; transform: rotate(-8deg); font-size: 80px; }

        .heros-title {
            font-size: 42px;
            font-weight: 700;
            margin-bottom: 12px;
            letter-spacing: -0.5px;
        }

        .heros-subtitle {
            color: white;
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 12px;
        }

        .heros-description {
            font-size: 16px;
            color: rgba(255, 255, 255, 0.9);
            max-width: 680px;
            margin: 0 auto 30px auto;
            line-height: 1.5;
        }

        /* Search Form Styling */
        .search-container {
            max-width: 640px;
            margin: 0 auto;
            position: relative;
            z-index: 2;
        }

        .search-box-wrapper {
            position: relative;
            margin-bottom: 20px;
        }

        .search-input {
            width: 100%;
            height: 54px;
            padding: 12px 20px 12px 48px;
            border-radius: 6px;
            border: none;
            font-size: 17px;
            outline: none;
            color: #333333;
            box-shadow: 0 4px 15px rgba(0,0,0,0.15);
            transition: all 0.2s ease;
        }

        .search-input:focus {
            box-shadow: 0 4px 20px rgba(0,0,0,0.25);
        }

        .search-icon-inside {
            position: absolute;
            left: 18px;
            top: 50%;
            transform: translateY(-50%);
            color: #888888;
            font-size: 18px;
        }

        .category-select-label {
            font-size: 15px;
            font-weight: 600;
            margin-bottom: 12px;
            display: block;
            color: #ffffff;
        }

        .radio-group {
            display: flex;
            justify-content: center;
            gap: 30px;
            margin-bottom: 25px;
        }

        .radio-option {
            display: flex;
            align-items: center;
            cursor: pointer;
            font-size: 16px;
            font-weight: 500;
            color: #ffffff;
            user-select: none;
        }

        .radio-option input[type="radio"] {
            appearance: none;
            -webkit-appearance: none;
            width: 18px;
            height: 18px;
            border: 2px solid #ffffff;
            border-radius: 50%;
            outline: none;
            margin-right: 8px;
            position: relative;
            cursor: pointer;
            background: transparent;
        }

        .radio-option input[type="radio"]:checked::after {
            content: '';
            position: absolute;
            top: 3px;
            left: 3px;
            width: 8px;
            height: 8px;
            background-color: #ffffff;
            border-radius: 50%;
        }

        .btn-find {
            background-color:#015d76 ;
            color: white;
            border: none;
            padding: 13px 32px;
            font-size: 16px;
            font-weight: 700;
            border-radius: 6px;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            box-shadow: 0 4px 10px rgba(0,0,0,0.15);
            transition: background-color 0.2s, transform 0.1s;
        }

        .btn-find:hover {
            background-color: var(--tally-yellow-hover);
        }

        .btn-find:active {
            transform: translateY(1px);
        }

        /* Results Section Styling */
        .results-section {
            padding: 50px 20px;
            flex-grow: 1;
            max-width: 1100px;
            margin: 0 auto;
            width: 100%;
        }

        .results-heading {
            text-align: center;
            font-size: 30px;
            font-weight: 700;
            color: white;
            margin-bottom: 28px;
        }

        .filter-tabs {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 16px;
            flex-wrap: wrap;
            gap: 12px;
        }

        .pill-tabs {
            display: flex;
            background: #e2e9f0;
            padding: 4px;
            border-radius: 8px;
        }

        .pill-tab {
            padding: 8px 18px;
            border: none;
            background: transparent;
            font-size: 14px;
            font-weight: 600;
            color: #555555;
            border-radius: 6px;
            cursor: pointer;
            transition: all 0.2s;
        }

        .pill-tab.active {
            background: #ffffff;
            color: var(--tally-blue);
            box-shadow: 0 2px 5px rgba(0,0,0,0.08);
        }

        .results-count {
            font-size: 14px;
            color: white;
            font-weight: 500;
        }

        .table-card {
            background: #ffffff;
            border-radius: 8px;
            border: 1px solid var(--tally-border);
            box-shadow: 0 4px 15px rgba(0,0,0,0.03);
            overflow: hidden;
        }

        .table-responsive {
            width: 100%;
            overflow-x: auto;
        }

        .hsn-table {
            width: 100%;
            border-collapse: collapse;
            text-align: left;
        }

        .hsn-table th {
            background-color: #ffffff;
            color: var(--tally-blue);
            font-weight: 700;
            font-size: 15px;
            padding: 16px 20px;
            border-bottom: 2px solid var(--tally-border);
            white-space: nowrap;
        }

        .hsn-table td {
            padding: 16px 20px;
            border-bottom: 1px solid var(--tally-border);
            font-size: 14.5px;
            color: #333333;
            line-height: 1.5;
            vertical-align: middle;
        }

        .hsn-table tr:hover td {
            background-color: #f8fafc;
        }

        .code-cell {
            font-weight: 700;
            color: #1a1a1a;
            white-space: nowrap;
            width: 160px;
        }

        .code-badge {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: #eef5fb;
            padding: 6px 12px;
            border-radius: 4px;
            border: 1px solid #cce0f1;
        }

        .copy-btn {
            border: none;
            background: transparent;
            color: #666666;
            cursor: pointer;
            font-size: 13px;
            transition: color 0.2s;
            padding: 2px 4px;
        }

        .copy-btn:hover {
            color: var(--tally-blue);
        }

        .highlight-text {
            background-color: var(--tally-highlight);
            padding: 1px 3px;
            border-radius: 2px;
            font-weight: 600;
        }

        .rate-badge {
            display: inline-block;
            background-color: #e8f5e9;
            color: #2e7d32;
            font-weight: 700;
            padding: 4px 10px;
            border-radius: 12px;
            font-size: 13px;
            white-space: nowrap;
        }

        .type-badge {
            display: inline-block;
            font-size: 11px;
            font-weight: 700;
            text-transform: uppercase;
            padding: 2px 6px;
            border-radius: 3px;
            margin-right: 6px;
        }
        .type-goods { background: #e3f2fd; color: #1565c0; }
        .type-services { background: #f3e5f5; color: #7b1fa2; }

        /* Empty & Prompt States */
        .state-container {
            text-align: center;
            padding: 60px 20px;
            color: #666666;
        }

        .state-container i {
            font-size: 48px;
            margin-bottom: 16px;
            color: #a0aec0;
        }

        .state-container h4 {
            font-size: 18px;
            color: #333333;
            margin-bottom: 8px;
        }

        .state-container p {
            font-size: 14px;
            max-width: 480px;
            margin: 0 auto;
            line-height: 1.5;
        }

        /* Toast Popup Notification */
        .toast {
            position: fixed;
            bottom: 25px;
            right: 25px;
            background-color: #323232;
            color: #ffffff;
            padding: 12px 24px;
            border-radius: 6px;
            font-size: 14px;
            font-weight: 500;
            box-shadow: 0 4px 12px rgba(0,0,0,0.2);
            opacity: 0;
            transform: translateY(20px);
            transition: all 0.3s ease;
            pointer-events: none;
            z-index: 999;
        }

        .toast.show {
            opacity: 1;
            transform: translateY(0);
        }

        /* Responsive Breakpoints */
        @media (max-width: 768px) {
            .heros-title { font-size: 30px; }
            .heros-subtitle { font-size: 18px; }
            .heros-description { font-size: 14px; }
            .results-heading { font-size: 22px; }
            .heros-section { padding: 35px 16px 45px 16px; }
            .radio-group { gap: 18px; }
            .hsn-table th, .hsn-table td { padding: 12px 14px; font-size: 13.5px; }
            .filter-tabs { flex-direction: column; align-items: stretch; }
            .pill-tabs { justify-content: center; }
            .results-count { text-align: center; }
        }