/* Modern FAQ Section CSS */
            :root {
                --primary-50: #eef2ff;
                --primary-100: #e0e7ff;
                --primary-200: #c7d2fe;
                --primary-300: #a5b4fc;
                --primary-400: #818cf8;
                --primary-500: #6366f1;
                --primary-600: #4f46e5;
                --primary-700: #4338ca;
                --primary-800: #3730a3;
                --primary-900: #312e81;

                --neutral-50: #f9fafb;
                --neutral-100: #f3f4f6;
                --neutral-200: #e5e7eb;
                --neutral-300: #d1d5db;
                --neutral-400: #9ca3af;
                --neutral-500: #6b7280;
                --neutral-600: #4b5563;
                --neutral-700: #374151;
                --neutral-800: #1f2937;
                --neutral-900: #111827;

                --success-500: #22c55e;
                --warning-500: #f59e0b;
                --error-500: #ef4444;

                --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
                --shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
                --shadow-md: 0 10px 15px -3px rgb(0 0 0 / 0.1);
                --shadow-lg: 0 20px 25px -5px rgb(0 0 0 / 0.1);
                --shadow-xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
            }



            
.faq-container{
     margin: 0 auto;
    padding: 60px 24px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
 
    background: aliceblue;

}

            .gk-faq-section {
                max-width: 1000px;
                margin: 0 auto;
                padding: 60px 24px;
                font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
            }

            /* Header Styles */
            .gk-faq-header {
                text-align: center;
                margin-bottom: 40px;
            }

            .gk-faq-subtitle {
                font-size: 14px;
                font-weight: 600;
                text-transform: uppercase;
                letter-spacing: 1px;
                color: var(--primary-600);
                margin-bottom: 12px;
            }

            .gk-faq-title {
                font-size: 36px;
                font-weight: 800;
                color: var(--neutral-900);
                margin-bottom: 16px;
                letter-spacing: -0.02em;
            }

            .gk-faq-description {
                font-size: 16px;
                color: var(--neutral-600);
                max-width: 600px;
                margin: 0 auto;
                line-height: 1.6;
            }

            /* Search Bar */
            .gk-faq-search {
                margin-bottom: 32px;
                max-width: 600px;
                margin-left: auto;
                margin-right: auto;
            }

            .gk-faq-search-container {
                position: relative;
                width: 100%;
            }

            .gk-faq-search-icon {
                position: absolute;
                left: 16px;
                top: 50%;
                transform: translateY(-50%);
                color: var(--neutral-400);
                font-size: 16px;
            }

            .gk-faq-search-input {
                width: 100%;
                padding: 16px 20px 16px 48px;
                border: 2px solid var(--neutral-200);
                border-radius: 16px;
                font-size: 16px;
                font-family: inherit;
                transition: all 0.3s ease;
                background: white;
            }

            .gk-faq-search-input:focus {
                outline: none;
                border-color: var(--primary-500);
                box-shadow: 0 0 0 4px var(--primary-100);
            }

            .gk-faq-search-shortcut {
                position: absolute;
                right: 16px;
                top: 50%;
                transform: translateY(-50%);
                background: var(--neutral-100);
                padding: 4px 8px;
                border-radius: 8px;
                font-size: 12px;
                color: var(--neutral-600);
                font-weight: 600;
            }

            /* Category Tabs */
            .gk-faq-categories {
                display: flex;
                flex-wrap: wrap;
                gap: 12px;
                justify-content: center;
                margin-bottom: 40px;
            }

            .gk-category-tab {
                padding: 10px 20px;
                border: 2px solid var(--neutral-200);
                background: white;
                border-radius: 40px;
                font-size: 14px;
                font-weight: 600;
                color: var(--neutral-600);
                cursor: pointer;
                transition: all 0.3s ease;
            }

            .gk-category-tab:hover {
                border-color: var(--primary-500);
                color: var(--primary-600);
            }

            .gk-category-tab.active {
                background: var(--primary-600);
                border-color: var(--primary-600);
                color: white;
            }

            /* FAQ Accordion */
            .gk-faq-accordion {
                display: flex;
                flex-direction: column;
                gap: 16px;
                margin-bottom: 48px;
            }

            .gk-faq-item {
                background: white;
                border: 2px solid var(--neutral-200);
                border-radius: 24px;
                overflow: hidden;
                transition: all 0.3s ease;
            }

            .gk-faq-item:hover {
                border-color: var(--primary-300);
                box-shadow: var(--shadow-lg);
            }

            .gk-faq-item.active {
                border-color: var(--primary-500);
                box-shadow: 0 0 0 4px var(--primary-100);
            }

            .gk-faq-question {
                padding: 7px;
                cursor: pointer;
                display: flex;
                align-items: center;
                justify-content: space-between;
                transition: all 0.3s ease;
            }

            .gk-faq-question-content {
                display: flex;
                align-items: center;
                gap: 16px;
                flex: 1;
            }

            .gk-faq-icon {
                width: 48px;
                height: 48px;
                background: var(--primary-50);
                border-radius: 16px;
                display: flex;
                align-items: center;
                justify-content: center;
                color: var(--primary-600);
                font-size: 20px;
                transition: all 0.3s ease;
            }

            .gk-faq-item.active .gk-faq-icon {
                background: var(--primary-600);
                color: white;
            }

            .gk-faq-question h3 {
                font-size: 16px;
                font-weight: 600;
                color: var(--neutral-800);
                margin: 0;
                line-height: 1.4;
            }

            .gk-faq-arrow {
                width: 40px;
                height: 40px;
                border-radius: 50%;
                background: var(--neutral-100);
                display: flex;
                align-items: center;
                justify-content: center;
                color: var(--neutral-600);
                transition: all 0.3s ease;
            }

            .gk-faq-item.active .gk-faq-arrow {
                transform: rotate(180deg);
                background: var(--primary-100);
                color: var(--primary-600);
            }

            .gk-faq-answer {
                max-height: 0;
                overflow: hidden;
                transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
            }

            .gk-faq-item.active .gk-faq-answer {
                max-height: 1000px;
            }

            .gk-faq-answer-content {
                padding: 0 24px 24px 88px;
            }

            .gk-faq-answer p {
                font-size: 16px;
                line-height: 1.7;
                color: var(--neutral-600);
                margin-bottom: 16px;
            }

            /* List Styles */
            .gk-faq-list {
                list-style: none;
                padding: 0;
                margin: 16px 0;
            }

            .gk-faq-list li {
                display: flex;
                align-items: center;
                gap: 12px;
                padding: 8px 0;
                font-size: 15px;
                color: var(--neutral-700);
            }

            .gk-faq-list li i {
                width: 20px;
                color: var(--primary-500);
            }

            /* Course Chips */
            .gk-course-grid {
                display: flex;
                flex-wrap: wrap;
                gap: 10px;
                margin: 16px 0;
            }

            .gk-course-chip {
                background: var(--neutral-100);
                padding: 10px 16px;
                border-radius: 30px;
                display: flex;
                align-items: center;
                gap: 8px;
                font-size: 14px;
                color: var(--neutral-700);
                border: 1px solid var(--neutral-200);
            }

            .gk-course-chip i {
                color: var(--primary-500);
            }

            /* Scholarship Card */
            .gk-scholarship-card {
                background: var(--primary-50);
                border-radius: 20px;
                padding: 20px;
                margin: 16px 0;
            }

            .gk-scholarship-item {
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 12px 0;
                border-bottom: 1px solid var(--primary-200);
            }

            .gk-scholarship-item:last-child {
                border-bottom: none;
            }

            .gk-scholarship-badge {
                font-weight: 500;
                color: var(--neutral-700);
            }

            .gk-scholarship-value {
                font-weight: 700;
                color: var(--primary-700);
                background: white;
                padding: 4px 12px;
                border-radius: 30px;
            }

            /* Stats Grid */
            .gk-stats-grid {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 16px;
                margin: 20px 0;
            }

            .gk-stat-item {
                text-align: center;
                padding: 16px;
                background: var(--neutral-50);
                border-radius: 16px;
            }

            .gk-stat-number {
                font-size: 28px;
                font-weight: 800;
                color: var(--primary-600);
                margin-bottom: 4px;
            }

            .gk-stat-label {
                font-size: 13px;
                color: var(--neutral-600);
            }

            /* Feature Grid */
            .gk-feature-grid {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 12px;
                margin: 16px 0;
            }

            .gk-feature-item {
                text-align: center;
                padding: 16px;
                background: var(--neutral-50);
                border-radius: 16px;
            }

            .gk-feature-item i {
                font-size: 24px;
                color: var(--primary-500);
                margin-bottom: 8px;
                display: block;
            }

            .gk-feature-item span {
                font-size: 14px;
                color: var(--neutral-700);
            }

            /* Fee Table */
            .gk-fee-table {
                background: var(--neutral-50);
                border-radius: 16px;
                padding: 16px;
                margin: 16px 0;
            }

            .gk-fee-row {
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 12px 0;
                border-bottom: 1px solid var(--neutral-200);
            }

            .gk-fee-row:last-child {
                border-bottom: none;
            }

            .gk-fee-amount {
                font-weight: 700;
                color: var(--primary-600);
            }

            .gk-fee-note {
                font-size: 13px;
                color: var(--neutral-500);
                margin-top: 8px;
                font-style: italic;
            }

            /* Highlight Grid */
            .gk-highlight-grid {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 16px;
                margin: 16px 0;
            }

            .gk-highlight-item {
                text-align: center;
                padding: 16px;
                background: var(--primary-50);
                border-radius: 16px;
            }

            .gk-highlight-number {
                display: block;
                font-size: 24px;
                font-weight: 800;
                color: var(--primary-600);
                margin-bottom: 4px;
            }

            /* Tags */
            .gk-faq-tags {
                display: flex;
                flex-wrap: wrap;
                gap: 8px;
                margin-top: 16px;
            }

            .gk-tag {
                background: var(--neutral-100);
                padding: 6px 12px;
                border-radius: 30px;
                font-size: 12px;
                font-weight: 500;
                color: var(--neutral-600);
                border: 1px solid var(--neutral-200);
            }

            /* Footer CTA */
            .gk-faq-footer {
                background: linear-gradient(135deg, var(--primary-50) 0%, #ffffff 100%);
                border-radius: 32px;
                padding: 40px;
                margin-top: 48px;
                max-width: 1300px;
                margin: auto;
            }

            .gk-faq-footer-content {
                display: flex;
                align-items: center;
                gap: 24px;
                flex-wrap: wrap;
            }

            .gk-faq-footer-content i {
                font-size: 48px;
                color: var(--primary-600);
                background: white;
                width: 80px;
                height: 80px;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                box-shadow: var(--shadow-lg);
            }

            .gk-faq-footer-text {
                flex: 1;
            }

            .gk-faq-footer-text h4 {
                font-size: 24px;
                font-weight: 700;
                color: var(--neutral-800);
                margin-bottom: 8px;
            }

            .gk-faq-footer-text p {
                font-size: 16px;
                color: var(--neutral-600);
            }

            .gk-faq-footer-actions {
                display: flex;
                gap: 12px;
            }

            .gk-btn {
                padding: 14px 28px;
                border-radius: 16px;
                font-size: 15px;
                font-weight: 600;
                text-decoration: none;
                display: inline-flex;
                align-items: center;
                gap: 8px;
                transition: all 0.3s ease;
            }

            .gk-btn-primary {
                background: var(--primary-600);
                color: white;
            }

            .gk-btn-primary:hover {
                background: var(--primary-700);
                transform: translateY(-2px);
                box-shadow: var(--shadow-lg);
            }

            .gk-btn-outline {
                background: white;
                color: var(--neutral-700);
                border: 2px solid var(--neutral-200);
            }

            .gk-btn-outline:hover {
                border-color: var(--primary-500);
                color: var(--primary-600);
                transform: translateY(-2px);
            }

            /* No Results */
            .gk-no-results {
                text-align: center;
                padding: 48px;
                background: var(--neutral-50);
                border-radius: 24px;
            }

            .gk-no-results i {
                font-size: 48px;
                color: var(--neutral-400);
                margin-bottom: 16px;
            }

            .gk-no-results h3 {
                font-size: 20px;
                color: var(--neutral-700);
                margin-bottom: 8px;
            }

            .gk-no-results p {
                color: var(--neutral-500);
            }

            /* Responsive */
            @media (max-width: 768px) {
                .gk-faq-title {
                    font-size: 28px;
                }
                
                .gk-faq-list li{
                      font-size: 13px;
                }
                
                .gk-stat-number{
                    font-size: 19px;
                }
                
                  .gk-faq-answer p {
                font-size: 13px;
                  }

                .gk-faq-question h3 {
                    font-size: 14px;
                }

                .gk-faq-icon {
                    width: 40px;
                    height: 40px;
                    font-size: 16px;
                }

                .gk-faq-answer-content {
                    padding-left: 24px;
                }

                .gk-faq-footer-content {
                    flex-direction: column;
                    text-align: center;
                }

                .gk-faq-footer-actions {
                    flex-direction: column;
                    width: 100%;
                }

                .gk-stats-grid,
                .gk-feature-grid,
                .gk-highlight-grid {
                    grid-template-columns: 1fr;
                }
            }

            /* Animation */
            @keyframes fadeIn {
                from {
                    opacity: 0;
                    transform: translateY(10px);
                }

                to {
                    opacity: 1;
                    transform: translateY(0);
                }
            }

            .gk-faq-item {
                animation: fadeIn 0.5s ease;
            }