@extends('layouts.master')

@section('css')
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/scrollbar.css') }}">
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/vendors/wowjs/css/libs/animate.css') }}">
@endsection

@section('main_content')
    <div class="container-fluid">
        <div class="row page-title">
            <div class="col-sm-6">
                <h3>Flag Icon</h3>
            </div>
            <div class="col-sm-6">
                <nav>
                    <ol class="breadcrumb justify-content-sm-end align-items-center">
                        <li class="breadcrumb-item"> <a href="{{ route('admin.dashboard') }}">
                                <svg class="svg-color">
                                    <use href="{{ asset('assets/svg/iconly-sprite.svg#Home') }}"></use>
                                </svg></a></li>
                        <li class="breadcrumb-item">Icons</li>
                        <li class="breadcrumb-item active">Flag Icon</li>
                    </ol>
                </nav>
            </div>
        </div>
    </div>
    <!-- Container-fluid starts-->
    <div class="container-fluid">
        <div class="row">
            <div class="col-xl-12">
                <!--  Flag Icon-->
                <div class="card">
                    <div class="card-header pb-0 d-flex justify-content-between align-items-center">
                        <h4>Flag Icon</h4>
                    </div>
                    <div class="card-body">
                        <div class="row icon-event iconly-icons icon-lists">
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-in"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-in</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-ad"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-ad</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-ae"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-ae</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-af"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-af</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-ag"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-ag</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-ai"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-ai</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-al"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-al</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-am"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-am</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-ao"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-ao</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-aq"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-aq</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-ar"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-ar</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-as"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-as</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-at"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-at</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-au"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-au</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-aw"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-aw</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-ax"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-ax</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-az"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-az</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-ba"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-ba</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-bb"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-bb</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-bd"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-bd</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-be"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-be</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-bf"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-bf</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-bg"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-bg</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-bh"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-bh</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-bi"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-bi</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-bj"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-bj</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-bl"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-bl</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-bm"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-bm</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-bn"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-bn</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-bo"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-bo</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-bq"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-bq</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-br"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-br</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-bs"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-bs</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-bt"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-bt</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-bv"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-bv</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-bw"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-bw</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-by"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-by</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-bz"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-bz</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-ca"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-ca</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-cc"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-cc</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-cd"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-cd</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-cf"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-cf</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-cg"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-cg</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-ch"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-ch</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-ci"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-ci</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-ck"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-ck</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-cl"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-cl</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-cm"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-cm</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-cn"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-cn</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-co"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-co</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-cr"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-cr</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-cu"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-cu</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-cv"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-cv</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-cw"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-cw</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-cx"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-cx</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-cy"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-cy</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-cz"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-cz</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-de"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-de</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-dj"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-dj</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-dk"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-dk</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-dm"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-dm</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-do"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-do</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-dz"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-dz</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-ec"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-ec</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-ee"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-ee</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-eg"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-eg</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-eh"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-eh</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-er"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-er</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-es"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-es</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-es-ct"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-es-ct</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-et"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-et</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-eu"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-eu</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-fi"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-fi</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-fj"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-fj</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-fk"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-fk</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-fm"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-fm</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-fo"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-fo</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-fr"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-fr</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-ga"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-ga</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-gb"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-gb</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-gb-eng"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-gb-eng</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-gb-nir"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-gb-nir</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-gb-sct"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-gb-sct</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-gb-wls"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-gb-wls</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-gd"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-gd</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-ge"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-ge</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-gf"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-gf</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-gg"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-gg</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-gh"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-gh</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-gi"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-gi</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-gl"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-gl</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-gm"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-gm</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-gn"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-gn</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-gp"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-gp</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-gq"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-gq</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-gr"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-gr</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-gs"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-gs</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-gt"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-gt</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-gu"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-gu</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-gw"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-gw</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-gy"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-gy</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-hk"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-hk</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-hm"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-hm</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-hn"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-hn</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-hr"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-hr</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-ht"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-ht</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-hu"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-hu</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-id"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-id</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-ie"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-ie</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-il"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-il</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-im"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-im</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-io"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-io</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-iq"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-iq</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-ir"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-ir</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-is"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-is</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-it"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-it</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-je"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-je</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-jm"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-jm</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-jo"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-jo</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-jp"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-jp</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-ke"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-ke</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-kg"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-kg</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-kh"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-kh</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-ki"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-ki</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-km"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-km</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-kn"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-kn</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-kp"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-kp</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-kr"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-kr</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-kw"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-kw</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-ky"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-ky</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-kz"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-kz</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-la"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-la</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-lb"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-lb</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-lc"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-lc</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-li"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-li</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-lk"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-lk</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-lr"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-lr</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-ls"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-ls</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-lt"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-lt</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-lu"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-lu</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-lv"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-lv</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-ly"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-ly</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-ma"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-ma</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-mc"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-mc</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-md"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-md</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-me"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-me</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-mf"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-mf</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-mg"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-mg</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-mh"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-mh</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-mk"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-mk</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-ml"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-ml</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-mm"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-mm</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-mn"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-mn</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-mo"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-mo</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-mp"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-mp</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-mq"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-mq</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-mr"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-mr</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-ms"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-ms</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-mt"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-mt</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-mu"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-mu</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-mv"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-mv</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-mw"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-mw</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-mx"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-mx</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-my"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-my</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-mz"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-mz</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-na"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-na</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-nc"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-nc</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-ne"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-ne</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-nf"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-nf</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-ng"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-ng</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-ni"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-ni</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-nl"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-nl</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-no"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-no</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-np"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-np</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-nr"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-nr</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-nu"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-nu</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-nz"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-nz</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-om"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-om</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-pa"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-pa</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-pe"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-pe</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-pf"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-pf</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-pg"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-pg</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-ph"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-ph</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-pk"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-pk</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-pl"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-pl</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-pm"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-pm</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-pn"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-pn</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-pr"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-pr</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-ps"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-ps</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-pt"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-pt</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-pw"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-pw</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-py"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-py</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-qa"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-qa</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-re"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-re</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-ro"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-ro</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-rs"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-rs</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-ru"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-ru</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-rw"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-rw</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-sa"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-sa</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-sb"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-sb</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-sc"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-sc</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-sd"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-sd</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-se"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-se</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-sg"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-sg</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-sh"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-sh</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-si"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-si</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-sj"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-sj</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-sk"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-sk</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-sl"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-sl</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-sm"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-sm</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-sn"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-sn</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-so"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-so</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-sr"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-sr</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-ss"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-ss</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-st"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-st</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-sv"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-sv</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-sx"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-sx</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-sy"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-sy</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-sz"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-sz</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-tc"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-tc</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-td"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-td</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-tf"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-tf</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-tg"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-tg</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-th"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-th</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-tj"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-tj</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-tk"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-tk</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-tl"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-tl</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-tm"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-tm</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-tn"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-tn</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-to"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-to</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-tr"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-tr</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-tt"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-tt</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-tv"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-tv</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-tw"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-tw</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-tz"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-tz</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-ua"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-ua</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-ug"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-ug</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-um"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-um</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-un"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-un</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-us"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-us</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-uy"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-uy</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-uz"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-uz</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-va"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-va</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-vc"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-vc</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-ve"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-ve</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-vg"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-vg</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-vi"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-vi</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-vn"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-vn</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-vu"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-vu</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-wf"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-wf</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-ws"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-ws</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-ye"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-ye</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-yt"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-yt</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-za"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-za</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-zm"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-zm</h6>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-lg-3 col-sm-4">
                                <div class="card d-flex align-items-center flex-column default-border"><i
                                        class="flag-icon flag-icon-zw"></i>
                                    <div class="flex-grow-1">
                                        <h6>flag-icon flag-icon-zw</h6>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Container-fluid ends-->
    <div class="icon-hover-bottom position-fixed fa-fa-icon-show-div opecity-0">
        <div class="container-fluid">
            <div class="row">
                <div class="icon-popup">
                    <div class="close-icon"><i class="icofont icofont-close"></i></div>
                    <div class="icon-first"><i class="icon-drupal fa-2x" id="icon_main"></i></div>
                    <div class="icon-class">
                        <label class="icon-title">Class</label><span id="fclass1">icon-drupal</span>
                    </div>
                    <div class="icon-last icon-last">
                        <label class="icon-title">Markup</label>
                        <div class="form-inline">
                            <div class="form-group">
                                <input class="inp-val form-control m-r-10" id="input_copy" type="text"
                                    value="" readonly="readonly">
                                <button class="btn btn-primary notification" onclick="myFunction()">Copy text</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts')
    <script src="{{ asset('assets/js/vendors/bootstrap-notify/bootstrap-notify.min.js') }}"></script>
    <script src="{{ asset('assets/js/icons/flag-icon-clipart.js') }}"></script>
    <script src="{{ asset('assets/js/icons/icons-notify.js') }}"></script>
@endsection