@push('styles')
    <link rel="stylesheet" href="{{ asset('css/iffi-universe.css') }}">
@endpush

<section class="iffi-universe">
    <div class="container">

        <h1 class="section-title">
            Universe of
            <span class="iffi-text"><span>I</span><span>F</span><span>F</span><span>I</span> </span>
        </h1>

        <p class="section-subtitle">Five unique platforms. One shared passion Cinema</p>

        <div class="iffi-grid">

            {{-- Competitive Section --}}
            <div class="iffi-card">
                <div class="iffi-card-image"
                    style="background-image: url('{{ asset('images/universe-iffi/competitive-section.jpeg') }}')">
                </div>

                <div class="hover-shade"></div>
                <div class="card-title-wrap">
                    <div class="card-icon icon-blue">
                        <i class="bi bi-camera-reels-fill"></i>
                    </div>
                    <h2 class="card-title">Competitive Section</h2>
                </div>
                <div class="card-details">
                    <h4>Competitive Section</h4>
                    <ul>
                        <li>International Competition</li>
                        <li>ICFT-UNESCO Gandhi Medal Award</li>
                        <li>Best Debut Feature Film of a Director</li>
                    </ul>
                    {{-- <a href="#" class="explore-link">
                        Explore Section
                        <i class="bi bi-arrow-right"></i>
                    </a> --}}
                </div>
            </div>

            {{-- Non-Competitive Section --}}
            <div class="iffi-card">
                <div class="iffi-card-image"
                    style="background-image: url('{{ asset('images/universe-iffi/non-competition.jpeg') }}')">
                </div>

                <div class="hover-shade"></div>
                <div class="card-title-wrap">
                    <div class="card-icon icon-purple">
                        <i class="bi bi-camera-video-fill"></i>
                    </div>
                    <h2 class="card-title">Non-Competitive Section</h2>
                </div>
                <div class="card-details">
                    <h4>Non-Competitive Section</h4>
                    <div class="two-column-list">
                        <ul class="iffi-list">
                            <li>Rising Stars</li>
                            <li>Docu-Montage</li>
                            <li>Experimental Films</li>
                            <li>Restored Classics</li>
                            <li>Accolades</li>
                        </ul>

                        <ul class="iffi-list">
                            <li>Cinema of the World</li>
                            <li>Macabre Dreams</li>
                            <li>Mission Life</li>
                            <li>UNICEF @IFFI</li>
                            <li>From The Consulates </li>
                        </ul>
                    </div>
                    {{-- <a href="#" class="explore-link">
                        Explore Section
                        <i class="bi bi-arrow-right"></i>
                    </a> --}}
                </div>
            </div>

            {{-- Indian Panorama --}}
            <div class="iffi-card">
                <div class="iffi-card-image"
                    style="background-image: url('{{ asset('images/universe-iffi/ip.jpeg') }}')">
                </div>

                <div class="hover-shade"></div>
                <div class="card-title-wrap">
                    <div class="card-icon icon-yellow">
                        <i class="bi bi-globe-asia-australia"></i>
                    </div>
                    <h2 class="card-title">Indian Panorama</h2>
                </div>

                <div class="card-details">
                    <h4>Indian Panorama</h4>
                    <p>
                        A collection of feature and non-feature films of cinematic thematic and aesthetic
                        excellence, in
                        different Indian languages (English subtitled), selected by the Indian Panorama Jury.
                    </p>
                    {{-- <a href="#" class="explore-link">
                        Explore Section
                        <i class="bi bi-arrow-right"></i>
                    </a> --}}
                </div>
            </div>

            {{-- Gala Premieres --}}
            <div class="iffi-card">
                <div class="iffi-card-image"
                    style="background-image: url('{{ asset('images/universe-iffi/gala.jpeg') }}')">
                </div>

                <div class="hover-shade"></div>
                <div class="card-title-wrap">
                    <div class="card-icon icon-green">
                        <i class="bi bi-stars"></i>
                    </div>
                    <h2 class="card-title">Gala Premieres</h2>
                </div>

                <div class="card-details">
                    <h4>Gala Premieres</h4>
                    <p>
                        The Gala Premieres and Red-Carpet segment at IFFI continues to grow bigger and better with a
                        spectacular line-up of renowned names from the world of cinema. Gala Premieres in the past three
                        years have created tremendous buzz, making the red carpet one of the most glamorous and
                        sought-after highlights of the festival.
                    </p>
                    {{-- <a href="#" class="explore-link">
                        Explore Section
                        <i class="bi bi-arrow-right"></i>
                    </a> --}}
                </div>
            </div>

            {{-- Country Focus --}}
            <div class="iffi-card">
                <div class="iffi-card-image"
                    style="background-image: url('{{ asset('images/universe-iffi/country-focus.jpeg') }}')">
                </div>

                <div class="hover-shade"></div>
                <div class="card-title-wrap">
                    <div class="card-icon icon-blue">
                        <i class="bi bi-globe2"></i>
                    </div>
                    <h2 class="card-title">Country Focus</h2>
                </div>
                <div class="card-details">
                    <h4>Country Focus</h4>
                    <p>A presentation of contemporary films from a focus country, an annual collaboration between IFFI &
                        global film industries. The Country Focus for 56th IFFI was Japan and partner countries were
                        Australia and Spain.</p>
                    {{-- <a href="#" class="explore-link">
                        Explore Section
                        <i class="bi bi-arrow-right"></i>
                    </a> --}}
                </div>
            </div>

            {{-- Creative Minds of Tomorrow --}}
            <div class="iffi-card">
                <div class="iffi-card-image"
                    style="background-image: url('{{ asset('images/universe-iffi/cmot.jpeg') }}')">
                </div>

                <div class="hover-shade"></div>
                <div class="card-title-wrap">
                    <div class="card-icon icon-purple">
                        <i class="bi bi-lightbulb-fill"></i>
                    </div>
                    <h2 class="card-title">Creative Minds of Tomorrow</h2>
                </div>
                <div class="card-details">
                    <h4>Creative Minds of Tomorrow</h4>
                    <p>
                        Creative Minds of Tomorrow (CMOT) is a visionary initiative by the Ministry of Information &
                        Broadcasting (MoIB) and the National Film Development Corporation (NFDC)
                    </p>
                    {{-- <a href="#" class="explore-link">
                        Explore Section
                        <i class="bi bi-arrow-right"></i>
                    </a> --}}
                </div>
            </div>

            <div class="iffi-card">
                <div class="iffi-card-image"
                    style="background-image: url('{{ asset('images/universe-iffi/master-class.jpeg') }}')">
                </div>

                <div class="hover-shade"></div>
                <div class="card-title-wrap">
                    <div class="card-icon icon-yellow">
                        <i class="bi bi-mortarboard-fill"></i>
                    </div>
                    <h2 class="card-title">Master Class</h2>
                </div>
                <div class="card-details">
                    <h4>Master Class</h4>
                    <p>
                        The Department of Masterclasses curates and executes IFFI's diverse interactive sessions,
                        including Masterclasses, In Conversation sessions, Panel Discussions, Workshops,
                        Retrospectives,
                        Round Tables, Plenaries, Virtual and Hybrid Sessions, and Conferences.
                    </p>
                    {{-- <a href="#" class="explore-link">
                        Explore Section
                        <i class="bi bi-arrow-right"></i>
                    </a> --}}
                </div>
            </div>

            {{-- Waves Film Bazaar --}}
            <div class="iffi-card">
                <div class="iffi-card-image"
                    style="background-image: url('{{ asset('images/universe-iffi/WavesFilmBazaar.jpeg') }}')">
                </div>

                <div class="hover-shade"></div>
                <div class="card-title-wrap">
                    <div class="card-icon icon-green">
                        <i class="bi bi-briefcase-fill"></i>
                    </div>
                    <h2 class="card-title">Waves Film Bazaar</h2>
                </div>
                <div class="card-details">
                    <h4>Waves Film Bazaar</h4>
                    <p>
                        Waves Film Bazaar is organized every year alongside the prestigious International Film
                        Festival
                        of India (IFFI) in Goa. It is a converging point for South Asian and international
                        filmmakers
                        and film producers, sales agents, and festival programmers for potential creative and
                        financial
                        collaboration.
                    </p>
                    {{-- <a href="#" class="explore-link">
                        Explore Section
                        <i class="bi bi-arrow-right"></i>
                    </a> --}}
                </div>
            </div>
        </div>
    </div>
</section>