<!doctype html>
<html class="no-js" lang="en">

<!-- -->


<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<base />
	<title>Dashboard | <?= $sitename ?> </title>

	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1" />
	<meta name="robots" content="index, follow">
	<meta name="apple-mobile-web-app-title" content=" International Finance" />
	<meta name="application-name" content=" International Finance" />
	<meta name="msapplication-TileColor" content="#ffffff" />
	<meta name="description" content="Start banking, budgeting, and saving up to 1.90% APY when you open an FDIC-Insured Protected Goals Account." />
	<link rel="shortcut icon" href="../asset/images/logo_1653666733.png" />
	<link rel="apple-touch-icon" href="../asset/images/logo_1653666733.png" />
	<link rel="apple-touch-icon" sizes="72x72" href="../asset/images/favicon_1628670562.jpg" />
	<link rel="apple-touch-icon" sizes="114x114" href="../asset/images/favicon_1628670562.jpg" />
	<link rel="stylesheet" href="../asset/dashboard/vendor/nucleo/css/nucleo.css" type="text/css">
	<link rel="stylesheet" href="../asset/dashboard/vendor/%40fortawesome/fontawesome-free/css/all.min.css" type="text/css">
	<link rel="stylesheet" href="../asset/dashboard/vendor/datatables.net-bs4/css/dataTables.bootstrap4.min.css">
	<link rel="stylesheet" href="../asset/dashboard/vendor/datatables.net-buttons-bs4/css/buttons.bootstrap4.min.css">
	<link rel="stylesheet" href="../asset/dashboard/vendor/datatables.net-select-bs4/css/select.bootstrap4.min.css">
	<link rel="stylesheet" href="../asset/dashboard/css/argon9f1e.css?v=1.1.0" type="text/css">
	<link rel="stylesheet" href="../asset/css/gogg-translate.css" type="text/css">
	<link rel="stylesheet" href="../asset/dashboard/vendor/select2/dist/css/select2.min.css">
	<link rel="stylesheet" href="../asset/dashboard/vendor/quill/dist/quill.core.css">
	<link rel="stylesheet" href="https://printjs-4de6.kxcdn.com/print.min.css">

	<script src="//cdn.jsdelivr.net/npm/sweetalert2@10"></script>


	<style type="text/css">
		.preloader {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 9999;
			background-image: url('../assets/images/logo-2.png');
			background-repeat: no-repeat;
			background-color: #FFF;
			background-position: center;
		}
	</style>

	<style>
		.cardcc {
			width: 300px;
			height: 190px;
			-webkit-perspective: 28%;
			-moz-perspective: 250px;
			perspective: 300px;

		}

		.cardcc__part {
			box-shadow: 1px 1px #aaa3a3;
			top: 0;
			position: absolute;
			z-index: 1000;
			left: 0;
			display: inline-block;
			width: 300px;
			height: 190px;
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
			background-color: #010101;
			border-radius: 8px;

			-webkit-transition: all .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
			-moz-transition: all .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
			-ms-transition: all .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
			-o-transition: all .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
			transition: all .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
			-webkit-transform-style: preserve-3d;
			-moz-transform-style: preserve-3d;
			-webkit-backface-visibility: hidden;
			-moz-backface-visibility: hidden;
		}

		.cardcc__front {
			padding: 18px;
			-webkit-transform: rotateY(0);
			-moz-transform: rotateY(0);
		}

		.cardcc__back {
			padding: 18px 0;
			-webkit-transform: rotateY(-180deg);
			-moz-transform: rotateY(-180deg);
		}

		.cardcc__black-line {
			margin-top: 5px;
			height: 38px;
			background-color: #303030;
		}

		.cardcc__logo {
			height: 16px;
		}

		.cardcc__front-logo {
			position: absolute;
			top: 18px;
			right: 18px;
		}

		.cardcc__square {
			border-radius: 5px;
			height: 30px;
		}

		.cardcc_numer {
			display: block;
			width: 100%;
			word-spacing: 4px;
			font-size: 20px;
			letter-spacing: 2px;
			color: #fff;
			text-align: center;
			margin-bottom: 20px;
			margin-top: 20px;
		}

		.cardcc__space-75 {
			width: 75%;
			float: left;
		}

		.cardcc__space-25 {
			width: 25%;
			float: left;
		}

		.cardcc__label {
			font-size: 10px;
			text-transform: uppercase;
			color: rgba(255, 255, 255, 0.8);
			letter-spacing: 1px;
		}

		.cardcc__info {
			margin-bottom: 0;
			margin-top: 5px;
			font-size: 16px;
			line-height: 18px;
			color: #fff;
			letter-spacing: 1px;
			text-transform: uppercase;
		}

		.cardcc__back-content {
			padding: 15px 15px 0;
		}

		.cardcc__secret--last {
			color: #303030;
			text-align: right;
			margin: 0;
			font-size: 14px;
		}

		.cardcc__secret {
			padding: 5px 12px;
			background-color: #fff;
			position: relative;
		}

		.cardcc__secret:before {
			content: '';
			position: absolute;
			top: -3px;
			left: -3px;
			height: calc(100% + 6px);
			width: calc(100% - 42px);
			border-radius: 4px;
			background: repeating-linear-gradient(45deg, #ededed, #ededed 5px, #f9f9f9 5px, #f9f9f9 10px);
		}

		.cardcc__back-logo {
			position: absolute;
			bottom: 15px;
			right: 15px;
		}

		.cardcc__back-square {
			position: absolute;
			bottom: 15px;
			left: 15px;
		}

		.cardcc:hover .cardcc__front {
			-webkit-transform: rotateY(180deg);
			-moz-transform: rotateY(180deg);

		}

		.cardcc:hover .cardcc__back {
			-webkit-transform: rotateY(0deg);
			-moz-transform: rotateY(0deg);
		}
	</style>

	<style>
		.cardcc1 {
			width: 320px;
			height: 190px;
			-webkit-perspective: 98%;
			-moz-perspective: 600px;
			perspective: 600px;

		}

		.cardcc1__part {
			box-shadow: 1px 1px #aaa3a3;
			top: 0;
			position: absolute;
			z-index: 1000;
			left: 0;
			display: inline-block;
			width: 320px;
			height: 190px;
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
			background-color: #044717;
			border-radius: 8px;

			-webkit-transition: all .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
			-moz-transition: all .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
			-ms-transition: all .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
			-o-transition: all .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
			transition: all .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
			-webkit-transform-style: preserve-3d;
			-moz-transform-style: preserve-3d;
			-webkit-backface-visibility: hidden;
			-moz-backface-visibility: hidden;
		}

		.cardcc1__front {
			padding: 18px;
			-webkit-transform: rotateY(0);
			-moz-transform: rotateY(0);
		}

		.cardcc1__back {
			padding: 18px 0;
			-webkit-transform: rotateY(-180deg);
			-moz-transform: rotateY(-180deg);
		}

		.cardcc1__black-line {
			margin-top: 5px;
			height: 38px;
			background-color: #303030;
		}

		.cardcc1__logo {
			height: 16px;
		}

		.cardcc1__front-logo {
			position: absolute;
			top: 18px;
			right: 18px;
		}

		.cardcc1__square {
			border-radius: 5px;
			height: 30px;
		}

		.cardcc1_numer {
			display: block;
			width: 100%;
			word-spacing: 4px;
			font-size: 20px;
			letter-spacing: 2px;
			color: #fff;
			text-align: center;
			margin-bottom: 20px;
			margin-top: 20px;
		}

		.cardcc1__space-75 {
			width: 75%;
			float: left;
		}

		.cardcc1__space-25 {
			width: 25%;
			float: left;
		}

		.cardcc1__label {
			font-size: 10px;
			text-transform: uppercase;
			color: rgba(255, 255, 255, 0.8);
			letter-spacing: 1px;
		}

		.cardcc1__info {
			margin-bottom: 0;
			margin-top: 5px;
			font-size: 16px;
			line-height: 18px;
			color: #fff;
			letter-spacing: 1px;
			text-transform: uppercase;
		}

		.cardcc1__back-content {
			padding: 15px 15px 0;
		}

		.cardcc1__secret--last {
			color: #303030;
			text-align: right;
			margin: 0;
			font-size: 14px;
		}

		.cardcc1__secret {
			padding: 5px 12px;
			background-color: #fff;
			position: relative;
		}

		.cardcc1__secret:before {
			content: '';
			position: absolute;
			top: -3px;
			left: -3px;
			height: calc(100% + 6px);
			width: calc(100% - 42px);
			border-radius: 4px;
			background: repeating-linear-gradient(45deg, #ededed, #ededed 5px, #f9f9f9 5px, #f9f9f9 10px);
		}

		.cardcc1__back-logo {
			position: absolute;
			bottom: 15px;
			right: 15px;
		}

		.cardcc1__back-square {
			position: absolute;
			bottom: 15px;
			left: 15px;
		}

		.cardcc1:hover .cardcc1__front {
			-webkit-transform: rotateY(180deg);
			-moz-transform: rotateY(180deg);

		}

		.cardcc1:hover .cardcc1__back {
			-webkit-transform: rotateY(0deg);
			-moz-transform: rotateY(0deg);
		}

		.custom-select {
			position: absolute;
			z-index: 100000;

		}
	</style>
	<!-- logout script -->

	<?php

	include('../includes/select_language.php');

	?>