@extends('layouts.master')
    @section('style')
        <style>
            .event-item img {
                width: 100%;
                height: 300px;
                object-fit: cover;
                object-position: center;
                transition: transform 0.3s ease;
            }

            .event-item img:hover {
                transform: scale(1.05);
            }

            @media (max-width: 768px) {
                .event-item img {
                    height: 200px;
                }
            }

            @media (max-width: 576px) {
                .event-item img {
                    height: 150px;
                }
            }
        </style>
    @endsection
    @section('contents')
        <!-- Hero Area Start -->
        <div id="hero-area" class="hero-area-bg" style="margin-top:2%;">
            <div class="overlay"></div>
            <div class="container">
                {{-- <div class="container"> --}}
                <div class="row justify-content-center">
                    <div class="col-lg-9 col-sm-12">
                        <div class="contents text-center">
                            <p class="banner-info"><i>The Right Passage to India</i> </p>
                            <h1 class="head-title mt-2"><span style="color:#fff;font-weight:600;">Your Gateway to</span>
                                <span style="color:#EA5B0C;font-weight:600;">Global Influence</span>
                            </h1>
                            <p class="banner-desc">Connecting businesses, fostering trade relationships, and building
                                bridges between the United States and India through strategic partnerships and comprehensive
                                business solutions. </p>
                            <div class="banner-btn">
                                <a href="{{ route('membership.index') }}" class="btn btn-common">Become a Member</a>
                                <a href="#benefits_overview" class="btn btn-common">Explore Benefits</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="counter-section" style="margin-top:-12%;">
                    <div class="row">
                        <!-- Counter Item -->
                        <div class="col-lg-3 col-md-6 col-xs-12 work-counter-widget d-flex">
                            <div class="counter">
                                <div class="icon pt-1">
                                    <img src="{{ asset('assets/img/home/countries.png') }}" alt="countries" width="35">
                                </div>
                                <div class="counter-content text-center">
                                    <div class="one_billion">50+</div>
                                    <p>Countries</p>
                                </div>
                            </div>
                        </div>
                        <!-- Counter Item -->
                        <div class="col-lg-3 col-md-6 col-xs-12 work-counter-widget d-flex">
                            <div class="counter">
                                <div class="icon pt-1">
                                    <img src="{{ asset('assets/img/home/trade-volume.png') }}" alt="trade-volume"
                                        width="35">
                                </div>
                                <div class="counter-content text-center">
                                    <div class="one_billion">1B+</div>
                                    <p>Trade Volume</p>
                                </div>
                            </div>
                        </div>
                        <!-- Counter Item -->
                        <div class="col-lg-3 col-md-6 col-xs-12 work-counter-widget d-flex">
                            <div class="counter">
                                <div class="icon pt-1">
                                    <img src="{{ asset('assets/img/home/job-created.png') }}" alt="job-created"
                                        width="35">
                                </div>
                                <div class="counter-content">
                                    <div class="one_billion">10,000+</div>
                                    <p>Job Created</p>
                                </div>
                            </div>
                        </div>
                        <!-- Counter Item -->
                        <div class="col-lg-3 col-md-6 col-xs-12 work-counter-widget d-flex">
                            <div class="counter">
                                <div class="icon pt-1">
                                    <img src="{{ asset('assets/img/home/business-partnership.png') }}"
                                        alt="business-partnership" width="35">
                                </div>
                                <div class="counter-content text-center">
                                    <div class="one_billion">500+</div>
                                    <p>Business Partnerships</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            </section>

        </div>
        </div>

        <section class="hero-section mt-3"
            style="background-image: url('{{ asset('assets/img/home/bg-national-us.png') }}');
           background-size: cover;
           background-position: center;
           background-repeat: no-repeat;">
            <div class="container">
                <div class="row align-items-center">

                    <!-- LEFT SIDE TEXT -->
                    <div class="col-md-6">
                        <h1 class="hero-title">
                            NATIONAL <span>U.S.- INDIA</span><br>
                            CHAMBER OF COMMERCE<span style="font-weight: 600;">.</span>
                        </h1>

                        <p class="hero-text">
                            The National US India Chamber of Commerce (NUICC) is recognized as one of the top international
                            business organizations where members meet with visionary business and governmental leaders from
                            the US, India and other countries. NUICC serves as a business consultant to small and large
                            corporations and industry trade associations, helps businesses market and source their products
                            and services in India, qualifies local partners, identifies a roadmap for businesses that are
                            entering the Indian marketplace, provides legal, taxation and regulatory help, and offers
                            in-company training workshops. The membership of NUICC spans across a wide spectrum of
                            industries and has a direct membership of 9,200.
                        </p>
                    </div>

                    <!-- RIGHT SIDE IMAGE + CIRCLE TEXT -->
                    <div class="col-md-6 position-relative mt-4 mt-md-0">

                        <!-- Circle Text -->
                        <div class="circle-text-container">
                            <div class="circle-text">
                                <!-- auto-generate 36 chars around circle -->
                                <script>
                                    document.addEventListener("DOMContentLoaded", function() {
                                        const text = "THE NATIONAL US INDIA CHAMBER OF COMMERCE (NUICC) ";
                                        const circle = document.querySelector(".circle-text");
                                        for (let i = 0; i < text.length; i++) {
                                            const char = document.createElement("span");
                                            char.innerText = text[i];
                                            char.style.transform = `rotate(${i * 10}deg)`;
                                            circle.appendChild(char);
                                        }
                                    });
                                </script>
                            </div>

                            <!-- Center Logo -->
                            <img src="{{ asset('assets/img/home/logo-modiji.png') }}" alt="logo">
                        </div>

                        <!-- Main Hero Image -->
                        <img src="{{ asset('assets/img/home/nuicc-1536x1536.webp') }}" class="hero-image" alt="Hero Image">
                    </div>

                </div>

                <div class="row py-5">
                    <div class="col-md-6 d-flex">
                        <div> <!-- inner wrapper to center top-to-bottom -->

                            <h3 style="color:#04ab14">OUR VISION</h3>

                            <p class="section-subtext">
                                The chamber's vision is to promote a business and cultural climate between the United States
                                and India, and potentially other countries which motivates and empowers individuals to
                                create
                                value in the pursuit of prosperity and fulfillment.
                            </p>

                            <h3 style="color:#04ab14" class="pt-5">OUR MISSION</h3>

                            <p class="section-subtext">
                                The chamber's mission is to promote bilateral trade between the United States and India,
                                cultivating business relationships that will result in business deals.
                            </p>

                            <p class="px-5 font-weight-bold section-subtext">
                                "India has the fastest growing economy in the world...
                                Together, our countries can help chart an optimistic path into the future, one that
                                unleashes
                                the power of new technology, new infrastructure, and the enthusiasm and excitement of very
                                hardworking
                                and very dynamic people." ~Donald Trump
                            </p>

                        </div>
                    </div>

                    <div class="col-md-6 text-center">
                        <img src="{{ asset('assets/img/home/pravasi-family_new.png') }}" alt="Pravasi Family"
                            class="img-fluid shadow" style="height: 480px; width:520px; border-radius:10px;">
                    </div>
                </div>

            </div>
        </section>

        {{-- our vision and mission --}}

        <section id="sponsors" class="section-padding">
            <div class="overlay"></div>
            <div class="container">
                {{-- <div class="row">
                    <div class="col-12">
                        <div class="section-title-header text-center">
                            <h2 class="section-title wow fadeInUp" data-wow-delay="0.2s" style="font-size:15px;">Collaborators and Partners</h2>
                            <p class="wow fadeInDown" data-wow-delay="0.2s"></p>
                        </div>
                    </div>
                </div> --}}
                <div class="logo-slider py-2">
                    <div class="logo-track">
                        <!-- 15 logos -->
                        <div class="d-flex align-items-center justify-content-center flex-wrap">
                            <div class="border rounded bg-white shadow-sm mx-2 p-2"
                                style="width:120px;height:120px; overflow:hidden;">
                                <img src="{{ asset('assets/img/logo/logo1.png') }}" class="w-100 h-100"
                                    style="object-fit: cover;" alt="Logo 1">
                            </div>
                            <div class="border rounded bg-white shadow-sm mx-2 p-2"
                                style="width:120px;height:120px; overflow:hidden;">
                                <img src="{{ asset('assets/img/logo/logo2.png') }}" class="w-100 h-100"
                                    style="object-fit: cover;" alt="Logo 2">
                            </div>
                            <div class="border rounded bg-white shadow-sm mx-2 p-2"
                                style="width:120px;height:120px; overflow:hidden;">
                                <img src="{{ asset('assets/img/logo/logo3.png') }}" class="w-100 h-100"
                                    style="object-fit: cover;" alt="Logo 3">
                            </div>
                            <div class="border rounded bg-white shadow-sm mx-2 p-2"
                                style="width:120px;height:120px; overflow:hidden;">
                                <img src="{{ asset('assets/img/logo/logo4.png') }}" class="w-100 h-100"
                                    style="object-fit: cover;" alt="Logo 4">
                            </div>
                            <div class="border rounded bg-white shadow-sm mx-2 p-2"
                                style="width:120px;height:120px; overflow:hidden;">
                                <img src="{{ asset('assets/img/logo/logo5.png') }}" class="w-100 h-100"
                                    style="object-fit: cover;" alt="Logo 5">
                            </div>
                            <div class="border rounded bg-white shadow-sm mx-2 p-2"
                                style="width:120px;height:120px; overflow:hidden;">
                                <img src="{{ asset('assets/img/logo/logo6.jpg') }}" class="w-100 h-100"
                                    style="object-fit: cover;" alt="Logo 6">
                            </div>
                            <div class="border rounded bg-white shadow-sm mx-2 p-2"
                                style="width:120px;height:120px; overflow:hidden;">
                                <img src="{{ asset('assets/img/logo/iidt.jpeg') }}" class="w-100 h-100"
                                    style="object-fit: cover;" alt="Logo 7">
                            </div>
                            <div class="border rounded bg-white shadow-sm mx-2 p-2"
                                style="width:120px;height:120px; overflow:hidden;">
                                <img src="{{ asset('assets/img/logo/phdcci.jpeg') }}" class="w-100 h-100"
                                    style="object-fit: cover;" alt="Logo 8">
                            </div>
                            <div class="border rounded bg-white shadow-sm mx-2 p-2"
                                style="width:120px;height:120px; overflow:hidden;">
                                <img src="{{ asset('assets/img/logo/assocham.png') }}" class="w-100 h-100"
                                    style="object-fit: cover"; alt="Logo 9">
                            </div>
                            <div class="border rounded bg-white shadow-sm mx-2 p-2"
                                style="width:120px;height:120px; overflow:hidden;">
                                <img src="{{ asset('assets/img/logo/IBM.jpg') }}" class="w-100 h-100"
                                    style="object-fit: cover"; alt="ibm">
                            </div>
                            <div class="border rounded bg-white shadow-sm mx-2 p-2"
                                style="width:120px;height:120px; overflow:hidden;">
                                <img src="{{ asset('assets/img/logo/tata.png') }}" class="w-100 h-100"
                                    style="object-fit: cover;" alt="tat">
                            </div>
                        </div>
                        <!-- Duplicate logos for seamless loop -->
                        <div class="d-flex align-items-center  justify-content-center flex-wrap">
                            <!-- Repeat same 15 logos -->
                            <div class="border rounded bg-white shadow-sm mx-2 p-2"
                                style="width:120px;height:120px; overflow:hidden;">
                                <img src="{{ asset('assets/img/logo/logo1.png') }}" class="w-100 h-100"
                                    style="object-fit: cover;" alt="Logo 1">
                            </div>
                            <div class="border rounded bg-white shadow-sm mx-2 p-2"
                                style="width:120px;height:120px; overflow:hidden;">
                                <img src="{{ asset('assets/img/logo/logo2.png') }}" class="w-100 h-100"
                                    style="object-fit: cover;" alt="Logo 2">
                            </div>
                            <div class="border rounded bg-white shadow-sm mx-2 p-2"
                                style="width:120px;height:120px; overflow:hidden;">
                                <img src="{{ asset('assets/img/logo/logo3.png') }}" class="w-100 h-100"
                                    style="object-fit: cover;" alt="Logo 3">
                            </div>
                            <div class="border rounded bg-white shadow-sm mx-2 p-2"
                                style="width:120px;height:120px; overflow:hidden;">
                                <img src="{{ asset('assets/img/logo/logo4.png') }}" class="w-100 h-100"
                                    style="object-fit: cover;" alt="Logo 4">
                            </div>
                            <div class="border rounded bg-white shadow-sm mx-2 p-2"
                                style="width:120px;height:120px; overflow:hidden;">
                                <img src="{{ asset('assets/img/logo/logo5.png') }}" class="w-100 h-100"
                                    style="object-fit: cover;" alt="Logo 5">
                            </div>
                            <div class="border rounded bg-white shadow-sm mx-2 p-2"
                                style="width:120px;height:120px; overflow:hidden;">
                                <img src="{{ asset('assets/img/logo/logo6.jpg') }}" class="w-100 h-100"
                                    style="object-fit: cover;" alt="Logo 6">
                            </div>
                            <div class="border rounded bg-white shadow-sm mx-2 p-2"
                                style="width:120px;height:120px; overflow:hidden;">
                                <img src="{{ asset('assets/img/logo/IBM.jpg') }}" class="w-100 h-100"
                                    style="object-fit: cover;" alt="IBM">
                            </div>
                            <div class="border rounded bg-white shadow-sm mx-2 p-2"
                                style="width:120px;height:120px; overflow:hidden;">
                                <img src="{{ asset('assets/img/logo/tata.png') }}" class="w-100 h-100"
                                    style="object-fit: cover;" alt="tat">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>


        {{-- what we do --}}

        <div class="container pt-5">
            <!-- Top Row of Cards -->
            <div class="row mb-5">
                <div class="col-md-4 mb-4 ">
                    <div class="info-card shadow">
                        <h5 class="font-weight-bold text-dark">What Do We Do?</h5>
                        <p class="section-subtext">
                            At the National U.S.-India Chamber of Commerce (NUICC), we empower
                            businesses, innovators, and leaders to thrive across the world’s most dynamic
                            markets.
                        </p>
                    </div>
                </div>

                <div class="col-md-4 mb-4">
                    <div class="info-card shadow">
                        <h5 class="font-weight-bold">Why We Do It</h5>
                        <p class="section-subtext">
                            We believe strong businesses build strong economies and that collaboration
                            between the U.S. and India is a powerful driver of global progress.
                        </p>
                        <ul style="padding-left:18px;" class="with-bullets">
                            <li class="section-list">Break down barriers to business</li>
                            <li class="section-list">Promote innovation and opportunity</li>
                            <li class="section-list">Support entrepreneurs ready to expand</li>
                        </ul>
                    </div>
                </div>

                <div class="col-md-4 mb-4">
                    <div class="info-card shadow">
                        <h5 class="font-weight-bold">Our Belief</h5>
                        <p class="section-subtext">
                            When we empower businesses with relationships, knowledge, and platforms,
                            we accelerate global growth and create long-term prosperity.
                        </p>
                    </div>
                </div>

            </div>
        </div>


        <!-- Pattern Background + Middle Heading -->
        <section class="pattern-section text-center"style="background-image: url('{{ asset('assets/img/home/empowering-global.png') }}');
                               background-size: cover;
                               background-position: center;
                               background-repeat: no-repeat;">
            <div class="container">
                <div class="section-label">What We Do</div>

                <h2 class="section-title">
                    Empowering Global <span>Business</span> Success
                </h2>

                <p class="section-subtext">
                    At the National U.S.-India Chamber of Commerce (NUICC), we empower businesses,
                    innovators, and leaders to thrive across two of the world’s most dynamic markets.
                </p>
            </div>


            <!-- Features Grid -->
            <div class="container py-3">
                <div class="row">

                    <div class="col-md-4 mb-4">
                        <div class="feature-card shadow">
                            <div class="feature-icon">
                                <img src="{{ asset('assets/img/home/buisness_matchmaking.png') }}"
                                    alt="buisness_matchmaking" width="25">
                            </div>
                            <div class="feature-title">Business Matchmaking</div>
                            <p class="feature-text section-subtext">Curated B2B and B2C connections to drive growth across
                                borders.</p>
                        </div>
                    </div>

                    <div class="col-md-4 mb-4">
                        <div class="feature-card shadow">
                            <div class="feature-icon">
                                <img src="{{ asset('assets/img/home/trade_missions.png') }}" alt="trade_missions"
                                    width="25">
                            </div>
                            <div class="feature-title">Trade Missions</div>
                            <p class="feature-text section-subtext">Access state delegations and corporate leader missions
                                to India & US.</p>
                        </div>
                    </div>

                    <div class="col-md-4 mb-4">
                        <div class="feature-card shadow">
                            <div class="feature-icon">
                                <img src="{{ asset('assets/img/home/policy_advocasy.png') }}" alt="policy_advocasy"
                                    width="25">
                            </div>
                            <div class="feature-title">Policy Advocacy</div>
                            <p class="feature-text section-subtext">Sector-specific lobbying and strategic positioning with
                                leaders.</p>
                        </div>
                    </div>

                    <div class="col-md-4 mb-4">
                        <div class="feature-card shadow">
                            <div class="feature-icon">
                                <img src="{{ asset('assets/img/home/market-intellenge.png') }}" alt="market-intellenge"
                                    width="25">
                            </div>
                            <div class="feature-title">Market Intelligence</div>
                            <p class="feature-text section-subtext">Insights on trade laws, regulations, and opportunities.
                            </p>
                        </div>
                    </div>

                    <div class="col-md-4 mb-4">
                        <div class="feature-card shadow">
                            <div class="feature-icon">
                                <img src="{{ asset('assets/img/home/value-networking.png') }}" alt="value-networking"
                                    width="25">
                            </div>
                            <div class="feature-title">High-Value Networking</div>
                            <p class="feature-text section-subtext">Connect with 2,900+ leaders, executives & officials.
                            </p>
                        </div>
                    </div>

                    <div class="col-md-4 mb-4">
                        <div class="feature-card shadow">
                            <div class="feature-icon">
                                <img src="{{ asset('assets/img/home/stratergy.png') }}" alt="stratergy" width="25">
                            </div>
                            <div class="feature-title">Strategic Advisory</div>
                            <p class="feature-text section-subtext">Expert consultation on cross-border projects &
                                strategies.</p>
                        </div>
                    </div>
                    <div class="col-md-12 text-center py-4">
                        <div class="banner-btn">
                            <a href="{{ route('membership.index') }}" class="btn btn-common">Become a Member</a>
                        </div>
                    </div>


                </div>
            </div>
        </section>

        {{-- VIP Partners --}}
        <section id="sponsors" class="section-padding my-2">
            <div class="overlay"></div>
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="section-title-header text-center">
                            <h2 class="section-title wow fadeInUp" data-wow-delay="0.2s">VIPs</h2>
                            <p class="wow fadeInDown" data-wow-delay="0.2s"></p>
                        </div>
                    </div>
                </div>
                <div class="logo-slider py-3">
                    <div class="logo-track">
                        <!-- 6 logos -->
                        <div class="d-flex align-items-center justify-content-center flex-wrap">
                            <div class="border rounded bg-white shadow-sm mx-2 p-2"
                                style="width:250px; height:300px; overflow:hidden;">
                                <img src="{{ asset('assets/img/vip/DrV_Birla.jpg') }}" class="w-100 h-100"
                                    style="object-fit: cover;">
                            </div>
                            <div class="border rounded bg-white shadow-sm mx-2 p-2"
                                style="width:250px; height:300px; overflow:hidden;">
                                <img src="{{ asset('assets/img/vip/DrV_Chandrashekar.jpg') }}" class="w-100 h-100"
                                    style="object-fit: cover;">
                            </div>
                            <div class="border rounded bg-white shadow-sm mx-2 p-2"
                                style="width:250px; height:300px; overflow:hidden;">
                                <img src="{{ asset('assets/img/vip/DrV_HonRSingh.jpg') }}" class="w-100 h-100"
                                    style="object-fit: cover;">
                            </div>
                            <div class="border rounded bg-white shadow-sm mx-2 p-2"
                                style="width:250px; height:300px; overflow:hidden;">
                                <img src="{{ asset('assets/img/vip/rajasthan_cm.jpg') }}" class="w-100 h-100"
                                    style="object-fit: cover;">
                            </div>
                        </div>
                        <!-- Duplicate logos for seamless loop -->
                        <div class="d-flex align-items-center justify-content-center flex-wrap">
                            <div class="border rounded bg-white shadow-sm mx-2 p-2"
                                style="width:250px; height:300px; overflow:hidden;">
                                <img src="{{ asset('assets/img/vip/DrV_Africa.jpeg') }}" class="w-100 h-100"
                                    style="object-fit: cover;">
                            </div>
                            <div class="border rounded bg-white shadow-sm mx-2 p-2"
                                style="width:250px; height:300px; overflow:hidden;">
                                <img src="{{ asset('assets/img/vip/DrV_Amb_Kwatra.jpeg') }}" class="w-100 h-100"
                                    style="object-fit: cover;">
                            </div>
                            <div class="border rounded bg-white shadow-sm mx-2 p-2"
                                style="width:250px; height:300px; overflow:hidden;">
                                <img src="{{ asset('assets/img/vip/DrV_Amb_Supriya.jpeg') }}" class="w-100 h-100"
                                    style="object-fit: cover;">
                            </div>
                            <div class="border rounded bg-white shadow-sm mx-2 p-2"
                                style="width:250px; height:300px; overflow:hidden;">
                                <img src="{{ asset('assets/img/vip/DrV_ArvindKrishna.jpg') }}" class="w-100 h-100"
                                    style="object-fit: cover;">
                            </div>
                            <div class="border rounded bg-white shadow-sm mx-2 p-2"
                                style="width:250px; height:300px; overflow:hidden;">
                                <img src="{{ asset('assets/img/vip/DrV_Biden.jpeg') }}" class="w-100 h-100"
                                    style="object-fit: cover;">
                            </div>
                            <div class="border rounded bg-white shadow-sm mx-2 p-2"
                                style="width:250px; height:300px; overflow:hidden;">
                                <img src="{{ asset('assets/img/vip/DrV_Dixit.jpeg') }}" class="w-100 h-100"
                                    style="object-fit: cover;">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>



        <!-- About Section Start -->
        <section id="about" class="my-5">
            <div class="container">
                <div class="col-12">
                    <div class="section-title-header text-center">
                        <h2 class="section-title wow fadeInUp" data-wow-delay="0.2s">About NUICC</h2>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-12 col-md-12 col-xs-12">
                        <div class="about-content">
                            <div>
                                <div class="about-text">
                                    <!-- <h2>About The Conference</h2> -->
                                    <p class="section-subtext"><i><span style="color:#ff9e04">"India is the up and coming
                                                economic power in the world. Its
                                                affinity to democracy and
                                                free enterprise makes it a natural economic and political ally of the United
                                                States.
                                                Colorado should be proud that the US India Chamber of Commerce's National
                                                Headquarter is located in Denver."</span></i>
                                        <br>
                                        <span class="matter"><em><strong>
                                                    <i>~Ambassador Sam Zakhem (Chairman NUICC Board of Advisors)</i>
                                                </strong></em></span>
                                    </p>

                                    <div class="row mb-3 mt-2">
                                        <div class="col-12 text-center">
                                            <div class="d-flex justify-content-center">

                                                <a href="https://nuicc.prakhardemos.com/pride-of-india"
                                                    class="px-4 py-2 mx-1 text-white"
                                                    style="background:#F15A24; font-weight:600; border-radius:4px;">
                                                    Pride of India
                                                </a>

                                                <a href="https://nuicc.prakhardemos.com/business-survey"
                                                    class="px-4 py-2 mx-1 text-white"
                                                    style="background:#F15A24; font-weight:600; border-radius:4px;">
                                                    NUICC Business Survey
                                                </a>

                                                <a href="https://nuicc.prakhardemos.com/map-of-india"
                                                    class="px-4 py-2 mx-1 text-white"
                                                    style="background:#F15A24; font-weight:600; border-radius:4px;">
                                                    Map of India
                                                </a>

                                            </div>
                                        </div>
                                    </div>


                                    <p class="section-subtext">NUICC is recognized as one of the top international business
                                        organizations, with
                                        direct membership of approximately 9,200 people worldwide spanning diverse
                                        industries. The organization currently maintains a strong footprint across 9 states
                                        in the Northwest region and 8 states in the Mountain region, with planned expansion
                                        into 2 additional regions over the next 2 years to encompass all 50 U.S. states.</p>
                                    <p class="section-subtext">NUICC Origins: Celebrating 20 years in 2025, NUICC was
                                        formed at the request of the
                                        political and business leaders of the United States and the high level government
                                        and business leaders of India to engage public and private sectors of the respective
                                        countries to accelerate trade and investment. NUICC's mission is to promote
                                        bilateral trade between the United States and India, cultivating business
                                        relationships that result in business deals.</p>
                                </div>
                                <ul class="stylish-list mb-3">
                                    <li class="section-list-item"><i class="lni-check-mark-circle"></i><a
                                            href="{{ asset('assets/img/home/Purnima_Profile__2006__1_.docpdf.pdf') }}"
                                            target="_blank" class="color_text">NUICC's President and CEO Dr. Purnima
                                            Voria's Profile</a>
                                    </li>
                                    <li class="section-list-item"><i class="lni-check-mark-circle"></i><a
                                            href="{{ asset('assets/img/home/Colorado_Gov_1_._Bill_Owens___Purnima_Voria.pdf') }}"
                                            target="_blank" class="color_text">NUICC's President and CEO Dr. Purnima Voria
                                            meets Colorado
                                            governor Mr. Bill Owens</a></li>
                                    <li class="section-list-item"><i class="lni-check-mark-circle"></i><a
                                            href="{{ asset('assets/img/home/NUICC___Prime_Minister_of_India_Letter_of_Support.pdf') }}"
                                            target="_blank" class="color_text">Letter of support from Prime Minister of
                                            INDIA</a></li>
                                    <li class="section-list-item"><i class="lni-check-mark-circle"></i><a
                                            href="{{ asset('assets/img/home/NUICC___Commerce_Minister_of_India_Letter_of_Support.pdf') }}"
                                            target="_blank" class="color_text">Letter of support from Commerce Minister of
                                            INDIA</a></li>
                                    <li class="section-list-item"><i class="lni-check-mark-circle"></i><a
                                            href="{{ asset('assets/img/home/NUICC_Co_Chair_Congressman_Mark_Udall.pdf') }}"
                                            target="_blank" class="color_text">Letter of support from USA Congressman Mr.
                                            Mark Udall</a>
                                    </li>
                                    <li class="section-list-item"><i class="lni-check-mark-circle"></i><a
                                            href="{{ asset('assets/img/home/NUICC_Co_Chair_Letter_of_Recommendation_to_President_George_W_1_._Bush.pdf') }}"
                                            target="_blank" class="color_text">Letter of recommendation to USA President
                                            Mr.
                                            George W. Bush</a></li>
                                    <li class="section-list-item"><i class="lni-check-mark-circle"></i><a
                                            href="{{ asset('assets/img/home/Congressman_Bob_Beauprez_Supports_NUICC_in_Indo_US_Nuclear_Deal.pdf') }}"
                                            target="_blank" class="color_text">USA Congressman Mr. Bob Beauprez supports
                                            NUICC in Indo US Nuclear deal</a></li>
                                    <li class="section-list-item"><i class="lni-check-mark-circle"></i><a href="#"
                                            target="_blank" class="color_text">NUICC's Mission, Vision, Services and
                                            Membership</a></li>
                                </ul>
                                <!-- <a class="btn btn-common" href="#">Learn More</a> -->
                            </div>



                        </div>

                    </div>
                </div>

                {{-- Qualification card strip --}}
                <div class="row intro-wrapper">
                    <div class="col-lg-3 col-md-6 col-xs-12 d-flex">
                        <div class="single-intro-text text-center">
                            <h3>9,200+</h3>
                            <p class="font-weight-bold section-subtext">
                                Direct Members
                            </p>
                            <p class="section-subtext">Across the globe</p>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-xs-12 d-flex">
                        <div class="single-intro-text text-center">
                            <h3 class="ts-title">50+</h3>
                            <p class="font-weight-bold section-subtext">
                                Countries
                            </p>
                            <p class="section-subtext">Worldwide presence</p>
                        </div>
                        <div class="border-shap left"></div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-xs-12 d-flex">
                        <div class="single-intro-text text-center">
                            <h3>$1B+</h3>
                            <p class="font-weight-bold section-subtext">
                                Trade Volume
                            </p>
                            <p class="section-subtext">
                                Facilitated annually
                            </p>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-xs-12 d-flex">
                        <div class="single-intro-text text-center">
                            <h3>500+</h3>
                            <p class="font-weight-bold section-subtext">
                                Fortune 500
                            </p>
                            <p class="section-subtext">Company partnerships</p>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-lg-4 col-md-4 col-xs-12">
                        <div class="blog-item">
                            <div style="object-fit: cover;">
                                <iframe style="border:2px; border-radius: 20px;" width="100%" height="300"
                                    src="https://www.youtube.com/embed/2muBlU_s7XA" frameborder="0"
                                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
                                    allowfullscreen>
                                </iframe>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-4 col-md-4 col-xs-12">
                        <div class="blog-item">
                            <div>
                                <iframe style="border:2px; border-radius: 20px;" width="100%" height="300"
                                    src="https://www.youtube.com/embed/NCNOAIUm5q4" frameborder="0"
                                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
                                    allowfullscreen>
                                </iframe>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-4 col-md-4 col-xs-12">
                        <div class="blog-item">
                            <div>
                                <iframe style="border:2px; border-radius: 20px;" width="100%" height="300"
                                    src="https://www.youtube.com/embed/IhH8cjXcBN0?si=stDCJxo3ahdrpakh" frameborder="0"
                                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
                                    allowfullscreen>
                                </iframe>
                            </div>
                        </div>
                    </div>

                </div>

                <div class="row mt-5">
                    <div class="col-lg-4 col-md-6 col-xs-12">
                        <div class="blog-item">
                            <div style="width: 100%; height: 300px; object-fit: cover;">
                                <iframe style="border:2px; border-radius: 20px;" width="100%" height="300"
                                    src="https://www.youtube.com/embed/03fbVJEHt44" frameborder="0"
                                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
                                    allowfullscreen>
                                </iframe>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-xs-12">
                        <div class="blog-item">
                            <div style="width: 100%; height: 300px; object-fit: cover; ">
                                <iframe style="border:2px; border-radius: 20px;" width="100%" height="300"
                                    src="https://www.youtube.com/embed/Ho5F3nvmsQs" frameborder="0"
                                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
                                    allowfullscreen>
                                </iframe>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-4 col-md-6 col-xs-12">
                        <div class="blog-item">
                            <div style="width: 100%; height: 300px; object-fit: cover; rounded:2px">
                                <iframe style="border:2px; border-radius: 20px;" width="100%" height="300"
                                    src="https://www.youtube.com/embed/nxhHLhYySpU" frameborder="0"
                                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
                                    allowfullscreen>
                                </iframe>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </section>
        <!-- About Section End -->

        <!-- Video Section Start -->
        <!-- <div class="ready-to-play">
                                                      <video id="bgvid" class="stop" loop> dewerfrwter
                                                        <source src="{{ asset('assets/video/event.webm') }}" type="video/mp4">
                                                      </video>
                                                      <div id="polina" class="video-text">
                                                        <div class="tb-t">
                                                            <div class="tb-c">
                                                              <div class="polina"><button><i class='lni-play'></i></button></div>
                                                            </div>
                                                        </div>
                                                      </div>
                                                    </div> -->
        <!-- Video Section End -->

        <!-- Information Bar Start -->
        <!-- <section id="information-bar">
                                                      <div class="container">
                                                        <div class="row inforation-wrapper">
                                                          <div class="col-lg-3 col-md-6 col-xs-12">
                                                            <ul>
                                                              <li>
                                                                <i class="lni-map-marker"></i>
                                                              </li>
                                                              <li><span><b>Location</b> Maria Hall, NY, USA</span></li>
                                                            </ul>
                                                          </div>
                                                          <div class="col-lg-3 col-md-6 col-xs-12">
                                                            <ul>
                                                              <li>
                                                                <i class="lni-calendar"></i>
                                                              </li>
                                                              <li><span><b>Date & Time</b> 10am - 7pm, 15th Oct</span></li>
                                                            </ul>
                                                          </div>
                                                          <div class="col-lg-3 col-md-6 col-xs-12">
                                                            <ul>
                                                              <li>
                                                                <i class="lni-mic"></i>
                                                              </li>
                                                              <li><span><b>Speakers</b> 25 Professionals</span></li>
                                                            </ul>
                                                          </div>
                                                          <div class="col-lg-3 col-md-6 col-xs-12">
                                                            <ul>
                                                              <li>
                                                                <i class="lni-user"></i>
                                                              </li>
                                                              <li><span><b>Seats</b> 100 People</span></li>
                                                            </ul>
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </section> -->
        <!-- Information Bar End -->

        <!-- intro Section Start -->
        <section id="intro" class="intro">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="section-title-header text-center">
                            <h1 class="section-title wow fadeInUp " data-wow-delay="0.2s">Why Join NUICC?</h1>
                            <p class="wow fadeInDown section-subtext" data-wow-delay="0.2s">Joining the National U.S.-
                                India Chamber of
                                Commerce connects you to one of the most influential bilateral business communities. Whether
                                you are a startup, nonprofit, enterprise, or public institution, NUICC provides the
                                platform, access, and visibility you need to grow faster and operate confidently in both
                                countries.</p>
                            <div class="banner-btn">
                                <a href="{{ route('membership.index') }}" class="btn btn-common">Become a Member</a>
                            </div>
                            <p class="text-left font-weight-bold mt-5">You should join NUICC if you want to:</p>
                        </div>
                    </div>
                </div>
                <div class="row intro-wrapper">
                    <div class="col-lg-4 col-md-6 col-xs-12 d-flex">
                        <div class="single-intro-text mb-70 position-relative">
                            <i class="lni-microphone"></i>
                            <h3>Expand into the U.S. or Indian market</h3>
                            <p class="section-subtext">
                                Gain clarity, connections, and credibility through our curated guidance and introductions.
                            </p>
                            <span class="count-number">01</span>
                            <!-- Hover Content (Hidden by default) -->
                            <div
                                class="hover-content position-absolute bottom-0 start-0 end-0 bg-dark text-white p-3 d-none">
                                <p class="section-subtext">More detailed information about expanding into the U.S. or
                                    Indian market will appear
                                    here.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-xs-12 d-flex">
                        <div class="single-intro-text position-relative">
                            <i class="lni-users"></i>
                            <h3 class="ts-title">Unlock high-level business opportunities</h3>
                            <p class="section-subtext">
                                Meet executives, buyers, investors, and decision-makers who can accelerate your growth.
                            </p>
                            <span class="count-number">02</span>
                            <!-- Hover Content -->
                            <div
                                class="hover-content position-absolute bottom-0 start-0 end-0 bg-dark text-white p-3 d-none">
                                <p class="section-subtext">Detailed information on high-level business opportunities will
                                    appear here when you
                                    hover.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-xs-12 d-flex">
                        <div class="single-intro-text mb-70 position-relative">
                            <i class="lni-bullhorn"></i>
                            <h3>Engage with policymakers and diplomatic leadership</h3>
                            <p class="section-subtext">
                                Stay informed and participate in meaningful dialogues that shape bilateral trade.
                            </p>
                            <span class="count-number">03</span>
                            <!-- Hover Content -->
                            <div
                                class="hover-content position-absolute bottom-0 start-0 end-0 bg-dark text-white p-3 d-none">
                                <p class="section-subtext">Hover to read more about engaging with policymakers and shaping
                                    bilateral trade.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-xs-12 d-flex">
                        <div class="single-intro-text mb-70 position-relative">
                            <i class="lni-heart"></i>
                            <h3>Build a trusted global network</h3>
                            <p class="section-subtext">
                                Connect with industry peers, thought leaders, and innovation partners.
                            </p>
                            <span class="count-number">04</span>
                            <!-- Hover Content -->
                            <div
                                class="hover-content position-absolute bottom-0 start-0 end-0 bg-dark text-white p-3 d-none">
                                <p>More info on building a global network will be shown here.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-xs-12 d-flex">
                        <div class="single-intro-text mb-70 position-relative">
                            <i class="lni-cup"></i>
                            <h3>Increase your visibility and brand presence</h3>
                            <p class="section-subtext">
                                Benefit from member spotlights, speaker opportunities, media exposure, and event
                                recognition.
                            </p>
                            <span class="count-number">05</span>
                            <!-- Hover Content -->
                            <div
                                class="hover-content position-absolute bottom-0 start-0 end-0 bg-dark text-white p-3 d-none">
                                <p>Hover to see how NUICC can increase your brand visibility and presence.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-xs-12 d-flex">
                        <div class="single-intro-text mb-70 position-relative ">
                            <i class="lni-gallery"></i>
                            <h3>Join a mission-driven business community</h3>
                            <p class="section-subtext">
                                Contribute to strengthening economic and cultural ties between the United States and India.
                            </p>
                            <span class="count-number">06</span>
                            <!-- Hover Content -->
                            <div
                                class="hover-content position-absolute bottom-0 start-0 end-0 bg-dark text-white p-3 d-none">
                                <p class="section-subtext">Hover to discover how you can contribute to a mission-driven
                                    community.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- intro Section End -->

        {{-- Message from founder section --}}
        <section class="section-padding">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="section-title-header text-center">
                            <h1 class="section-title wow fadeInUp" data-wow-delay="0.2s">A Message from Our <span
                                    style="color:#2D72E5;">Founder & CEO</span> </h1>
                        </div>
                    </div>
                </div>
                <div class="single-intro-text founder-hover">
                    <div class="row intro-wrapper d-flex justify-content-center">
                        <div class="col-4">
                            <img src="{{ asset('assets/img/gallery/sulekha_nk_q25.jpg') }}" alt=""
                                srcset="" class="img-fluid">
                        </div>
                        <div class="col-lg-8 col-md-8 col-xs-8">

                            <p class="section-subtext">Dear Members, Partners, and Friends,</p><br>
                            <p class="section-subtext">
                                It is with great pride and a deep sense of responsibility that I welcome you to the National
                                US India Chamber of Commerce (NUICC). Our organization was founded on the belief that
                                stronger economic and cultural ties between the United States and India are not just
                                beneficial, they are essential for global progress in the 21st century.
                            </p><br>
                            <p class="section-subtext">
                                The US and India share a unique bond, rooted in democratic values, innovation, and a shared
                                vision for prosperity. Our chamber serves as the vital bridge connecting ambitious
                                businesses with opportunities in two of the world’s most dynamic economies. At NUICC, we are
                                committed to fostering this partnership, growth and innovation across borders.
                            </p><br>
                            <p><span class="font-weight-bold section-subtext">Ms. Purnima Voria</span>
                            </p>
                            <p class="section-subtext">Founder & CEO, NUICC</p>
                        </div>
                    </div>

                </div>

            </div>
            </div>
            </div>
        </section>
        {{-- <section class="counter-section section-padding">
            <div class="container">
                <div class="row">
                    <!-- Counter Item -->
                    <div class="col-lg-4 col-md-6 col-xs-12 work-counter-widget">
                        <div class="counter">
                            <div class="icon">
                                <i class="lni-mic"></i>
                            </div>
                            <div class="counter-content text-center">
                                <div class="counterUp">2</div>
                                <p>NUICC Country</p>
                            </div>
                        </div>
                    </div>
                    <!-- Counter Item -->
                    <div class="col-lg-4 col-md-6 col-xs-12 work-counter-widget">
                        <div class="counter">
                            <div class="icon">
                                <i class="lni-bulb"></i>
                            </div>
                            <div class="counter-content text-center">
                                <div class="counterUp">9200</div>
                                <p>Members</p>
                            </div>
                        </div>
                    </div>
                    <!-- Counter Item -->
                    {{-- <div class="col-lg-3 col-md-6 col-xs-12 work-counter-widget">
            <div class="counter">
              <div class="icon">
                 <i class="lni-bulb"></i>
              </div>
              <div class="counter-content">
                <div class="counterUp">7</div>
                <p>Speakers</p>
              </div>
            </div>
          </div> --}}
        <!-- Counter Item -->
        {{-- <div class="col-lg-4 col-md-6 col-xs-12 work-counter-widget">
                        <div class="counter">
                            <div class="icon">
                                <i class="lni-coffee-cup"></i>
                            </div>
                            <div class="counter-content text-center">
                                <div class="counterUp">1</div>
                                <p>Events</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div> --}}
        {{-- </section> --}}
        <!-- Counter Area End-->

        {{-- Our services --}}
        {{-- <section id="services" class="schedule section-padding">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="section-title-header text-center">
                            <h1 class="section-title wow fadeInUp" data-wow-delay="0.2s">Our Core Services</h1>
                        </div>
                    </div>
                </div>
                <div class="row intro-wrapper">
                    <div class="col-lg-4 col-md-6 col-xs-12 d-flex">
                        <div class="single-intro-text mb-70">
                            <h3>Bilateral Matchmaking</h3>
                            <p>
                                Curated introductions to investors, partners, and policymakers.
                            </p>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-xs-12 d-flex">
                        <div class="single-intro-text">
                            <h3 class="ts-title">Trade Missions</h3>
                            <p>
                                Exclusive U.S.-India led delegations.
                            </p>
                        </div>
                        <div class="border-shap left"></div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-xs-12 d-flex">
                        <div class="single-intro-text mb-70">
                            <h3>Policy Advocacy & Access:</h3>
                            <p>
                                High-level dialogues with government officials.
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </section> --}}

        {{-- Our services --}}
        <section id="services" class="schedule">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="section-title-header text-center">
                            <h1 class="section-title wow fadeInUp" data-wow-delay="0.2s">Our Core Services</h1>
                        </div>
                    </div>
                </div>
            </div>
            <div class="container my-5">
                <div class="row">
                    <!-- INDIA CARD -->
                    <div class="col-md-6 d-flex">
                        <div class="service-card">
                            <div class="text-center mb-3">
                                <img src="https://upload.wikimedia.org/wikipedia/en/4/41/Flag_of_India.svg" width="60"
                                    alt="">
                                <h3 class="country-title mt-2">India</h3>
                            </div>
                            <ul class="services-list">
                                <li class="section-list-item">Finding partners, distributors, dealers and representative
                                    for your products and
                                    services
                                </li>
                                <li class="section-list-item">Trade missions to India, including state delegations
                                    accompanied by corporate leaders
                                </li>
                                <li class="section-list-item">Consultation on doing business in the Indian market</li>
                                <li class="section-list-item">Connections between Indian executives and US
                                    corporate/government leaders</li>
                                <li class="section-list-item">Programs featuring US-India speakers</li>
                                <li class="section-list-item">Developing sound business plans and strategies for India</li>
                                <li class="section-list-item">Cultural awareness & training: marketing, negotiation, HR,
                                    trade laws</li>
                            </ul>
                        </div>
                    </div>
                    <!-- USA CARD -->
                    <div class="col-md-6 d-flex">
                        <div class="service-card">
                            <div class="text-center mb-3">
                                <img src="https://upload.wikimedia.org/wikipedia/en/a/a4/Flag_of_the_United_States.svg"
                                    width="60" alt="">
                                <h3 class="country-title mt-2">USA</h3>
                            </div>
                            <ul class="services-list">
                                <li class="section-list-item">Finding partners, distributors, dealers and representatives
                                    for your products and
                                    services
                                </li>
                                <li class="section-list-item">Trade missions to the US with corporate leaders</li>
                                <li class="section-list-item">Consultation on doing business in the US market</li>
                                <li class="section-list-item">Connections between Indian executives and US corporate
                                    leaders</li>
                                <li class="section-list-item">Developing business plans and strategies for the US
                                    marketplace</li>
                                <li class="section-list-item">Training on US business practices, marketing, negotiation,
                                    HR, trade laws</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </section>



        {{-- Executive benefits --}}
        <section id="benefits_overview" class="section-padding">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="section-title-header text-center">
                            <h2 class="fw-bold text-uppercase">Benefits Overview</h2>
                            <p>NUICC membership gives individuals and organizations strategic access to the people,
                                insights, and opportunities that shape the future of U.S.- India trade and innovation. Our
                                programs support businesses at every stage whether you are exploring market entry, expanding
                                operations, influencing policy, or seeking global partners.</p>
                            <p class="font-weight-bold">Key Benefits</p>
                        </div>
                    </div>
                </div>
                <div class="row intro-wrapper">
                    <div class="col-lg-4 col-md-6 col-xs-12 d-flex">
                        <div class="single-intro-text">
                            <h3>Business Matchmaking</h3>
                            <p class="font-weight-bold">
                                Targeted introductions to companies, partners, investors, and government officials across
                                both markets.
                            </p>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-xs-12 d-flex">
                        <div class="single-intro-text">
                            <h3>Policy & Government Access</h3>
                            <p class="font-weight-bold">
                                Invitations to legislative briefings, embassy roundtables, and dialogues with U.S. and
                                Indian policymakers.
                            </p>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-xs-12 d-flex">
                        <div class="single-intro-text">
                            <h3>Trade Missions & Delegations</h3>
                            <p class="font-weight-bold">
                                Participation in curated delegations to major business and innovation hubs in the U.S. and
                                India.
                            </p>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-xs-12 d-flex">
                        <div class="single-intro-text">
                            <h3>High-Value Networking</h3>
                            <p class="font-weight-bold">
                                Access to CEOs, industry leaders, diplomats, and cross-border innovators.
                            </p>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-xs-12 d-flex">
                        <div class="single-intro-text">
                            <h3>Visibility & Recognition</h3>
                            <p class="font-weight-bold">
                                Profiles on our website, media features, speaking opportunities, and spotlight features for
                                select members.
                            </p>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-xs-12 d-flex">
                        <div class="single-intro-text">
                            <h3>Business Advisory & Market Insights</h3>
                            <p class="font-weight-bold">
                                Expert guidance on regulations, market entry, compliance, talent, and cross-border
                                operations.
                            </p>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-xs-12 d-flex">
                        <div class="single-intro-text">
                            <h3>Exclusive Member Events</h3>
                            <p class="font-weight-bold">
                                VIP access to conferences, summits, webinars, and private receptions.
                            </p>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-xs-12 d-flex">
                        <div class="single-intro-text">
                            <h3>Community & Leadership Roles</h3>
                            <p class="font-weight-bold">
                                Opportunities to join committees, participate in industry councils, or mentor entrepreneurs.
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        {{-- Industries start --}}




        <section id="services" class="schedule section-padding"
            style="background-image: url('{{ asset('assets/img/gallery/11back.png') }}');
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   border-radius: 15px; /* Apply border-radius to the whole section */
   padding: 30px 0;">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="section-title-header text-center">
                            <h2 class="section-title wow fadeInUp" data-wow-delay="0.2s">Industries Represented</h2>
                        </div>
                    </div>
                </div>
                <div class="row intro-wrapper">
                    <div class="col-lg-3 col-md-4 col-xs-12 d-flex">
                        <div class="single-intro-text mb-70"
                            style="height: 180px; width:380px; border-radius: 15px; overflow: hidden; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); text-align: center;">
                            <h3>Technology</h3>
                            <p>Software</p>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-4 col-xs-12 d-flex">
                        <div class="single-intro-text"
                            style="height: 180px; width:380px; border-radius: 15px; overflow: hidden; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); text-align: center;">
                            <h3 class="ts-title">Healthcare</h3>
                            <p>Pharmaceuticals</p>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-4 col-xs-12 d-flex">
                        <div class="single-intro-text mb-70"
                            style="height: 180px; width:380px; border-radius: 15px; overflow: hidden; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); text-align: center;">
                            <h3>Finance</h3>
                            <p>Banking</p>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-4 col-xs-12 d-flex">
                        <div class="single-intro-text mb-70"
                            style="height: 180px; width:380px; border-radius: 15px; overflow: hidden; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); text-align: center;">
                            <h3>Aerospace</h3>
                            <p>Defense</p>
                        </div>
                    </div>
                </div>
                <div class="row intro-wrapper">
                    <div class="col-lg-3 col-md-4 col-xs-12 d-flex">
                        <div class="single-intro-text mb-70"
                            style="height: 180px; width:380px; border-radius: 15px; overflow: hidden; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); text-align: center;">
                            <h3>Energy</h3>
                            <p>Renewables</p>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-4 col-xs-12 d-flex">
                        <div class="single-intro-text"
                            style="height: 180px; width:380px; border-radius: 15px; overflow: hidden; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); text-align: center;">
                            <h3 class="ts-title">Educational</h3>
                            <p>Research</p>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-4 col-xs-12 d-flex">
                        <div class="single-intro-text mb-70"
                            style="height: 180px; width:380px; border-radius: 15px; overflow: hidden; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); text-align: center;">
                            <h3>Legal</h3>
                            <p>Professional Services</p>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-4 col-xs-12 d-flex">
                        <div class="single-intro-text mb-70"
                            style="height: 180px; width:380px; border-radius: 15px; overflow: hidden; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); text-align: center;">
                            <h3>Consumer Goods</h3>
                            <p>Retail</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        {{-- Industries end --}}


        {{-- executive committee start --}}
        <section class="py-5"
            style="background-image: url('{{ asset('assets/img/gallery/back_004.png') }}');
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   padding: 30px 0;">
            <div class="container">
                <!-- Section Title -->
                <div class="text-center mb-4">
                    <h2 class="fw-bold text-uppercase">NUICC Executive Committee</h2>
                </div>
                <!-- Committee Table -->
                <div class="table-responsive d-flex justify-content-center">
                    <table class="table table-bordered" style="max-width: 800px;">
                        <tbody>
                            <tr>
                                <td class="fw-bold text-white" style="background:#11385a; width:45%;">
                                    President
                                </td>
                                <td>Purnima Voria –
                                    <a href="{{ asset('assets/img/home/voria-bio.pdf') }}"
                                        class="text-decoration-none">Download Bio</a>
                                </td>
                            </tr>
                            <tr>
                                <td class="fw-bold text-white" style="background:#11385a;">
                                    Vice President, Global Corporate Business Development
                                </td>
                                <td>Terry Evanston</td>
                            </tr>
                            <tr>
                                <td class="fw-bold text-white" style="background:#11385a;">
                                    Vice President of Operations
                                </td>
                                <td>Anne Bennett</td>
                            </tr>
                            <tr>
                                <td class="fw-bold text-white" style="background:#11385a;">
                                    Treasurer
                                </td>
                                <td>Anu Singh</td>
                            </tr>
                            <tr>
                                <td class="fw-bold text-white" style="background:#11385a;">
                                    Secretary of Technology & Executive Administrator
                                </td>
                                <td>Spencer Cloud</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </section>


        {{-- executive committee end --}}






        <!-- earth end-->

        <!-- About Section Start -->
        <!-- Schedule Section End -->

        <!-- Team Section Start -->
        {{-- <section id="team" class="section-padding text-center">
      <div class="container">
        <div class="row">
          <div class="col-12">
            <div class="section-title-header text-center">
              <h2 class="section-title wow fadeInUp" data-wow-delay="0.2s">Our Speakers</h2>
              <p class="wow fadeInDown" data-wow-delay="0.2s"></p>
            </div>
          </div>
        </div>
        <div class="row justify-content-bt">
          <div class="col-lg-3 col-md-6 col-xs-12">
            <!-- Team Item Starts -->
            <div class="team-item wow fadeInUp" data-wow-delay="0.2s">
              <div class="team-img">
                <img class="img-fluid" src="{{asset('assets/img/team/team-01.jpg')}}" alt="">
                <div class="team-overlay">
                  <div class="overlay-social-icon text-center">
                    <ul class="social-icons">
                      <li><a href="#"><i class="lni-twitter-filled" aria-hidden="true"></i></a></li>
                      <li><a href="#"><i class="lni-google" aria-hidden="true"></i></a></li>
                      <li><a href="#"><i class="lni-facebook-filled" aria-hidden="true"></i></a></li>
                      <li><a href="#"><i class="lni-pinterest" aria-hidden="true"></i></a></li>
                    </ul>
                  </div>
                </div>
              </div>
              <div class="info-text">
                <h3><a href="#">JONATHON DOE</a></h3>
                <p>Product Designer, Tesla</p>
              </div>
            </div>
            <!-- Team Item Ends -->
          </div>
          <div class="col-lg-3 col-md-6 col-xs-12">
            <!-- Team Item Starts -->
            <div class="team-item wow fadeInUp" data-wow-delay="0.4s">
              <div class="team-img">
                <img class="img-fluid" src="{{asset('assets/img/team/team-02.jpg')}}" alt="">
                <div class="team-overlay">
                  <div class="overlay-social-icon text-center">
                    <ul class="social-icons">
                      <li><a href="#"><i class="lni-twitter-filled" aria-hidden="true"></i></a></li>
                      <li><a href="#"><i class="lni-google" aria-hidden="true"></i></a></li>
                      <li><a href="#"><i class="lni-facebook-filled" aria-hidden="true"></i></a></li>
                      <li><a href="#"><i class="lni-pinterest" aria-hidden="true"></i></a></li>
                    </ul>
                  </div>
                </div>
              </div>
              <div class="info-text">
                <h3><a href="#">Patric Green</a></h3>
                <p>Front-end Developer</p>
              </div>
            </div>
            <!-- Team Item Ends -->
          </div>

          <div class="col-lg-3 col-md-6 col-xs-12">
            <!-- Team Item Starts -->
            <div class="team-item wow fadeInUp" data-wow-delay="0.6s">
              <div class="team-img">
                <img class="img-fluid" src="{{asset('assets/img/team/team-03.jpg')}}" alt="">
                <div class="team-overlay">
                  <div class="overlay-social-icon text-center">
                    <ul class="social-icons">
                      <li><a href="#"><i class="lni-twitter-filled" aria-hidden="true"></i></a></li>
                      <li><a href="#"><i class="lni-google" aria-hidden="true"></i></a></li>
                      <li><a href="#"><i class="lni-facebook-filled" aria-hidden="true"></i></a></li>
                      <li><a href="#"><i class="lni-pinterest" aria-hidden="true"></i></a></li>
                    </ul>
                  </div>
                </div>
              </div>
              <div class="info-text">
                <h3><a href="#">Paul Kowalsy</a></h3>
                <p>Lead Designer, TNW</p>
              </div>
            </div>
            <!-- Team Item Ends -->
          </div>

          <div class="col-lg-3 col-md-6 col-xs-12">
            <!-- Team Item Starts -->
            <div class="team-item wow fadeInUp" data-wow-delay="0.8s">
              <div class="team-img">
                <img class="img-fluid" src="{{asset('assets/img/team/team-04.jpg')}}" alt="">
                <div class="team-overlay">
                  <div class="overlay-social-icon text-center">
                    <ul class="social-icons">
                      <li><a href="#"><i class="lni-twitter-filled" aria-hidden="true"></i></a></li>
                      <li><a href="#"><i class="lni-google" aria-hidden="true"></i></a></li>
                      <li><a href="#"><i class="lni-facebook-filled" aria-hidden="true"></i></a></li>
                      <li><a href="#"><i class="lni-pinterest" aria-hidden="true"></i></a></li>
                    </ul>
                  </div>
                </div>
              </div>
              <div class="info-text">
                <h3><a href="#">Jhon Doe</a></h3>
                <p>Back-end Developer, ASUS</p>
              </div>
            </div>
            <!-- Team Item Ends -->
          </div>

        </div>
        <a href="#" class="btn btn-common mt-30 wow fadeInUp" data-wow-delay="1.9s">Meet all speakers</a>
      </div>
    </section> --}}
        <!-- Team Section End -->

        <!-- Gallary Section Start -->
        {{-- <section id="gallery" class="section-padding">
      <div class="container-fluid">
        <div class="contact-block">
          <div class="text-center">
            <h2>You are using Free Version</h2>
            <h4>Please, purchase full version to get all features and pages</h4><br>
            <b>Including:</b>
            <p>- Different Homepage Variations</p>
            <p>- All Elements and Features</p>
            <p>- Documentation File</p>
            <p>- Quick Support</p>
            <p>- Permission to Use in Commercial Projects</p>
            <p>- Footer Credit Removal</p>
            <p>- Working Contact Form</p>
            <br>
            <a href="https://rebrand.ly/eventup-purchase-ud" target="_blank" class="btn btn-common btn-lg">Purchase Now</a>
          </div>
        </div>      
      </div>
    </section> --}}
        <!-- Gallary Section End -->

        <!-- Event Slides Section Start -->
        {{-- <section id="event-up" class="section-padding">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="section-title-header text-center">
                            <h2 class="section-title wow fadeInUp" data-wow-delay="0.2s">Events</h2>
                            <p class="wow fadeInDown" data-wow-delay="0.2s"></p>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-3 col-md-6 col-xs-12">
                        <div class="event-item">
                            <img class="img-fluid w-100 d-flex" src="{{ asset('assets/img/home/news-1.jpg') }}"
                                alt="" style="height: 200px;">
                            <div class="overlay-text">
                                <div class="content">
                                    <h3>Pravasi Rajasthani Divas</h3>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-xs-12">
                        <div class="event-item">
                            <img class="img-fluid w-100 d-flex" src="{{ asset('assets/img/home/event-2.jpeg') }}"
                                alt="" style="height: 200px;">
                            <div class="overlay-text">
                                <div class="content">
                                    {{-- <h3>Designer Confrence</h3>
                  <a href="#">View details</a> --}}
        {{-- </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-xs-12 ">
                        <div class="event-item">
                            <img class="img-fluid w-100 d-flex" src="{{ asset('assets/img/home/event-3.jpeg') }}"
                                alt="" style="height: 200px;">
                            <div class="overlay-text">
                                <div class="content"> --}}
        {{-- <h3>Marketer Confrence</h3>
                  <a href="#">View details</a> --}}
        {{-- </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-xs-12 ">
                        <div class="event-item">
                            <img class="img-fluid w-100 d-flex" src="{{ asset('assets/img/home/event-4.jpeg') }}"
                                alt="" style="height: 200px;">
                            <div class="overlay-text">
                                <div class="content"> --}}
        {{-- <h3>JS Confrence</h3>
                  <a href="#">View details</a> --}}
        {{-- </div>
                            </div>
                        </div>
                    </div>
                </div> --}}
        {{-- <div class="row mt-5">
          <div class="col-12 text-center">
            <a href="#" class="btn btn-common">More Event</a>
          </div>
        </div> --}}
        {{-- </div>
        </section> --}}
        <!-- Event Slides Section End -->

        {{-- nuicc launchces  --}}



        <section class="nuicc-vm-events-section" id="featured-launches">
            <div class="nuicc-vm-container">
                <div class="section-title-header text-left">
                    <h2 class="section-title wow fadeInUp" data-wow-delay="0.2s">
                        Featured Launches
                    </h2>

                    <p class="wow fadeInDown" data-wow-delay="0.2s"></p>

                    <p>
                        Recognized by The Wall Street Journal as Business Woman of the Year and recipient of
                        the Congressional Medal of Distinction for her outstanding contributions to global
                        business and diplomacy, Dr. Purnima Voria has dedicated her career to building bridges
                        between nations, fostering international trade relationships, and empowering minority
                        businesses across the globe. As the Founder & CEO of the National U.S India Chamber of
                        Commerce, she launched two more branches in Pacific Northwest and in Bangalore, India,
                        further Strengthening Indo-U.S. Ties Through Global Leadership. Dr. Voria with her
                        efforts has driven growth and policy making for 8 million minority businesses in US
                        which attributes to a trillion-dollar economy of U.S.
                    </p>

                    <p>
                        Both new regional branches, in Northwest and Bangalore, are key pillars of NUICC’s
                        mission to strengthen bilateral trade, foster innovation, and build trusted global
                        networks between the United States and India.
                    </p>

                    <p>
                        These branches will work together to build cross-border startup ecosystems,
                        facilitate delegations and trade missions.
                    </p>

                    <div class="container mt-3">
                        <div class="row g-4">

                            <div class="col-md-6">
                                <div class="hover-border equal-box">
                                    <img src="{{ asset('assets/img/event/Feature_launches_1.png') }}" alt="AUS Cham">
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="hover-border equal-box">
                                    <img src="{{ asset('assets/img/event/fetures_launches_2.png') }}" alt="AUS Cham">
                                </div>
                            </div>

                        </div>
                    </div>



                </div>



                <!-- ===== Event 1 ===== -->
                <div class="nuicc-vm-card mt-3">

                    <div class="nuicc-vm-content">
                        <span class="nuicc-vm-badge">19th March 2025 (soft-launched November 2024)</span>
                        <div class="text-center">
                            <h3 class="nuicc-vm-heading underline">
                                NORTHWEST U.S.- INDIA CHAMBER OF COMMERCE
                            </h3>
                            <p style="font-size: 18px;">“Building a Pipeline for U.S. India Connections”</p>
                            <p style="font-size: 16px;">A Branch of the National U.S.–India Chamber of Commerce</p>
                        </div>

                        <h4 style="font-size: 21px;" class="mt-3">Celebrating a New Era of Cross-Border Collaboration in
                            the
                            Pacific
                            Northwest</h4>


                        <p class="nuicc-vm-expand-text ">
                            The National U.S.- India Chamber of Commerce proudly launched its Northwest U.S.-India Chamber
                            of
                            Commerce (NUICC) regional chapter on 19th March 2025 (soft-launched November 2024), established
                            in
                            partnership with the Bellevue Chamber of Commerce, marking a historic milestone for businesses
                            and
                            innovators across Alaska, Idaho, Montana, Nebraska, North Dakota, South Dakota, Washington,
                            Wyoming
                            and Oregon. It represents a major expansion of U.S.-India diplomatic and economic efforts in the
                            Northwest, strengthening the overall US-India relationship
                            <span class="nuicc-vm-more mt-2">
                                With the Northwest emerging as a leading hub for cloud computing, AI, aerospace, clean
                                energy,
                                and biotech, this new branch aims to foster stronger business ties, innovation, and
                                collaboration, acting as a primary point of contact for executives, founders, investors, and
                                policymakers and Indian government institutions in the region.
                            </span>
                        </p>

                        <button class="nuicc-vm-btn" onclick="toggleInlineText(this)">View More</button>







                        <div class="container mt-4">

                            <h3 class="text-center mb-4">PRESS</h3>

                            <div class="row g-4">

                                <!-- Video 1 -->
                                <div class="col-md-6">
                                    <div class="card shadow" style="border-radius: 12px; overflow: hidden;">
                                        <div class="embed-responsive embed-responsive-16by9">
                                            <iframe style="border: none;" src="https://www.youtube.com/embed/IhH8cjXcBN0"
                                                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
                                                allowfullscreen>
                                            </iframe>
                                        </div>
                                    </div>
                                </div>

                                <!-- Video 2 -->
                                <div class="col-md-6">
                                    <div class="card shadow" style="border-radius: 12px; overflow: hidden;">
                                        <div class="embed-responsive embed-responsive-16by9">
                                            <iframe style="border: none;" src="https://www.youtube.com/embed/uoan_Nlw2qo"
                                                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
                                                allowfullscreen>
                                            </iframe>
                                        </div>
                                    </div>
                                </div>

                                <!-- Press Article -->
                                <div class="col-md-6 mt-4">
                                    <a href="https://www.425business.com/news/bellevue-chamber-national-us-india-chambers-partnership/article_bec26e38-ef06-11ef-b822-e379a1660d61.html"
                                        target="_blank" style="text-decoration: none; color: inherit;">
                                        <div class="card shadow p-4" style="border-radius: 12px; height:100%;">
                                            <h5 class="mb-2">
                                                Bellevue Chamber & National U.S.–India Chamber Partnership
                                            </h5>
                                            <p class="mb-0">Read full press coverage on 425Business.com →</p>
                                        </div>
                                    </a>
                                </div>

                                <!-- You can add more items here -->
                                <!-- Example: Another Press Article (Optional) -->


                            </div>
                        </div>

                    </div>

                    <div class="nuicc-vm-gallery py-3"
                        style="display: flex; align-items: center; justify-content: center;">
                        <img src="{{ asset('assets/img/event/image_india.png') }}" alt="AUS Cham">
                        <img src="{{ asset('assets/img/event/image_event.png') }}" alt="DrV Amb Kwatra">
                    </div>

                    <div class="event_image"
                        style="width: 100%; display: flex; align-items: center; justify-content: center;">
                        <img src="{{ asset('assets/img/event/image.png') }}" alt="AUS Cham">

                    </div>
                </div>
            </div>

            <!-- ===== Event 2 ===== -->

            <div class="nuicc-vm-card">

                <div class="nuicc-vm-content">
                    <span class="nuicc-vm-badge">The National U.S.-India Chamber of Commerce </span>
                    <div class="text-center">
                        <h3 class="nuicc-vm-heading underline">
                            National U.S.- India Chamber of Commerce - Bangalore Branch
                        </h3>

                        <p style="font-size: 16px;">A Branch of the National U.S.- India Chamber of Commerce</p>
                    </div>
                    <h4 style="font-size: 21px;" class="mt-3">Strengthening Global Innovation Bridges Between India and
                        the
                        United States</h4>

                    <p class="nuicc-vm-expand-text">
                        The National U.S.-India Chamber of Commerce (NUICC) recently established its South India Regional
                        Chamber in Bengaluru, India, as a hub to boost U.S.-India trade, connect American companies to South
                        India's tech/innovation ecosystems (like the Silicon Valley of Bharat), and support sectors such as
                        manufacturing and clean energy, led by Dr. Purnima Voria, strengthening bilateral economic ties.
                        They
                        offer business consulting, market entry roadmaps, and networking, serving as a key link between the
                        two
                        nations' business communities.
                        <span class="nuicc-vm-more mt-3">
                            Known as the Silicon Valley of India, Bangalore is home to world-leading IT, AI, digital
                            commerce,
                            biotech, deep-tech startups, research institutions, and global innovation talent. This branch
                            aims
                            to serve as India’s gateway to U.S. opportunities enabling startups, enterprises, universities,
                            and
                            government bodies to access American markets, investment, and partnerships.
                            As NUICC celebrates its 20th Anniversary, the launch of the Bangalore Branch brings NUICC’s
                            U.S.-
                            India economic mission directly to India’s most dynamic innovation hub and globally connected
                            regions.

                        </span>
                    </p>


                    <button class="nuicc-vm-btn" onclick="toggleInlineText(this)">View More</button>

                    <p>The new South India Regional Chamber will serve as a strategic hub to:</p>
                    <ul class="list-unstyled">
                        <li>✔ Strengthen U.S.- India trade and investment</li>
                        <li>✔ Connect American companies with South India’s thriving industries</li>
                        <li>✔ Support innovation, technology, manufacturing, aerospace, clean energy, and startup ecosystems
                        </li>
                        <li>✔ Build bridges between businesses, governments, and global partners</li>
                    </ul>



                    <div class="container mt-3">
                        <h3 class="text-center mb-4">PRESS</h3>

                        <div class="row">
                            <!-- VIDEO COLUMN -->
                            <div class="col-md-6 d-flex justify-content-center mb-4">
                                <div class="card" style="width:100%; border-radius: 12px; overflow:hidden;">
                                    <div class="embed-responsive embed-responsive-16by9">
                                        <iframe class="embed-responsive-item"
                                            style="border:2px solid #ccc; border-radius: 10px;"
                                            src="https://www.youtube.com/embed/gzAzi46z0v4"
                                            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
                                            allowfullscreen>
                                        </iframe>
                                    </div>
                                </div>
                            </div>

                            <!-- NEWS COLUMN -->
                            <div class="col-md-6 mb-4">
                                <a href="https://southasianherald.com/nuicc-launches-south-india-regional-chamber-in-bengaluru-to-boost-u-s-india-trade-and-innovation/"
                                    target="_blank" style="text-decoration:none; color:inherit;">
                                    <div class="card shadow p-4 h-100" style="border-radius: 12px;">
                                        <h5 class="mb-2">South India Regional Chamber</h5>
                                        <p class="mb-0">Read full press coverage on →</p>
                                    </div>
                                </a>
                            </div>
                        </div>

                    </div>



                    <div class="nuicc-vm-gallery">
                        <img src="{{ asset('assets/img/event/event_2section.png') }}" alt="AUS Cham">
                        <img src="{{ asset('assets/img/event/image_3section_2.png') }}" alt="DrV Amb Kwatra">
                        <img src="{{ asset('assets/img/event/image_3section_1.png') }}" alt="DrV Biden">
                    </div>
                    <div class="nuicc-vm-gallery">
                        <img src="{{ asset('assets/img/event/image_1_card_2.png') }}" alt="AUS Cham">
                        <img src="{{ asset('assets/img/event/image_2_card_2.png') }}" alt="DrV Amb Kwatra">
                        <img src="{{ asset('assets/img/event/image_3_card_2.png') }}" alt="DrV Biden">
                    </div>
                </div>
            </div>


            <!-- ===== Event 3 ===== -->

            <div class="nuicc-vm-card">

                <div class="nuicc-vm-content">
                    <span class="nuicc-vm-badge">Rajasthan Foundation</span>
                    <div class="text-center">
                        <h3 class="nuicc-vm-heading underline">
                            Rajasthan Foundation- New York (USA) Chapter
                        </h3>

                        <p style="font-size: 16px;">Strengthening U.S.-Rajasthan Collaboration Through Global Leadership
                        </p>
                    </div>



                    <p class="nuicc-vm-expand-text mt-3">

                        The National U.S.- India Chamber of Commerce (NUICC) is proud to celebrate the launch of the
                        Rajasthan
                        Foundation New York Chapter, led by our Founder & CEO, Dr. Purnima Voria, who has been appointed as
                        its
                        President by the Honorable Chief Minister of Rajasthan.
                        <br><br>
                        This launch marks a major milestone in deepening economic, cultural, and strategic ties between
                        Rajasthan and the United States, bringing new opportunities for partnership, investment, and
                        diaspora
                        engagement.
                        <br><br>
                        Dr. Purnima Voria, an internationally recognized business diplomat and one of the most influential
                        voices in U.S.–India economic relations brings decades of global leadership experience to the role.
                        Her
                        appointment reflects Rajasthan’s commitment to building a world-class platform for collaboration
                        with
                        U.S. businesses, investors, universities, and diaspora leaders.

                        <br><br>


                        The noble objective of the Rajasthan Foundation platform is to strengthen the bonds between
                        Non-Resident Rajasthanis and our home state of Rajasthan, and to mobilize meaningful
                        socio-economic development in Rajasthan through sustained diaspora engagement.
                        <br><br>

                        The Rajasthan Foundation New York (USA) Chapter team works in coordination with the National
                        US-India Chamber of Commerce, and other esteemed stakeholders to:
                        <br><br>
                        <span class="nuicc-vm-more mt-3">
                            <span class="point-line">Foster robust liaison with Pravasi Rajasthanis, Rajasthani
                                organizations,
                                and eminent personalities in New York and the USA.</span>

                            <span class="point-line">Promote and coordinate socio-economic development initiatives aligned
                                with the goals of Rajasthan Foundation.</span>

                            <span class="point-line">Ensure effective governance and coordination with the Executive
                                Committee,
                                including the Secretary, Vice-President, Joint Secretary, Treasurer, and other members as
                                proposed and approved.</span>

                            <span class="point-line">Facilitate regular communication, events, and programs that strengthen
                                the ties between Rajasthan and its diaspora.</span>

                            <br>
                            This launch is a step forward in building a global Rajasthan, connected internationally and
                            thriving
                            with opportunities.<br>
                            We are excited to invite all Rajasthanis living across the United States to join our growing
                            community of professionals, entrepreneurs, and families proudly representing Rajasthan on the
                            global
                            stage

                        </span>


                        <!-- Custom bullet lines -->

                    </p>







                    <button class="nuicc-vm-btn" onclick="toggleInlineText(this)">View More</button>




                    <div class="container mt-3">
                        <h3 class="text-center mb-4">PRESS</h3>
                        <div class="row g-4">

                            <!-- Video 1 -->
                            <div class="col-md-12">
                                <div class="card shadow" style="border-radius: 12px; overflow: hidden;">
                                    <div class="embed-responsive embed-responsive-16by9">
                                        <iframe style="border: none;" src="https://www.youtube.com/embed/IhH8cjXcBN0"
                                            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
                                            allowfullscreen>
                                        </iframe>
                                    </div>
                                </div>
                            </div>






                        </div>

                        <div class="row mt-3">
                            <!-- VIDEO COLUMN -->
                            <div class="col-md-6 mb-4">
                                <a href="https://southasianherald.com/purnima-voria-appointed-president-of-rajasthan-foundations-new-york-chapter-to-strengthen-us-rajasthan-ties/"
                                    target="_blank" style="text-decoration:none; color:inherit;">
                                    <div class="card shadow p-4 h-100" style="border-radius: 12px;">
                                        <h5 class="mb-2">Purnima Voria Appointed President of Rajasthan</h5>
                                        <p class="mb-0">Read full press coverage on →</p>
                                    </div>
                                </a>
                            </div>

                            <!-- NEWS COLUMN -->
                            <div class="col-md-6 mb-4">
                                <a href="https://southasianherald.com/purnima-voria-appointed-president-of-rajasthan-foundations-new-york-chapter-to-strengthen-us-rajasthan-ties/"
                                    target="_blank" style="text-decoration:none; color:inherit;">
                                    <div class="card shadow p-4 h-100" style="border-radius: 12px;">
                                        <h5 class="mb-2">Purnima Voria Appointed President of Rajasthan</h5>
                                        <p class="mb-0">Read full press coverage on →</p>
                                    </div>
                                </a>
                            </div>
                        </div>

                    </div>

                    <div class="container mt-2">
                        <div class="row">
                            <div class="col-md-6">
                                <img src="{{ asset('assets/img/event/pravashi_family.png') }}" alt="AUS Cham">

                            </div>
                            <div class="col-md-6">
                                <img src="{{ asset('assets/img/event/rajsthan_image.png') }}" alt="AUS Cham">


                            </div>
                        </div>

                    </div>


                    <div class="nuicc-vm-gallery">
                        <div class="gallery-item">
                            <img src="{{ asset('assets/img/event/rajsthan_handshake.png') }}" alt="AUS Cham">
                            <p style="word-break: break-all;">President of the Rajasthan Foundation, Dr. Purnima Voria with
                                His Excellency, Chief Minister Bhajan Lal Sharma in Jaipur, Rajasthan</p>
                        </div>
                        <div class="gallery-item">
                            <img src="{{ asset('assets/img/event/again_handhskae_rajsthan.png') }}" alt="DrV Amb Kwatra">
                            <p>Dr. Purnima Voria with Honorable Additional Chief Secretary to the Chief Minister, Shikhar
                                Agarwal, in Jaipur, Rajasthan</p>
                        </div>
                        <div class="gallery-item">
                            <img src="{{ asset('assets/img/event/news_paper_rajsthan.png') }}" alt="DrV Biden">
                            <p>Dr. Purniam Voria celebrated in Rajasthan Patrika</p>
                        </div>
                    </div>

                </div>
            </div>


            </div>
        </section>
        <!-- Schedule Section Start -->
        <section id="schedules" class="schedule section-padding">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="section-title-header text-center">
                            <h2 class="section-title wow fadeInUp" data-wow-delay="0.2s">Upcoming Event</h2>
                            <p class="wow fadeInDown" data-wow-delay="0.2s"></p>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-12 mb-5 text-center">
                        <ul class="nav nav-tabs" id="myTab" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active" id="monday-tab" data-toggle="tab" href="#monday"
                                    role="tab" aria-controls="monday" aria-expanded="true">
                                    <div class="item-text">
                                        {{-- <h4>Day 01</h4> --}}
                                        <h5>10 Dec 2025</h5>
                                    </div>
                                </a>
                            </li>
                            {{-- <li class="nav-item">
                <a class="nav-link" id="tuesday-tab" data-toggle="tab" href="#tuesday" role="tab" aria-controls="tuesday">
                  <div class="item-text">
                    <h4>Day 02</h4>
                    <h5>15 February 2020</h5>
                  </div>
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link" id="wednesday-tab" data-toggle="tab" href="#wednesday" role="tab" aria-controls="wednesday">
                  <div class="item-text">
                    <h4>Day 03</h4>
                    <h5>16 February 2020</h5>
                  </div>
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link" id="thursday-tab" data-toggle="tab" href="#thursday" role="tab" aria-controls="thursday">
                  <div class="item-text">
                    <h4>Day 04</h4>
                    <h5>17 February 2020</h5>
                  </div>
                </a>
              </li> --}}
                        </ul>
                    </div>
                    <div class="col-12">
                        <div class="schedule-area row wow fadeInDown" data-wow-delay="0.3s">
                            <div class="schedule-tab-content col-12 clearfix">
                                <div class="tab-content" id="myTabContent">
                                    <div class="tab-pane fade show active" id="monday" role="tabpanel"
                                        aria-labelledby="monday-tab">
                                        <div id="accordion">
                                            <div class="card">
                                                <div id="headingOne">
                                                    <div class="schedule-slot-time">
                                                        {{-- <span> 9.30 - 10.30 AM</span> --}}
                                                        Pravasi Rajasthani Divas
                                                    </div>
                                                    <div class="collapsed card-header" data-toggle="collapse"
                                                        data-target="#collapseOne" aria-expanded="false"
                                                        aria-controls="collapseOne">
                                                        <div class="images-box">
                                                            <img class="img-fluid"
                                                                src="{{ asset('assets/img/home/purnima-voria.jpg') }}"
                                                                alt="">
                                                        </div>
                                                        <h4>Strengthening Global Bonds, One Connection at a Time!</h4>
                                                        <h5 class="name">Dr. Purnima Voria</h5>
                                                    </div>
                                                </div>
                                                <div id="collapseOne" class="collapse show" aria-labelledby="headingOne"
                                                    data-parent="#accordion">
                                                    <div class="card-body">
                                                        <p class="section-subtext">Dr. Purnima Voria, President of the New
                                                            York Chapter of Rajasthan
                                                            Foundation met Hon’ble Chief Minister to discuss collaborative
                                                            efforts for Pravasi Rajasthani Divas, to be celebrated on 10
                                                            December 2025 at JECC, Jaipur.</p>
                                                        <div class="location section-subtext">
                                                            <span>Location:</span>JECC, Jaipur, RIICO Industrial Area,
                                                            Sitapura, Sanganer, Jaipur, Rajasthan 302022
                                                        </div>
                                                    </div>
                                                </div>
                                                {{-- <div class="card">
                        <div id="headingTwo">
                          <div class="schedule-slot-time">
                            <span> 10.30 - 11.30 AM</span>
                            Workshop
                          </div>
                          <div class="collapsed card-header" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                            <div class="images-box">
                              <img class="img-fluid" src="{{asset('assets/img/speaker/speakers-2.jpg')}}" alt="">
                            </div>
                            <h4>15 Free Productive Design Tools</h4>
                            <h5 class="name">David Warner</h5>
                          </div>
                        </div>
                        <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
                          <div class="card-body">
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet minima dolores rerum maiores qui at commodi quas, reprehenderit eius consectetur quae magni molestias veniam, provident illum facere iure libero asperiores! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam earum nihil ex ipsa magni eligendi fugiat assumenda suscipit, accusantium, necessitatibus reiciendis odit sed, vero amet blanditiis?</p>
                            <div class="location">
                              <span>Location:</span> Hall 1 , Building A, Golden Street, Southafrica
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="card">
                        <div id="headingThree">
                          <div class="schedule-slot-time">
                            <span> 11.30 - 12.30 AM</span>
                            Workshop
                          </div>
                          <div class="collapsed card-header" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                            <div class="images-box">
                              <img class="img-fluid" src="{{asset('assets/img/speaker/speakers-3.jpg')}}" alt="">
                            </div>
                            <h4>Getting Started With SketchApp</h4>
                            <h5 class="name">David Warner</h5>
                          </div>
                        </div>
                        <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordion">
                          <div class="card-body">
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet minima dolores rerum maiores qui at commodi quas, reprehenderit eius consectetur quae magni molestias veniam, provident illum facere iure libero asperiores! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam earum nihil ex ipsa magni eligendi fugiat assumenda suscipit, accusantium, necessitatibus reiciendis odit sed, vero amet blanditiis?</p>
                            <div class="location">
                              <span>Location:</span> Hall 1 , Building A, Golden Street, Southafrica
                            </div>
                          </div>
                        </div>
                      </div> --}}
                                            </div>
                                        </div>
                                    </div>
        </section>






        <!-- gallary start -->
        <section id="gallery">
            <div class="container-fluid">

                <!-- Section Title -->
                <div class="row">
                    <div class="col-12 text-center">
                        <div class="section-title-header">
                            <h2 class="section-title">Gallery</h2>
                            <p class="section-subtext">Our recent events and moments captured in photos</p>
                        </div>
                    </div>
                </div>

                <!-- First Row -->
                <div class="row">
                    <div class="col-lg-3 col-md-6 col-12">
                        <div class="event-item">
                            <img src="{{ asset('assets/img/gallery/AUS_Cham.png') }}" alt="AUS Cham">
                        </div>
                    </div>

                    <div class="col-lg-3 col-md-6 col-12">
                        <div class="event-item">
                            <img src="{{ asset('assets/img/gallery/DrV_Amb_Kwatra.jpg') }}" alt="DrV Amb Kwatra">
                        </div>
                    </div>

                    <div class="col-lg-3 col-md-6 col-12">
                        <div class="event-item">
                            <img src="{{ asset('assets/img/gallery/DrV_Biden.jpg') }}" alt="DrV Biden">
                        </div>
                    </div>

                    <div class="col-lg-3 col-md-6 col-12">
                        <div class="event-item">
                            <img src="{{ asset('assets/img/gallery/us-india.jpg') }}" alt="US India">
                        </div>
                    </div>
                </div>

                <!-- Second Row -->
                <div class="row pt-5">
                    <div class="col-lg-3 col-md-6 col-12">
                        <div class="event-item">
                            <img src="{{ asset('assets/img/gallery/DrV_Chandrashekar.jpg') }}" alt="DrV Chandrashekar">
                        </div>
                    </div>

                    <div class="col-lg-3 col-md-6 col-12">
                        <div class="event-item">
                            <img src="{{ asset('assets/img/gallery/DrV_Dixit.jpg') }}" alt="DrV Dixit">
                        </div>
                    </div>

                    <div class="col-lg-3 col-md-6 col-12">
                        <div class="event-item">
                            <img src="{{ asset('assets/img/gallery/DrV_HonRSingh.jpg') }}" alt="DrV HonR Singh">
                        </div>
                    </div>

                    <div class="col-lg-3 col-md-6 col-12">
                        <div class="event-item">
                            <img src="{{ asset('assets/img/gallery/DrV_Kamal.jpeg') }}" alt="DrV Kamal">
                        </div>
                    </div>
                </div>

                <!-- Third Row -->
                <div class="row pt-5">
                    <div class="col-lg-3 col-md-6 col-12">
                        <div class="event-item">
                            <img src="{{ asset('assets/img/home/rakhi-project/DrV_Rakhi_1.png') }}" alt="DrV Rakhi 1">
                        </div>
                    </div>

                    <div class="col-lg-3 col-md-6 col-12">
                        <div class="event-item">
                            <img src="{{ asset('assets/img/home/rakhi-project/DrV_Rakhi_2.png') }}" alt="DrV Rakhi 2">
                        </div>
                    </div>

                    <div class="col-lg-3 col-md-6 col-12">
                        <div class="event-item">
                            <img src="{{ asset('assets/img/home/rakhi-project/DrV_Rakhi_3.jpg') }}" alt="DrV Rakhi 3">
                        </div>
                    </div>

                    <div class="col-lg-3 col-md-6 col-12">
                        <div class="event-item">
                            <img src="{{ asset('assets/img/gallery/DrV_Kamal.jpeg') }}" alt="DrV Kamal">
                        </div>
                    </div>
                </div>

            </div>
        </section>


        <!-- gallary end -->

        <!-- Ticket Pricing Area Start -->
        <!-- <section id="pricing" class="section-padding">
                                                      <div class="container">
                                                        <div class="row">
                                                          <div class="col-12">
                                                            <div class="section-title-header text-center">
                                                              <h2 class="section-title wow fadeInUp" data-wow-delay="0.2s">Ticket Pricing</h2>
                                                              <p class="wow fadeInDown" data-wow-delay="0.2s">Lorem ipsum dolor sit amet, in quodsi vulputate pro. Ius illum vocent mediocritatem an <br> cule dicta iriure at phaedrum.</p>
                                                            </div>
                                                          </div>
                                                        </div>
                                                        <div class="row">
                                                          <div class="col-lg-4 col-md-6 col-xa-12 mb-3">
                                                            <div class="price-block-wrapper wow fadeInLeft" data-wow-delay="0.2s">
                                                              <div class="colmun-title">
                                                                <h5>Basic Pass</h5>
                                                              </div>
                                                              <div class="price">
                                                                <h2>$29</h2>
                                                                <span>Per Day</span>
                                                              </div>
                                                              <div class="pricing-list">
                                                                <ul>
                                                                  <li><i class="lni-check-mark-circle"></i><span class="text">Entrance</span></li>
                                                                  <li><i class="lni-check-mark-circle"></i><span class="text">Coffee Break</span></li>
                                                                  <li><i class="lni-check-mark-circle"></i><span class="text">Lunch on all days</span></li>
                                                                  <li><i class="lni-close"></i><span class="text">Access to all areas</span></li>
                                                                  <li><i class="lni-close"></i><span class="text">Certificate</span></li>
                                                                </ul>
                                                              </div>
                                                              <a href="#" class="btn btn-common">Buy Ticket</a>
                                                            </div>
                                                          </div>
                                                          <div class="col-lg-4 col-md-6 col-xa-12 mb-3">
                                                            <div class="price-block-wrapper active wow fadeInUp" data-wow-delay="0.3s">
                                                              <div class="colmun-title">
                                                                <h5>Standard Pass</h5>
                                                              </div>
                                                              <div class="price">
                                                                <h2>$40</h2>
                                                                <span>Per Day</span>
                                                              </div>
                                                              <div class="pricing-list">
                                                                <ul>
                                                                  <li><i class="lni-check-mark-circle"></i><span class="text">Entrance</span></li>
                                                                  <li><i class="lni-check-mark-circle"></i><span class="text">Coffee Break</span></li>
                                                                  <li><i class="lni-check-mark-circle"></i><span class="text">Lunch on all days</span></li>
                                                                  <li><i class="lni-close"></i><span class="text">Access to all areas</span></li>
                                                                  <li><i class="lni-check-mark-circle"></i><span class="text">Certificate</span></li>
                                                                </ul>
                                                              </div>
                                                              <a href="#" class="btn btn-common">Buy Ticket</a>
                                                            </div>
                                                          </div>
                                                          <div class="col-lg-4 col-md-6 col-xa-12 mb-3">
                                                            <div class="price-block-wrapper wow fadeInRight" data-wow-delay="0.4s">
                                                              <div class="colmun-title">
                                                                <h5>Premium Pass</h5>
                                                              </div>
                                                              <div class="price">
                                                                <h2>$68</h2>
                                                                <span>Per Day</span>
                                                              </div>
                                                              <div class="pricing-list">
                                                                <ul>
                                                                  <li><i class="lni-check-mark-circle"></i><span class="text">Entrance</span></li>
                                                                  <li><i class="lni-check-mark-circle"></i><span class="text">Coffee Break</span></li>
                                                                  <li><i class="lni-close"></i><span class="text">Lunch on all days</span></li>
                                                                  <li><i class="lni-check-mark-circle"></i><span class="text">Access to all areas</span></li>
                                                                  <li><i class="lni-check-mark-circle"></i><span class="text">Certificate</span></li>
                                                                </ul>
                                                              </div>
                                                              <a href="#" class="btn btn-common">Buy Ticket</a>
                                                            </div>
                                                          </div>
                                                        </div>
                                                      </div>
                                                    </section> -->
        <!-- Ticket Pricing Area End -->

        <!-- Blog Section Start -->
        <!-- Latest news Start -->
        <section id="press-section" class="section-padding">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="section-title-header text-center">
                            <h2 class="section-title">Press & Media</h2>
                            <p></p>
                        </div>
                    </div>
                </div>

                <div class="logo-slider py-2">
                    <div class="logo-track">

                        <!-- ======================= MAIN LOOP ======================= -->
                        <div class="d-flex align-items-center justify-content-center flex-wrap">

                            <!-- 1 -->
                            <div class="border rounded bg-white shadow-sm mx-2 p-3"
                                style="width:220px; height:120px; overflow:hidden;">
                                <a href="https://southasianherald.com/purnima-voria-meets-chief-minister-of-rajasthan-to-strengthen-u-s-rajasthan-collaboration/"
                                    target="_blank" class="fw-bold d-block text-dark" style="font-size:14px;">
                                    South Asian Herald
                                </a>
                                <p class="small m-0">U.S.–Rajasthan Collaboration</p>
                            </div>

                            <!-- 2 -->
                            <div class="border rounded bg-white shadow-sm mx-2 p-3"
                                style="width:220px; height:120px; overflow:hidden;">
                                <a href="https://southasianherald.com/nuicc-launches-south-india-regional-chamber-in-bengaluru-to-boost-u-s-india-trade-and-innovation/"
                                    target="_blank" class="fw-bold d-block text-dark" style="font-size:14px;">
                                    South Asian Herald
                                </a>
                                <p class="small m-0">NUICC Launch – Bengaluru</p>
                            </div>

                            <!-- 3 -->
                            <div class="border rounded bg-white shadow-sm mx-2 p-3"
                                style="width:220px; height:120px; overflow:hidden;">
                                <a href="https://nuicc.website/2025/03/28/gallery-post-down-the-hill-i-saw-a-bevy-of-hussars-ride-under-the-railway-bridge/"
                                    target="_blank" class="fw-bold d-block text-dark" style="font-size:14px;">
                                    NUICC Website
                                </a>
                                <p class="small m-0">Gallery – Hussars Ride</p>
                            </div>

                            <!-- 4 -->
                            <div class="border rounded bg-white shadow-sm mx-2 p-3"
                                style="width:220px; height:120px; overflow:hidden;">
                                <a href="https://www.denverpost.com/2007/04/13/where-east-meets-west/" target="_blank"
                                    class="fw-bold d-block text-dark" style="font-size:14px;">
                                    Denver Post
                                </a>
                                <p class="small m-0">Where East Meets West</p>
                            </div>

                        </div>

                        <!-- ===================== DUPLICATE LOOP ===================== -->
                        <div class="d-flex align-items-center justify-content-center flex-wrap">

                            <!-- Same 4 items duplicated -->

                            <div class="border rounded bg-white shadow-sm mx-2 p-3"
                                style="width:220px; height:120px; overflow:hidden;">
                                <a href="https://southasianherald.com/purnima-voria-meets-chief-minister-of-rajasthan-to-strengthen-u-s-rajasthan-collaboration/"
                                    target="_blank" class="fw-bold d-block text-dark" style="font-size:14px;">
                                    South Asian Herald
                                </a>
                                <p class="small m-0">U.S.–Rajasthan Collaboration</p>
                            </div>

                            <div class="border rounded bg-white shadow-sm mx-2 p-3"
                                style="width:220px; height:120px; overflow:hidden;">
                                <a href="https://southasianherald.com/nuicc-launches-south-india-regional-chamber-in-bengaluru-to-boost-u-s-india-trade-and-innovation/"
                                    target="_blank" class="fw-bold d-block text-dark" style="font-size:14px;">
                                    South Asian Herald
                                </a>
                                <p class="small m-0">NUICC Launch – Bengaluru</p>
                            </div>

                            <div class="border rounded bg-white shadow-sm mx-2 p-3"
                                style="width:220px; height:120px; overflow:hidden;">
                                <a href="https://nuicc.website/2025/03/28/gallery-post-down-the-hill-i-saw-a-bevy-of-hussars-ride-under-the-railway-bridge/"
                                    target="_blank" class="fw-bold d-block text-dark" style="font-size:14px;">
                                    NUICC Website
                                </a>
                                <p class="small m-0">Gallery – Hussars Ride</p>
                            </div>

                            <div class="border rounded bg-white shadow-sm mx-2 p-3"
                                style="width:220px; height:120px; overflow:hidden;">
                                <a href="https://www.denverpost.com/2007/04/13/where-east-meets-west/" target="_blank"
                                    class="fw-bold d-block text-dark" style="font-size:14px;">
                                    Denver Post
                                </a>
                                <p class="small m-0">Where East Meets West</p>
                            </div>

                        </div>

                    </div>
                </div>
            </div>
        </section>

        {{-- FAQ Section --}}
        <section class="">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="section-title-header text-center">
                            <h2 class="section-title wow fadeInUp" data-wow-delay="0.2s">Frequently Asked Questions</h2>
                        </div>
                    </div>
                </div>
                <div class="row justify-content-left">
                    <div class="col-lg-12 col-md-12 col-xs-12">
                        <div class="container-form wow fadeInLeft" data-wow-delay="0.2s">
                            <div id="accordion6">
                                <div class="card">
                                    <div class="card-header">
                                        <a class="card-link" data-toggle="collapse" href="#question1"
                                            class="section-subtext">
                                            1. What is the National U.S. India Chamber of Commerce (NUICC)?
                                        </a>
                                    </div>
                                    <div id="question1" class="collapse show">
                                        <div class="card-body section-subtext">
                                            NUICC is a premier international chamber dedicated to strengthening economic,
                                            trade, and investment relationships between the United States and India. We
                                            serve as a trusted platform for business leaders, policymakers, and
                                            entrepreneurs to connect, collaborate, and create cross-border growth
                                            opportunities.
                                        </div>
                                    </div>
                                </div>
                                <div class="card">
                                    <div class="card-header">
                                        <a class="collapsed card-link" data-toggle="collapse" href="#question2"
                                            class="section-subtext">
                                            2. What is a Chamber of Commerce?
                                        </a>
                                    </div>
                                    <div id="question2" class="collapse" data-parent="#accordion">
                                        <div class="card-body">
                                            A Chamber of Commerce is a membership-based organization that brings together
                                            businesses, entrepreneurs, and community leaders to promote economic growth,
                                            build strong business networks, and advocate for policies that support commerce.
                                            Chambers create opportunities for members to connect, learn, collaborate, and
                                            access resources that help their businesses succeed. NUICC operates as a modern,
                                            global chamber—focused on innovation, cross-border collaboration, and empowering
                                            members through community, networking, and strategic partnerships.
                                        </div>
                                    </div>
                                </div>
                                <div class="card">
                                    <div class="card-header">
                                        <a class="collapsed card-link" data-toggle="collapse" href="#question3"
                                            class="section-subtext">
                                            3. What does NUICC do?
                                        </a>
                                    </div>
                                    <div id="question3" class="collapse" data-parent="#accordion">
                                        <div class="card-body section-subtext">
                                            We provide strategic business matchmaking, policy advocacy, trade mission
                                            facilitation, executive roundtables, market insights, and high-level networking
                                            opportunities that help organizations expand across U.S. and Indian markets.
                                        </div>
                                    </div>
                                </div>
                                <div class="card">
                                    <div class="card-header">
                                        <a class="collapsed card-link" data-toggle="collapse" href="#questionFour"
                                            class="section-subtext">
                                            4. Who can become a member of NUICC?
                                        </a>
                                    </div>
                                    <div id="questionFour" class="collapse" data-parent="#accordion">
                                        <div class="card-body section-subtext">
                                            Membership is open to U.S. and India based companies, professionals, nonprofits,
                                            startups, investors, and public institutions seeking to grow their presence,
                                            partnerships, or influence across both markets.
                                        </div>
                                    </div>
                                </div>
                                <div class="card">
                                    <div class="card-header">
                                        <a class="collapsed card-link" data-toggle="collapse" href="#question5"
                                            class="section-subtext">
                                            5. How does the chamber help my business?
                                        </a>
                                    </div>
                                    <div id="question5" class="collapse" data-parent="#accordion">
                                        <div class="card-body section-subtext">
                                            NUICC supports members by opening doors introducing you to decision-makers,
                                            buyers, partners, and policymakers. We reduce the complexity of cross-border
                                            business through curated connections, regulatory guidance, market intelligence,
                                            and strategic exposure at influential events.
                                        </div>
                                    </div>
                                </div>
                                <div class="card">
                                    <div class="card-header">
                                        <a class="collapsed card-link" data-toggle="collapse" href="#question6"
                                            class="section-subtext">
                                            6. What types of programs and services does NUICC offer?
                                        </a>
                                    </div>
                                    <div id="question6" class="collapse" data-parent="#accordion">
                                        <div class="card-body section-subtext">
                                            Our core services include:
                                            • Trade missions & delegations
                                            • Business matchmaking & introductions
                                            • Networking events & executive summits
                                            • Policy briefings with U.S. & Indian government officials
                                            • Market entry support & business advisory
                                            • Member spotlight opportunities
                                            • Educational sessions and thought leadership programs

                                        </div>
                                    </div>
                                </div>
                                <div class="card">
                                    <div class="card-header">
                                        <a class="collapsed card-link" data-toggle="collapse" href="#question7"
                                            class="section-subtext">
                                            7. How do I know which membership level is right for me?
                                        </a>
                                    </div>
                                    <div id="question7" class="collapse" data-parent="#accordion">
                                        <div class="card-body section-subtext">
                                            Each membership tier is designed around organization size and strategic goals.
                                            Small businesses and professionals’ benefit from foundational access and
                                            networking, while corporate and Chairman’s Circle members receive priority
                                            matchmaking, delegation access, and leadership visibility. Our team can guide
                                            you based on your expansion and partnership needs.
                                        </div>
                                    </div>
                                </div>
                                <div class="card">
                                    <div class="card-header">
                                        <a class="collapsed card-link" data-toggle="collapse" href="#question8"
                                            class="section-subtext">
                                            8. Are membership fees tax-deductible?
                                        </a>
                                    </div>
                                    <div id="question8" class="collapse" data-parent="#accordion">
                                        <div class="card-body section-subtext">
                                            In many cases, membership fees may be considered a business expense. Tax
                                            deductibility depends on your organization’s location and regulations. Please
                                            consult with a tax professional for guidance. NUICC can provide documentation
                                            upon request.
                                        </div>
                                    </div>
                                </div>
                                <div class="card">
                                    <div class="card-header ">
                                        <a class="collapsed card-link" data-toggle="collapse" href="#question9"
                                            class="section-subtext">
                                            9. Does NUICC assist with market entry into the U.S. or India?
                                        </a>
                                    </div>
                                    <div id="question9" class="collapse" data-parent="#accordion">
                                        <div class="card-body section-subtext">
                                            Yes. We support companies entering or expanding in either market through
                                            business introductions, investor connections, sector insights, and referrals to
                                            trusted legal, compliance, and local partners.
                                        </div>
                                    </div>
                                </div>
                                <div class="card">
                                    <div class="card-header">
                                        <a class="collapsed card-link" data-toggle="collapse" href="#question10"
                                            class="section-subtext">
                                            10. How do I get started or join as a member?
                                        </a>
                                    </div>
                                    <div id="question10" class="collapse" data-parent="#accordion">
                                        <div class="card-body section-subtext">
                                            Joining is simple. Select your membership tier, complete the online application,
                                            and submit payment. Once enrolled, you will receive a welcome package,
                                            onboarding support, and immediate access to upcoming events, introductions, and
                                            member only programs.
                                        </div>
                                    </div>
                                </div>
                                <div class="card">
                                    <div class="card-header">
                                        <a class="collapsed card-link" data-toggle="collapse" href="#question11"
                                            class="section-subtext">
                                            11. Does NUICC offer speaking or sponsorship opportunities?
                                        </a>
                                    </div>
                                    <div id="question11" class="collapse" data-parent="#accordion">
                                        <div class="card-body section-subtext">
                                            Yes. Members may apply to speak at industry forums, policy roundtables, and
                                            annual summits. Sponsorship opportunities are available for events, delegations,
                                            and thought-leadership programs, providing strong visibility across U.S. and
                                            India business communities.
                                        </div>
                                    </div>
                                </div>
                                <div class="card">
                                    <div class="card-header">
                                        <a class="collapsed card-link" data-toggle="collapse" href="#question12"
                                            class="section-subtext">
                                            12. How does NUICC select companies for trade missions or delegations?
                                        </a>
                                    </div>
                                    <div id="question12" class="collapse" data-parent="#accordion">
                                        <div class="card-body section-subtext">
                                            Delegation participation is curated based on sector relevance, readiness for
                                            cross-border engagement, and alignment with the mission’s strategic objectives.
                                            Corporate and Chairman’s Circle members receive priority.
                                        </div>
                                    </div>
                                </div>
                                <div class="card">
                                    <div class="card-header">
                                        <a class="collapsed card-link" data-toggle="collapse" href="#question13"
                                            class="section-subtext">
                                            13. Does NUICC support startups and early-stage founders?
                                        </a>
                                    </div>
                                    <div id="question13" class="collapse" data-parent="#accordion">
                                        <div class="card-body section-subtext">
                                            Absolutely. Startups benefit from cross-border mentorship, investor and
                                            ecosystem introductions, regulatory insights, and the opportunity to participate
                                            in innovation-focused roundtables and pitch events.
                                        </div>
                                    </div>
                                </div>
                                <div class="card">
                                    <div class="card-header">
                                        <a class="collapsed card-link" data-toggle="collapse" href="#question14"
                                            class="section-subtext">
                                            14. Can NUICC help connect me with government officials or policy leaders?
                                        </a>
                                    </div>
                                    <div id="question14" class="collapse" data-parent="#accordion">
                                        <div class="card-body section-subtext">
                                            Yes. NUICC works closely with U.S. and Indian policymakers. Members receive
                                            access to policy briefings, diplomatic engagements, and introductions (as
                                            appropriate and mission-aligned).
                                        </div>
                                    </div>
                                </div>
                                <div class="card">
                                    <div class="card-header">
                                        <a class="collapsed card-link" data-toggle="collapse" href="#question15"
                                            class="section-subtext">
                                            15. Are there volunteer or leadership opportunities within NUICC?
                                        </a>
                                    </div>
                                    <div id="question15" class="collapse" data-parent="#accordion">
                                        <div class="card-body section-subtext">
                                            Members may participate in committees, industry councils, regional chapters, and
                                            community initiatives. Leadership roles and advisory participation are available
                                            based on expertise, contribution, and membership tier.
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Contact Us Section -->
        <!-- About Section End -->

        <!-- Map Section Start -->
        {{-- <section id="google-map-area">
      <div class="container-fluid">
        <div class="row">
          <div class="col-12">
            <object style="border:0; height: 450px; width: 100%;" data="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d15864.15480778837!2d-77.44908382752939!3d38.953293865566366!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x6775cb22a9fa1341!2sThe+Firkin+%26+Fox!5e0!3m2!1sen!2sbd!4v1543773685573"></object>
          </div>
        </div>  
      </div>
    </section> --}}
        <!-- Map Section End -->

        <!-- Information Bar Start -->
        <!-- <section id="information-bar">
                                                                              <div class="container">
                                                                                <div class="row inforation-wrapper">
                                                                                  <div class="col-lg-3 col-md-6 col-xs-12">
                                                                                    <ul>
                                                                                      <li>
                                                                                        <i class="lni-map-marker"></i>
                                                                                      </li>
                                                                                      <li><span><b>Location</b> Maria Hall, NY, USA</span></li>
                                                                                    </ul>
                                                                                  </div>
                                                                                  <div class="col-lg-3 col-md-6 col-xs-12">
                                                                                    <ul>
                                                                                      <li>
                                                                                        <i class="lni-calendar"></i>
                                                                                      </li>
                                                                                      <li><span><b>Date & Time</b> 10am - 7pm, 15th Oct</span></li>
                                                                                    </ul>
                                                                                  </div>
                                                                                  <div class="col-lg-3 col-md-6 col-xs-12">
                                                                                    <ul>
                                                                                      <li>
                                                                                        <i class="lni-mic"></i>
                                                                                      </li>
                                                                                      <li><span><b>Speakers</b> 25 Professionals</span></li>
                                                                                    </ul>
                                                                                  </div>
                                                                                  <div class="col-lg-3 col-md-6 col-xs-12">
                                                                                    <ul>
                                                                                      <li>
                                                                                        <i class="lni-user"></i>
                                                                                      </li>
                                                                                      <li><span><b>Seats</b> 100 People</span></li>
                                                                                    </ul>
                                                                                  </div>
                                                                                </div>
                                                                              </div>
                                                                            </section> -->
        <!-- Information Bar End -->

        <!-- Counter Area Start-->

        <!-- Counter Area End-->

        <!-- Ticket Pricing Area Start -->
        <!-- <section id="pricing" class="section-padding">
                                                                              <div class="container">
                                                                                <div class="row">
                                                                                  <div class="col-12">
                                                                                    <div class="section-title-header text-center">
                                                                                      <h2 class="section-title wow fadeInUp" data-wow-delay="0.2s">Ticket Pricing</h2>
                                                                                      <p class="wow fadeInDown" data-wow-delay="0.2s">Lorem ipsum dolor sit amet, in quodsi vulputate pro. Ius illum vocent mediocritatem an <br> cule dicta iriure at phaedrum.</p>
                                                                                    </div>
                                                                                  </div>
                                                                                </div>
                                                                                <div class="row">
                                                                                  <div class="col-lg-4 col-md-6 col-xa-12 mb-3">
                                                                                    <div class="price-block-wrapper wow fadeInLeft" data-wow-delay="0.2s">
                                                                                      <div class="colmun-title">
                                                                                        <h5>Basic Pass</h5>
                                                                                      </div>
                                                                                      <div class="price">
                                                                                        <h2>$29</h2>
                                                                                        <span>Per Day</span>
                                                                                      </div>
                                                                                      <div class="pricing-list">
                                                                                        <ul>
                                                                                          <li><i class="lni-check-mark-circle"></i><span class="text">Entrance</span></li>
                                                                                          <li><i class="lni-check-mark-circle"></i><span class="text">Coffee Break</span></li>
                                                                                          <li><i class="lni-check-mark-circle"></i><span class="text">Lunch on all days</span></li>
                                                                                          <li><i class="lni-close"></i><span class="text">Access to all areas</span></li>
                                                                                          <li><i class="lni-close"></i><span class="text">Certificate</span></li>
                                                                                        </ul>
                                                                                      </div>
                                                                                      <a href="#" class="btn btn-common">Buy Ticket</a>
                                                                                    </div>
                                                                                  </div>
                                                                                  <div class="col-lg-4 col-md-6 col-xa-12 mb-3">
                                                                                    <div class="price-block-wrapper active wow fadeInUp" data-wow-delay="0.3s">
                                                                                      <div class="colmun-title">
                                                                                        <h5>Standard Pass</h5>
                                                                                      </div>
                                                                                      <div class="price">
                                                                                        <h2>$40</h2>
                                                                                        <span>Per Day</span>
                                                                                      </div>
                                                                                      <div class="pricing-list">
                                                                                        <ul>
                                                                                          <li><i class="lni-check-mark-circle"></i><span class="text">Entrance</span></li>
                                                                                          <li><i class="lni-check-mark-circle"></i><span class="text">Coffee Break</span></li>
                                                                                          <li><i class="lni-check-mark-circle"></i><span class="text">Lunch on all days</span></li>
                                                                                          <li><i class="lni-close"></i><span class="text">Access to all areas</span></li>
                                                                                          <li><i class="lni-check-mark-circle"></i><span class="text">Certificate</span></li>
                                                                                        </ul>
                                                                                      </div>
                                                                                      <a href="#" class="btn btn-common">Buy Ticket</a>
                                                                                    </div>
                                                                                  </div>
                                                                                  <div class="col-lg-4 col-md-6 col-xa-12 mb-3">
                                                                                    <div class="price-block-wrapper wow fadeInRight" data-wow-delay="0.4s">
                                                                                      <div class="colmun-title">
                                                                                        <h5>Premium Pass</h5>
                                                                                      </div>
                                                                                      <div class="price">
                                                                                        <h2>$68</h2>
                                                                                        <span>Per Day</span>
                                                                                      </div>
                                                                                      <div class="pricing-list">
                                                                                        <ul>
                                                                                          <li><i class="lni-check-mark-circle"></i><span class="text">Entrance</span></li>
                                                                                          <li><i class="lni-check-mark-circle"></i><span class="text">Coffee Break</span></li>
                                                                                          <li><i class="lni-close"></i><span class="text">Lunch on all days</span></li>
                                                                                          <li><i class="lni-check-mark-circle"></i><span class="text">Access to all areas</span></li>
                                                                                          <li><i class="lni-check-mark-circle"></i><span class="text">Certificate</span></li>
                                                                                        </ul>
                                                                                      </div>
                                                                                      <a href="#" class="btn btn-common">Buy Ticket</a>
                                                                                    </div>
                                                                                  </div>
                                                                                </div>
                                                                              </div>
                                                                            </section> -->
        <!-- Ticket Pricing Area End -->


        <!-- Contact Us Section -->
        <section id="contact-map" class="section-padding"
            style="background-image: url('{{ asset('assets/img/home/contact-background.jpg') }}');
           background-size: cover;
           background-position: center;
           background-repeat: no-repeat;">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="section-title-header text-center">
                            <h2 class="section-title wow fadeInUp" data-wow-delay="0.2s">Contact Us</h2>
                            <p class="wow fadeInDown" data-wow-delay="0.2s"></p>
                        </div>
                    </div>
                </div>
                <div class="row justify-content-middle">
                    <div class="col-lg-6 col-md-6 col-xs-12 d-flex align-items-center">
                        <div class="container-form wow fadeInLeft w-100" data-wow-delay="0.2s">
                            <img src="{{ asset('assets/img/home/World-Map.jpg') }}" alt="map" class="img-fluid">
                        </div>
                    </div>

                    <div class="col-lg-6 col-md-6 col-xs-12">
                        <div class="container-form wow fadeInLeft" data-wow-delay="0.2s">
                            <div class="form-wrapper">
                                @if ($errors->any())
                                    <div class="alert alert-danger">
                                        <ul class="mb-0">
                                            @foreach ($errors->all() as $error)
                                                <li>{{ $error }}</li>
                                            @endforeach
                                        </ul>
                                    </div>
                                @endif
                                @if (session()->has('success'))
                                    <div class="alert alert-success alert-dismissible fade show mt-3" role="alert">
                                        {{ session()->get('success') }}
                                    </div>
                                @endif
                                @if (session()->has('error'))
                                    <div class="alert alert-danger alert-dismissible fade show" role="alert">
                                        {{ session()->get('error') }}
                                    </div>
                                @endif
                                <form role="form" class="contact-us" method="post">
                                    @csrf
                                    <div class="row">
                                        <div class="col-md-6 form-line">
                                            <div class="form-group">
                                                <input type="text" class="form-control" name="name"
                                                    placeholder="Full Name" required>
                                            </div>
                                            @error('name')
                                                <small class="text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                        <div class="col-md-6 form-line">
                                            <div class="form-group">
                                                <input type="text" class="form-control" name="email"
                                                    placeholder="Email" required>
                                            </div>
                                            @error('email')
                                                <small class="text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                        <div class="col-md-6 form-line">
                                            <div class="form-group">
                                                <input type="text" class="form-control" name="mobile"
                                                    placeholder="Mobile" maxlength="10" required>

                                            </div>
                                            @error('mobile')
                                                <small class="text-danger">{{ $message }}</small>
                                            @enderror
                                        </div>
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <textarea class="form-control" rows="4" name="message" required>Write Message</textarea>

                                            </div>
                                            @error('message')
                                                <small class="text-danger">{{ $message }}</small>
                                            @enderror
                                            <div class="form-submit">
                                                <button type="submit" class="btn btn-common"><i
                                                        class="fa fa-paper-plane" aria-hidden="true"></i> Send
                                                    Message</button>

                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Contact Us Section End -->

        <!-- Map Section Start -->

        <!-- Map Section End -->

        <!-- Contact text Start -->
        {{-- <section id="contact-text">
            <div class="container">
                <div class="row contact-wrapper">
                    <div class="col-lg-4 col-md-5 col-xs-12">
                        <ul>
                            <li>
                                <i class="lni-home"></i>
                            </li>
                            <li><span>Cesare Rosaroll, 118 80139 Eventine</li>
                        </ul>
                    </div>
                    <div class="col-lg-4 col-md-3 col-xs-12">
                        <ul>
                            <li>
                                <i class="lni-phone"></i>
                            </li>
                            <li><span>+789 123 456 79</span></li>
                        </ul>
                    </div>
                    <div class="col-lg-4 col-md-3 col-xs-12">
                        <ul>
                            <li>
                                <i class="lni-envelope"></i>
                            </li>
                            <li><span>Support@example.com</span></li>
                        </ul>
                    </div>
                </div>
            </div>
        </section> --}}
    @endsection
    @section('script')
        <script src="{{ asset('assets/js/homepage.js') }}"></script>
    @endsection