<!--begin::List widget 13-->
<div class="card card-flush h-xl-100">
	<!--begin::Header-->
	<div class="card-header pt-5">
		<!--begin::Title-->
		<div class="card-title d-flex flex-column">
			<!--begin::Info-->
			<div class="d-flex align-items-center">
				<!--begin::Amount-->
				<span class="fs-2hx fw-bold text-dark me-2 lh-1">2,404</span>
				<!--end::Amount-->
				<!--begin::Badge-->
				<span class="badge badge-success fs-6 lh-1 py-1 px-2 d-flex flex-center" style="height: 22px">{% getSvgIcon 'duotune/arrows/arr067.svg' 'svg-icon svg-icon-7 svg-icon-white ms-n1' %} 2.2%</span>
				<!--end::Badge-->
			</div>
			<!--end::Info-->
			<!--begin::Subtitle-->
			<span class="text-gray-400 pt-1 fw-semibold fs-6">Top 6 Countries by Orders</span>
			<!--end::Subtitle-->
		</div>
		<!--end::Title-->
		<!--begin::Toolbar-->
		<div class="card-toolbar">
			<!--begin::Menu-->
			<button class="btn btn-icon btn-color-gray-400 btn-active-color-primary justify-content-end" data-kt-menu-trigger="click" data-kt-menu-placement="bottom-end" data-kt-menu-overflow="true">{% getSvgIcon 'duotune/general/gen023.svg' 'svg-icon svg-icon-1' %}</button>
			<!--begin::Menu 3-->
			<div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary fw-semibold w-200px py-3" data-kt-menu="true">
				<!--begin::Heading-->
				<div class="menu-item px-3">
					<div class="menu-content text-muted pb-2 px-3 fs-7 text-uppercase">Payments</div>
				</div>
				<!--end::Heading-->
				<!--begin::Menu item-->
				<div class="menu-item px-3">
					<a href="#" class="menu-link px-3">Create Invoice</a>
				</div>
				<!--end::Menu item-->
				<!--begin::Menu item-->
				<div class="menu-item px-3">
					<a href="#" class="menu-link flex-stack px-3">Create Payment 
					<i class="fas fa-exclamation-circle ms-2 fs-7" data-bs-toggle="tooltip" title="Specify a target name for future usage and reference"></i></a>
				</div>
				<!--end::Menu item-->
				<!--begin::Menu item-->
				<div class="menu-item px-3">
					<a href="#" class="menu-link px-3">Generate Bill</a>
				</div>
				<!--end::Menu item-->
				<!--begin::Menu item-->
				<div class="menu-item px-3" data-kt-menu-trigger="hover" data-kt-menu-placement="right-end">
					<a href="#" class="menu-link px-3">
						<span class="menu-title">Subscription</span>
						<span class="menu-arrow"></span>
					</a>
					<!--begin::Menu sub-->
					<div class="menu-sub menu-sub-dropdown w-175px py-4">
						<!--begin::Menu item-->
						<div class="menu-item px-3">
							<a href="#" class="menu-link px-3">Plans</a>
						</div>
						<!--end::Menu item-->
						<!--begin::Menu item-->
						<div class="menu-item px-3">
							<a href="#" class="menu-link px-3">Billing</a>
						</div>
						<!--end::Menu item-->
						<!--begin::Menu item-->
						<div class="menu-item px-3">
							<a href="#" class="menu-link px-3">Statements</a>
						</div>
						<!--end::Menu item-->
						<!--begin::Menu separator-->
						<div class="separator my-2"></div>
						<!--end::Menu separator-->
						<!--begin::Menu item-->
						<div class="menu-item px-3">
							<div class="menu-content px-3">
								<!--begin::Switch-->
								<label class="form-check form-switch form-check-custom form-check-solid">
									<!--begin::Input-->
									<input class="form-check-input w-30px h-20px" type="checkbox" value="1" checked="checked" name="notifications" />
									<!--end::Input-->
									<!--end::Label-->
									<span class="form-check-label text-muted fs-6">Recuring</span>
									<!--end::Label-->
								</label>
								<!--end::Switch-->
							</div>
						</div>
						<!--end::Menu item-->
					</div>
					<!--end::Menu sub-->
				</div>
				<!--end::Menu item-->
				<!--begin::Menu item-->
				<div class="menu-item px-3 my-1">
					<a href="#" class="menu-link px-3">Settings</a>
				</div>
				<!--end::Menu item-->
			</div>
			<!--end::Menu 3-->
			<!--end::Menu-->
		</div>
		<!--end::Toolbar-->
	</div>
	<!--end::Header-->
	<!--begin::Body-->
	<div class="card-body">
		<!--begin::Item-->
		<div class="d-flex flex-stack mb-8">
			<!--begin::Section-->
			<div class="d-flex align-items-center me-5">
				<!--begin::Flag-->
				<img src="assets/media/flags/united-states.svg" class="me-3" style="width: 20px;border-radius: 4px" alt="" />
				<!--end::Flag-->
				<a href="#" class="text-dark fw-bold text-hover-primary fs-6">USA</a>
			</div>
			<!--end::Section-->
			<!--begin::Wrapper-->
			<div class="text-gray-800 fw-bold fs-6">
				<!--begin::Number-->
				<span class="me-7">1,067</span>
				<!--end::Number-->
				<!--begin::Statistics-->
				<span class="m-0">{% getSvgIcon 'duotune/arrows/arr067.svg' 'svg-icon svg-icon-7 svg-icon-success' %} % 5.7</span>
				<!--end::Statistics-->
			</div>
			<!--end::Wrapper-->
		</div>
		<!--end::Item-->
		<!--begin::Item-->
		<div class="d-flex flex-stack mb-8">
			<!--begin::Section-->
			<div class="d-flex align-items-center me-5">
				<!--begin::Flag-->
				<img src="assets/media/flags/brazil.svg" class="me-3" style="width: 20px;border-radius: 4px" alt="" />
				<!--end::Flag-->
				<a href="#" class="text-dark fw-bold text-hover-primary fs-6">Brasil</a>
			</div>
			<!--end::Section-->
			<!--begin::Wrapper-->
			<div class="text-gray-800 fw-bold fs-6">
				<!--begin::Number-->
				<span class="me-7">684</span>
				<!--end::Number-->
				<!--begin::Statistics-->
				<span class="m-0">{% getSvgIcon 'duotune/arrows/arr068.svg' 'svg-icon svg-icon-7 svg-icon-danger' %} % 2.1</span>
				<!--end::Statistics-->
			</div>
			<!--end::Wrapper-->
		</div>
		<!--end::Item-->
		<!--begin::Item-->
		<div class="d-flex flex-stack mb-8">
			<!--begin::Section-->
			<div class="d-flex align-items-center me-5">
				<!--begin::Flag-->
				<img src="assets/media/flags/turkey.svg" class="me-3" style="width: 20px;border-radius: 4px" alt="" />
				<!--end::Flag-->
				<a href="#" class="text-dark fw-bold text-hover-primary fs-6">Turkey</a>
			</div>
			<!--end::Section-->
			<!--begin::Wrapper-->
			<div class="text-gray-800 fw-bold fs-6">
				<!--begin::Number-->
				<span class="me-7">557</span>
				<!--end::Number-->
				<!--begin::Statistics-->
				<span class="m-0">{% getSvgIcon 'duotune/arrows/arr067.svg' 'svg-icon svg-icon-7 svg-icon-success' %} % 0.3</span>
				<!--end::Statistics-->
			</div>
			<!--end::Wrapper-->
		</div>
		<!--end::Item-->
		<!--begin::Item-->
		<div class="d-flex flex-stack mb-8">
			<!--begin::Section-->
			<div class="d-flex align-items-center me-5">
				<!--begin::Flag-->
				<img src="assets/media/flags/france.svg" class="me-3" style="width: 20px;border-radius: 4px" alt="" />
				<!--end::Flag-->
				<a href="#" class="text-dark fw-bold text-hover-primary fs-6">France</a>
			</div>
			<!--end::Section-->
			<!--begin::Wrapper-->
			<div class="text-gray-800 fw-bold fs-6">
				<!--begin::Number-->
				<span class="me-7">308</span>
				<!--end::Number-->
				<!--begin::Statistics-->
				<span class="m-0">{% getSvgIcon 'duotune/arrows/arr067.svg' 'svg-icon svg-icon-7 svg-icon-success' %} % 1.9</span>
				<!--end::Statistics-->
			</div>
			<!--end::Wrapper-->
		</div>
		<!--end::Item-->
		<!--begin::Item-->
		<div class="d-flex flex-stack mb-8">
			<!--begin::Section-->
			<div class="d-flex align-items-center me-5">
				<!--begin::Flag-->
				<img src="assets/media/flags/india.svg" class="me-3" style="width: 20px;border-radius: 4px" alt="" />
				<!--end::Flag-->
				<a href="#" class="text-dark fw-bold text-hover-primary fs-6">India</a>
			</div>
			<!--end::Section-->
			<!--begin::Wrapper-->
			<div class="text-gray-800 fw-bold fs-6">
				<!--begin::Number-->
				<span class="me-7">184</span>
				<!--end::Number-->
				<!--begin::Statistics-->
				<span class="m-0">{% getSvgIcon 'duotune/arrows/arr068.svg' 'svg-icon svg-icon-7 svg-icon-danger' %} % 2.3</span>
				<!--end::Statistics-->
			</div>
			<!--end::Wrapper-->
		</div>
		<!--end::Item-->
		<!--begin::Item-->
		<div class="d-flex flex-stack mb-8">
			<!--begin::Section-->
			<div class="d-flex align-items-center me-5">
				<!--begin::Flag-->
				<img src="assets/media/flags/sweden.svg" class="me-3" style="width: 20px;border-radius: 4px" alt="" />
				<!--end::Flag-->
				<a href="#" class="text-dark fw-bold text-hover-primary fs-6">Sweden</a>
			</div>
			<!--end::Section-->
			<!--begin::Wrapper-->
			<div class="text-gray-800 fw-bold fs-6">
				<!--begin::Number-->
				<span class="me-7">62</span>
				<!--end::Number-->
				<!--begin::Statistics-->
				<span class="m-0">{% getSvgIcon 'duotune/arrows/arr067.svg' 'svg-icon svg-icon-7 svg-icon-success' %} % 4.8</span>
				<!--end::Statistics-->
			</div>
			<!--end::Wrapper-->
		</div>
		<!--end::Item-->
		<!--begin::Item-->
		<div class="d-flex flex-stack">
			<!--begin::Section-->
			<div class="d-flex align-items-center me-5">
				<!--begin::Flag-->
				<img src="assets/media/flags/cuba.svg" class="me-3" style="width: 20px;border-radius: 4px" alt="" />
				<!--end::Flag-->
				<a href="#" class="text-dark fw-bold text-hover-primary fs-6">Cuba</a>
			</div>
			<!--end::Section-->
			<!--begin::Wrapper-->
			<div class="text-gray-800 fw-bold fs-6">
				<!--begin::Number-->
				<span class="me-7">45</span>
				<!--end::Number-->
				<!--begin::Statistics-->
				<span class="m-0">{% getSvgIcon 'duotune/arrows/arr068.svg' 'svg-icon svg-icon-7 svg-icon-danger' %} % 7.5</span>
				<!--end::Statistics-->
			</div>
			<!--end::Wrapper-->
		</div>
		<!--end::Item-->
	</div>
	<!--end::Body-->
</div>
<!--end::List widget 13-->
