diff --git a/app/Http/Controllers/Admin/AdminDashboardController.php b/app/Http/Controllers/Admin/AdminDashboardController.php
index f7f118f5..5b56d105 100644
--- a/app/Http/Controllers/Admin/AdminDashboardController.php
+++ b/app/Http/Controllers/Admin/AdminDashboardController.php
@@ -4,14 +4,33 @@ namespace App\Http\Controllers\Admin;
 
 use App\Http\Controllers\Controller;
 use Illuminate\Http\Request;
+use Carbon\Carbon;
 use App\Models\Transactions;
+use App\Models\Transaction;
+use App\Models\Refund;
 use Illuminate\Support\Facades\Auth;
 
 class AdminDashboardController extends Controller
 {
     public function index(){
+        $sumSettlement = 0;
+        $sumCancelled = 0;
+        $sumRefund = 0;
+        $currentYear = Carbon::now()->year;
+        $dataChartTransaction = [];
+        $dataChartRefund = [];
+        for($bulan = 1; $bulan <= 12; $bulan++){
+            $transaction = Transaction::whereMonth('created_at',$bulan)->whereYear('created_at', $currentYear)->sum('total_bayar');
+            // $transaction = Transaction::where('status','finished')->whereMonth('created_at',$bulan)->whereYear('created_at', $currentYear)->sum('total_bayar');
+            // $refund = Refund::whereMonth('created_at',$bulan)->whereYear('created_at', $currentYear)->sum('total');
+            // $refund = Refund::where('status','Partial Refund')->whereMonth('created_at',$bulan)->whereYear('created_at', $currentYear)->sum('total');
+            $dataChartTransaction[] = intval($transaction);
+            // $dataChartRefund[] = intval($refund);
+        }
         return view('admin.index',[
-            "transaction"=>Transactions::allTransactions()
+            "transaction"=>Transactions::allTransactions(),
+            "dataChartTransaction" => $dataChartTransaction,
+            // "dataChartRefund" => $dataChartRefund
         ]);
     }
 
diff --git a/app/Http/Controllers/Login/LoginController.php b/app/Http/Controllers/Login/LoginController.php
index 4bf270a7..4a58e06a 100644
--- a/app/Http/Controllers/Login/LoginController.php
+++ b/app/Http/Controllers/Login/LoginController.php
@@ -34,10 +34,6 @@ class LoginController extends Controller
 
     public function login()
     {
-        $provinces = Province::all();
-        $cities = City::all();
-        $districts = District::all();
-        $villages = Village::all();
         return view('index');
     }
 
@@ -49,10 +45,18 @@ class LoginController extends Controller
     public function authenticate(Request $request)
     {
         // dd($request);
-        $credentials = $request->validate([
-            'email' => ['required', 'email'],
-            'password' => ['required', 'min:8'],
-        ]);
+        $credentials = $request->validate(
+            [
+                'email' => ['required', 'email'],
+                'password' => ['required', 'min:8'],
+            ],
+            [
+                'email.required' => 'Alamat email wajib diisi.',
+                'email.email' => 'Alamat email harus berformat valid.',
+                'password.required' => 'Password wajib diisi.',
+                'password.min' => 'Password harus memiliki panjang minimal 8 karakter.',
+            ]
+        );
 
         if (Auth::attempt($credentials)) {
             if (Auth::user()->status == 'Finished') {
@@ -63,17 +67,22 @@ class LoginController extends Controller
                 } else {
                     return redirect()->intended('user');
                 }
+            } else if(Auth::user()->status == 'Rejected'){
+                Session::flash('message', 'Akun ditolak karena tidak memenuhi persyaratan');
+                return redirect()->back();
             } else {
                 Session::flash('message', 'Akun tidak ditemukan atau sedang dalam pengajuan');
                 return redirect()->back();
             }
         }
 
+        // $error = $credentials->errors();
+        // ->withInput($request->except('key'))
+        // ->withErrors($validator)
+
         return redirect()
             ->back()
-            ->withErrors([
-                'email' => 'Email dengan' . $credentials['email'] . ' tidak tersedia.',
-            ])
+            ->withErrors($credentials)
             ->onlyInput('email');
     }
 
@@ -95,7 +104,6 @@ class LoginController extends Controller
 
     public function register(Request $request)
     {
-        // input
         $nama_depan = $request->get('nama-depan');
         $nama_belakang = $request->get('nama-belakang');
         $tanggal_lahir = $request->get('tanggal-lahir');
@@ -147,7 +155,7 @@ class LoginController extends Controller
             $namaOCR = '';
             $nikOCR = '';
             $nikInputan = $nik;
-            $namaInputan = $nama_depan.' '.$nama_belakang;
+            $namaInputan = $nama_depan . ' ' . $nama_belakang;
 
             foreach ($lines as $line) {
                 // Mencari NIK
@@ -163,7 +171,7 @@ class LoginController extends Controller
 
             //Selesai
 
-            $persentase_kemiripan = (similar_text($nikInputan, $nikOCR, $percent) + similar_text($namaOCR, $namaOCR, $percent))/2;
+            $persentase_kemiripan = (similar_text($nikInputan, $nikOCR, $percent) + similar_text($namaOCR, $namaOCR, $percent)) / 2;
             // $status = 'Progress';
 
             // if (similar_text($nikInputan, $nikOCR, $percent) >= 70 && similar_text($namaOCR, $namaOCR, $percent) >= 70) {
@@ -171,7 +179,6 @@ class LoginController extends Controller
             // } else {
             //     $status = 'Progress';
             // }
-
         } catch (\Exception $e) {
             // $status = 'Progress';
         }
@@ -264,30 +271,31 @@ class LoginController extends Controller
         return response()->json($data);
     }
 
-    public function kirimKodeVerifikasi(Request $request){
+    public function kirimKodeVerifikasi(Request $request)
+    {
         $email = $request->get('email');
         $code = $request->get('code');
 
         $verificationEmail = [
             'code' => $code,
-            'email' => $email
+            'email' => $email,
         ];
-        try{
+        try {
             Mail::to($email)->send(new verificationMail($verificationEmail));
             return response()->json([
                 'message' => 'Kode verifikasi berhasil dikirim ke email. Silahkan cek di email anda.',
                 'status' => true,
             ]);
-
-        }catch(\Exception $e){
+        } catch (\Exception $e) {
             return response()->json([
-                'message' => 'Kode verifikasi gagal dikirim ke email. '.$e,
+                'message' => 'Kode verifikasi gagal dikirim ke email. ' . $e,
                 'status' => false,
             ]);
         }
     }
 
-    public function getOcr(){
+    public function getOcr()
+    {
         //OCR
         // dd(phpinfo());
         try {
@@ -325,7 +333,7 @@ class LoginController extends Controller
 
             //Selesai
 
-            $persentase_kemiripan = (similar_text($nikInputan, $nikOCR, $percent) + similar_text($namaOCR, $namaOCR, $percent))/2;
+            $persentase_kemiripan = (similar_text($nikInputan, $nikOCR, $percent) + similar_text($namaOCR, $namaOCR, $percent)) / 2;
             // $status = 'Progress';
 
             dd([$persentase_kemiripan, $lines]);
@@ -335,7 +343,6 @@ class LoginController extends Controller
             // } else {
             //     $status = 'Progress';
             // }
-
         } catch (\Exception $e) {
             // $status = 'Progress';
             dd($e);
diff --git a/app/Http/Controllers/User/UserTransactionController.php b/app/Http/Controllers/User/UserTransactionController.php
index 45142ffd..fce2cc3a 100644
--- a/app/Http/Controllers/User/UserTransactionController.php
+++ b/app/Http/Controllers/User/UserTransactionController.php
@@ -3,6 +3,7 @@
 namespace App\Http\Controllers\User;
 
 use App\Models\Transaction;
+use App\Models\TransactionDescription;
 use App\Http\Controllers\Controller;
 use App\Models\Setting;
 use Illuminate\Http\Request;
@@ -14,6 +15,7 @@ use Illuminate\Support\Facades\Auth;
 use Ramsey\Uuid\Uuid;
 use Midtrans\Config;
 use Midtrans\Snap;
+use Midtrans\Transaction as Trans;
 
 class UserTransactionController extends Controller
 {
@@ -23,9 +25,11 @@ class UserTransactionController extends Controller
     public function indexPembeli()
     {
         return view('user.transaction.pembeli.index', [
-            'name' => 'npannisa',
-            'TransactionUser' => TransactionUser::HistoryTransaction(),
+            'transactions' => Transaction::where('pembeli', Auth::user()->email)
+                ->latest()
+                ->get(),
         ]);
+        // dd(Transaction::where('pembeli',Auth::user()->email)->get());
     }
 
     /**
@@ -33,18 +37,19 @@ class UserTransactionController extends Controller
      */
     public function indexPenjual()
     {
-        return view('user.transaction.penjual.transaction-penjual', [
-            'name' => 'npannisa',
-            'TransactionUser' => TransactionUser::HistoryTransaction(),
+        return view('user.transaction.penjual.index', [
+            'transactions' => Transaction::where('penjual', Auth::user()->email)->get(),
         ]);
     }
 
     public function detailTransaction($id)
     {
         return view('user.transaction.pembeli.detail-transaction', [
-            'name' => 'npannisa',
-            'TransactionUser' => TransactionUser::HistoryTransaction(),
+            'transaction' => Transaction::findOrFail($id),
+            'trackings' => TransactionDescription::where('order_id', $id)->get(),
         ]);
+
+        // dd(Transaction::findOrFail($id));
     }
 
     /**
@@ -52,10 +57,7 @@ class UserTransactionController extends Controller
      */
     public function createTransaction(Request $request)
     {
-        return view('user.transaction.pembeli.new-transaction', [
-            'name' => 'npannisa',
-            'TransactionUser' => TransactionUser::HistoryTransaction(),
-        ]);
+        return view('user.transaction.pembeli.new-transaction');
     }
 
     /**
@@ -82,40 +84,69 @@ class UserTransactionController extends Controller
         $nama_depan_pembeli = Auth::user()->nama_depan;
         $nama_belakang_pembeli = Auth::user()->nama_belakang;
         $nohp_pembeli = Auth::user()->nohp;
-        $nama_penjual = User::where('email', $penjual);
+        $nama_penjual = User::where('email', $penjual)->value('nama_depan');
+        $alamat = ucwords(strtolower(Auth::user()->alamat));
+        $id = Uuid::uuid4();
 
-        $now = Carbon::now();
+        $now = Carbon::now()->tz('Asia/Jakarta');
         $bulan = $now->format('F');
         $tahun = $now->year;
 
         // $persentase_keuntungan = Setting::where('status','Active')
         // ->where('bulan','=',$bulan)
         // ->where('tahun','=',$tahun)->get();
-        $persentase_keuntungan = floatval('5');
+        $persentase_keuntungan = $request->get('persentase_keuntungan');
 
-        $total_harga = $jumlah_barang * $harga_barang;
-        $total_keuntungan = $persentase_keuntungan * $total_harga;
-        $biaya_admin = 0.1;
-        $total_bayar = intval($biaya_admin + $total_keuntungan + $total_harga);
+        $total_harga = $request->get('total_harga');
+        $total_keuntungan = $request->get('total_keuntungan');
+        $total_bayar = $request->get('total_bayar');
+
+        $batas_pembayaran = $now->addDays(1)->toDateTimeString();
+        $batas_pengiriman_barang_awal = $now->addDays(2)->toDateTimeString();
+        $batas_pengiriman_barang_akhir = $now->addDays(5)->toDateTimeString();
 
         $params = [
             'transaction_details' => [
-                'order_id' => Uuid::uuid4(),
+                'order_id' => $id,
                 'gross_amount' => $total_bayar,
             ],
             'item_details' => [
                 [
-                    'id' => $nama_barang.time(),
-                    'price' => $total_bayar,
-                    'quantity' => 1,
+                    'id' => $nama_barang . time(),
+                    'price' => $harga_barang,
+                    'quantity' => $jumlah_barang,
                     'name' => $nama_barang,
                 ],
+                [
+                    'id' => 'BA01',
+                    'price' => $total_keuntungan,
+                    'quantity' => 1,
+                    'name' => 'Biaya Admin',
+                ],
             ],
             'customer_details' => [
                 'firts_name' => $nama_depan_pembeli,
                 'last_name' => $nama_belakang_pembeli,
                 'email' => $pembeli,
                 'phone' => $nohp_pembeli,
+                'billing' => [
+                    'first_name' => $nama_depan_pembeli,
+                    'last_name' => $nama_belakang_pembeli,
+                    'email' => $pembeli,
+                    'phone' => $nohp_pembeli,
+                    'address' => Auth::user()->alamat,
+                    'city' => '',
+                    'postal_code' => '12190',
+                    'country_code' => 'IDN',
+                ],
+            ],
+            'callbacks' => [
+                'finish' => 'http://127.0.0.1:8000/user/user-transaction-pembeli/',
+            ],
+            'expiry' => [
+                'start_time' => $now->format('Y-m-d H:i:s P'),
+                'unit' => 'days',
+                'duration' => 1,
             ],
         ];
 
@@ -128,11 +159,9 @@ class UserTransactionController extends Controller
 
         $snap_token = Snap::getSnapToken($params);
         $token = $snap_token;
-        $batas_pembayaran = $now->addDays(2)->toDateTimeString();
-        $batas_pengiriman_barang = $now->addDays(6)->toDateTimeString();
-        $status = 'Pending';
+        $status = 'pending';
         $query = Transaction::create([
-            'id' => Uuid::uuid4(),
+            'id' => $id,
             'pembeli' => $pembeli,
             'penjual' => $penjual,
             'nama_barang' => $nama_barang,
@@ -142,32 +171,79 @@ class UserTransactionController extends Controller
             'jumlah_barang' => $jumlah_barang,
             'persentase_keuntungan' => $persentase_keuntungan,
             'total_keuntungan' => $total_keuntungan,
-            'biaya_admin' => $biaya_admin,
             'total_harga' => $total_harga,
             'total_bayar' => $total_bayar,
             'token' => $token,
             'status' => $status,
             'batas_pembayaran' => $batas_pembayaran,
-            'batas_pengiriman_barang' => $batas_pengiriman_barang,
+            'batas_pengiriman_barang_awal' => $batas_pengiriman_barang_awal,
+            'batas_pengiriman_barang_akhir' => $batas_pengiriman_barang_akhir,
         ]);
 
-        return response()->json($query);
+        if ($query) {
+            TransactionDescription::create([
+                'order_id' => $id,
+                'status' => $status,
+                'user' => $pembeli,
+                'judul' => 'fa fa-plus',
+                'background' => 'bg-buyer',
+                'deskripsi' => $nama_depan_pembeli . ' telah membuat transaksi baru dengan ' . $nama_penjual,
+            ]);
+            return response()->json([
+                'status' => true,
+                'message' => 'Berhasil menambahkan transaksi. Silahkan lakukan pembayaran.',
+            ]);
+        } else {
+            return response()->json([
+                'status' => false,
+                'message' => 'Gagal menambahkan transaksi.',
+            ]);
+        }
+    }
 
-        // $result_api = json_decode($response->body(), true);
+    public function updateStatusTransaction(Request $request)
+    {
+    }
 
-        // $token = '124';
-        // $redirect_url = 'haha';
+    public function acceptTransaction(Request $request)
+    {
+    }
 
-        // // save to db
-        // $payment = new payment;
-        // $payment->order_id = $params['transaction_details'][ 'order_id'];
-        // $payment->status = 'pending';
-        // $payment->price = $request->price;
-        // $payment->customer_firts_name = $request->customer_firts_name;
-        // $payment->customer_email = $request->customer_email;
-        // $payment->item_name = $request->item_name;
-        // $payment->checkout_link = $response['redirect_url'];
-        // $payment->save();
+    public function paymentTransaction(Request $request, $id)
+    {
+        Config::$serverKey = 'SB-Mid-server-8rydZAwKoWuoQ6g_3ot0-K7p';
+        Config::$isProduction = false;
+        // Set sanitization on (default)
+        Config::$isSanitized = true;
+        // Set 3DS transaction for credit card to true
+        Config::$is3ds = true;
+
+        $payment = Trans::status($id);
+        $result = json_decode(json_encode($payment), true);
+        $query = Transaction::where('id', $id)->update([
+            'acquire' => $result['acquirer'],
+            'currency' => $result['currency'],
+            'fraud_status' => $result['fraud_status'],
+            'issuer' => $result['issuer'],
+            'merchant_id' => $result['merchant_id'],
+            'metode_pembayaran' => $result['payment_type'],
+            'tanggal_pembayaran' => $result['settlement_time'],
+            'signature_key' => $result['signature_key'],
+            'status' => $result['transaction_status'],
+            'tipe_transaction' => $result['transaction_type'],
+            'status_code' => $result['status_code'],
+        ]);
+        if ($query) {
+            return response()->json([
+                'status' => true,
+                'message' => 'Pembayaran sukses. Proses akan dilanjutkan ke penjual',
+            ]);
+        } else {
+            return response()->json([
+                'status' => false,
+                'message' => 'Pembayaran gagal',
+            ]);
+        }
     }
 
     /**
diff --git a/app/Models/TransactionDescription.php b/app/Models/TransactionDescription.php
index 73dee30a..2de4dc0d 100644
--- a/app/Models/TransactionDescription.php
+++ b/app/Models/TransactionDescription.php
@@ -18,6 +18,8 @@ class TransactionDescription extends Model
         'order_id',
         'user',
         'judul',
+        'status',
+        'background',
         'deskripsi'
     ];
 
diff --git a/app/Models/transaction.php b/app/Models/transaction.php
index 3f3c2b29..0be7a712 100644
--- a/app/Models/transaction.php
+++ b/app/Models/transaction.php
@@ -25,13 +25,13 @@ class Transaction extends Model
         'jumlah_barang',
         'persentase_keuntungan',
         'total_keuntungan',
-        'biaya_admin',
         'total_harga',
         'total_bayar',
         'token',
         'status',
         'batas_pembayaran',
-        'batas_pengiriman_barang',
+        'batas_pengiriman_barang_awal',
+        'batas_pengiriman_barang_akhir',
     ];
 
     /**
@@ -46,12 +46,12 @@ class Transaction extends Model
     ];
 
     //Relasi
-    public function pembeli(){
-        return $this->belongsTo(User::class, 'email', 'pembeli');
+    public function data_pembeli(){
+        return $this->belongsTo(User::class, 'pembeli', 'email');
     }
 
-    public function penjual(){
-        return $this->belongsTo(User::class, 'email', 'penjual');
+    public function data_penjual(){
+        return $this->belongsTo(User::class, 'penjual', 'email');
     }
 
     public function refunds(){
diff --git a/database/migrations/2023_08_01_073859_create_transactions_table.php b/database/migrations/2023_08_01_073859_create_transactions_table.php
index 9b34f690..abfe6318 100644
--- a/database/migrations/2023_08_01_073859_create_transactions_table.php
+++ b/database/migrations/2023_08_01_073859_create_transactions_table.php
@@ -22,15 +22,23 @@ return new class extends Migration
             $table->double('jumlah_barang');
             $table->double('persentase_keuntungan'); // persentase keuntungan
             $table->double('total_keuntungan'); // perolehan keuntungan
-            $table->double('biaya_admin'); // biaya tambahan
             $table->double('total_harga'); // gross amount
             $table->double('total_bayar');
             $table->string('signature_key')->nullable();
             $table->string('token');
             $table->string('metode_pembayaran')->nullable();
-            $table->enum('status',['Settlement','Capture','Pending','Cancel','Refund','Expire','Failure','Progress','Failed'])->default('Pending'); // transaction_status
+            $table->string('acquire')->nullable();
+            $table->string('issuer')->nullable();
+            $table->char('currency',3)->nullable();
+            $table->string('fraud_status')->nullable();
+            $table->string('merchant_id')->nullable();
+            $table->string('status_code')->nullable();
+            $table->string('tipe_transaction')->nullable();
+            $table->enum('status',['settlement','capture','pending','cancel','refund','expire','failure','progress','failed','sending','sended','finished'])->default('pending'); // transaction_status
             $table->timestamp('batas_pembayaran');
-            $table->timestamp('batas_pengiriman_barang');
+            $table->timestamp('batas_pengiriman_barang_awal');
+            $table->timestamp('batas_pengiriman_barang_akhir');
+            $table->timestamp('tanggal_pembayaran')->nullable();
             $table->timestamps();
             $table->foreign('pembeli')->on('users')->references('email');
             $table->foreign('penjual')->on('users')->references('email');
diff --git a/database/migrations/2023_08_16_044527_create_refunds_table.php b/database/migrations/2023_08_16_044527_create_refunds_table.php
index 10d56290..25e60e5e 100644
--- a/database/migrations/2023_08_16_044527_create_refunds_table.php
+++ b/database/migrations/2023_08_16_044527_create_refunds_table.php
@@ -16,8 +16,8 @@ return new class extends Migration
             $table->foreignUuid('order_id');
             $table->double('total',10);
             $table->timestamp('due_date');
-            $table->enum('status',['Partial Refund','Deny','Pending'])->default('Pending');
-
+            $table->enum('status',['partial refund','deny','pending'])->default('Pending');
+            $table->timestamps();
             $table->foreign('order_id')->on('transactions')->references('id');
         });
     }
diff --git a/database/migrations/2023_08_27_074453_create_settings_table.php b/database/migrations/2023_08_27_074453_create_settings_table.php
index 748ad801..ce097fd2 100644
--- a/database/migrations/2023_08_27_074453_create_settings_table.php
+++ b/database/migrations/2023_08_27_074453_create_settings_table.php
@@ -15,7 +15,7 @@ return new class extends Migration
             $table->id();
             $table->string('bulan',20);
             $table->string('tahun',5);
-            $table->string('persentase',5);
+            $table->integer('persentase');
             $table->enum('status',['Active', 'Nonactive']);
             $table->timestamps();
         });
diff --git a/database/migrations/2023_09_04_022513_create_transaction_descriptions_table.php b/database/migrations/2023_09_04_022513_create_transaction_descriptions_table.php
index 871cd3fa..43098c4d 100644
--- a/database/migrations/2023_09_04_022513_create_transaction_descriptions_table.php
+++ b/database/migrations/2023_09_04_022513_create_transaction_descriptions_table.php
@@ -16,6 +16,7 @@ return new class extends Migration
             $table->foreignUuid('order_id');
             $table->string('status',15);
             $table->string('user');
+            $table->string('background');
             $table->string('judul');
             $table->string('deskripsi');
             $table->timestamps();
diff --git a/database/seeders/DatabaseSeeder.php b/database/seeders/DatabaseSeeder.php
index 7c9e70d2..fd3a3975 100644
--- a/database/seeders/DatabaseSeeder.php
+++ b/database/seeders/DatabaseSeeder.php
@@ -5,6 +5,8 @@ namespace Database\Seeders;
 // use Illuminate\Database\Console\Seeds\WithoutModelEvents;
 use Illuminate\Database\Seeder;
 use App\Models\User;
+use Carbon\Carbon;
+use App\Models\Setting;
 use Illuminate\Support\Str;
 use Faker\Factory as FakerFactory;
 use Faker\Provider\id_ID\Person as Person;
@@ -33,22 +35,26 @@ class DatabaseSeeder extends Seeder
             'password' => '$2y$10$92IXUNpkjO0rOQ5byMi.Ye4oKoEa3Ro9llC/.og/at2.uheWG/igi', // password
             'remember_token' => Str::random(10),
             'role' => 'Admin',
-            'nik' => $faker->nik($faker->randomElement(['male','female']), $faker->dateTimeBetween('-65 years', '-18 years')),
-            'alamat'=> $faker->address,
-            'nohp'=> $faker->phoneNumber(),
-            'status'=> 'Finished',
+            'nik' => $faker->nik($faker->randomElement(['male', 'female']), $faker->dateTimeBetween('-65 years', '-18 years')),
+            'alamat' => $faker->address,
+            'nohp' => $faker->phoneNumber(),
+            'status' => 'Finished',
             'persentase_kemiripan' => '100%',
             'gender' => $faker->randomElement(['Laki-laki', 'Perempuan']),
             'kode_kelurahan' => '1101012002',
         ]);
         User::factory(20)->create();
 
-        $this->call([
-            ProvincesSeeder::class,
-            CitiesSeeder::class,
-            DistrictsSeeder::class,
-            VillagesSeeder::class,
+        $now = Carbon::now()->tz('Asia/Jakarta');
+        $bulan = $now->format('F');
+        $tahun = $now->year;
+        Setting::factory()->create([
+            'bulan' => $bulan,
+            'tahun' => $tahun,
+            'persentase' => 5,
+            'status' => 'Active'
         ]);
 
+        $this->call([ProvincesSeeder::class, CitiesSeeder::class, DistrictsSeeder::class, VillagesSeeder::class]);
     }
 }
diff --git a/public/assets/css/style.css b/public/assets/css/style.css
index 1903ad7c..b1643918 100644
--- a/public/assets/css/style.css
+++ b/public/assets/css/style.css
@@ -83,6 +83,14 @@ a:not(.btn-social-icon):not(.btn-social):not(.page-link) .fab {
     background-color: #ba2760 !important;
 }
 
+.bg-buyer {
+    background-color: #d6760f !important;
+}
+
+.bg-seller {
+    background-color: #02a393 !important;
+}
+
 .bg-secondary {
     background-color: #cdd3d8 !important;
 }
@@ -3486,10 +3494,58 @@ pre {
     margin-right: 15px;
 }
 
+.section .section-buyer {
+    font-size: 18px;
+    color: #191d21;
+    font-weight: 600;
+    position: relative;
+    margin: 30px 0 25px 0;
+}
+
+.section .section-buyer:before {
+    content: " ";
+    border-radius: 5px;
+    height: 8px;
+    width: 30px;
+    background-color: #d6760f;
+    display: inline-block;
+    float: left;
+    margin-top: 6px;
+    margin-right: 15px;
+}
+
+.section .section-seller {
+    font-size: 18px;
+    color: #191d21;
+    font-weight: 600;
+    position: relative;
+    margin: 30px 0 25px 0;
+}
+
+.section .section-seller:before {
+    content: " ";
+    border-radius: 5px;
+    height: 8px;
+    width: 30px;
+    background-color: #0cf9e1;
+    display: inline-block;
+    float: left;
+    margin-top: 6px;
+    margin-right: 15px;
+}
+
 .section .section-title + .section-lead {
     margin-top: -20px;
 }
 
+.section .section-buyer + .section-lead {
+    margin-top: -20px;
+}
+
+.section .section-seller + .section-lead {
+    margin-top: -20px;
+}
+
 .section .section-lead {
     margin-left: 45px;
 }
@@ -3509,6 +3565,14 @@ pre {
         font-size: 14px;
     }
 
+    .section .section-buyer {
+        font-size: 14px;
+    }
+
+    .section .section-seller {
+        font-size: 14px;
+    }
+
     .section .section-header {
         flex-wrap: wrap;
         margin-bottom: 20px !important;
diff --git a/public/assets/js/page/modules-datatables.js b/public/assets/js/page/modules-datatables.js
index d2168f06..9d5dd38b 100644
--- a/public/assets/js/page/modules-datatables.js
+++ b/public/assets/js/page/modules-datatables.js
@@ -52,6 +52,6 @@ $("#table-2").dataTable({
 
 // Transaksi pembeli
 $("#table-3").dataTable({
-    columnDefs: [{ sortable: false, targets: [6] }],
+    columnDefs: [{ sortable: false, targets: [5] }],
     searchable: true,
 });
diff --git a/public/assets/modules/fontawesome/css/all.css b/public/assets/modules/fontawesome/css/all.css
index 65910586..fed9aaab 100644
--- a/public/assets/modules/fontawesome/css/all.css
+++ b/public/assets/modules/fontawesome/css/all.css
@@ -7,4007 +7,5331 @@
 .far,
 .fal,
 .fab {
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
-  display: inline-block;
-  font-style: normal;
-  font-variant: normal;
-  text-rendering: auto;
-  line-height: 1; }
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-font-smoothing: antialiased;
+    display: inline-block;
+    font-style: normal;
+    font-variant: normal;
+    text-rendering: auto;
+    line-height: 1;
+}
 
 .fa-lg {
-  font-size: 1.33333em;
-  line-height: 0.75em;
-  vertical-align: -.0667em; }
+    font-size: 1.33333em;
+    line-height: 0.75em;
+    vertical-align: -0.0667em;
+}
 
 .fa-xs {
-  font-size: .75em; }
+    font-size: 0.75em;
+}
 
 .fa-sm {
-  font-size: .875em; }
+    font-size: 0.875em;
+}
 
 .fa-1x {
-  font-size: 1em; }
+    font-size: 1em;
+}
 
 .fa-2x {
-  font-size: 2em; }
+    font-size: 2em;
+}
 
 .fa-3x {
-  font-size: 3em; }
+    font-size: 3em;
+}
 
 .fa-4x {
-  font-size: 4em; }
+    font-size: 4em;
+}
 
 .fa-5x {
-  font-size: 5em; }
+    font-size: 5em;
+}
 
 .fa-6x {
-  font-size: 6em; }
+    font-size: 6em;
+}
 
 .fa-7x {
-  font-size: 7em; }
+    font-size: 7em;
+}
 
 .fa-8x {
-  font-size: 8em; }
+    font-size: 8em;
+}
 
 .fa-9x {
-  font-size: 9em; }
+    font-size: 9em;
+}
 
 .fa-10x {
-  font-size: 10em; }
+    font-size: 10em;
+}
 
 .fa-fw {
-  text-align: center;
-  width: 1.25em; }
+    text-align: center;
+    width: 1.25em;
+}
 
 .fa-ul {
-  list-style-type: none;
-  margin-left: 2.5em;
-  padding-left: 0; }
-  .fa-ul > li {
-    position: relative; }
+    list-style-type: none;
+    margin-left: 2.5em;
+    padding-left: 0;
+}
+.fa-ul > li {
+    position: relative;
+}
 
 .fa-li {
-  left: -2em;
-  position: absolute;
-  text-align: center;
-  width: 2em;
-  line-height: inherit; }
+    left: -2em;
+    position: absolute;
+    text-align: center;
+    width: 2em;
+    line-height: inherit;
+}
 
 .fa-border {
-  border: solid 0.08em #eee;
-  border-radius: .1em;
-  padding: .2em .25em .15em; }
+    border: solid 0.08em #eee;
+    border-radius: 0.1em;
+    padding: 0.2em 0.25em 0.15em;
+}
 
 .fa-pull-left {
-  float: left; }
+    float: left;
+}
 
 .fa-pull-right {
-  float: right; }
+    float: right;
+}
 
 .fa.fa-pull-left,
 .fas.fa-pull-left,
 .far.fa-pull-left,
 .fal.fa-pull-left,
 .fab.fa-pull-left {
-  margin-right: .3em; }
+    margin-right: 0.3em;
+}
 
 .fa.fa-pull-right,
 .fas.fa-pull-right,
 .far.fa-pull-right,
 .fal.fa-pull-right,
 .fab.fa-pull-right {
-  margin-left: .3em; }
+    margin-left: 0.3em;
+}
 
 .fa-spin {
-  -webkit-animation: fa-spin 2s infinite linear;
-          animation: fa-spin 2s infinite linear; }
+    -webkit-animation: fa-spin 2s infinite linear;
+    animation: fa-spin 2s infinite linear;
+}
 
 .fa-pulse {
-  -webkit-animation: fa-spin 1s infinite steps(8);
-          animation: fa-spin 1s infinite steps(8); }
+    -webkit-animation: fa-spin 1s infinite steps(8);
+    animation: fa-spin 1s infinite steps(8);
+}
 
 @-webkit-keyframes fa-spin {
-  0% {
-    -webkit-transform: rotate(0deg);
-            transform: rotate(0deg); }
-  100% {
-    -webkit-transform: rotate(360deg);
-            transform: rotate(360deg); } }
+    0% {
+        -webkit-transform: rotate(0deg);
+        transform: rotate(0deg);
+    }
+    100% {
+        -webkit-transform: rotate(360deg);
+        transform: rotate(360deg);
+    }
+}
 
 @keyframes fa-spin {
-  0% {
-    -webkit-transform: rotate(0deg);
-            transform: rotate(0deg); }
-  100% {
-    -webkit-transform: rotate(360deg);
-            transform: rotate(360deg); } }
+    0% {
+        -webkit-transform: rotate(0deg);
+        transform: rotate(0deg);
+    }
+    100% {
+        -webkit-transform: rotate(360deg);
+        transform: rotate(360deg);
+    }
+}
 
 .fa-rotate-90 {
-  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-  -webkit-transform: rotate(90deg);
-          transform: rotate(90deg); }
+    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
+    -webkit-transform: rotate(90deg);
+    transform: rotate(90deg);
+}
 
 .fa-rotate-180 {
-  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-  -webkit-transform: rotate(180deg);
-          transform: rotate(180deg); }
+    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
+    -webkit-transform: rotate(180deg);
+    transform: rotate(180deg);
+}
 
 .fa-rotate-270 {
-  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-  -webkit-transform: rotate(270deg);
-          transform: rotate(270deg); }
+    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
+    -webkit-transform: rotate(270deg);
+    transform: rotate(270deg);
+}
 
 .fa-flip-horizontal {
-  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-  -webkit-transform: scale(-1, 1);
-          transform: scale(-1, 1); }
+    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
+    -webkit-transform: scale(-1, 1);
+    transform: scale(-1, 1);
+}
 
 .fa-flip-vertical {
-  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-  -webkit-transform: scale(1, -1);
-          transform: scale(1, -1); }
+    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
+    -webkit-transform: scale(1, -1);
+    transform: scale(1, -1);
+}
 
 .fa-flip-horizontal.fa-flip-vertical {
-  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-  -webkit-transform: scale(-1, -1);
-          transform: scale(-1, -1); }
+    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
+    -webkit-transform: scale(-1, -1);
+    transform: scale(-1, -1);
+}
 
 :root .fa-rotate-90,
 :root .fa-rotate-180,
 :root .fa-rotate-270,
 :root .fa-flip-horizontal,
 :root .fa-flip-vertical {
-  -webkit-filter: none;
-          filter: none; }
+    -webkit-filter: none;
+    filter: none;
+}
 
 .fa-stack {
-  display: inline-block;
-  height: 2em;
-  line-height: 2em;
-  position: relative;
-  vertical-align: middle;
-  width: 2.5em; }
+    display: inline-block;
+    height: 2em;
+    line-height: 2em;
+    position: relative;
+    vertical-align: middle;
+    width: 2.5em;
+}
 
 .fa-stack-1x,
 .fa-stack-2x {
-  left: 0;
-  position: absolute;
-  text-align: center;
-  width: 100%; }
+    left: 0;
+    position: absolute;
+    text-align: center;
+    width: 100%;
+}
 
 .fa-stack-1x {
-  line-height: inherit; }
+    line-height: inherit;
+}
 
 .fa-stack-2x {
-  font-size: 2em; }
+    font-size: 2em;
+}
 
 .fa-inverse {
-  color: #fff; }
+    color: #fff;
+}
 
 /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
 readers do not read off random characters that represent icons */
 .fa-500px:before {
-  content: "\f26e"; }
+    content: "\f26e";
+}
 
 .fa-accessible-icon:before {
-  content: "\f368"; }
+    content: "\f368";
+}
 
 .fa-accusoft:before {
-  content: "\f369"; }
+    content: "\f369";
+}
 
 .fa-acquisitions-incorporated:before {
-  content: "\f6af"; }
+    content: "\f6af";
+}
 
 .fa-ad:before {
-  content: "\f641"; }
+    content: "\f641";
+}
 
 .fa-address-book:before {
-  content: "\f2b9"; }
+    content: "\f2b9";
+}
 
 .fa-address-card:before {
-  content: "\f2bb"; }
+    content: "\f2bb";
+}
 
 .fa-adjust:before {
-  content: "\f042"; }
+    content: "\f042";
+}
 
 .fa-adn:before {
-  content: "\f170"; }
+    content: "\f170";
+}
 
 .fa-adversal:before {
-  content: "\f36a"; }
+    content: "\f36a";
+}
 
 .fa-affiliatetheme:before {
-  content: "\f36b"; }
+    content: "\f36b";
+}
 
 .fa-air-freshener:before {
-  content: "\f5d0"; }
+    content: "\f5d0";
+}
 
 .fa-algolia:before {
-  content: "\f36c"; }
+    content: "\f36c";
+}
 
 .fa-align-center:before {
-  content: "\f037"; }
+    content: "\f037";
+}
 
 .fa-align-justify:before {
-  content: "\f039"; }
+    content: "\f039";
+}
 
 .fa-align-left:before {
-  content: "\f036"; }
+    content: "\f036";
+}
 
 .fa-align-right:before {
-  content: "\f038"; }
+    content: "\f038";
+}
 
 .fa-alipay:before {
-  content: "\f642"; }
+    content: "\f642";
+}
 
 .fa-allergies:before {
-  content: "\f461"; }
+    content: "\f461";
+}
 
 .fa-amazon:before {
-  content: "\f270"; }
+    content: "\f270";
+}
 
 .fa-amazon-pay:before {
-  content: "\f42c"; }
+    content: "\f42c";
+}
 
 .fa-ambulance:before {
-  content: "\f0f9"; }
+    content: "\f0f9";
+}
 
 .fa-american-sign-language-interpreting:before {
-  content: "\f2a3"; }
+    content: "\f2a3";
+}
 
 .fa-amilia:before {
-  content: "\f36d"; }
+    content: "\f36d";
+}
 
 .fa-anchor:before {
-  content: "\f13d"; }
+    content: "\f13d";
+}
 
 .fa-android:before {
-  content: "\f17b"; }
+    content: "\f17b";
+}
 
 .fa-angellist:before {
-  content: "\f209"; }
+    content: "\f209";
+}
 
 .fa-angle-double-down:before {
-  content: "\f103"; }
+    content: "\f103";
+}
 
 .fa-angle-double-left:before {
-  content: "\f100"; }
+    content: "\f100";
+}
 
 .fa-angle-double-right:before {
-  content: "\f101"; }
+    content: "\f101";
+}
 
 .fa-angle-double-up:before {
-  content: "\f102"; }
+    content: "\f102";
+}
 
 .fa-angle-down:before {
-  content: "\f107"; }
+    content: "\f107";
+}
 
 .fa-angle-left:before {
-  content: "\f104"; }
+    content: "\f104";
+}
 
 .fa-angle-right:before {
-  content: "\f105"; }
+    content: "\f105";
+}
 
 .fa-angle-up:before {
-  content: "\f106"; }
+    content: "\f106";
+}
 
 .fa-angry:before {
-  content: "\f556"; }
+    content: "\f556";
+}
 
 .fa-angrycreative:before {
-  content: "\f36e"; }
+    content: "\f36e";
+}
 
 .fa-angular:before {
-  content: "\f420"; }
+    content: "\f420";
+}
 
 .fa-ankh:before {
-  content: "\f644"; }
+    content: "\f644";
+}
 
 .fa-app-store:before {
-  content: "\f36f"; }
+    content: "\f36f";
+}
 
 .fa-app-store-ios:before {
-  content: "\f370"; }
+    content: "\f370";
+}
 
 .fa-apper:before {
-  content: "\f371"; }
+    content: "\f371";
+}
 
 .fa-apple:before {
-  content: "\f179"; }
+    content: "\f179";
+}
 
 .fa-apple-alt:before {
-  content: "\f5d1"; }
+    content: "\f5d1";
+}
 
 .fa-apple-pay:before {
-  content: "\f415"; }
+    content: "\f415";
+}
 
 .fa-archive:before {
-  content: "\f187"; }
+    content: "\f187";
+}
 
 .fa-archway:before {
-  content: "\f557"; }
+    content: "\f557";
+}
 
 .fa-arrow-alt-circle-down:before {
-  content: "\f358"; }
+    content: "\f358";
+}
 
 .fa-arrow-alt-circle-left:before {
-  content: "\f359"; }
+    content: "\f359";
+}
 
 .fa-arrow-alt-circle-right:before {
-  content: "\f35a"; }
+    content: "\f35a";
+}
 
 .fa-arrow-alt-circle-up:before {
-  content: "\f35b"; }
+    content: "\f35b";
+}
 
 .fa-arrow-circle-down:before {
-  content: "\f0ab"; }
+    content: "\f0ab";
+}
 
 .fa-arrow-circle-left:before {
-  content: "\f0a8"; }
+    content: "\f0a8";
+}
 
 .fa-arrow-circle-right:before {
-  content: "\f0a9"; }
+    content: "\f0a9";
+}
 
 .fa-arrow-circle-up:before {
-  content: "\f0aa"; }
+    content: "\f0aa";
+}
 
 .fa-arrow-down:before {
-  content: "\f063"; }
+    content: "\f063";
+}
 
 .fa-arrow-left:before {
-  content: "\f060"; }
+    content: "\f060";
+}
 
 .fa-arrow-right:before {
-  content: "\f061"; }
+    content: "\f061";
+}
 
 .fa-arrow-up:before {
-  content: "\f062"; }
+    content: "\f062";
+}
 
 .fa-arrows-alt:before {
-  content: "\f0b2"; }
+    content: "\f0b2";
+}
 
 .fa-arrows-alt-h:before {
-  content: "\f337"; }
+    content: "\f337";
+}
 
 .fa-arrows-alt-v:before {
-  content: "\f338"; }
+    content: "\f338";
+}
 
 .fa-assistive-listening-systems:before {
-  content: "\f2a2"; }
+    content: "\f2a2";
+}
 
 .fa-asterisk:before {
-  content: "\f069"; }
+    content: "\f069";
+}
 
 .fa-asymmetrik:before {
-  content: "\f372"; }
+    content: "\f372";
+}
 
 .fa-at:before {
-  content: "\f1fa"; }
+    content: "\f1fa";
+}
 
 .fa-atlas:before {
-  content: "\f558"; }
+    content: "\f558";
+}
 
 .fa-atom:before {
-  content: "\f5d2"; }
+    content: "\f5d2";
+}
 
 .fa-audible:before {
-  content: "\f373"; }
+    content: "\f373";
+}
 
 .fa-audio-description:before {
-  content: "\f29e"; }
+    content: "\f29e";
+}
 
 .fa-autoprefixer:before {
-  content: "\f41c"; }
+    content: "\f41c";
+}
 
 .fa-avianex:before {
-  content: "\f374"; }
+    content: "\f374";
+}
 
 .fa-aviato:before {
-  content: "\f421"; }
+    content: "\f421";
+}
 
 .fa-award:before {
-  content: "\f559"; }
+    content: "\f559";
+}
 
 .fa-aws:before {
-  content: "\f375"; }
+    content: "\f375";
+}
 
 .fa-backspace:before {
-  content: "\f55a"; }
+    content: "\f55a";
+}
 
 .fa-backward:before {
-  content: "\f04a"; }
+    content: "\f04a";
+}
 
 .fa-balance-scale:before {
-  content: "\f24e"; }
+    content: "\f24e";
+}
 
 .fa-ban:before {
-  content: "\f05e"; }
+    content: "\f05e";
+}
 
 .fa-band-aid:before {
-  content: "\f462"; }
+    content: "\f462";
+}
 
 .fa-bandcamp:before {
-  content: "\f2d5"; }
+    content: "\f2d5";
+}
 
 .fa-barcode:before {
-  content: "\f02a"; }
+    content: "\f02a";
+}
 
 .fa-bars:before {
-  content: "\f0c9"; }
+    content: "\f0c9";
+}
 
 .fa-baseball-ball:before {
-  content: "\f433"; }
+    content: "\f433";
+}
 
 .fa-basketball-ball:before {
-  content: "\f434"; }
+    content: "\f434";
+}
 
 .fa-bath:before {
-  content: "\f2cd"; }
+    content: "\f2cd";
+}
 
 .fa-battery-empty:before {
-  content: "\f244"; }
+    content: "\f244";
+}
 
 .fa-battery-full:before {
-  content: "\f240"; }
+    content: "\f240";
+}
 
 .fa-battery-half:before {
-  content: "\f242"; }
+    content: "\f242";
+}
 
 .fa-battery-quarter:before {
-  content: "\f243"; }
+    content: "\f243";
+}
 
 .fa-battery-three-quarters:before {
-  content: "\f241"; }
+    content: "\f241";
+}
 
 .fa-bed:before {
-  content: "\f236"; }
+    content: "\f236";
+}
 
 .fa-beer:before {
-  content: "\f0fc"; }
+    content: "\f0fc";
+}
 
 .fa-behance:before {
-  content: "\f1b4"; }
+    content: "\f1b4";
+}
 
 .fa-behance-square:before {
-  content: "\f1b5"; }
+    content: "\f1b5";
+}
 
 .fa-bell:before {
-  content: "\f0f3"; }
+    content: "\f0f3";
+}
 
 .fa-bell-slash:before {
-  content: "\f1f6"; }
+    content: "\f1f6";
+}
 
 .fa-bezier-curve:before {
-  content: "\f55b"; }
+    content: "\f55b";
+}
 
 .fa-bible:before {
-  content: "\f647"; }
+    content: "\f647";
+}
 
 .fa-bicycle:before {
-  content: "\f206"; }
+    content: "\f206";
+}
 
 .fa-bimobject:before {
-  content: "\f378"; }
+    content: "\f378";
+}
 
 .fa-binoculars:before {
-  content: "\f1e5"; }
+    content: "\f1e5";
+}
 
 .fa-birthday-cake:before {
-  content: "\f1fd"; }
+    content: "\f1fd";
+}
 
 .fa-bitbucket:before {
-  content: "\f171"; }
+    content: "\f171";
+}
 
 .fa-bitcoin:before {
-  content: "\f379"; }
+    content: "\f379";
+}
 
 .fa-bity:before {
-  content: "\f37a"; }
+    content: "\f37a";
+}
 
 .fa-black-tie:before {
-  content: "\f27e"; }
+    content: "\f27e";
+}
 
 .fa-blackberry:before {
-  content: "\f37b"; }
+    content: "\f37b";
+}
 
 .fa-blender:before {
-  content: "\f517"; }
+    content: "\f517";
+}
 
 .fa-blender-phone:before {
-  content: "\f6b6"; }
+    content: "\f6b6";
+}
 
 .fa-blind:before {
-  content: "\f29d"; }
+    content: "\f29d";
+}
 
 .fa-blogger:before {
-  content: "\f37c"; }
+    content: "\f37c";
+}
 
 .fa-blogger-b:before {
-  content: "\f37d"; }
+    content: "\f37d";
+}
 
 .fa-bluetooth:before {
-  content: "\f293"; }
+    content: "\f293";
+}
 
 .fa-bluetooth-b:before {
-  content: "\f294"; }
+    content: "\f294";
+}
 
 .fa-bold:before {
-  content: "\f032"; }
+    content: "\f032";
+}
 
 .fa-bolt:before {
-  content: "\f0e7"; }
+    content: "\f0e7";
+}
 
 .fa-bomb:before {
-  content: "\f1e2"; }
+    content: "\f1e2";
+}
 
 .fa-bone:before {
-  content: "\f5d7"; }
+    content: "\f5d7";
+}
 
 .fa-bong:before {
-  content: "\f55c"; }
+    content: "\f55c";
+}
 
 .fa-book:before {
-  content: "\f02d"; }
+    content: "\f02d";
+}
 
 .fa-book-dead:before {
-  content: "\f6b7"; }
+    content: "\f6b7";
+}
 
 .fa-book-open:before {
-  content: "\f518"; }
+    content: "\f518";
+}
 
 .fa-book-reader:before {
-  content: "\f5da"; }
+    content: "\f5da";
+}
 
 .fa-bookmark:before {
-  content: "\f02e"; }
+    content: "\f02e";
+}
 
 .fa-bowling-ball:before {
-  content: "\f436"; }
+    content: "\f436";
+}
 
 .fa-box:before {
-  content: "\f466"; }
+    content: "\f466";
+}
 
 .fa-box-open:before {
-  content: "\f49e"; }
+    content: "\f49e";
+}
 
 .fa-boxes:before {
-  content: "\f468"; }
+    content: "\f468";
+}
 
 .fa-braille:before {
-  content: "\f2a1"; }
+    content: "\f2a1";
+}
 
 .fa-brain:before {
-  content: "\f5dc"; }
+    content: "\f5dc";
+}
 
 .fa-briefcase:before {
-  content: "\f0b1"; }
+    content: "\f0b1";
+}
 
 .fa-briefcase-medical:before {
-  content: "\f469"; }
+    content: "\f469";
+}
 
 .fa-broadcast-tower:before {
-  content: "\f519"; }
+    content: "\f519";
+}
 
 .fa-broom:before {
-  content: "\f51a"; }
+    content: "\f51a";
+}
 
 .fa-brush:before {
-  content: "\f55d"; }
+    content: "\f55d";
+}
 
 .fa-btc:before {
-  content: "\f15a"; }
+    content: "\f15a";
+}
 
 .fa-bug:before {
-  content: "\f188"; }
+    content: "\f188";
+}
 
 .fa-building:before {
-  content: "\f1ad"; }
+    content: "\f1ad";
+}
 
 .fa-bullhorn:before {
-  content: "\f0a1"; }
+    content: "\f0a1";
+}
 
 .fa-bullseye:before {
-  content: "\f140"; }
+    content: "\f140";
+}
 
 .fa-burn:before {
-  content: "\f46a"; }
+    content: "\f46a";
+}
 
 .fa-buromobelexperte:before {
-  content: "\f37f"; }
+    content: "\f37f";
+}
 
 .fa-bus:before {
-  content: "\f207"; }
+    content: "\f207";
+}
 
 .fa-bus-alt:before {
-  content: "\f55e"; }
+    content: "\f55e";
+}
 
 .fa-business-time:before {
-  content: "\f64a"; }
+    content: "\f64a";
+}
 
 .fa-buysellads:before {
-  content: "\f20d"; }
+    content: "\f20d";
+}
 
 .fa-calculator:before {
-  content: "\f1ec"; }
+    content: "\f1ec";
+}
 
 .fa-calendar:before {
-  content: "\f133"; }
+    content: "\f133";
+}
 
 .fa-calendar-alt:before {
-  content: "\f073"; }
+    content: "\f073";
+}
 
 .fa-calendar-check:before {
-  content: "\f274"; }
+    content: "\f274";
+}
 
 .fa-calendar-minus:before {
-  content: "\f272"; }
+    content: "\f272";
+}
 
 .fa-calendar-plus:before {
-  content: "\f271"; }
+    content: "\f271";
+}
 
 .fa-calendar-times:before {
-  content: "\f273"; }
+    content: "\f273";
+}
 
 .fa-camera:before {
-  content: "\f030"; }
+    content: "\f030";
+}
 
 .fa-camera-retro:before {
-  content: "\f083"; }
+    content: "\f083";
+}
 
 .fa-campground:before {
-  content: "\f6bb"; }
+    content: "\f6bb";
+}
 
 .fa-cannabis:before {
-  content: "\f55f"; }
+    content: "\f55f";
+}
 
 .fa-capsules:before {
-  content: "\f46b"; }
+    content: "\f46b";
+}
 
 .fa-car:before {
-  content: "\f1b9"; }
+    content: "\f1b9";
+}
 
 .fa-car-alt:before {
-  content: "\f5de"; }
+    content: "\f5de";
+}
 
 .fa-car-battery:before {
-  content: "\f5df"; }
+    content: "\f5df";
+}
 
 .fa-car-crash:before {
-  content: "\f5e1"; }
+    content: "\f5e1";
+}
 
 .fa-car-side:before {
-  content: "\f5e4"; }
+    content: "\f5e4";
+}
 
 .fa-caret-down:before {
-  content: "\f0d7"; }
+    content: "\f0d7";
+}
 
 .fa-caret-left:before {
-  content: "\f0d9"; }
+    content: "\f0d9";
+}
 
 .fa-caret-right:before {
-  content: "\f0da"; }
+    content: "\f0da";
+}
 
 .fa-caret-square-down:before {
-  content: "\f150"; }
+    content: "\f150";
+}
 
 .fa-caret-square-left:before {
-  content: "\f191"; }
+    content: "\f191";
+}
 
 .fa-caret-square-right:before {
-  content: "\f152"; }
+    content: "\f152";
+}
 
 .fa-caret-square-up:before {
-  content: "\f151"; }
+    content: "\f151";
+}
 
 .fa-caret-up:before {
-  content: "\f0d8"; }
+    content: "\f0d8";
+}
 
 .fa-cart-arrow-down:before {
-  content: "\f218"; }
+    content: "\f218";
+}
 
 .fa-cart-plus:before {
-  content: "\f217"; }
+    content: "\f217";
+}
 
 .fa-cat:before {
-  content: "\f6be"; }
+    content: "\f6be";
+}
 
 .fa-cc-amazon-pay:before {
-  content: "\f42d"; }
+    content: "\f42d";
+}
 
 .fa-cc-amex:before {
-  content: "\f1f3"; }
+    content: "\f1f3";
+}
 
 .fa-cc-apple-pay:before {
-  content: "\f416"; }
+    content: "\f416";
+}
 
 .fa-cc-diners-club:before {
-  content: "\f24c"; }
+    content: "\f24c";
+}
 
 .fa-cc-discover:before {
-  content: "\f1f2"; }
+    content: "\f1f2";
+}
 
 .fa-cc-jcb:before {
-  content: "\f24b"; }
+    content: "\f24b";
+}
 
 .fa-cc-mastercard:before {
-  content: "\f1f1"; }
+    content: "\f1f1";
+}
 
 .fa-cc-paypal:before {
-  content: "\f1f4"; }
+    content: "\f1f4";
+}
 
 .fa-cc-stripe:before {
-  content: "\f1f5"; }
+    content: "\f1f5";
+}
 
 .fa-cc-visa:before {
-  content: "\f1f0"; }
+    content: "\f1f0";
+}
 
 .fa-centercode:before {
-  content: "\f380"; }
+    content: "\f380";
+}
 
 .fa-certificate:before {
-  content: "\f0a3"; }
+    content: "\f0a3";
+}
 
 .fa-chair:before {
-  content: "\f6c0"; }
+    content: "\f6c0";
+}
 
 .fa-chalkboard:before {
-  content: "\f51b"; }
+    content: "\f51b";
+}
 
 .fa-chalkboard-teacher:before {
-  content: "\f51c"; }
+    content: "\f51c";
+}
 
 .fa-charging-station:before {
-  content: "\f5e7"; }
+    content: "\f5e7";
+}
 
 .fa-chart-area:before {
-  content: "\f1fe"; }
+    content: "\f1fe";
+}
 
 .fa-chart-bar:before {
-  content: "\f080"; }
+    content: "\f080";
+}
 
 .fa-chart-line:before {
-  content: "\f201"; }
+    content: "\f201";
+}
 
 .fa-chart-pie:before {
-  content: "\f200"; }
+    content: "\f200";
+}
 
 .fa-check:before {
-  content: "\f00c"; }
+    content: "\f00c";
+}
 
 .fa-check-circle:before {
-  content: "\f058"; }
+    content: "\f058";
+}
 
 .fa-check-double:before {
-  content: "\f560"; }
+    content: "\f560";
+}
 
 .fa-check-square:before {
-  content: "\f14a"; }
+    content: "\f14a";
+}
 
 .fa-chess:before {
-  content: "\f439"; }
+    content: "\f439";
+}
 
 .fa-chess-bishop:before {
-  content: "\f43a"; }
+    content: "\f43a";
+}
 
 .fa-chess-board:before {
-  content: "\f43c"; }
+    content: "\f43c";
+}
 
 .fa-chess-king:before {
-  content: "\f43f"; }
+    content: "\f43f";
+}
 
 .fa-chess-knight:before {
-  content: "\f441"; }
+    content: "\f441";
+}
 
 .fa-chess-pawn:before {
-  content: "\f443"; }
+    content: "\f443";
+}
 
 .fa-chess-queen:before {
-  content: "\f445"; }
+    content: "\f445";
+}
 
 .fa-chess-rook:before {
-  content: "\f447"; }
+    content: "\f447";
+}
 
 .fa-chevron-circle-down:before {
-  content: "\f13a"; }
+    content: "\f13a";
+}
 
 .fa-chevron-circle-left:before {
-  content: "\f137"; }
+    content: "\f137";
+}
 
 .fa-chevron-circle-right:before {
-  content: "\f138"; }
+    content: "\f138";
+}
 
 .fa-chevron-circle-up:before {
-  content: "\f139"; }
+    content: "\f139";
+}
 
 .fa-chevron-down:before {
-  content: "\f078"; }
+    content: "\f078";
+}
 
 .fa-chevron-left:before {
-  content: "\f053"; }
+    content: "\f053";
+}
 
 .fa-chevron-right:before {
-  content: "\f054"; }
+    content: "\f054";
+}
 
 .fa-chevron-up:before {
-  content: "\f077"; }
+    content: "\f077";
+}
 
 .fa-child:before {
-  content: "\f1ae"; }
+    content: "\f1ae";
+}
 
 .fa-chrome:before {
-  content: "\f268"; }
+    content: "\f268";
+}
 
 .fa-church:before {
-  content: "\f51d"; }
+    content: "\f51d";
+}
 
 .fa-circle:before {
-  content: "\f111"; }
+    content: "\f111";
+}
 
 .fa-circle-notch:before {
-  content: "\f1ce"; }
+    content: "\f1ce";
+}
 
 .fa-city:before {
-  content: "\f64f"; }
+    content: "\f64f";
+}
 
 .fa-clipboard:before {
-  content: "\f328"; }
+    content: "\f328";
+}
 
 .fa-clipboard-check:before {
-  content: "\f46c"; }
+    content: "\f46c";
+}
 
 .fa-clipboard-list:before {
-  content: "\f46d"; }
+    content: "\f46d";
+}
 
 .fa-clock:before {
-  content: "\f017"; }
+    content: "\f017";
+}
 
 .fa-clone:before {
-  content: "\f24d"; }
+    content: "\f24d";
+}
 
 .fa-closed-captioning:before {
-  content: "\f20a"; }
+    content: "\f20a";
+}
 
 .fa-cloud:before {
-  content: "\f0c2"; }
+    content: "\f0c2";
+}
 
 .fa-cloud-download-alt:before {
-  content: "\f381"; }
+    content: "\f381";
+}
 
 .fa-cloud-meatball:before {
-  content: "\f73b"; }
+    content: "\f73b";
+}
 
 .fa-cloud-moon:before {
-  content: "\f6c3"; }
+    content: "\f6c3";
+}
 
 .fa-cloud-moon-rain:before {
-  content: "\f73c"; }
+    content: "\f73c";
+}
 
 .fa-cloud-rain:before {
-  content: "\f73d"; }
+    content: "\f73d";
+}
 
 .fa-cloud-showers-heavy:before {
-  content: "\f740"; }
+    content: "\f740";
+}
 
 .fa-cloud-sun:before {
-  content: "\f6c4"; }
+    content: "\f6c4";
+}
 
 .fa-cloud-sun-rain:before {
-  content: "\f743"; }
+    content: "\f743";
+}
 
 .fa-cloud-upload-alt:before {
-  content: "\f382"; }
+    content: "\f382";
+}
 
 .fa-cloudscale:before {
-  content: "\f383"; }
+    content: "\f383";
+}
 
 .fa-cloudsmith:before {
-  content: "\f384"; }
+    content: "\f384";
+}
 
 .fa-cloudversify:before {
-  content: "\f385"; }
+    content: "\f385";
+}
 
 .fa-cocktail:before {
-  content: "\f561"; }
+    content: "\f561";
+}
 
 .fa-code:before {
-  content: "\f121"; }
+    content: "\f121";
+}
 
 .fa-code-branch:before {
-  content: "\f126"; }
+    content: "\f126";
+}
 
 .fa-codepen:before {
-  content: "\f1cb"; }
+    content: "\f1cb";
+}
 
 .fa-codiepie:before {
-  content: "\f284"; }
+    content: "\f284";
+}
 
 .fa-coffee:before {
-  content: "\f0f4"; }
+    content: "\f0f4";
+}
 
 .fa-cog:before {
-  content: "\f013"; }
+    content: "\f013";
+}
 
 .fa-cogs:before {
-  content: "\f085"; }
+    content: "\f085";
+}
 
 .fa-coins:before {
-  content: "\f51e"; }
+    content: "\f51e";
+}
 
 .fa-columns:before {
-  content: "\f0db"; }
+    content: "\f0db";
+}
 
 .fa-comment:before {
-  content: "\f075"; }
+    content: "\f075";
+}
 
 .fa-comment-alt:before {
-  content: "\f27a"; }
+    content: "\f27a";
+}
 
 .fa-comment-dollar:before {
-  content: "\f651"; }
+    content: "\f651";
+}
 
 .fa-comment-dots:before {
-  content: "\f4ad"; }
+    content: "\f4ad";
+}
 
 .fa-comment-slash:before {
-  content: "\f4b3"; }
+    content: "\f4b3";
+}
 
 .fa-comments:before {
-  content: "\f086"; }
+    content: "\f086";
+}
 
 .fa-comments-dollar:before {
-  content: "\f653"; }
+    content: "\f653";
+}
 
 .fa-compact-disc:before {
-  content: "\f51f"; }
+    content: "\f51f";
+}
 
 .fa-compass:before {
-  content: "\f14e"; }
+    content: "\f14e";
+}
 
 .fa-compress:before {
-  content: "\f066"; }
+    content: "\f066";
+}
 
 .fa-concierge-bell:before {
-  content: "\f562"; }
+    content: "\f562";
+}
 
 .fa-connectdevelop:before {
-  content: "\f20e"; }
+    content: "\f20e";
+}
 
 .fa-contao:before {
-  content: "\f26d"; }
+    content: "\f26d";
+}
 
 .fa-cookie:before {
-  content: "\f563"; }
+    content: "\f563";
+}
 
 .fa-cookie-bite:before {
-  content: "\f564"; }
+    content: "\f564";
+}
 
 .fa-copy:before {
-  content: "\f0c5"; }
+    content: "\f0c5";
+}
 
 .fa-copyright:before {
-  content: "\f1f9"; }
+    content: "\f1f9";
+}
 
 .fa-couch:before {
-  content: "\f4b8"; }
+    content: "\f4b8";
+}
 
 .fa-cpanel:before {
-  content: "\f388"; }
+    content: "\f388";
+}
 
 .fa-creative-commons:before {
-  content: "\f25e"; }
+    content: "\f25e";
+}
 
 .fa-creative-commons-by:before {
-  content: "\f4e7"; }
+    content: "\f4e7";
+}
 
 .fa-creative-commons-nc:before {
-  content: "\f4e8"; }
+    content: "\f4e8";
+}
 
 .fa-creative-commons-nc-eu:before {
-  content: "\f4e9"; }
+    content: "\f4e9";
+}
 
 .fa-creative-commons-nc-jp:before {
-  content: "\f4ea"; }
+    content: "\f4ea";
+}
 
 .fa-creative-commons-nd:before {
-  content: "\f4eb"; }
+    content: "\f4eb";
+}
 
 .fa-creative-commons-pd:before {
-  content: "\f4ec"; }
+    content: "\f4ec";
+}
 
 .fa-creative-commons-pd-alt:before {
-  content: "\f4ed"; }
+    content: "\f4ed";
+}
 
 .fa-creative-commons-remix:before {
-  content: "\f4ee"; }
+    content: "\f4ee";
+}
 
 .fa-creative-commons-sa:before {
-  content: "\f4ef"; }
+    content: "\f4ef";
+}
 
 .fa-creative-commons-sampling:before {
-  content: "\f4f0"; }
+    content: "\f4f0";
+}
 
 .fa-creative-commons-sampling-plus:before {
-  content: "\f4f1"; }
+    content: "\f4f1";
+}
 
 .fa-creative-commons-share:before {
-  content: "\f4f2"; }
+    content: "\f4f2";
+}
 
 .fa-creative-commons-zero:before {
-  content: "\f4f3"; }
+    content: "\f4f3";
+}
 
 .fa-credit-card:before {
-  content: "\f09d"; }
+    content: "\f09d";
+}
 
 .fa-critical-role:before {
-  content: "\f6c9"; }
+    content: "\f6c9";
+}
 
 .fa-crop:before {
-  content: "\f125"; }
+    content: "\f125";
+}
 
 .fa-crop-alt:before {
-  content: "\f565"; }
+    content: "\f565";
+}
 
 .fa-cross:before {
-  content: "\f654"; }
+    content: "\f654";
+}
 
 .fa-crosshairs:before {
-  content: "\f05b"; }
+    content: "\f05b";
+}
 
 .fa-crow:before {
-  content: "\f520"; }
+    content: "\f520";
+}
 
 .fa-crown:before {
-  content: "\f521"; }
+    content: "\f521";
+}
 
 .fa-css3:before {
-  content: "\f13c"; }
+    content: "\f13c";
+}
 
 .fa-css3-alt:before {
-  content: "\f38b"; }
+    content: "\f38b";
+}
 
 .fa-cube:before {
-  content: "\f1b2"; }
+    content: "\f1b2";
+}
 
 .fa-cubes:before {
-  content: "\f1b3"; }
+    content: "\f1b3";
+}
 
 .fa-cut:before {
-  content: "\f0c4"; }
+    content: "\f0c4";
+}
 
 .fa-cuttlefish:before {
-  content: "\f38c"; }
+    content: "\f38c";
+}
 
 .fa-d-and-d:before {
-  content: "\f38d"; }
+    content: "\f38d";
+}
 
 .fa-d-and-d-beyond:before {
-  content: "\f6ca"; }
+    content: "\f6ca";
+}
 
 .fa-dashcube:before {
-  content: "\f210"; }
+    content: "\f210";
+}
 
 .fa-database:before {
-  content: "\f1c0"; }
+    content: "\f1c0";
+}
 
 .fa-deaf:before {
-  content: "\f2a4"; }
+    content: "\f2a4";
+}
 
 .fa-delicious:before {
-  content: "\f1a5"; }
+    content: "\f1a5";
+}
 
 .fa-democrat:before {
-  content: "\f747"; }
+    content: "\f747";
+}
 
 .fa-deploydog:before {
-  content: "\f38e"; }
+    content: "\f38e";
+}
 
 .fa-deskpro:before {
-  content: "\f38f"; }
+    content: "\f38f";
+}
 
 .fa-desktop:before {
-  content: "\f108"; }
+    content: "\f108";
+}
 
 .fa-dev:before {
-  content: "\f6cc"; }
+    content: "\f6cc";
+}
 
 .fa-deviantart:before {
-  content: "\f1bd"; }
+    content: "\f1bd";
+}
 
 .fa-dharmachakra:before {
-  content: "\f655"; }
+    content: "\f655";
+}
 
 .fa-diagnoses:before {
-  content: "\f470"; }
+    content: "\f470";
+}
 
 .fa-dice:before {
-  content: "\f522"; }
+    content: "\f522";
+}
 
 .fa-dice-d20:before {
-  content: "\f6cf"; }
+    content: "\f6cf";
+}
 
 .fa-dice-d6:before {
-  content: "\f6d1"; }
+    content: "\f6d1";
+}
 
 .fa-dice-five:before {
-  content: "\f523"; }
+    content: "\f523";
+}
 
 .fa-dice-four:before {
-  content: "\f524"; }
+    content: "\f524";
+}
 
 .fa-dice-one:before {
-  content: "\f525"; }
+    content: "\f525";
+}
 
 .fa-dice-six:before {
-  content: "\f526"; }
+    content: "\f526";
+}
 
 .fa-dice-three:before {
-  content: "\f527"; }
+    content: "\f527";
+}
 
 .fa-dice-two:before {
-  content: "\f528"; }
+    content: "\f528";
+}
 
 .fa-digg:before {
-  content: "\f1a6"; }
+    content: "\f1a6";
+}
 
 .fa-digital-ocean:before {
-  content: "\f391"; }
+    content: "\f391";
+}
 
 .fa-digital-tachograph:before {
-  content: "\f566"; }
+    content: "\f566";
+}
 
 .fa-directions:before {
-  content: "\f5eb"; }
+    content: "\f5eb";
+}
 
 .fa-discord:before {
-  content: "\f392"; }
+    content: "\f392";
+}
 
 .fa-discourse:before {
-  content: "\f393"; }
+    content: "\f393";
+}
 
 .fa-divide:before {
-  content: "\f529"; }
+    content: "\f529";
+}
 
 .fa-dizzy:before {
-  content: "\f567"; }
+    content: "\f567";
+}
 
 .fa-dna:before {
-  content: "\f471"; }
+    content: "\f471";
+}
 
 .fa-dochub:before {
-  content: "\f394"; }
+    content: "\f394";
+}
 
 .fa-docker:before {
-  content: "\f395"; }
+    content: "\f395";
+}
 
 .fa-dog:before {
-  content: "\f6d3"; }
+    content: "\f6d3";
+}
 
 .fa-dollar-sign:before {
-  content: "\f155"; }
+    content: "\f155";
+}
 
 .fa-dolly:before {
-  content: "\f472"; }
+    content: "\f472";
+}
 
 .fa-dolly-flatbed:before {
-  content: "\f474"; }
+    content: "\f474";
+}
 
 .fa-donate:before {
-  content: "\f4b9"; }
+    content: "\f4b9";
+}
 
 .fa-door-closed:before {
-  content: "\f52a"; }
+    content: "\f52a";
+}
 
 .fa-door-open:before {
-  content: "\f52b"; }
+    content: "\f52b";
+}
 
 .fa-dot-circle:before {
-  content: "\f192"; }
+    content: "\f192";
+}
 
 .fa-dove:before {
-  content: "\f4ba"; }
+    content: "\f4ba";
+}
 
 .fa-download:before {
-  content: "\f019"; }
+    content: "\f019";
+}
 
 .fa-draft2digital:before {
-  content: "\f396"; }
+    content: "\f396";
+}
 
 .fa-drafting-compass:before {
-  content: "\f568"; }
+    content: "\f568";
+}
 
 .fa-dragon:before {
-  content: "\f6d5"; }
+    content: "\f6d5";
+}
 
 .fa-draw-polygon:before {
-  content: "\f5ee"; }
+    content: "\f5ee";
+}
 
 .fa-dribbble:before {
-  content: "\f17d"; }
+    content: "\f17d";
+}
 
 .fa-dribbble-square:before {
-  content: "\f397"; }
+    content: "\f397";
+}
 
 .fa-dropbox:before {
-  content: "\f16b"; }
+    content: "\f16b";
+}
 
 .fa-drum:before {
-  content: "\f569"; }
+    content: "\f569";
+}
 
 .fa-drum-steelpan:before {
-  content: "\f56a"; }
+    content: "\f56a";
+}
 
 .fa-drumstick-bite:before {
-  content: "\f6d7"; }
+    content: "\f6d7";
+}
 
 .fa-drupal:before {
-  content: "\f1a9"; }
+    content: "\f1a9";
+}
 
 .fa-dumbbell:before {
-  content: "\f44b"; }
+    content: "\f44b";
+}
 
 .fa-dungeon:before {
-  content: "\f6d9"; }
+    content: "\f6d9";
+}
 
 .fa-dyalog:before {
-  content: "\f399"; }
+    content: "\f399";
+}
 
 .fa-earlybirds:before {
-  content: "\f39a"; }
+    content: "\f39a";
+}
 
 .fa-ebay:before {
-  content: "\f4f4"; }
+    content: "\f4f4";
+}
 
 .fa-edge:before {
-  content: "\f282"; }
+    content: "\f282";
+}
 
 .fa-edit:before {
-  content: "\f044"; }
+    content: "\f044";
+}
 
 .fa-eject:before {
-  content: "\f052"; }
+    content: "\f052";
+}
 
 .fa-elementor:before {
-  content: "\f430"; }
+    content: "\f430";
+}
 
 .fa-ellipsis-h:before {
-  content: "\f141"; }
+    content: "\f141";
+}
 
 .fa-ellipsis-v:before {
-  content: "\f142"; }
+    content: "\f142";
+}
 
 .fa-ello:before {
-  content: "\f5f1"; }
+    content: "\f5f1";
+}
 
 .fa-ember:before {
-  content: "\f423"; }
+    content: "\f423";
+}
 
 .fa-empire:before {
-  content: "\f1d1"; }
+    content: "\f1d1";
+}
 
 .fa-envelope:before {
-  content: "\f0e0"; }
+    content: "\f0e0";
+}
 
 .fa-envelope-open:before {
-  content: "\f2b6"; }
+    content: "\f2b6";
+}
 
 .fa-envelope-open-text:before {
-  content: "\f658"; }
+    content: "\f658";
+}
 
 .fa-envelope-square:before {
-  content: "\f199"; }
+    content: "\f199";
+}
 
 .fa-envira:before {
-  content: "\f299"; }
+    content: "\f299";
+}
 
 .fa-equals:before {
-  content: "\f52c"; }
+    content: "\f52c";
+}
 
 .fa-eraser:before {
-  content: "\f12d"; }
+    content: "\f12d";
+}
 
 .fa-erlang:before {
-  content: "\f39d"; }
+    content: "\f39d";
+}
 
 .fa-ethereum:before {
-  content: "\f42e"; }
+    content: "\f42e";
+}
 
 .fa-etsy:before {
-  content: "\f2d7"; }
+    content: "\f2d7";
+}
 
 .fa-euro-sign:before {
-  content: "\f153"; }
+    content: "\f153";
+}
 
 .fa-exchange-alt:before {
-  content: "\f362"; }
+    content: "\f362";
+}
 
 .fa-exclamation:before {
-  content: "\f12a"; }
+    content: "\f12a";
+}
 
 .fa-exclamation-circle:before {
-  content: "\f06a"; }
+    content: "\f06a";
+}
 
 .fa-exclamation-triangle:before {
-  content: "\f071"; }
+    content: "\f071";
+}
 
 .fa-expand:before {
-  content: "\f065"; }
+    content: "\f065";
+}
 
 .fa-expand-arrows-alt:before {
-  content: "\f31e"; }
+    content: "\f31e";
+}
 
 .fa-expeditedssl:before {
-  content: "\f23e"; }
+    content: "\f23e";
+}
 
 .fa-external-link-alt:before {
-  content: "\f35d"; }
+    content: "\f35d";
+}
 
 .fa-external-link-square-alt:before {
-  content: "\f360"; }
+    content: "\f360";
+}
 
 .fa-eye:before {
-  content: "\f06e"; }
+    content: "\f06e";
+}
 
 .fa-eye-dropper:before {
-  content: "\f1fb"; }
+    content: "\f1fb";
+}
 
 .fa-eye-slash:before {
-  content: "\f070"; }
+    content: "\f070";
+}
 
 .fa-facebook:before {
-  content: "\f09a"; }
+    content: "\f09a";
+}
 
 .fa-facebook-f:before {
-  content: "\f39e"; }
+    content: "\f39e";
+}
 
 .fa-facebook-messenger:before {
-  content: "\f39f"; }
+    content: "\f39f";
+}
 
 .fa-facebook-square:before {
-  content: "\f082"; }
+    content: "\f082";
+}
 
 .fa-fantasy-flight-games:before {
-  content: "\f6dc"; }
+    content: "\f6dc";
+}
 
 .fa-fast-backward:before {
-  content: "\f049"; }
+    content: "\f049";
+}
 
 .fa-fast-forward:before {
-  content: "\f050"; }
+    content: "\f050";
+}
 
 .fa-fax:before {
-  content: "\f1ac"; }
+    content: "\f1ac";
+}
 
 .fa-feather:before {
-  content: "\f52d"; }
+    content: "\f52d";
+}
 
 .fa-feather-alt:before {
-  content: "\f56b"; }
+    content: "\f56b";
+}
 
 .fa-female:before {
-  content: "\f182"; }
+    content: "\f182";
+}
 
 .fa-fighter-jet:before {
-  content: "\f0fb"; }
+    content: "\f0fb";
+}
 
 .fa-file:before {
-  content: "\f15b"; }
+    content: "\f15b";
+}
 
 .fa-file-alt:before {
-  content: "\f15c"; }
+    content: "\f15c";
+}
 
 .fa-file-archive:before {
-  content: "\f1c6"; }
+    content: "\f1c6";
+}
 
 .fa-file-audio:before {
-  content: "\f1c7"; }
+    content: "\f1c7";
+}
 
 .fa-file-code:before {
-  content: "\f1c9"; }
+    content: "\f1c9";
+}
 
 .fa-file-contract:before {
-  content: "\f56c"; }
+    content: "\f56c";
+}
 
 .fa-file-csv:before {
-  content: "\f6dd"; }
+    content: "\f6dd";
+}
 
 .fa-file-download:before {
-  content: "\f56d"; }
+    content: "\f56d";
+}
 
 .fa-file-excel:before {
-  content: "\f1c3"; }
+    content: "\f1c3";
+}
 
 .fa-file-export:before {
-  content: "\f56e"; }
+    content: "\f56e";
+}
 
 .fa-file-image:before {
-  content: "\f1c5"; }
+    content: "\f1c5";
+}
 
 .fa-file-import:before {
-  content: "\f56f"; }
+    content: "\f56f";
+}
 
 .fa-file-invoice:before {
-  content: "\f570"; }
+    content: "\f570";
+}
 
 .fa-file-invoice-dollar:before {
-  content: "\f571"; }
+    content: "\f571";
+}
 
 .fa-file-medical:before {
-  content: "\f477"; }
+    content: "\f477";
+}
 
 .fa-file-medical-alt:before {
-  content: "\f478"; }
+    content: "\f478";
+}
 
 .fa-file-pdf:before {
-  content: "\f1c1"; }
+    content: "\f1c1";
+}
 
 .fa-file-powerpoint:before {
-  content: "\f1c4"; }
+    content: "\f1c4";
+}
 
 .fa-file-prescription:before {
-  content: "\f572"; }
+    content: "\f572";
+}
 
 .fa-file-signature:before {
-  content: "\f573"; }
+    content: "\f573";
+}
 
 .fa-file-upload:before {
-  content: "\f574"; }
+    content: "\f574";
+}
 
 .fa-file-video:before {
-  content: "\f1c8"; }
+    content: "\f1c8";
+}
 
 .fa-file-word:before {
-  content: "\f1c2"; }
+    content: "\f1c2";
+}
 
 .fa-fill:before {
-  content: "\f575"; }
+    content: "\f575";
+}
 
 .fa-fill-drip:before {
-  content: "\f576"; }
+    content: "\f576";
+}
 
 .fa-film:before {
-  content: "\f008"; }
+    content: "\f008";
+}
 
 .fa-filter:before {
-  content: "\f0b0"; }
+    content: "\f0b0";
+}
 
 .fa-fingerprint:before {
-  content: "\f577"; }
+    content: "\f577";
+}
 
 .fa-fire:before {
-  content: "\f06d"; }
+    content: "\f06d";
+}
 
 .fa-fire-extinguisher:before {
-  content: "\f134"; }
+    content: "\f134";
+}
 
 .fa-firefox:before {
-  content: "\f269"; }
+    content: "\f269";
+}
 
 .fa-first-aid:before {
-  content: "\f479"; }
+    content: "\f479";
+}
 
 .fa-first-order:before {
-  content: "\f2b0"; }
+    content: "\f2b0";
+}
 
 .fa-first-order-alt:before {
-  content: "\f50a"; }
+    content: "\f50a";
+}
 
 .fa-firstdraft:before {
-  content: "\f3a1"; }
+    content: "\f3a1";
+}
 
 .fa-fish:before {
-  content: "\f578"; }
+    content: "\f578";
+}
 
 .fa-fist-raised:before {
-  content: "\f6de"; }
+    content: "\f6de";
+}
 
 .fa-flag:before {
-  content: "\f024"; }
+    content: "\f024";
+}
 
 .fa-flag-checkered:before {
-  content: "\f11e"; }
+    content: "\f11e";
+}
 
 .fa-flag-usa:before {
-  content: "\f74d"; }
+    content: "\f74d";
+}
 
 .fa-flask:before {
-  content: "\f0c3"; }
+    content: "\f0c3";
+}
 
 .fa-flickr:before {
-  content: "\f16e"; }
+    content: "\f16e";
+}
 
 .fa-flipboard:before {
-  content: "\f44d"; }
+    content: "\f44d";
+}
 
 .fa-flushed:before {
-  content: "\f579"; }
+    content: "\f579";
+}
 
 .fa-fly:before {
-  content: "\f417"; }
+    content: "\f417";
+}
 
 .fa-folder:before {
-  content: "\f07b"; }
+    content: "\f07b";
+}
 
 .fa-folder-minus:before {
-  content: "\f65d"; }
+    content: "\f65d";
+}
 
 .fa-folder-open:before {
-  content: "\f07c"; }
+    content: "\f07c";
+}
 
 .fa-folder-plus:before {
-  content: "\f65e"; }
+    content: "\f65e";
+}
 
 .fa-font:before {
-  content: "\f031"; }
+    content: "\f031";
+}
 
 .fa-font-awesome:before {
-  content: "\f2b4"; }
+    content: "\f2b4";
+}
 
 .fa-font-awesome-alt:before {
-  content: "\f35c"; }
+    content: "\f35c";
+}
 
 .fa-font-awesome-flag:before {
-  content: "\f425"; }
+    content: "\f425";
+}
 
 .fa-font-awesome-logo-full:before {
-  content: "\f4e6"; }
+    content: "\f4e6";
+}
 
 .fa-fonticons:before {
-  content: "\f280"; }
+    content: "\f280";
+}
 
 .fa-fonticons-fi:before {
-  content: "\f3a2"; }
+    content: "\f3a2";
+}
 
 .fa-football-ball:before {
-  content: "\f44e"; }
+    content: "\f44e";
+}
 
 .fa-fort-awesome:before {
-  content: "\f286"; }
+    content: "\f286";
+}
 
 .fa-fort-awesome-alt:before {
-  content: "\f3a3"; }
+    content: "\f3a3";
+}
 
 .fa-forumbee:before {
-  content: "\f211"; }
+    content: "\f211";
+}
 
 .fa-forward:before {
-  content: "\f04e"; }
+    content: "\f04e";
+}
 
 .fa-foursquare:before {
-  content: "\f180"; }
+    content: "\f180";
+}
 
 .fa-free-code-camp:before {
-  content: "\f2c5"; }
+    content: "\f2c5";
+}
 
 .fa-freebsd:before {
-  content: "\f3a4"; }
+    content: "\f3a4";
+}
 
 .fa-frog:before {
-  content: "\f52e"; }
+    content: "\f52e";
+}
 
 .fa-frown:before {
-  content: "\f119"; }
+    content: "\f119";
+}
 
 .fa-frown-open:before {
-  content: "\f57a"; }
+    content: "\f57a";
+}
 
 .fa-fulcrum:before {
-  content: "\f50b"; }
+    content: "\f50b";
+}
 
 .fa-funnel-dollar:before {
-  content: "\f662"; }
+    content: "\f662";
+}
 
 .fa-futbol:before {
-  content: "\f1e3"; }
+    content: "\f1e3";
+}
 
 .fa-galactic-republic:before {
-  content: "\f50c"; }
+    content: "\f50c";
+}
 
 .fa-galactic-senate:before {
-  content: "\f50d"; }
+    content: "\f50d";
+}
 
 .fa-gamepad:before {
-  content: "\f11b"; }
+    content: "\f11b";
+}
 
 .fa-gas-pump:before {
-  content: "\f52f"; }
+    content: "\f52f";
+}
 
 .fa-gavel:before {
-  content: "\f0e3"; }
+    content: "\f0e3";
+}
 
 .fa-gem:before {
-  content: "\f3a5"; }
+    content: "\f3a5";
+}
 
 .fa-genderless:before {
-  content: "\f22d"; }
+    content: "\f22d";
+}
 
 .fa-get-pocket:before {
-  content: "\f265"; }
+    content: "\f265";
+}
 
 .fa-gg:before {
-  content: "\f260"; }
+    content: "\f260";
+}
 
 .fa-gg-circle:before {
-  content: "\f261"; }
+    content: "\f261";
+}
 
 .fa-ghost:before {
-  content: "\f6e2"; }
+    content: "\f6e2";
+}
 
 .fa-gift:before {
-  content: "\f06b"; }
+    content: "\f06b";
+}
 
 .fa-git:before {
-  content: "\f1d3"; }
+    content: "\f1d3";
+}
 
 .fa-git-square:before {
-  content: "\f1d2"; }
+    content: "\f1d2";
+}
 
 .fa-github:before {
-  content: "\f09b"; }
+    content: "\f09b";
+}
 
 .fa-github-alt:before {
-  content: "\f113"; }
+    content: "\f113";
+}
 
 .fa-github-square:before {
-  content: "\f092"; }
+    content: "\f092";
+}
 
 .fa-gitkraken:before {
-  content: "\f3a6"; }
+    content: "\f3a6";
+}
 
 .fa-gitlab:before {
-  content: "\f296"; }
+    content: "\f296";
+}
 
 .fa-gitter:before {
-  content: "\f426"; }
+    content: "\f426";
+}
 
 .fa-glass-martini:before {
-  content: "\f000"; }
+    content: "\f000";
+}
 
 .fa-glass-martini-alt:before {
-  content: "\f57b"; }
+    content: "\f57b";
+}
 
 .fa-glasses:before {
-  content: "\f530"; }
+    content: "\f530";
+}
 
 .fa-glide:before {
-  content: "\f2a5"; }
+    content: "\f2a5";
+}
 
 .fa-glide-g:before {
-  content: "\f2a6"; }
+    content: "\f2a6";
+}
 
 .fa-globe:before {
-  content: "\f0ac"; }
+    content: "\f0ac";
+}
 
 .fa-globe-africa:before {
-  content: "\f57c"; }
+    content: "\f57c";
+}
 
 .fa-globe-americas:before {
-  content: "\f57d"; }
+    content: "\f57d";
+}
 
 .fa-globe-asia:before {
-  content: "\f57e"; }
+    content: "\f57e";
+}
 
 .fa-gofore:before {
-  content: "\f3a7"; }
+    content: "\f3a7";
+}
 
 .fa-golf-ball:before {
-  content: "\f450"; }
+    content: "\f450";
+}
 
 .fa-goodreads:before {
-  content: "\f3a8"; }
+    content: "\f3a8";
+}
 
 .fa-goodreads-g:before {
-  content: "\f3a9"; }
+    content: "\f3a9";
+}
 
 .fa-google:before {
-  content: "\f1a0"; }
+    content: "\f1a0";
+}
 
 .fa-google-drive:before {
-  content: "\f3aa"; }
+    content: "\f3aa";
+}
 
 .fa-google-play:before {
-  content: "\f3ab"; }
+    content: "\f3ab";
+}
 
 .fa-google-plus:before {
-  content: "\f2b3"; }
+    content: "\f2b3";
+}
 
 .fa-google-plus-g:before {
-  content: "\f0d5"; }
+    content: "\f0d5";
+}
 
 .fa-google-plus-square:before {
-  content: "\f0d4"; }
+    content: "\f0d4";
+}
 
 .fa-google-wallet:before {
-  content: "\f1ee"; }
+    content: "\f1ee";
+}
 
 .fa-gopuram:before {
-  content: "\f664"; }
+    content: "\f664";
+}
 
 .fa-graduation-cap:before {
-  content: "\f19d"; }
+    content: "\f19d";
+}
 
 .fa-gratipay:before {
-  content: "\f184"; }
+    content: "\f184";
+}
 
 .fa-grav:before {
-  content: "\f2d6"; }
+    content: "\f2d6";
+}
 
 .fa-greater-than:before {
-  content: "\f531"; }
+    content: "\f531";
+}
 
 .fa-greater-than-equal:before {
-  content: "\f532"; }
+    content: "\f532";
+}
 
 .fa-grimace:before {
-  content: "\f57f"; }
+    content: "\f57f";
+}
 
 .fa-grin:before {
-  content: "\f580"; }
+    content: "\f580";
+}
 
 .fa-grin-alt:before {
-  content: "\f581"; }
+    content: "\f581";
+}
 
 .fa-grin-beam:before {
-  content: "\f582"; }
+    content: "\f582";
+}
 
 .fa-grin-beam-sweat:before {
-  content: "\f583"; }
+    content: "\f583";
+}
 
 .fa-grin-hearts:before {
-  content: "\f584"; }
+    content: "\f584";
+}
 
 .fa-grin-squint:before {
-  content: "\f585"; }
+    content: "\f585";
+}
 
 .fa-grin-squint-tears:before {
-  content: "\f586"; }
+    content: "\f586";
+}
 
 .fa-grin-stars:before {
-  content: "\f587"; }
+    content: "\f587";
+}
 
 .fa-grin-tears:before {
-  content: "\f588"; }
+    content: "\f588";
+}
 
 .fa-grin-tongue:before {
-  content: "\f589"; }
+    content: "\f589";
+}
 
 .fa-grin-tongue-squint:before {
-  content: "\f58a"; }
+    content: "\f58a";
+}
 
 .fa-grin-tongue-wink:before {
-  content: "\f58b"; }
+    content: "\f58b";
+}
 
 .fa-grin-wink:before {
-  content: "\f58c"; }
+    content: "\f58c";
+}
 
 .fa-grip-horizontal:before {
-  content: "\f58d"; }
+    content: "\f58d";
+}
 
 .fa-grip-vertical:before {
-  content: "\f58e"; }
+    content: "\f58e";
+}
 
 .fa-gripfire:before {
-  content: "\f3ac"; }
+    content: "\f3ac";
+}
 
 .fa-grunt:before {
-  content: "\f3ad"; }
+    content: "\f3ad";
+}
 
 .fa-gulp:before {
-  content: "\f3ae"; }
+    content: "\f3ae";
+}
 
 .fa-h-square:before {
-  content: "\f0fd"; }
+    content: "\f0fd";
+}
 
 .fa-hacker-news:before {
-  content: "\f1d4"; }
+    content: "\f1d4";
+}
 
 .fa-hacker-news-square:before {
-  content: "\f3af"; }
+    content: "\f3af";
+}
 
 .fa-hackerrank:before {
-  content: "\f5f7"; }
+    content: "\f5f7";
+}
 
 .fa-hammer:before {
-  content: "\f6e3"; }
+    content: "\f6e3";
+}
 
 .fa-hamsa:before {
-  content: "\f665"; }
+    content: "\f665";
+}
 
 .fa-hand-holding:before {
-  content: "\f4bd"; }
+    content: "\f4bd";
+}
 
 .fa-hand-holding-heart:before {
-  content: "\f4be"; }
+    content: "\f4be";
+}
 
 .fa-hand-holding-usd:before {
-  content: "\f4c0"; }
+    content: "\f4c0";
+}
 
 .fa-hand-lizard:before {
-  content: "\f258"; }
+    content: "\f258";
+}
 
 .fa-hand-paper:before {
-  content: "\f256"; }
+    content: "\f256";
+}
 
 .fa-hand-peace:before {
-  content: "\f25b"; }
+    content: "\f25b";
+}
 
 .fa-hand-point-down:before {
-  content: "\f0a7"; }
+    content: "\f0a7";
+}
 
 .fa-hand-point-left:before {
-  content: "\f0a5"; }
+    content: "\f0a5";
+}
 
 .fa-hand-point-right:before {
-  content: "\f0a4"; }
+    content: "\f0a4";
+}
 
 .fa-hand-point-up:before {
-  content: "\f0a6"; }
+    content: "\f0a6";
+}
 
 .fa-hand-pointer:before {
-  content: "\f25a"; }
+    content: "\f25a";
+}
 
 .fa-hand-rock:before {
-  content: "\f255"; }
+    content: "\f255";
+}
 
 .fa-hand-scissors:before {
-  content: "\f257"; }
+    content: "\f257";
+}
 
 .fa-hand-spock:before {
-  content: "\f259"; }
+    content: "\f259";
+}
 
 .fa-hands:before {
-  content: "\f4c2"; }
+    content: "\f4c2";
+}
 
 .fa-hands-helping:before {
-  content: "\f4c4"; }
+    content: "\f4c4";
+}
 
 .fa-handshake:before {
-  content: "\f2b5"; }
+    content: "\f2b5";
+}
 
 .fa-hanukiah:before {
-  content: "\f6e6"; }
+    content: "\f6e6";
+}
 
 .fa-hashtag:before {
-  content: "\f292"; }
+    content: "\f292";
+}
 
 .fa-hat-wizard:before {
-  content: "\f6e8"; }
+    content: "\f6e8";
+}
 
 .fa-haykal:before {
-  content: "\f666"; }
+    content: "\f666";
+}
 
 .fa-hdd:before {
-  content: "\f0a0"; }
+    content: "\f0a0";
+}
 
 .fa-heading:before {
-  content: "\f1dc"; }
+    content: "\f1dc";
+}
 
 .fa-headphones:before {
-  content: "\f025"; }
+    content: "\f025";
+}
 
 .fa-headphones-alt:before {
-  content: "\f58f"; }
+    content: "\f58f";
+}
 
 .fa-headset:before {
-  content: "\f590"; }
+    content: "\f590";
+}
 
 .fa-heart:before {
-  content: "\f004"; }
+    content: "\f004";
+}
 
 .fa-heartbeat:before {
-  content: "\f21e"; }
+    content: "\f21e";
+}
 
 .fa-helicopter:before {
-  content: "\f533"; }
+    content: "\f533";
+}
 
 .fa-highlighter:before {
-  content: "\f591"; }
+    content: "\f591";
+}
 
 .fa-hiking:before {
-  content: "\f6ec"; }
+    content: "\f6ec";
+}
 
 .fa-hippo:before {
-  content: "\f6ed"; }
+    content: "\f6ed";
+}
 
 .fa-hips:before {
-  content: "\f452"; }
+    content: "\f452";
+}
 
 .fa-hire-a-helper:before {
-  content: "\f3b0"; }
+    content: "\f3b0";
+}
 
 .fa-history:before {
-  content: "\f1da"; }
+    content: "\f1da";
+}
 
 .fa-hockey-puck:before {
-  content: "\f453"; }
+    content: "\f453";
+}
 
 .fa-home:before {
-  content: "\f015"; }
+    content: "\f015";
+}
 
 .fa-hooli:before {
-  content: "\f427"; }
+    content: "\f427";
+}
 
 .fa-hornbill:before {
-  content: "\f592"; }
+    content: "\f592";
+}
 
 .fa-horse:before {
-  content: "\f6f0"; }
+    content: "\f6f0";
+}
 
 .fa-hospital:before {
-  content: "\f0f8"; }
+    content: "\f0f8";
+}
 
 .fa-hospital-alt:before {
-  content: "\f47d"; }
+    content: "\f47d";
+}
 
 .fa-hospital-symbol:before {
-  content: "\f47e"; }
+    content: "\f47e";
+}
 
 .fa-hot-tub:before {
-  content: "\f593"; }
+    content: "\f593";
+}
 
 .fa-hotel:before {
-  content: "\f594"; }
+    content: "\f594";
+}
 
 .fa-hotjar:before {
-  content: "\f3b1"; }
+    content: "\f3b1";
+}
 
 .fa-hourglass:before {
-  content: "\f254"; }
+    content: "\f254";
+}
 
 .fa-hourglass-end:before {
-  content: "\f253"; }
+    content: "\f253";
+}
 
 .fa-hourglass-half:before {
-  content: "\f252"; }
+    content: "\f252";
+}
 
 .fa-hourglass-start:before {
-  content: "\f251"; }
+    content: "\f251";
+}
 
 .fa-house-damage:before {
-  content: "\f6f1"; }
+    content: "\f6f1";
+}
 
 .fa-houzz:before {
-  content: "\f27c"; }
+    content: "\f27c";
+}
 
 .fa-hryvnia:before {
-  content: "\f6f2"; }
+    content: "\f6f2";
+}
 
 .fa-html5:before {
-  content: "\f13b"; }
+    content: "\f13b";
+}
 
 .fa-hubspot:before {
-  content: "\f3b2"; }
+    content: "\f3b2";
+}
 
 .fa-i-cursor:before {
-  content: "\f246"; }
+    content: "\f246";
+}
 
 .fa-id-badge:before {
-  content: "\f2c1"; }
+    content: "\f2c1";
+}
 
 .fa-id-card:before {
-  content: "\f2c2"; }
+    content: "\f2c2";
+}
 
 .fa-id-card-alt:before {
-  content: "\f47f"; }
+    content: "\f47f";
+}
 
 .fa-image:before {
-  content: "\f03e"; }
+    content: "\f03e";
+}
 
 .fa-images:before {
-  content: "\f302"; }
+    content: "\f302";
+}
 
 .fa-imdb:before {
-  content: "\f2d8"; }
+    content: "\f2d8";
+}
 
 .fa-inbox:before {
-  content: "\f01c"; }
+    content: "\f01c";
+}
 
 .fa-indent:before {
-  content: "\f03c"; }
+    content: "\f03c";
+}
 
 .fa-industry:before {
-  content: "\f275"; }
+    content: "\f275";
+}
 
 .fa-infinity:before {
-  content: "\f534"; }
+    content: "\f534";
+}
 
 .fa-info:before {
-  content: "\f129"; }
+    content: "\f129";
+}
 
 .fa-info-circle:before {
-  content: "\f05a"; }
+    content: "\f05a";
+}
 
 .fa-instagram:before {
-  content: "\f16d"; }
+    content: "\f16d";
+}
 
 .fa-internet-explorer:before {
-  content: "\f26b"; }
+    content: "\f26b";
+}
 
 .fa-ioxhost:before {
-  content: "\f208"; }
+    content: "\f208";
+}
 
 .fa-italic:before {
-  content: "\f033"; }
+    content: "\f033";
+}
 
 .fa-itunes:before {
-  content: "\f3b4"; }
+    content: "\f3b4";
+}
 
 .fa-itunes-note:before {
-  content: "\f3b5"; }
+    content: "\f3b5";
+}
 
 .fa-java:before {
-  content: "\f4e4"; }
+    content: "\f4e4";
+}
 
 .fa-jedi:before {
-  content: "\f669"; }
+    content: "\f669";
+}
 
 .fa-jedi-order:before {
-  content: "\f50e"; }
+    content: "\f50e";
+}
 
 .fa-jenkins:before {
-  content: "\f3b6"; }
+    content: "\f3b6";
+}
 
 .fa-joget:before {
-  content: "\f3b7"; }
+    content: "\f3b7";
+}
 
 .fa-joint:before {
-  content: "\f595"; }
+    content: "\f595";
+}
 
 .fa-joomla:before {
-  content: "\f1aa"; }
+    content: "\f1aa";
+}
 
 .fa-journal-whills:before {
-  content: "\f66a"; }
+    content: "\f66a";
+}
 
 .fa-js:before {
-  content: "\f3b8"; }
+    content: "\f3b8";
+}
 
 .fa-js-square:before {
-  content: "\f3b9"; }
+    content: "\f3b9";
+}
 
 .fa-jsfiddle:before {
-  content: "\f1cc"; }
+    content: "\f1cc";
+}
 
 .fa-kaaba:before {
-  content: "\f66b"; }
+    content: "\f66b";
+}
 
 .fa-kaggle:before {
-  content: "\f5fa"; }
+    content: "\f5fa";
+}
 
 .fa-key:before {
-  content: "\f084"; }
+    content: "\f084";
+}
 
 .fa-keybase:before {
-  content: "\f4f5"; }
+    content: "\f4f5";
+}
 
 .fa-keyboard:before {
-  content: "\f11c"; }
+    content: "\f11c";
+}
 
 .fa-keycdn:before {
-  content: "\f3ba"; }
+    content: "\f3ba";
+}
 
 .fa-khanda:before {
-  content: "\f66d"; }
+    content: "\f66d";
+}
 
 .fa-kickstarter:before {
-  content: "\f3bb"; }
+    content: "\f3bb";
+}
 
 .fa-kickstarter-k:before {
-  content: "\f3bc"; }
+    content: "\f3bc";
+}
 
 .fa-kiss:before {
-  content: "\f596"; }
+    content: "\f596";
+}
 
 .fa-kiss-beam:before {
-  content: "\f597"; }
+    content: "\f597";
+}
 
 .fa-kiss-wink-heart:before {
-  content: "\f598"; }
+    content: "\f598";
+}
 
 .fa-kiwi-bird:before {
-  content: "\f535"; }
+    content: "\f535";
+}
 
 .fa-korvue:before {
-  content: "\f42f"; }
+    content: "\f42f";
+}
 
 .fa-landmark:before {
-  content: "\f66f"; }
+    content: "\f66f";
+}
 
 .fa-language:before {
-  content: "\f1ab"; }
+    content: "\f1ab";
+}
 
 .fa-laptop:before {
-  content: "\f109"; }
+    content: "\f109";
+}
 
 .fa-laptop-code:before {
-  content: "\f5fc"; }
+    content: "\f5fc";
+}
 
 .fa-laravel:before {
-  content: "\f3bd"; }
+    content: "\f3bd";
+}
 
 .fa-lastfm:before {
-  content: "\f202"; }
+    content: "\f202";
+}
 
 .fa-lastfm-square:before {
-  content: "\f203"; }
+    content: "\f203";
+}
 
 .fa-laugh:before {
-  content: "\f599"; }
+    content: "\f599";
+}
 
 .fa-laugh-beam:before {
-  content: "\f59a"; }
+    content: "\f59a";
+}
 
 .fa-laugh-squint:before {
-  content: "\f59b"; }
+    content: "\f59b";
+}
 
 .fa-laugh-wink:before {
-  content: "\f59c"; }
+    content: "\f59c";
+}
 
 .fa-layer-group:before {
-  content: "\f5fd"; }
+    content: "\f5fd";
+}
 
 .fa-leaf:before {
-  content: "\f06c"; }
+    content: "\f06c";
+}
 
 .fa-leanpub:before {
-  content: "\f212"; }
+    content: "\f212";
+}
 
 .fa-lemon:before {
-  content: "\f094"; }
+    content: "\f094";
+}
 
 .fa-less:before {
-  content: "\f41d"; }
+    content: "\f41d";
+}
 
 .fa-less-than:before {
-  content: "\f536"; }
+    content: "\f536";
+}
 
 .fa-less-than-equal:before {
-  content: "\f537"; }
+    content: "\f537";
+}
 
 .fa-level-down-alt:before {
-  content: "\f3be"; }
+    content: "\f3be";
+}
 
 .fa-level-up-alt:before {
-  content: "\f3bf"; }
+    content: "\f3bf";
+}
 
 .fa-life-ring:before {
-  content: "\f1cd"; }
+    content: "\f1cd";
+}
 
 .fa-lightbulb:before {
-  content: "\f0eb"; }
+    content: "\f0eb";
+}
 
 .fa-line:before {
-  content: "\f3c0"; }
+    content: "\f3c0";
+}
 
 .fa-link:before {
-  content: "\f0c1"; }
+    content: "\f0c1";
+}
 
 .fa-linkedin:before {
-  content: "\f08c"; }
+    content: "\f08c";
+}
 
 .fa-linkedin-in:before {
-  content: "\f0e1"; }
+    content: "\f0e1";
+}
 
 .fa-linode:before {
-  content: "\f2b8"; }
+    content: "\f2b8";
+}
 
 .fa-linux:before {
-  content: "\f17c"; }
+    content: "\f17c";
+}
 
 .fa-lira-sign:before {
-  content: "\f195"; }
+    content: "\f195";
+}
 
 .fa-list:before {
-  content: "\f03a"; }
+    content: "\f03a";
+}
 
 .fa-list-alt:before {
-  content: "\f022"; }
+    content: "\f022";
+}
 
 .fa-list-ol:before {
-  content: "\f0cb"; }
+    content: "\f0cb";
+}
 
 .fa-list-ul:before {
-  content: "\f0ca"; }
+    content: "\f0ca";
+}
 
 .fa-location-arrow:before {
-  content: "\f124"; }
+    content: "\f124";
+}
 
 .fa-lock:before {
-  content: "\f023"; }
+    content: "\f023";
+}
 
 .fa-lock-open:before {
-  content: "\f3c1"; }
+    content: "\f3c1";
+}
 
 .fa-long-arrow-alt-down:before {
-  content: "\f309"; }
+    content: "\f309";
+}
 
 .fa-long-arrow-alt-left:before {
-  content: "\f30a"; }
+    content: "\f30a";
+}
 
 .fa-long-arrow-alt-right:before {
-  content: "\f30b"; }
+    content: "\f30b";
+}
 
 .fa-long-arrow-alt-up:before {
-  content: "\f30c"; }
+    content: "\f30c";
+}
 
 .fa-low-vision:before {
-  content: "\f2a8"; }
+    content: "\f2a8";
+}
 
 .fa-luggage-cart:before {
-  content: "\f59d"; }
+    content: "\f59d";
+}
 
 .fa-lyft:before {
-  content: "\f3c3"; }
+    content: "\f3c3";
+}
 
 .fa-magento:before {
-  content: "\f3c4"; }
+    content: "\f3c4";
+}
 
 .fa-magic:before {
-  content: "\f0d0"; }
+    content: "\f0d0";
+}
 
 .fa-magnet:before {
-  content: "\f076"; }
+    content: "\f076";
+}
 
 .fa-mail-bulk:before {
-  content: "\f674"; }
+    content: "\f674";
+}
 
 .fa-mailchimp:before {
-  content: "\f59e"; }
+    content: "\f59e";
+}
 
 .fa-male:before {
-  content: "\f183"; }
+    content: "\f183";
+}
 
 .fa-mandalorian:before {
-  content: "\f50f"; }
+    content: "\f50f";
+}
 
 .fa-map:before {
-  content: "\f279"; }
+    content: "\f279";
+}
 
 .fa-map-marked:before {
-  content: "\f59f"; }
+    content: "\f59f";
+}
 
 .fa-map-marked-alt:before {
-  content: "\f5a0"; }
+    content: "\f5a0";
+}
 
 .fa-map-marker:before {
-  content: "\f041"; }
+    content: "\f041";
+}
 
 .fa-map-marker-alt:before {
-  content: "\f3c5"; }
+    content: "\f3c5";
+}
 
 .fa-map-pin:before {
-  content: "\f276"; }
+    content: "\f276";
+}
 
 .fa-map-signs:before {
-  content: "\f277"; }
+    content: "\f277";
+}
 
 .fa-markdown:before {
-  content: "\f60f"; }
+    content: "\f60f";
+}
 
 .fa-marker:before {
-  content: "\f5a1"; }
+    content: "\f5a1";
+}
 
 .fa-mars:before {
-  content: "\f222"; }
+    content: "\f222";
+}
 
 .fa-mars-double:before {
-  content: "\f227"; }
+    content: "\f227";
+}
 
 .fa-mars-stroke:before {
-  content: "\f229"; }
+    content: "\f229";
+}
 
 .fa-mars-stroke-h:before {
-  content: "\f22b"; }
+    content: "\f22b";
+}
 
 .fa-mars-stroke-v:before {
-  content: "\f22a"; }
+    content: "\f22a";
+}
 
 .fa-mask:before {
-  content: "\f6fa"; }
+    content: "\f6fa";
+}
 
 .fa-mastodon:before {
-  content: "\f4f6"; }
+    content: "\f4f6";
+}
 
 .fa-maxcdn:before {
-  content: "\f136"; }
+    content: "\f136";
+}
 
 .fa-medal:before {
-  content: "\f5a2"; }
+    content: "\f5a2";
+}
 
 .fa-medapps:before {
-  content: "\f3c6"; }
+    content: "\f3c6";
+}
 
 .fa-medium:before {
-  content: "\f23a"; }
+    content: "\f23a";
+}
 
 .fa-medium-m:before {
-  content: "\f3c7"; }
+    content: "\f3c7";
+}
 
 .fa-medkit:before {
-  content: "\f0fa"; }
+    content: "\f0fa";
+}
 
 .fa-medrt:before {
-  content: "\f3c8"; }
+    content: "\f3c8";
+}
 
 .fa-meetup:before {
-  content: "\f2e0"; }
+    content: "\f2e0";
+}
 
 .fa-megaport:before {
-  content: "\f5a3"; }
+    content: "\f5a3";
+}
 
 .fa-meh:before {
-  content: "\f11a"; }
+    content: "\f11a";
+}
 
 .fa-meh-blank:before {
-  content: "\f5a4"; }
+    content: "\f5a4";
+}
 
 .fa-meh-rolling-eyes:before {
-  content: "\f5a5"; }
+    content: "\f5a5";
+}
 
 .fa-memory:before {
-  content: "\f538"; }
+    content: "\f538";
+}
 
 .fa-menorah:before {
-  content: "\f676"; }
+    content: "\f676";
+}
 
 .fa-mercury:before {
-  content: "\f223"; }
+    content: "\f223";
+}
 
 .fa-meteor:before {
-  content: "\f753"; }
+    content: "\f753";
+}
 
 .fa-microchip:before {
-  content: "\f2db"; }
+    content: "\f2db";
+}
 
 .fa-microphone:before {
-  content: "\f130"; }
+    content: "\f130";
+}
 
 .fa-microphone-alt:before {
-  content: "\f3c9"; }
+    content: "\f3c9";
+}
 
 .fa-microphone-alt-slash:before {
-  content: "\f539"; }
+    content: "\f539";
+}
 
 .fa-microphone-slash:before {
-  content: "\f131"; }
+    content: "\f131";
+}
 
 .fa-microscope:before {
-  content: "\f610"; }
+    content: "\f610";
+}
 
 .fa-microsoft:before {
-  content: "\f3ca"; }
+    content: "\f3ca";
+}
 
 .fa-minus:before {
-  content: "\f068"; }
+    content: "\f068";
+}
 
 .fa-minus-circle:before {
-  content: "\f056"; }
+    content: "\f056";
+}
 
 .fa-minus-square:before {
-  content: "\f146"; }
+    content: "\f146";
+}
 
 .fa-mix:before {
-  content: "\f3cb"; }
+    content: "\f3cb";
+}
 
 .fa-mixcloud:before {
-  content: "\f289"; }
+    content: "\f289";
+}
 
 .fa-mizuni:before {
-  content: "\f3cc"; }
+    content: "\f3cc";
+}
 
 .fa-mobile:before {
-  content: "\f10b"; }
+    content: "\f10b";
+}
 
 .fa-mobile-alt:before {
-  content: "\f3cd"; }
+    content: "\f3cd";
+}
 
 .fa-modx:before {
-  content: "\f285"; }
+    content: "\f285";
+}
 
 .fa-monero:before {
-  content: "\f3d0"; }
+    content: "\f3d0";
+}
 
 .fa-money-bill:before {
-  content: "\f0d6"; }
+    content: "\f0d6";
+}
 
 .fa-money-bill-alt:before {
-  content: "\f3d1"; }
+    content: "\f3d1";
+}
 
 .fa-money-bill-wave:before {
-  content: "\f53a"; }
+    content: "\f53a";
+}
 
 .fa-money-bill-wave-alt:before {
-  content: "\f53b"; }
+    content: "\f53b";
+}
 
 .fa-money-check:before {
-  content: "\f53c"; }
+    content: "\f53c";
+}
 
 .fa-money-check-alt:before {
-  content: "\f53d"; }
+    content: "\f53d";
+}
 
 .fa-monument:before {
-  content: "\f5a6"; }
+    content: "\f5a6";
+}
 
 .fa-moon:before {
-  content: "\f186"; }
+    content: "\f186";
+}
 
 .fa-mortar-pestle:before {
-  content: "\f5a7"; }
+    content: "\f5a7";
+}
 
 .fa-mosque:before {
-  content: "\f678"; }
+    content: "\f678";
+}
 
 .fa-motorcycle:before {
-  content: "\f21c"; }
+    content: "\f21c";
+}
 
 .fa-mountain:before {
-  content: "\f6fc"; }
+    content: "\f6fc";
+}
 
 .fa-mouse-pointer:before {
-  content: "\f245"; }
+    content: "\f245";
+}
 
 .fa-music:before {
-  content: "\f001"; }
+    content: "\f001";
+}
 
 .fa-napster:before {
-  content: "\f3d2"; }
+    content: "\f3d2";
+}
 
 .fa-neos:before {
-  content: "\f612"; }
+    content: "\f612";
+}
 
 .fa-network-wired:before {
-  content: "\f6ff"; }
+    content: "\f6ff";
+}
 
 .fa-neuter:before {
-  content: "\f22c"; }
+    content: "\f22c";
+}
 
 .fa-newspaper:before {
-  content: "\f1ea"; }
+    content: "\f1ea";
+}
 
 .fa-nimblr:before {
-  content: "\f5a8"; }
+    content: "\f5a8";
+}
 
 .fa-nintendo-switch:before {
-  content: "\f418"; }
+    content: "\f418";
+}
 
 .fa-node:before {
-  content: "\f419"; }
+    content: "\f419";
+}
 
 .fa-node-js:before {
-  content: "\f3d3"; }
+    content: "\f3d3";
+}
 
 .fa-not-equal:before {
-  content: "\f53e"; }
+    content: "\f53e";
+}
 
 .fa-notes-medical:before {
-  content: "\f481"; }
+    content: "\f481";
+}
 
 .fa-npm:before {
-  content: "\f3d4"; }
+    content: "\f3d4";
+}
 
 .fa-ns8:before {
-  content: "\f3d5"; }
+    content: "\f3d5";
+}
 
 .fa-nutritionix:before {
-  content: "\f3d6"; }
+    content: "\f3d6";
+}
 
 .fa-object-group:before {
-  content: "\f247"; }
+    content: "\f247";
+}
 
 .fa-object-ungroup:before {
-  content: "\f248"; }
+    content: "\f248";
+}
 
 .fa-odnoklassniki:before {
-  content: "\f263"; }
+    content: "\f263";
+}
 
 .fa-odnoklassniki-square:before {
-  content: "\f264"; }
+    content: "\f264";
+}
 
 .fa-oil-can:before {
-  content: "\f613"; }
+    content: "\f613";
+}
 
 .fa-old-republic:before {
-  content: "\f510"; }
+    content: "\f510";
+}
 
 .fa-om:before {
-  content: "\f679"; }
+    content: "\f679";
+}
 
 .fa-opencart:before {
-  content: "\f23d"; }
+    content: "\f23d";
+}
 
 .fa-openid:before {
-  content: "\f19b"; }
+    content: "\f19b";
+}
 
 .fa-opera:before {
-  content: "\f26a"; }
+    content: "\f26a";
+}
 
 .fa-optin-monster:before {
-  content: "\f23c"; }
+    content: "\f23c";
+}
 
 .fa-osi:before {
-  content: "\f41a"; }
+    content: "\f41a";
+}
 
 .fa-otter:before {
-  content: "\f700"; }
+    content: "\f700";
+}
 
 .fa-outdent:before {
-  content: "\f03b"; }
+    content: "\f03b";
+}
 
 .fa-page4:before {
-  content: "\f3d7"; }
+    content: "\f3d7";
+}
 
 .fa-pagelines:before {
-  content: "\f18c"; }
+    content: "\f18c";
+}
 
 .fa-paint-brush:before {
-  content: "\f1fc"; }
+    content: "\f1fc";
+}
 
 .fa-paint-roller:before {
-  content: "\f5aa"; }
+    content: "\f5aa";
+}
 
 .fa-palette:before {
-  content: "\f53f"; }
+    content: "\f53f";
+}
 
 .fa-palfed:before {
-  content: "\f3d8"; }
+    content: "\f3d8";
+}
 
 .fa-pallet:before {
-  content: "\f482"; }
+    content: "\f482";
+}
 
 .fa-paper-plane:before {
-  content: "\f1d8"; }
+    content: "\f1d8";
+}
 
 .fa-paperclip:before {
-  content: "\f0c6"; }
+    content: "\f0c6";
+}
 
 .fa-parachute-box:before {
-  content: "\f4cd"; }
+    content: "\f4cd";
+}
 
 .fa-paragraph:before {
-  content: "\f1dd"; }
+    content: "\f1dd";
+}
 
 .fa-parking:before {
-  content: "\f540"; }
+    content: "\f540";
+}
 
 .fa-passport:before {
-  content: "\f5ab"; }
+    content: "\f5ab";
+}
 
 .fa-pastafarianism:before {
-  content: "\f67b"; }
+    content: "\f67b";
+}
 
 .fa-paste:before {
-  content: "\f0ea"; }
+    content: "\f0ea";
+}
 
 .fa-patreon:before {
-  content: "\f3d9"; }
+    content: "\f3d9";
+}
 
 .fa-pause:before {
-  content: "\f04c"; }
+    content: "\f04c";
+}
 
 .fa-pause-circle:before {
-  content: "\f28b"; }
+    content: "\f28b";
+}
 
 .fa-paw:before {
-  content: "\f1b0"; }
+    content: "\f1b0";
+}
 
 .fa-paypal:before {
-  content: "\f1ed"; }
+    content: "\f1ed";
+}
 
 .fa-peace:before {
-  content: "\f67c"; }
+    content: "\f67c";
+}
 
 .fa-pen:before {
-  content: "\f304"; }
+    content: "\f304";
+}
 
 .fa-pen-alt:before {
-  content: "\f305"; }
+    content: "\f305";
+}
 
 .fa-pen-fancy:before {
-  content: "\f5ac"; }
+    content: "\f5ac";
+}
 
 .fa-pen-nib:before {
-  content: "\f5ad"; }
+    content: "\f5ad";
+}
 
 .fa-pen-square:before {
-  content: "\f14b"; }
+    content: "\f14b";
+}
 
 .fa-pencil-alt:before {
-  content: "\f303"; }
+    content: "\f303";
+}
 
 .fa-pencil-ruler:before {
-  content: "\f5ae"; }
+    content: "\f5ae";
+}
 
 .fa-penny-arcade:before {
-  content: "\f704"; }
+    content: "\f704";
+}
 
 .fa-people-carry:before {
-  content: "\f4ce"; }
+    content: "\f4ce";
+}
 
 .fa-percent:before {
-  content: "\f295"; }
+    content: "\f295";
+}
 
 .fa-percentage:before {
-  content: "\f541"; }
+    content: "\f541";
+}
 
 .fa-periscope:before {
-  content: "\f3da"; }
+    content: "\f3da";
+}
 
 .fa-person-booth:before {
-  content: "\f756"; }
+    content: "\f756";
+}
 
 .fa-phabricator:before {
-  content: "\f3db"; }
+    content: "\f3db";
+}
 
 .fa-phoenix-framework:before {
-  content: "\f3dc"; }
+    content: "\f3dc";
+}
 
 .fa-phoenix-squadron:before {
-  content: "\f511"; }
+    content: "\f511";
+}
 
 .fa-phone:before {
-  content: "\f095"; }
+    content: "\f095";
+}
 
 .fa-phone-slash:before {
-  content: "\f3dd"; }
+    content: "\f3dd";
+}
 
 .fa-phone-square:before {
-  content: "\f098"; }
+    content: "\f098";
+}
 
 .fa-phone-volume:before {
-  content: "\f2a0"; }
+    content: "\f2a0";
+}
 
 .fa-php:before {
-  content: "\f457"; }
+    content: "\f457";
+}
 
 .fa-pied-piper:before {
-  content: "\f2ae"; }
+    content: "\f2ae";
+}
 
 .fa-pied-piper-alt:before {
-  content: "\f1a8"; }
+    content: "\f1a8";
+}
 
 .fa-pied-piper-hat:before {
-  content: "\f4e5"; }
+    content: "\f4e5";
+}
 
 .fa-pied-piper-pp:before {
-  content: "\f1a7"; }
+    content: "\f1a7";
+}
 
 .fa-piggy-bank:before {
-  content: "\f4d3"; }
+    content: "\f4d3";
+}
 
 .fa-pills:before {
-  content: "\f484"; }
+    content: "\f484";
+}
 
 .fa-pinterest:before {
-  content: "\f0d2"; }
+    content: "\f0d2";
+}
 
 .fa-pinterest-p:before {
-  content: "\f231"; }
+    content: "\f231";
+}
 
 .fa-pinterest-square:before {
-  content: "\f0d3"; }
+    content: "\f0d3";
+}
 
 .fa-place-of-worship:before {
-  content: "\f67f"; }
+    content: "\f67f";
+}
 
 .fa-plane:before {
-  content: "\f072"; }
+    content: "\f072";
+}
 
 .fa-plane-arrival:before {
-  content: "\f5af"; }
+    content: "\f5af";
+}
 
 .fa-plane-departure:before {
-  content: "\f5b0"; }
+    content: "\f5b0";
+}
 
 .fa-play:before {
-  content: "\f04b"; }
+    content: "\f04b";
+}
 
 .fa-play-circle:before {
-  content: "\f144"; }
+    content: "\f144";
+}
 
 .fa-playstation:before {
-  content: "\f3df"; }
+    content: "\f3df";
+}
 
 .fa-plug:before {
-  content: "\f1e6"; }
+    content: "\f1e6";
+}
 
 .fa-plus:before {
-  content: "\f067"; }
+    content: "\f067";
+}
 
 .fa-plus-circle:before {
-  content: "\f055"; }
+    content: "\f055";
+}
 
 .fa-plus-square:before {
-  content: "\f0fe"; }
+    content: "\f0fe";
+}
 
 .fa-podcast:before {
-  content: "\f2ce"; }
+    content: "\f2ce";
+}
 
 .fa-poll:before {
-  content: "\f681"; }
+    content: "\f681";
+}
 
 .fa-poll-h:before {
-  content: "\f682"; }
+    content: "\f682";
+}
 
 .fa-poo:before {
-  content: "\f2fe"; }
+    content: "\f2fe";
+}
 
 .fa-poo-storm:before {
-  content: "\f75a"; }
+    content: "\f75a";
+}
 
 .fa-poop:before {
-  content: "\f619"; }
+    content: "\f619";
+}
 
 .fa-portrait:before {
-  content: "\f3e0"; }
+    content: "\f3e0";
+}
 
 .fa-pound-sign:before {
-  content: "\f154"; }
+    content: "\f154";
+}
 
 .fa-power-off:before {
-  content: "\f011"; }
+    content: "\f011";
+}
 
 .fa-pray:before {
-  content: "\f683"; }
+    content: "\f683";
+}
 
 .fa-praying-hands:before {
-  content: "\f684"; }
+    content: "\f684";
+}
 
 .fa-prescription:before {
-  content: "\f5b1"; }
+    content: "\f5b1";
+}
 
 .fa-prescription-bottle:before {
-  content: "\f485"; }
+    content: "\f485";
+}
 
 .fa-prescription-bottle-alt:before {
-  content: "\f486"; }
+    content: "\f486";
+}
 
 .fa-print:before {
-  content: "\f02f"; }
+    content: "\f02f";
+}
 
 .fa-procedures:before {
-  content: "\f487"; }
+    content: "\f487";
+}
 
 .fa-product-hunt:before {
-  content: "\f288"; }
+    content: "\f288";
+}
 
 .fa-project-diagram:before {
-  content: "\f542"; }
+    content: "\f542";
+}
 
 .fa-pushed:before {
-  content: "\f3e1"; }
+    content: "\f3e1";
+}
 
 .fa-puzzle-piece:before {
-  content: "\f12e"; }
+    content: "\f12e";
+}
 
 .fa-python:before {
-  content: "\f3e2"; }
+    content: "\f3e2";
+}
 
 .fa-qq:before {
-  content: "\f1d6"; }
+    content: "\f1d6";
+}
 
 .fa-qrcode:before {
-  content: "\f029"; }
+    content: "\f029";
+}
 
 .fa-question:before {
-  content: "\f128"; }
+    content: "\f128";
+}
 
 .fa-question-circle:before {
-  content: "\f059"; }
+    content: "\f059";
+}
 
 .fa-quidditch:before {
-  content: "\f458"; }
+    content: "\f458";
+}
 
 .fa-quinscape:before {
-  content: "\f459"; }
+    content: "\f459";
+}
 
 .fa-quora:before {
-  content: "\f2c4"; }
+    content: "\f2c4";
+}
 
 .fa-quote-left:before {
-  content: "\f10d"; }
+    content: "\f10d";
+}
 
 .fa-quote-right:before {
-  content: "\f10e"; }
+    content: "\f10e";
+}
 
 .fa-quran:before {
-  content: "\f687"; }
+    content: "\f687";
+}
 
 .fa-r-project:before {
-  content: "\f4f7"; }
+    content: "\f4f7";
+}
 
 .fa-rainbow:before {
-  content: "\f75b"; }
+    content: "\f75b";
+}
 
 .fa-random:before {
-  content: "\f074"; }
+    content: "\f074";
+}
 
 .fa-ravelry:before {
-  content: "\f2d9"; }
+    content: "\f2d9";
+}
 
 .fa-react:before {
-  content: "\f41b"; }
+    content: "\f41b";
+}
 
 .fa-reacteurope:before {
-  content: "\f75d"; }
+    content: "\f75d";
+}
 
 .fa-readme:before {
-  content: "\f4d5"; }
+    content: "\f4d5";
+}
 
 .fa-rebel:before {
-  content: "\f1d0"; }
+    content: "\f1d0";
+}
 
 .fa-receipt:before {
-  content: "\f543"; }
+    content: "\f543";
+}
 
 .fa-recycle:before {
-  content: "\f1b8"; }
+    content: "\f1b8";
+}
 
 .fa-red-river:before {
-  content: "\f3e3"; }
+    content: "\f3e3";
+}
 
 .fa-reddit:before {
-  content: "\f1a1"; }
+    content: "\f1a1";
+}
 
 .fa-reddit-alien:before {
-  content: "\f281"; }
+    content: "\f281";
+}
 
 .fa-reddit-square:before {
-  content: "\f1a2"; }
+    content: "\f1a2";
+}
 
 .fa-redo:before {
-  content: "\f01e"; }
+    content: "\f01e";
+}
 
 .fa-redo-alt:before {
-  content: "\f2f9"; }
+    content: "\f2f9";
+}
 
 .fa-registered:before {
-  content: "\f25d"; }
+    content: "\f25d";
+}
 
 .fa-renren:before {
-  content: "\f18b"; }
+    content: "\f18b";
+}
 
 .fa-reply:before {
-  content: "\f3e5"; }
+    content: "\f3e5";
+}
 
 .fa-reply-all:before {
-  content: "\f122"; }
+    content: "\f122";
+}
 
 .fa-replyd:before {
-  content: "\f3e6"; }
+    content: "\f3e6";
+}
 
 .fa-republican:before {
-  content: "\f75e"; }
+    content: "\f75e";
+}
 
 .fa-researchgate:before {
-  content: "\f4f8"; }
+    content: "\f4f8";
+}
 
 .fa-resolving:before {
-  content: "\f3e7"; }
+    content: "\f3e7";
+}
 
 .fa-retweet:before {
-  content: "\f079"; }
+    content: "\f079";
+}
 
 .fa-rev:before {
-  content: "\f5b2"; }
+    content: "\f5b2";
+}
 
 .fa-ribbon:before {
-  content: "\f4d6"; }
+    content: "\f4d6";
+}
 
 .fa-ring:before {
-  content: "\f70b"; }
+    content: "\f70b";
+}
 
 .fa-road:before {
-  content: "\f018"; }
+    content: "\f018";
+}
 
 .fa-robot:before {
-  content: "\f544"; }
+    content: "\f544";
+}
 
 .fa-rocket:before {
-  content: "\f135"; }
+    content: "\f135";
+}
 
 .fa-rocketchat:before {
-  content: "\f3e8"; }
+    content: "\f3e8";
+}
 
 .fa-rockrms:before {
-  content: "\f3e9"; }
+    content: "\f3e9";
+}
 
 .fa-route:before {
-  content: "\f4d7"; }
+    content: "\f4d7";
+}
 
 .fa-rss:before {
-  content: "\f09e"; }
+    content: "\f09e";
+}
 
 .fa-rss-square:before {
-  content: "\f143"; }
+    content: "\f143";
+}
 
 .fa-ruble-sign:before {
-  content: "\f158"; }
+    content: "\f158";
+}
 
 .fa-ruler:before {
-  content: "\f545"; }
+    content: "\f545";
+}
 
 .fa-ruler-combined:before {
-  content: "\f546"; }
+    content: "\f546";
+}
 
 .fa-ruler-horizontal:before {
-  content: "\f547"; }
+    content: "\f547";
+}
 
 .fa-ruler-vertical:before {
-  content: "\f548"; }
+    content: "\f548";
+}
 
 .fa-running:before {
-  content: "\f70c"; }
+    content: "\f70c";
+}
 
 .fa-rupee-sign:before {
-  content: "\f156"; }
+    content: "\f156";
+}
 
 .fa-sad-cry:before {
-  content: "\f5b3"; }
+    content: "\f5b3";
+}
 
 .fa-sad-tear:before {
-  content: "\f5b4"; }
+    content: "\f5b4";
+}
 
 .fa-safari:before {
-  content: "\f267"; }
+    content: "\f267";
+}
 
 .fa-sass:before {
-  content: "\f41e"; }
+    content: "\f41e";
+}
 
 .fa-save:before {
-  content: "\f0c7"; }
+    content: "\f0c7";
+}
 
 .fa-schlix:before {
-  content: "\f3ea"; }
+    content: "\f3ea";
+}
 
 .fa-school:before {
-  content: "\f549"; }
+    content: "\f549";
+}
 
 .fa-screwdriver:before {
-  content: "\f54a"; }
+    content: "\f54a";
+}
 
 .fa-scribd:before {
-  content: "\f28a"; }
+    content: "\f28a";
+}
 
 .fa-scroll:before {
-  content: "\f70e"; }
+    content: "\f70e";
+}
 
 .fa-search:before {
-  content: "\f002"; }
+    content: "\f002";
+}
 
 .fa-search-dollar:before {
-  content: "\f688"; }
+    content: "\f688";
+}
 
 .fa-search-location:before {
-  content: "\f689"; }
+    content: "\f689";
+}
 
 .fa-search-minus:before {
-  content: "\f010"; }
+    content: "\f010";
+}
 
 .fa-search-plus:before {
-  content: "\f00e"; }
+    content: "\f00e";
+}
 
 .fa-searchengin:before {
-  content: "\f3eb"; }
+    content: "\f3eb";
+}
 
 .fa-seedling:before {
-  content: "\f4d8"; }
+    content: "\f4d8";
+}
 
 .fa-sellcast:before {
-  content: "\f2da"; }
+    content: "\f2da";
+}
 
 .fa-sellsy:before {
-  content: "\f213"; }
+    content: "\f213";
+}
 
 .fa-server:before {
-  content: "\f233"; }
+    content: "\f233";
+}
 
 .fa-servicestack:before {
-  content: "\f3ec"; }
+    content: "\f3ec";
+}
 
 .fa-shapes:before {
-  content: "\f61f"; }
+    content: "\f61f";
+}
 
 .fa-share:before {
-  content: "\f064"; }
+    content: "\f064";
+}
 
 .fa-share-alt:before {
-  content: "\f1e0"; }
+    content: "\f1e0";
+}
 
 .fa-share-alt-square:before {
-  content: "\f1e1"; }
+    content: "\f1e1";
+}
 
 .fa-share-square:before {
-  content: "\f14d"; }
+    content: "\f14d";
+}
 
 .fa-shekel-sign:before {
-  content: "\f20b"; }
+    content: "\f20b";
+}
 
 .fa-shield-alt:before {
-  content: "\f3ed"; }
+    content: "\f3ed";
+}
 
 .fa-ship:before {
-  content: "\f21a"; }
+    content: "\f21a";
+}
 
 .fa-shipping-fast:before {
-  content: "\f48b"; }
+    content: "\f48b";
+}
 
 .fa-shirtsinbulk:before {
-  content: "\f214"; }
+    content: "\f214";
+}
 
 .fa-shoe-prints:before {
-  content: "\f54b"; }
+    content: "\f54b";
+}
 
 .fa-shopping-bag:before {
-  content: "\f290"; }
+    content: "\f290";
+}
 
 .fa-shopping-basket:before {
-  content: "\f291"; }
+    content: "\f291";
+}
 
 .fa-shopping-cart:before {
-  content: "\f07a"; }
+    content: "\f07a";
+}
 
 .fa-shopware:before {
-  content: "\f5b5"; }
+    content: "\f5b5";
+}
 
 .fa-shower:before {
-  content: "\f2cc"; }
+    content: "\f2cc";
+}
 
 .fa-shuttle-van:before {
-  content: "\f5b6"; }
+    content: "\f5b6";
+}
 
 .fa-sign:before {
-  content: "\f4d9"; }
+    content: "\f4d9";
+}
 
 .fa-sign-in-alt:before {
-  content: "\f2f6"; }
+    content: "\f2f6";
+}
 
 .fa-sign-language:before {
-  content: "\f2a7"; }
+    content: "\f2a7";
+}
 
 .fa-sign-out-alt:before {
-  content: "\f2f5"; }
+    content: "\f2f5";
+}
 
 .fa-signal:before {
-  content: "\f012"; }
+    content: "\f012";
+}
 
 .fa-signature:before {
-  content: "\f5b7"; }
+    content: "\f5b7";
+}
 
 .fa-simplybuilt:before {
-  content: "\f215"; }
+    content: "\f215";
+}
 
 .fa-sistrix:before {
-  content: "\f3ee"; }
+    content: "\f3ee";
+}
 
 .fa-sitemap:before {
-  content: "\f0e8"; }
+    content: "\f0e8";
+}
 
 .fa-sith:before {
-  content: "\f512"; }
+    content: "\f512";
+}
 
 .fa-skull:before {
-  content: "\f54c"; }
+    content: "\f54c";
+}
 
 .fa-skull-crossbones:before {
-  content: "\f714"; }
+    content: "\f714";
+}
 
 .fa-skyatlas:before {
-  content: "\f216"; }
+    content: "\f216";
+}
 
 .fa-skype:before {
-  content: "\f17e"; }
+    content: "\f17e";
+}
 
 .fa-slack:before {
-  content: "\f198"; }
+    content: "\f198";
+}
 
 .fa-slack-hash:before {
-  content: "\f3ef"; }
+    content: "\f3ef";
+}
 
 .fa-slash:before {
-  content: "\f715"; }
+    content: "\f715";
+}
 
 .fa-sliders-h:before {
-  content: "\f1de"; }
+    content: "\f1de";
+}
 
 .fa-slideshare:before {
-  content: "\f1e7"; }
+    content: "\f1e7";
+}
 
 .fa-smile:before {
-  content: "\f118"; }
+    content: "\f118";
+}
 
 .fa-smile-beam:before {
-  content: "\f5b8"; }
+    content: "\f5b8";
+}
 
 .fa-smile-wink:before {
-  content: "\f4da"; }
+    content: "\f4da";
+}
 
 .fa-smog:before {
-  content: "\f75f"; }
+    content: "\f75f";
+}
 
 .fa-smoking:before {
-  content: "\f48d"; }
+    content: "\f48d";
+}
 
 .fa-smoking-ban:before {
-  content: "\f54d"; }
+    content: "\f54d";
+}
 
 .fa-snapchat:before {
-  content: "\f2ab"; }
+    content: "\f2ab";
+}
 
 .fa-snapchat-ghost:before {
-  content: "\f2ac"; }
+    content: "\f2ac";
+}
 
 .fa-snapchat-square:before {
-  content: "\f2ad"; }
+    content: "\f2ad";
+}
 
 .fa-snowflake:before {
-  content: "\f2dc"; }
+    content: "\f2dc";
+}
 
 .fa-socks:before {
-  content: "\f696"; }
+    content: "\f696";
+}
 
 .fa-solar-panel:before {
-  content: "\f5ba"; }
+    content: "\f5ba";
+}
 
 .fa-sort:before {
-  content: "\f0dc"; }
+    content: "\f0dc";
+}
 
 .fa-sort-alpha-down:before {
-  content: "\f15d"; }
+    content: "\f15d";
+}
 
 .fa-sort-alpha-up:before {
-  content: "\f15e"; }
+    content: "\f15e";
+}
 
 .fa-sort-amount-down:before {
-  content: "\f160"; }
+    content: "\f160";
+}
 
 .fa-sort-amount-up:before {
-  content: "\f161"; }
+    content: "\f161";
+}
 
 .fa-sort-down:before {
-  content: "\f0dd"; }
+    content: "\f0dd";
+}
 
 .fa-sort-numeric-down:before {
-  content: "\f162"; }
+    content: "\f162";
+}
 
 .fa-sort-numeric-up:before {
-  content: "\f163"; }
+    content: "\f163";
+}
 
 .fa-sort-up:before {
-  content: "\f0de"; }
+    content: "\f0de";
+}
 
 .fa-soundcloud:before {
-  content: "\f1be"; }
+    content: "\f1be";
+}
 
 .fa-spa:before {
-  content: "\f5bb"; }
+    content: "\f5bb";
+}
 
 .fa-space-shuttle:before {
-  content: "\f197"; }
+    content: "\f197";
+}
 
 .fa-speakap:before {
-  content: "\f3f3"; }
+    content: "\f3f3";
+}
 
 .fa-spider:before {
-  content: "\f717"; }
+    content: "\f717";
+}
 
 .fa-spinner:before {
-  content: "\f110"; }
+    content: "\f110";
+}
 
 .fa-splotch:before {
-  content: "\f5bc"; }
+    content: "\f5bc";
+}
 
 .fa-spotify:before {
-  content: "\f1bc"; }
+    content: "\f1bc";
+}
 
 .fa-spray-can:before {
-  content: "\f5bd"; }
+    content: "\f5bd";
+}
 
 .fa-square:before {
-  content: "\f0c8"; }
+    content: "\f0c8";
+}
 
 .fa-square-full:before {
-  content: "\f45c"; }
+    content: "\f45c";
+}
 
 .fa-square-root-alt:before {
-  content: "\f698"; }
+    content: "\f698";
+}
 
 .fa-squarespace:before {
-  content: "\f5be"; }
+    content: "\f5be";
+}
 
 .fa-stack-exchange:before {
-  content: "\f18d"; }
+    content: "\f18d";
+}
 
 .fa-stack-overflow:before {
-  content: "\f16c"; }
+    content: "\f16c";
+}
 
 .fa-stamp:before {
-  content: "\f5bf"; }
+    content: "\f5bf";
+}
 
 .fa-star:before {
-  content: "\f005"; }
+    content: "\f005";
+}
 
 .fa-star-and-crescent:before {
-  content: "\f699"; }
+    content: "\f699";
+}
 
 .fa-star-half:before {
-  content: "\f089"; }
+    content: "\f089";
+}
 
 .fa-star-half-alt:before {
-  content: "\f5c0"; }
+    content: "\f5c0";
+}
 
 .fa-star-of-david:before {
-  content: "\f69a"; }
+    content: "\f69a";
+}
 
 .fa-star-of-life:before {
-  content: "\f621"; }
+    content: "\f621";
+}
 
 .fa-staylinked:before {
-  content: "\f3f5"; }
+    content: "\f3f5";
+}
 
 .fa-steam:before {
-  content: "\f1b6"; }
+    content: "\f1b6";
+}
 
 .fa-steam-square:before {
-  content: "\f1b7"; }
+    content: "\f1b7";
+}
 
 .fa-steam-symbol:before {
-  content: "\f3f6"; }
+    content: "\f3f6";
+}
 
 .fa-step-backward:before {
-  content: "\f048"; }
+    content: "\f048";
+}
 
 .fa-step-forward:before {
-  content: "\f051"; }
+    content: "\f051";
+}
 
 .fa-stethoscope:before {
-  content: "\f0f1"; }
+    content: "\f0f1";
+}
 
 .fa-sticker-mule:before {
-  content: "\f3f7"; }
+    content: "\f3f7";
+}
 
 .fa-sticky-note:before {
-  content: "\f249"; }
+    content: "\f249";
+}
 
 .fa-stop:before {
-  content: "\f04d"; }
+    content: "\f04d";
+}
 
 .fa-stop-circle:before {
-  content: "\f28d"; }
+    content: "\f28d";
+}
 
 .fa-stopwatch:before {
-  content: "\f2f2"; }
+    content: "\f2f2";
+}
 
 .fa-store:before {
-  content: "\f54e"; }
+    content: "\f54e";
+}
 
 .fa-store-alt:before {
-  content: "\f54f"; }
+    content: "\f54f";
+}
 
 .fa-strava:before {
-  content: "\f428"; }
+    content: "\f428";
+}
 
 .fa-stream:before {
-  content: "\f550"; }
+    content: "\f550";
+}
 
 .fa-street-view:before {
-  content: "\f21d"; }
+    content: "\f21d";
+}
 
 .fa-strikethrough:before {
-  content: "\f0cc"; }
+    content: "\f0cc";
+}
 
 .fa-stripe:before {
-  content: "\f429"; }
+    content: "\f429";
+}
 
 .fa-stripe-s:before {
-  content: "\f42a"; }
+    content: "\f42a";
+}
 
 .fa-stroopwafel:before {
-  content: "\f551"; }
+    content: "\f551";
+}
 
 .fa-studiovinari:before {
-  content: "\f3f8"; }
+    content: "\f3f8";
+}
 
 .fa-stumbleupon:before {
-  content: "\f1a4"; }
+    content: "\f1a4";
+}
 
 .fa-stumbleupon-circle:before {
-  content: "\f1a3"; }
+    content: "\f1a3";
+}
 
 .fa-subscript:before {
-  content: "\f12c"; }
+    content: "\f12c";
+}
 
 .fa-subway:before {
-  content: "\f239"; }
+    content: "\f239";
+}
 
 .fa-suitcase:before {
-  content: "\f0f2"; }
+    content: "\f0f2";
+}
 
 .fa-suitcase-rolling:before {
-  content: "\f5c1"; }
+    content: "\f5c1";
+}
 
 .fa-sun:before {
-  content: "\f185"; }
+    content: "\f185";
+}
 
 .fa-superpowers:before {
-  content: "\f2dd"; }
+    content: "\f2dd";
+}
 
 .fa-superscript:before {
-  content: "\f12b"; }
+    content: "\f12b";
+}
 
 .fa-supple:before {
-  content: "\f3f9"; }
+    content: "\f3f9";
+}
 
 .fa-surprise:before {
-  content: "\f5c2"; }
+    content: "\f5c2";
+}
 
 .fa-swatchbook:before {
-  content: "\f5c3"; }
+    content: "\f5c3";
+}
 
 .fa-swimmer:before {
-  content: "\f5c4"; }
+    content: "\f5c4";
+}
 
 .fa-swimming-pool:before {
-  content: "\f5c5"; }
+    content: "\f5c5";
+}
 
 .fa-synagogue:before {
-  content: "\f69b"; }
+    content: "\f69b";
+}
 
 .fa-sync:before {
-  content: "\f021"; }
+    content: "\f021";
+}
 
 .fa-sync-alt:before {
-  content: "\f2f1"; }
+    content: "\f2f1";
+}
 
 .fa-syringe:before {
-  content: "\f48e"; }
+    content: "\f48e";
+}
 
 .fa-table:before {
-  content: "\f0ce"; }
+    content: "\f0ce";
+}
 
 .fa-table-tennis:before {
-  content: "\f45d"; }
+    content: "\f45d";
+}
 
 .fa-tablet:before {
-  content: "\f10a"; }
+    content: "\f10a";
+}
 
 .fa-tablet-alt:before {
-  content: "\f3fa"; }
+    content: "\f3fa";
+}
 
 .fa-tablets:before {
-  content: "\f490"; }
+    content: "\f490";
+}
 
 .fa-tachometer-alt:before {
-  content: "\f3fd"; }
+    content: "\f3fd";
+}
 
 .fa-tag:before {
-  content: "\f02b"; }
+    content: "\f02b";
+}
 
 .fa-tags:before {
-  content: "\f02c"; }
+    content: "\f02c";
+}
 
 .fa-tape:before {
-  content: "\f4db"; }
+    content: "\f4db";
+}
 
 .fa-tasks:before {
-  content: "\f0ae"; }
+    content: "\f0ae";
+}
 
 .fa-taxi:before {
-  content: "\f1ba"; }
+    content: "\f1ba";
+}
 
 .fa-teamspeak:before {
-  content: "\f4f9"; }
+    content: "\f4f9";
+}
 
 .fa-teeth:before {
-  content: "\f62e"; }
+    content: "\f62e";
+}
 
 .fa-teeth-open:before {
-  content: "\f62f"; }
+    content: "\f62f";
+}
 
 .fa-telegram:before {
-  content: "\f2c6"; }
+    content: "\f2c6";
+}
 
 .fa-telegram-plane:before {
-  content: "\f3fe"; }
+    content: "\f3fe";
+}
 
 .fa-temperature-high:before {
-  content: "\f769"; }
+    content: "\f769";
+}
 
 .fa-temperature-low:before {
-  content: "\f76b"; }
+    content: "\f76b";
+}
 
 .fa-tencent-weibo:before {
-  content: "\f1d5"; }
+    content: "\f1d5";
+}
 
 .fa-terminal:before {
-  content: "\f120"; }
+    content: "\f120";
+}
 
 .fa-text-height:before {
-  content: "\f034"; }
+    content: "\f034";
+}
 
 .fa-text-width:before {
-  content: "\f035"; }
+    content: "\f035";
+}
 
 .fa-th:before {
-  content: "\f00a"; }
+    content: "\f00a";
+}
 
 .fa-th-large:before {
-  content: "\f009"; }
+    content: "\f009";
+}
 
 .fa-th-list:before {
-  content: "\f00b"; }
+    content: "\f00b";
+}
 
 .fa-the-red-yeti:before {
-  content: "\f69d"; }
+    content: "\f69d";
+}
 
 .fa-theater-masks:before {
-  content: "\f630"; }
+    content: "\f630";
+}
 
 .fa-themeco:before {
-  content: "\f5c6"; }
+    content: "\f5c6";
+}
 
 .fa-themeisle:before {
-  content: "\f2b2"; }
+    content: "\f2b2";
+}
 
 .fa-thermometer:before {
-  content: "\f491"; }
+    content: "\f491";
+}
 
 .fa-thermometer-empty:before {
-  content: "\f2cb"; }
+    content: "\f2cb";
+}
 
 .fa-thermometer-full:before {
-  content: "\f2c7"; }
+    content: "\f2c7";
+}
 
 .fa-thermometer-half:before {
-  content: "\f2c9"; }
+    content: "\f2c9";
+}
 
 .fa-thermometer-quarter:before {
-  content: "\f2ca"; }
+    content: "\f2ca";
+}
 
 .fa-thermometer-three-quarters:before {
-  content: "\f2c8"; }
+    content: "\f2c8";
+}
 
 .fa-think-peaks:before {
-  content: "\f731"; }
+    content: "\f731";
+}
 
 .fa-thumbs-down:before {
-  content: "\f165"; }
+    content: "\f165";
+}
 
 .fa-thumbs-up:before {
-  content: "\f164"; }
+    content: "\f164";
+}
 
 .fa-thumbtack:before {
-  content: "\f08d"; }
+    content: "\f08d";
+}
 
 .fa-ticket-alt:before {
-  content: "\f3ff"; }
+    content: "\f3ff";
+}
 
 .fa-times:before {
-  content: "\f00d"; }
+    content: "\f00d";
+}
 
 .fa-times-circle:before {
-  content: "\f057"; }
+    content: "\f057";
+}
 
 .fa-tint:before {
-  content: "\f043"; }
+    content: "\f043";
+}
 
 .fa-tint-slash:before {
-  content: "\f5c7"; }
+    content: "\f5c7";
+}
 
 .fa-tired:before {
-  content: "\f5c8"; }
+    content: "\f5c8";
+}
 
 .fa-toggle-off:before {
-  content: "\f204"; }
+    content: "\f204";
+}
 
 .fa-toggle-on:before {
-  content: "\f205"; }
+    content: "\f205";
+}
 
 .fa-toilet-paper:before {
-  content: "\f71e"; }
+    content: "\f71e";
+}
 
 .fa-toolbox:before {
-  content: "\f552"; }
+    content: "\f552";
+}
 
 .fa-tooth:before {
-  content: "\f5c9"; }
+    content: "\f5c9";
+}
 
 .fa-torah:before {
-  content: "\f6a0"; }
+    content: "\f6a0";
+}
 
 .fa-torii-gate:before {
-  content: "\f6a1"; }
+    content: "\f6a1";
+}
 
 .fa-tractor:before {
-  content: "\f722"; }
+    content: "\f722";
+}
 
 .fa-trade-federation:before {
-  content: "\f513"; }
+    content: "\f513";
+}
 
 .fa-trademark:before {
-  content: "\f25c"; }
+    content: "\f25c";
+}
 
 .fa-traffic-light:before {
-  content: "\f637"; }
+    content: "\f637";
+}
 
 .fa-train:before {
-  content: "\f238"; }
+    content: "\f238";
+}
 
 .fa-transgender:before {
-  content: "\f224"; }
+    content: "\f224";
+}
 
 .fa-transgender-alt:before {
-  content: "\f225"; }
+    content: "\f225";
+}
 
 .fa-trash:before {
-  content: "\f1f8"; }
+    content: "\f1f8";
+}
 
 .fa-trash-alt:before {
-  content: "\f2ed"; }
+    content: "\f2ed";
+}
 
 .fa-tree:before {
-  content: "\f1bb"; }
+    content: "\f1bb";
+}
 
 .fa-trello:before {
-  content: "\f181"; }
+    content: "\f181";
+}
 
 .fa-tripadvisor:before {
-  content: "\f262"; }
+    content: "\f262";
+}
 
 .fa-trophy:before {
-  content: "\f091"; }
+    content: "\f091";
+}
 
 .fa-truck:before {
-  content: "\f0d1"; }
+    content: "\f0d1";
+}
 
 .fa-truck-loading:before {
-  content: "\f4de"; }
+    content: "\f4de";
+}
 
 .fa-truck-monster:before {
-  content: "\f63b"; }
+    content: "\f63b";
+}
 
 .fa-truck-moving:before {
-  content: "\f4df"; }
+    content: "\f4df";
+}
 
 .fa-truck-pickup:before {
-  content: "\f63c"; }
+    content: "\f63c";
+}
 
 .fa-tshirt:before {
-  content: "\f553"; }
+    content: "\f553";
+}
 
 .fa-tty:before {
-  content: "\f1e4"; }
+    content: "\f1e4";
+}
 
 .fa-tumblr:before {
-  content: "\f173"; }
+    content: "\f173";
+}
 
 .fa-tumblr-square:before {
-  content: "\f174"; }
+    content: "\f174";
+}
 
 .fa-tv:before {
-  content: "\f26c"; }
+    content: "\f26c";
+}
 
 .fa-twitch:before {
-  content: "\f1e8"; }
+    content: "\f1e8";
+}
 
 .fa-twitter:before {
-  content: "\f099"; }
+    content: "\f099";
+}
 
 .fa-twitter-square:before {
-  content: "\f081"; }
+    content: "\f081";
+}
 
 .fa-typo3:before {
-  content: "\f42b"; }
+    content: "\f42b";
+}
 
 .fa-uber:before {
-  content: "\f402"; }
+    content: "\f402";
+}
 
 .fa-uikit:before {
-  content: "\f403"; }
+    content: "\f403";
+}
 
 .fa-umbrella:before {
-  content: "\f0e9"; }
+    content: "\f0e9";
+}
 
 .fa-umbrella-beach:before {
-  content: "\f5ca"; }
+    content: "\f5ca";
+}
 
 .fa-underline:before {
-  content: "\f0cd"; }
+    content: "\f0cd";
+}
 
 .fa-undo:before {
-  content: "\f0e2"; }
+    content: "\f0e2";
+}
 
 .fa-undo-alt:before {
-  content: "\f2ea"; }
+    content: "\f2ea";
+}
 
 .fa-uniregistry:before {
-  content: "\f404"; }
+    content: "\f404";
+}
 
 .fa-universal-access:before {
-  content: "\f29a"; }
+    content: "\f29a";
+}
 
 .fa-university:before {
-  content: "\f19c"; }
+    content: "\f19c";
+}
 
 .fa-unlink:before {
-  content: "\f127"; }
+    content: "\f127";
+}
 
 .fa-unlock:before {
-  content: "\f09c"; }
+    content: "\f09c";
+}
 
 .fa-unlock-alt:before {
-  content: "\f13e"; }
+    content: "\f13e";
+}
 
 .fa-untappd:before {
-  content: "\f405"; }
+    content: "\f405";
+}
 
 .fa-upload:before {
-  content: "\f093"; }
+    content: "\f093";
+}
 
 .fa-usb:before {
-  content: "\f287"; }
+    content: "\f287";
+}
 
 .fa-user:before {
-  content: "\f007"; }
+    content: "\f007";
+}
 
 .fa-user-alt:before {
-  content: "\f406"; }
+    content: "\f406";
+}
 
 .fa-user-alt-slash:before {
-  content: "\f4fa"; }
+    content: "\f4fa";
+}
 
 .fa-user-astronaut:before {
-  content: "\f4fb"; }
+    content: "\f4fb";
+}
 
 .fa-user-check:before {
-  content: "\f4fc"; }
+    content: "\f4fc";
+}
 
 .fa-user-circle:before {
-  content: "\f2bd"; }
+    content: "\f2bd";
+}
 
 .fa-user-clock:before {
-  content: "\f4fd"; }
+    content: "\f4fd";
+}
 
 .fa-user-cog:before {
-  content: "\f4fe"; }
+    content: "\f4fe";
+}
 
 .fa-user-edit:before {
-  content: "\f4ff"; }
+    content: "\f4ff";
+}
 
 .fa-user-friends:before {
-  content: "\f500"; }
+    content: "\f500";
+}
 
 .fa-user-graduate:before {
-  content: "\f501"; }
+    content: "\f501";
+}
 
 .fa-user-injured:before {
-  content: "\f728"; }
+    content: "\f728";
+}
 
 .fa-user-lock:before {
-  content: "\f502"; }
+    content: "\f502";
+}
 
 .fa-user-md:before {
-  content: "\f0f0"; }
+    content: "\f0f0";
+}
 
 .fa-user-minus:before {
-  content: "\f503"; }
+    content: "\f503";
+}
 
 .fa-user-ninja:before {
-  content: "\f504"; }
+    content: "\f504";
+}
 
 .fa-user-plus:before {
-  content: "\f234"; }
+    content: "\f234";
+}
 
 .fa-user-secret:before {
-  content: "\f21b"; }
+    content: "\f21b";
+}
 
 .fa-user-shield:before {
-  content: "\f505"; }
+    content: "\f505";
+}
 
 .fa-user-slash:before {
-  content: "\f506"; }
+    content: "\f506";
+}
 
 .fa-user-tag:before {
-  content: "\f507"; }
+    content: "\f507";
+}
 
 .fa-user-tie:before {
-  content: "\f508"; }
+    content: "\f508";
+}
 
 .fa-user-times:before {
-  content: "\f235"; }
+    content: "\f235";
+}
 
 .fa-users:before {
-  content: "\f0c0"; }
+    content: "\f0c0";
+}
 
 .fa-users-cog:before {
-  content: "\f509"; }
+    content: "\f509";
+}
 
 .fa-ussunnah:before {
-  content: "\f407"; }
+    content: "\f407";
+}
 
 .fa-utensil-spoon:before {
-  content: "\f2e5"; }
+    content: "\f2e5";
+}
 
 .fa-utensils:before {
-  content: "\f2e7"; }
+    content: "\f2e7";
+}
 
 .fa-vaadin:before {
-  content: "\f408"; }
+    content: "\f408";
+}
 
 .fa-vector-square:before {
-  content: "\f5cb"; }
+    content: "\f5cb";
+}
 
 .fa-venus:before {
-  content: "\f221"; }
+    content: "\f221";
+}
 
 .fa-venus-double:before {
-  content: "\f226"; }
+    content: "\f226";
+}
 
 .fa-venus-mars:before {
-  content: "\f228"; }
+    content: "\f228";
+}
 
 .fa-viacoin:before {
-  content: "\f237"; }
+    content: "\f237";
+}
 
 .fa-viadeo:before {
-  content: "\f2a9"; }
+    content: "\f2a9";
+}
 
 .fa-viadeo-square:before {
-  content: "\f2aa"; }
+    content: "\f2aa";
+}
 
 .fa-vial:before {
-  content: "\f492"; }
+    content: "\f492";
+}
 
 .fa-vials:before {
-  content: "\f493"; }
+    content: "\f493";
+}
 
 .fa-viber:before {
-  content: "\f409"; }
+    content: "\f409";
+}
 
 .fa-video:before {
-  content: "\f03d"; }
+    content: "\f03d";
+}
 
 .fa-video-slash:before {
-  content: "\f4e2"; }
+    content: "\f4e2";
+}
 
 .fa-vihara:before {
-  content: "\f6a7"; }
+    content: "\f6a7";
+}
 
 .fa-vimeo:before {
-  content: "\f40a"; }
+    content: "\f40a";
+}
 
 .fa-vimeo-square:before {
-  content: "\f194"; }
+    content: "\f194";
+}
 
 .fa-vimeo-v:before {
-  content: "\f27d"; }
+    content: "\f27d";
+}
 
 .fa-vine:before {
-  content: "\f1ca"; }
+    content: "\f1ca";
+}
 
 .fa-vk:before {
-  content: "\f189"; }
+    content: "\f189";
+}
 
 .fa-vnv:before {
-  content: "\f40b"; }
+    content: "\f40b";
+}
 
 .fa-volleyball-ball:before {
-  content: "\f45f"; }
+    content: "\f45f";
+}
 
 .fa-volume-down:before {
-  content: "\f027"; }
+    content: "\f027";
+}
 
 .fa-volume-mute:before {
-  content: "\f6a9"; }
+    content: "\f6a9";
+}
 
 .fa-volume-off:before {
-  content: "\f026"; }
+    content: "\f026";
+}
 
 .fa-volume-up:before {
-  content: "\f028"; }
+    content: "\f028";
+}
 
 .fa-vote-yea:before {
-  content: "\f772"; }
+    content: "\f772";
+}
 
 .fa-vr-cardboard:before {
-  content: "\f729"; }
+    content: "\f729";
+}
 
 .fa-vuejs:before {
-  content: "\f41f"; }
+    content: "\f41f";
+}
 
 .fa-walking:before {
-  content: "\f554"; }
+    content: "\f554";
+}
 
 .fa-wallet:before {
-  content: "\f555"; }
+    content: "\f555";
+}
 
 .fa-warehouse:before {
-  content: "\f494"; }
+    content: "\f494";
+}
 
 .fa-water:before {
-  content: "\f773"; }
+    content: "\f773";
+}
 
 .fa-weebly:before {
-  content: "\f5cc"; }
+    content: "\f5cc";
+}
 
 .fa-weibo:before {
-  content: "\f18a"; }
+    content: "\f18a";
+}
 
 .fa-weight:before {
-  content: "\f496"; }
+    content: "\f496";
+}
 
 .fa-weight-hanging:before {
-  content: "\f5cd"; }
+    content: "\f5cd";
+}
 
 .fa-weixin:before {
-  content: "\f1d7"; }
+    content: "\f1d7";
+}
 
 .fa-whatsapp:before {
-  content: "\f232"; }
+    content: "\f232";
+}
 
 .fa-whatsapp-square:before {
-  content: "\f40c"; }
+    content: "\f40c";
+}
 
 .fa-wheelchair:before {
-  content: "\f193"; }
+    content: "\f193";
+}
 
 .fa-whmcs:before {
-  content: "\f40d"; }
+    content: "\f40d";
+}
 
 .fa-wifi:before {
-  content: "\f1eb"; }
+    content: "\f1eb";
+}
 
 .fa-wikipedia-w:before {
-  content: "\f266"; }
+    content: "\f266";
+}
 
 .fa-wind:before {
-  content: "\f72e"; }
+    content: "\f72e";
+}
 
 .fa-window-close:before {
-  content: "\f410"; }
+    content: "\f410";
+}
 
 .fa-window-maximize:before {
-  content: "\f2d0"; }
+    content: "\f2d0";
+}
 
 .fa-window-minimize:before {
-  content: "\f2d1"; }
+    content: "\f2d1";
+}
 
 .fa-window-restore:before {
-  content: "\f2d2"; }
+    content: "\f2d2";
+}
 
 .fa-windows:before {
-  content: "\f17a"; }
+    content: "\f17a";
+}
 
 .fa-wine-bottle:before {
-  content: "\f72f"; }
+    content: "\f72f";
+}
 
 .fa-wine-glass:before {
-  content: "\f4e3"; }
+    content: "\f4e3";
+}
 
 .fa-wine-glass-alt:before {
-  content: "\f5ce"; }
+    content: "\f5ce";
+}
 
 .fa-wix:before {
-  content: "\f5cf"; }
+    content: "\f5cf";
+}
 
 .fa-wizards-of-the-coast:before {
-  content: "\f730"; }
+    content: "\f730";
+}
 
 .fa-wolf-pack-battalion:before {
-  content: "\f514"; }
+    content: "\f514";
+}
 
 .fa-won-sign:before {
-  content: "\f159"; }
+    content: "\f159";
+}
 
 .fa-wordpress:before {
-  content: "\f19a"; }
+    content: "\f19a";
+}
 
 .fa-wordpress-simple:before {
-  content: "\f411"; }
+    content: "\f411";
+}
 
 .fa-wpbeginner:before {
-  content: "\f297"; }
+    content: "\f297";
+}
 
 .fa-wpexplorer:before {
-  content: "\f2de"; }
+    content: "\f2de";
+}
 
 .fa-wpforms:before {
-  content: "\f298"; }
+    content: "\f298";
+}
 
 .fa-wpressr:before {
-  content: "\f3e4"; }
+    content: "\f3e4";
+}
 
 .fa-wrench:before {
-  content: "\f0ad"; }
+    content: "\f0ad";
+}
 
 .fa-x-ray:before {
-  content: "\f497"; }
+    content: "\f497";
+}
 
 .fa-xbox:before {
-  content: "\f412"; }
+    content: "\f412";
+}
 
 .fa-xing:before {
-  content: "\f168"; }
+    content: "\f168";
+}
 
 .fa-xing-square:before {
-  content: "\f169"; }
+    content: "\f169";
+}
 
 .fa-y-combinator:before {
-  content: "\f23b"; }
+    content: "\f23b";
+}
 
 .fa-yahoo:before {
-  content: "\f19e"; }
+    content: "\f19e";
+}
 
 .fa-yandex:before {
-  content: "\f413"; }
+    content: "\f413";
+}
 
 .fa-yandex-international:before {
-  content: "\f414"; }
+    content: "\f414";
+}
 
 .fa-yelp:before {
-  content: "\f1e9"; }
+    content: "\f1e9";
+}
 
 .fa-yen-sign:before {
-  content: "\f157"; }
+    content: "\f157";
+}
 
 .fa-yin-yang:before {
-  content: "\f6ad"; }
+    content: "\f6ad";
+}
 
 .fa-yoast:before {
-  content: "\f2b1"; }
+    content: "\f2b1";
+}
 
 .fa-youtube:before {
-  content: "\f167"; }
+    content: "\f167";
+}
 
 .fa-youtube-square:before {
-  content: "\f431"; }
+    content: "\f431";
+}
 
 .fa-zhihu:before {
-  content: "\f63f"; }
+    content: "\f63f";
+}
 
 .sr-only {
-  border: 0;
-  clip: rect(0, 0, 0, 0);
-  height: 1px;
-  margin: -1px;
-  overflow: hidden;
-  padding: 0;
-  position: absolute;
-  width: 1px; }
+    border: 0;
+    clip: rect(0, 0, 0, 0);
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    width: 1px;
+}
 
-.sr-only-focusable:active, .sr-only-focusable:focus {
-  clip: auto;
-  height: auto;
-  margin: 0;
-  overflow: visible;
-  position: static;
-  width: auto; }
+.sr-only-focusable:active,
+.sr-only-focusable:focus {
+    clip: auto;
+    height: auto;
+    margin: 0;
+    overflow: visible;
+    position: static;
+    width: auto;
+}
 @font-face {
-  font-family: 'Font Awesome 5 Brands';
-  font-style: normal;
-  font-weight: normal;
-  src: url("../webfonts/fa-brands-400.eot");
-  src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg"); }
+    font-family: "Font Awesome 5 Brands";
+    font-style: normal;
+    font-weight: normal;
+    src: url("../webfonts/fa-brands-400.eot");
+    src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"),
+        url("../webfonts/fa-brands-400.woff2") format("woff2"),
+        url("../webfonts/fa-brands-400.woff") format("woff"),
+        url("../webfonts/fa-brands-400.ttf") format("truetype"),
+        url("../webfonts/fa-brands-400.svg#fontawesome") format("svg");
+}
 
 .fab {
-  font-family: 'Font Awesome 5 Brands'; }
+    font-family: "Font Awesome 5 Brands";
+}
 @font-face {
-  font-family: 'Font Awesome 5 Free';
-  font-style: normal;
-  font-weight: 400;
-  src: url("../webfonts/fa-regular-400.eot");
-  src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); }
+    font-family: "Font Awesome 5 Free";
+    font-style: normal;
+    font-weight: 400;
+    src: url("../webfonts/fa-regular-400.eot");
+    src: url("../webfonts/fa-regular-400.eot?#iefix")
+            format("embedded-opentype"),
+        url("../webfonts/fa-regular-400.woff2") format("woff2"),
+        url("../webfonts/fa-regular-400.woff") format("woff"),
+        url("../webfonts/fa-regular-400.ttf") format("truetype"),
+        url("../webfonts/fa-regular-400.svg#fontawesome") format("svg");
+}
 
 .far {
-  font-family: 'Font Awesome 5 Free';
-  font-weight: 400; }
+    font-family: "Font Awesome 5 Free";
+    font-weight: 400;
+}
 @font-face {
-  font-family: 'Font Awesome 5 Free';
-  font-style: normal;
-  font-weight: 900;
-  src: url("../webfonts/fa-solid-900.eot");
-  src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg"); }
+    font-family: "Font Awesome 5 Free";
+    font-style: normal;
+    font-weight: 900;
+    src: url("../webfonts/fa-solid-900.eot");
+    src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),
+        url("../webfonts/fa-solid-900.woff2") format("woff2"),
+        url("../webfonts/fa-solid-900.woff") format("woff"),
+        url("../webfonts/fa-solid-900.ttf") format("truetype"),
+        url("../webfonts/fa-solid-900.svg#fontawesome") format("svg");
+}
 
 .fa,
 .fas {
-  font-family: 'Font Awesome 5 Free';
-  font-weight: 900; }
+    font-family: "Font Awesome 5 Free";
+    font-weight: 900;
+}
diff --git a/resources/views/Admin/index.blade.php b/resources/views/Admin/index.blade.php
index 0e172c66..6c522019 100644
--- a/resources/views/Admin/index.blade.php
+++ b/resources/views/Admin/index.blade.php
@@ -8,7 +8,7 @@
                     <div class="card card-statistic-2">
                         <div class="card-stats">
                             <div class="card-stats-title">List Transaction -
-                                <div class="dropdown d-inline">
+                                {{-- <div class="dropdown d-inline">
                                     <a class="font-weight-600 dropdown-toggle" data-toggle="dropdown" href="#"
                                         id="orders-month">August</a>
                                     <ul class="dropdown-menu dropdown-menu-sm">
@@ -26,7 +26,7 @@
                                         <li><a href="#" class="dropdown-item">November</a></li>
                                         <li><a href="#" class="dropdown-item">December</a></li>
                                     </ul>
-                                </div>
+                                </div> --}}
                             </div>
                             <div class="card-stats-items">
                                 <div class="card-stats-item">
@@ -41,6 +41,10 @@
                                     <div class="card-stats-item-count">23</div>
                                     <div class="card-stats-item-label">Canceled</div>
                                 </div>
+                                <div class="card-stats-item">
+                                    <div class="card-stats-item-count">23</div>
+                                    <div class="card-stats-item-label">Refund</div>
+                                </div>
                             </div>
                         </div>
                         <div class="card-icon shadow-primary bg-primary">
@@ -170,8 +174,7 @@
                         <div class="card-header">
                             <h4>Top 5 Users</h4>
                             <div class="card-header-action dropdown">
-                                <a href="#" data-toggle="dropdown"
-                                    class="btn btn-primary dropdown-toggle">Month</a>
+                                <a href="#" data-toggle="dropdown" class="btn btn-primary dropdown-toggle">Month</a>
                                 <ul class="dropdown-menu dropdown-menu-sm dropdown-menu-right">
                                     <li class="dropdown-title">Select Period</li>
                                     <li><a href="#" class="dropdown-item">Today</a></li>
@@ -184,8 +187,8 @@
                         <div class="card-body" id="top-5-scroll">
                             <ul class="list-unstyled list-unstyled-border">
                                 <li class="media">
-                                    <img class="mr-3 rounded" width="55" src="{{asset('assets/img/avatar/avatar-6.png')}}"
-                                        alt="product">
+                                    <img class="mr-3 rounded" width="55"
+                                        src="{{ asset('assets/img/avatar/avatar-6.png') }}" alt="product">
                                     <div class="media-body">
                                         <div class="float-right">
                                             <div class="font-weight-600 text-muted text-small">86 Sales</div>
@@ -204,8 +207,8 @@
                                     </div>
                                 </li>
                                 <li class="media">
-                                    <img class="mr-3 rounded" width="55" src="{{asset('assets/img/avatar/avatar-1.png')}}"
-                                        alt="product">
+                                    <img class="mr-3 rounded" width="55"
+                                        src="{{ asset('assets/img/avatar/avatar-1.png') }}" alt="product">
                                     <div class="media-body">
                                         <div class="float-right">
                                             <div class="font-weight-600 text-muted text-small">67 Sales</div>
@@ -224,8 +227,8 @@
                                     </div>
                                 </li>
                                 <li class="media">
-                                    <img class="mr-3 rounded" width="55" src="{{asset('assets/img/avatar/avatar-2.png')}}"
-                                        alt="product">
+                                    <img class="mr-3 rounded" width="55"
+                                        src="{{ asset('assets/img/avatar/avatar-2.png') }}" alt="product">
                                     <div class="media-body">
                                         <div class="float-right">
                                             <div class="font-weight-600 text-muted text-small">63 Sales</div>
@@ -244,8 +247,8 @@
                                     </div>
                                 </li>
                                 <li class="media">
-                                    <img class="mr-3 rounded" width="55" src="{{asset('assets/img/avatar/avatar-3.png')}}"
-                                        alt="product">
+                                    <img class="mr-3 rounded" width="55"
+                                        src="{{ asset('assets/img/avatar/avatar-3.png') }}" alt="product">
                                     <div class="media-body">
                                         <div class="float-right">
                                             <div class="font-weight-600 text-muted text-small">28 Sales</div>
@@ -264,8 +267,8 @@
                                     </div>
                                 </li>
                                 <li class="media">
-                                    <img class="mr-3 rounded" width="55" src="{{asset('assets/img/avatar/avatar-4.png')}}"
-                                        alt="product">
+                                    <img class="mr-3 rounded" width="55"
+                                        src="{{ asset('assets/img/avatar/avatar-4.png') }}" alt="product">
                                     <div class="media-body">
                                         <div class="float-right">
                                             <div class="font-weight-600 text-muted text-small">19 Sales</div>
@@ -373,6 +376,48 @@
     </div>
     @include('admin.transaction.modal-tracking')
     <script>
+        // Date picker range
+        $(document).ready(function() {
+            let searchParams = new URLSearchParams(window.location.search);
+            let dateInterval = searchParams.get('from-to');
+            let start = moment().subtract(29, 'days');
+            let end = moment();
+
+            if (dateInterval) {
+                dateInterval = dateInterval.split(' - ');
+                start = moment(dateInterval[0]);
+                end = moment(dateInterval[1]);
+            }
+
+            $('#date-range').daterangepicker({
+                "showDropdowns": true,
+                "showWeekNumbers": true,
+                "alwaysShowCalendars": true,
+                startDate: start,
+                endDate: end,
+                locale: {
+                    format: 'YYYY-MM-DD',
+                    firstDay: 1,
+                },
+                ranges: {
+                    'Today': [moment(), moment()],
+                    'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
+                    'Last 7 Days': [moment().subtract(6, 'days'), moment()],
+                    'Last 30 Days': [moment().subtract(29, 'days'), moment()],
+                    'This Month': [moment().startOf('month'), moment().endOf('month')],
+                    'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1,
+                        'month').endOf(
+                        'month')],
+                    'This Year': [moment().startOf('year'), moment().endOf('year')],
+                    'Last Year': [moment().subtract(1, 'year').startOf('year'), moment().subtract(1, 'year')
+                        .endOf(
+                            'year')
+                    ],
+                    'All time': [moment().subtract(30, 'year').startOf('month'), moment().endOf('month')],
+                }
+            });
+        });
+
         // Set new default font family and font color to mimic Bootstrap's default styling
         Chart.defaults.global.defaultFontFamily = 'Nunito',
             '-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif';
@@ -382,10 +427,12 @@
         var myChart = new Chart(ctx, {
             type: 'line',
             data: {
-                labels: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "Oktober", "November", "December"],
+                labels: ["January", "February", "March", "April", "May", "June", "July", "August", "September",
+                    "Oktober", "November", "December"
+                ],
                 datasets: [{
                         label: 'Transaction',
-                        data: [3200, 18009, 4305, 3022, 6310, 5120, 5880, 6154, 0],
+                        data: {{json_encode($dataChartTransaction)}},
                         borderWidth: 2,
                         backgroundColor: 'rgba(63,82,227,.8)',
                         borderWidth: 0,
@@ -410,12 +457,12 @@
                 ]
             },
             options: {
-                layout:{
+                layout: {
                     padding: 20,
                 },
                 legend: {
                     display: true,
-                    labels:{
+                    labels: {
                         padding: 20,
                     }
                 },
@@ -428,7 +475,7 @@
                         },
                         ticks: {
                             beginAtZero: true,
-                            stepSize: 15000,
+                            stepSize: 15000000,
                             callback: function(value, index, values) {
                                 // return 'Rp.' + value;
                                 return new Intl.NumberFormat('id-ID', {
diff --git a/resources/views/Admin/layout/main.blade.php b/resources/views/Admin/layout/main.blade.php
index c208df71..b23d2992 100644
--- a/resources/views/Admin/layout/main.blade.php
+++ b/resources/views/Admin/layout/main.blade.php
@@ -91,48 +91,6 @@
 
 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
-    <script>
-        $(document).ready(function() {
-            let searchParams = new URLSearchParams(window.location.search);
-            let dateInterval = searchParams.get('from-to');
-            let start = moment().subtract(29, 'days');
-            let end = moment();
-
-            if (dateInterval) {
-                dateInterval = dateInterval.split(' - ');
-                start = moment(dateInterval[0]);
-                end = moment(dateInterval[1]);
-            }
-
-            $('#date-range').daterangepicker({
-                "showDropdowns": true,
-                "showWeekNumbers": true,
-                "alwaysShowCalendars": true,
-                startDate: start,
-                endDate: end,
-                locale: {
-                    format: 'YYYY-MM-DD',
-                    firstDay: 1,
-                },
-                ranges: {
-                    'Today': [moment(), moment()],
-                    'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
-                    'Last 7 Days': [moment().subtract(6, 'days'), moment()],
-                    'Last 30 Days': [moment().subtract(29, 'days'), moment()],
-                    'This Month': [moment().startOf('month'), moment().endOf('month')],
-                    'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1,
-                        'month').endOf(
-                        'month')],
-                    'This Year': [moment().startOf('year'), moment().endOf('year')],
-                    'Last Year': [moment().subtract(1, 'year').startOf('year'), moment().subtract(1, 'year')
-                        .endOf(
-                            'year')
-                    ],
-                    'All time': [moment().subtract(30, 'year').startOf('month'), moment().endOf('month')],
-                }
-            });
-        });
-    </script>
 
     <!-- General JS Scripts -->
     <script src="{{ asset('assets/modules/jquery.min.js') }}"></script>
diff --git a/resources/views/Admin/users/detail-user.blade.php b/resources/views/Admin/users/detail-user.blade.php
index 077827c1..aba7f428 100644
--- a/resources/views/Admin/users/detail-user.blade.php
+++ b/resources/views/Admin/users/detail-user.blade.php
@@ -1,4 +1,4 @@
-@extends('Admin.layout.main')
+@extends('admin.layout.main')
 @section('content')
     <div class="main-content">
         <section class="section">
@@ -15,7 +15,7 @@
                     <div class="card">
                         <div class="card-body">
                             <div class="d-flex justify-content-between align-items-center">
-                                <div class="card-title pb-2 m-0">User Id<br /><span>#{{ $user->id }}</span>
+                                <div class="card-title pb-2 m-0">User ID<br /><span>#{{ $user->id }}</span>
                                 </div>
                             </div>
                             <div class="d-flex flex-column">
@@ -98,15 +98,13 @@
                                         @if ($user->foto_ktp == null)
                                             <a href="#" id="tampilKTP">
                                                 <img id="fotoKTP" src="{{ asset('storage/foto-ktp/ktp.jpg') }}"
-                                                    alt="Foto KTP" class="align-self-center img-fluid"
-                                                    style="max-width: 350px;">
+                                                    alt="Foto KTP" class="align-self-center img-fluid" style="width: 400px">
                                             </a>
                                         @else
                                             <a href="#" id="tampilKTP">
                                                 <img id="fotoKTP"
                                                     src="{{ asset('storage/foto-ktp/' . $user->foto_ktp) }}"
-                                                    alt="Foto Wajah" class="align-self-center img-fluid"
-                                                    style="max-width: 350px;">
+                                                    alt="Foto Wajah" class="align-self-center img-fluid" style="width: 450px">
                                             </a>
                                         @endif
                                     </div>
@@ -115,15 +113,13 @@
                                         @if ($user->foto_wajah == null)
                                             <a href="#" id="tampilWajah">
                                                 <img id="fotoWajah" src="{{ asset('storage/foto-wajah/wajah.jpg') }}"
-                                                    alt="Foto KTP" class="align-self-center img-fluid"
-                                                    style="max-width: 350px;">
+                                                    alt="Foto KTP" class="align-self-center img-fluid" style="width: 400px">
                                             </a>
                                         @else
                                             <a href="#" id="tampilWajah">
                                                 <img id="fotoWajah"
                                                     src="{{ asset('storage/foto-wajah/' . $user->foto_wajah) }}"
-                                                    alt="Foto Wajah" class="align-self-center img-fluid"
-                                                    style="max-width: 350px;">
+                                                    alt="Foto Wajah" class="align-self-center img-fluid" style="width: 400px">
                                             </a>
                                         @endif
                                     </div>
diff --git a/resources/views/User/transaction/Pembeli/detail-transaction.blade.php b/resources/views/User/transaction/Pembeli/detail-transaction.blade.php
index 1a3bb330..91e003f2 100644
--- a/resources/views/User/transaction/Pembeli/detail-transaction.blade.php
+++ b/resources/views/User/transaction/Pembeli/detail-transaction.blade.php
@@ -12,7 +12,12 @@
                 </div>
             </div>
             <div class="section-body">
-                <h2 class="section-title">npannisa</h2>
+                <h2 class="section-title">
+                    Admin</h2>
+                <h2 class="section-buyer">
+                    {{ $transaction->data_pembeli->nama_depan . ' ' . $transaction->data_pembeli->nama_belakang }}</h2>
+                <h2 class="section-seller">
+                    {{ $transaction->data_penjual->nama_depan . ' ' . $transaction->data_penjual->nama_belakang }}</h2>
                 <div class="d-flex justify-content-between align-items-center">
                     <div class="card-title pb-2 m-0">
                         <h4>Timeline</h4>
@@ -23,66 +28,37 @@
                         <div class="row">
                             <div class="col-12">
                                 <div class="activities">
-                                    <div class="activity">
-                                        <div class="activity-icon bg-primary text-white shadow-primary">
-                                            <i class="fas fa-clipboard-list" style="font-size: 36px;"></i>
-                                            <!-- Mengganti ikon dengan ikon clipboard-list dan mengatur ukuran ikon -->
-                                        </div>
-                                        <div class="activity-detail">
-                                            <div class="mb-2">
-                                                <span class="text-job text-primary">August 21, 2023, 8:30:15 am</span>
+                                    {{-- Awal --}}
+                                    @forelse ($trackings as $tracking)
+                                        <div class="activity">
+                                            <div
+                                                class="activity-icon {{ $tracking->background }} text-white shadow-primary">
+                                                <i class="{{ $tracking->judul }}" style="font-size: 30px;"
+                                                    aria-hidden="true"></i>
+                                                <!-- Mengganti ikon dengan ikon clipboard-list dan mengatur ukuran ikon -->
                                             </div>
-                                            <p>User Created Trade</p>
-                                        </div>
-                                    </div>
-                                    <div class="activity">
-                                        <div class="activity-icon bg-primary text-white shadow-primary">
-                                            <i class="fas fa-bell" style="font-size: 36px;"></i>
-                                            <!-- Mengganti ikon dengan ikon bell dan mengatur ukuran ikon -->
-                                        </div>
-                                        <div class="activity-detail">
-                                            <div class="mb-2">
-                                                <span class="text-job text-primary">August 22, 2023, 8:30:15 am</span>
+                                            <div class="activity-detail">
+                                                <div class="mb-2">
+                                                    <span class="text-job text-primary">{{ $tracking->created_at }}</span>
+                                                </div>
+                                                <p>{{ $tracking->deskripsi }}</p>
                                             </div>
-                                            <p>System Notified Admin</p>
                                         </div>
-                                    </div>
-                                    <div class="activity">
-                                        <div class="activity-icon bg-primary text-white shadow-primary">
-                                            <i class="fas fa-check-circle" style="font-size: 36px;"></i>
-                                            <!-- Mengganti ikon dengan ikon check-circle dan mengatur ukuran ikon -->
-                                        </div>
-                                        <div class="activity-detail">
-                                            <div class="mb-2">
-                                                <span class="text-job text-primary">August 23, 2023, 8:30:15 am</span>
+                                    @empty
+                                        <div class="activity">
+                                            <div class="activity-icon bg-primary text-white shadow-primary">
+                                                <i class="fas fa-ban" style="font-size: 36px;"></i>
+                                                <!-- Mengganti ikon dengan ikon clipboard-list dan mengatur ukuran ikon -->
                                             </div>
-                                            <p>Admin Accepted Trade</p>
-                                        </div>
-                                    </div>
-                                    <div class="activity">
-                                        <div class="activity-icon bg-primary text-white shadow-primary">
-                                            <i class="fas fa-trash-alt" style="font-size: 36px;"></i>
-                                            <!-- Mengganti ikon dengan ikon trash-alt dan mengatur ukuran ikon -->
-                                        </div>
-                                        <div class="activity-detail">
-                                            <div class="mb-2">
-                                                <span class="text-job text-primary">August 24, 2023, 8:30:15 am</span>
+                                            <div class="activity-detail">
+                                                <div class="mb-2">
+                                                    <span class="text-job text-primary">--</span>
+                                                </div>
+                                                <p>Tidak ada histori</p>
                                             </div>
-                                            <p>Trade in system</p>
                                         </div>
-                                    </div>
-                                    <div class="activity">
-                                        <div class="activity-icon bg-primary text-white shadow-primary">
-                                            <i class="fas fa-comment-alt" style="font-size: 36px;"></i>
-                                            <!-- Mengganti ikon dengan ikon comment-alt dan mengatur ukuran ikon -->
-                                        </div>
-                                        <div class="activity-detail">
-                                            <div class="mb-2">
-                                                <span class="text-job text-primary">August 24, 2023, 8:30:15 am</span>
-                                            </div>
-                                            <p>Transaction Success</p>
-                                        </div>
-                                    </div>
+                                    @endforelse
+                                    {{-- Akhir --}}
                                 </div>
                             </div>
                         </div>
@@ -90,41 +66,50 @@
                     <div class="section-body">
                         <div class="invoice">
                             <div class="invoice-print">
+                                <h2 style="margin-bottom: -1em">REKBER</h2>
                                 <div class="row">
                                     <div class="col-lg-12">
                                         <hr>
+                                        <div class="section-title">Keterangan</div>
                                         <div class="row">
                                             <div class="col-md-6">
                                                 <address>
-                                                    <strong>Billed To:</strong><br>
-                                                    npannisa<br>
-                                                    1234 Main<br>
-                                                    Apt. 4B<br>
-                                                    Depok City, Indonesia
+                                                    <strong>Pembeli:</strong><br>
+                                                    {{ ucwords(strtolower($transaction->data_pembeli->nama_depan . ' ' . $transaction->data_pembeli->nama_belakang)) }}<br>
+                                                    {{ ucwords(strtolower($transaction->data_pembeli->alamat)) }}<br>
+                                                    {{ ucwords(strtolower($transaction->data_pembeli->getVillageName() . ', ' . $transaction->data_pembeli->getDistrictName())) }}<br>
+                                                    {{ ucwords(strtolower($transaction->data_pembeli->getCityName() . ', ' . $transaction->data_pembeli->getProvinceName())) }}
                                                 </address>
                                             </div>
                                             <div class="col-md-6 text-md-right">
                                                 <address>
-                                                    <strong>Shipped To:</strong><br>
-                                                    Jilhan Haura<br>
-                                                    12345 Main<br>
-                                                    Apt. 5B<br>
-                                                    Bogor Barat, Indonesia
+                                                    <strong>Penjual:</strong><br>
+                                                    {{ ucwords(strtolower($transaction->data_penjual->nama_depan . ' ' . $transaction->data_penjual->nama_belakang)) }}<br>
+                                                    {{ ucwords(strtolower($transaction->data_penjual->alamat)) }}<br>
+                                                    {{ ucwords(strtolower($transaction->data_penjual->getVillageName() . ', ' . $transaction->data_penjual->getDistrictName())) }}<br>
+                                                    {{ ucwords(strtolower($transaction->data_penjual->getCityName() . ', ' . $transaction->data_penjual->getProvinceName())) }}
                                                 </address>
                                             </div>
                                         </div>
                                         <div class="row">
+                                            <div class="col-md-12 text-md-left">
+                                                <address>
+                                                    <strong>Tanggal Transaksi:</strong><br>
+                                                    {{ $transaction->created_at }}<br><br>
+                                                </address>
+                                            </div>
                                             <div class="col-md-6">
                                                 <address>
-                                                    <strong>Payment Method:</strong><br>
+                                                    <strong>Metode Pembayaran:</strong><br>
                                                     Visa ending **** 4242<br>
                                                     npannisa@gmail.com
                                                 </address>
                                             </div>
                                             <div class="col-md-6 text-md-right">
                                                 <address>
-                                                    <strong>Order Date:</strong><br>
-                                                    September 19, 2023<br><br>
+                                                    <strong>Tanggal Pembayaran:</strong><br>
+                                                    {{ $transaction->updated_at }}<br><br>
+                                                    {{-- {{$transaction->tanggal_pembayaran}}<br><br> --}}
                                                 </address>
                                             </div>
                                         </div>
@@ -133,53 +118,54 @@
 
                                 <div class="row mt-4">
                                     <div class="col-md-12">
-                                        <div class="section-title">Order Summary</div>
-                                        <p class="section-lead">All items here cannot be deleted.</p>
+                                        <div class="section-title">Rangkuman Transaksi</div>
+                                        <p class="section-lead">Semua barang yang didaftarkan dalam transaksi.</p>
                                         <div class="table-responsive">
                                             <table class="table table-striped table-hover table-md">
                                                 <tr>
                                                     <th data-width="40">#</th>
-                                                    <th>Item</th>
-                                                    <th class="text-center">Price</th>
-                                                    <th class="text-center">Quantity</th>
-                                                    <th class="text-right">Totals</th>
+                                                    <th>Nama Barang</th>
+                                                    <th class="text-center">Harga</th>
+                                                    <th class="text-center">Jumlah</th>
+                                                    <th class="text-right">Total</th>
                                                 </tr>
                                                 <tr>
                                                     <td>1</td>
-                                                    <td>Ayam Warna Warni</td>
-                                                    <td class="text-center">Rp. 50.000.000</td>
-                                                    <td class="text-center">1</td>
-                                                    <td class="text-right">Rp. 50.000.000</td>
+                                                    <td>{{ $transaction->nama_barang }}</td>
+                                                    <td class="text-center">{{ $transaction->harga_barang }}</td>
+                                                    <td class="text-center">{{ $transaction->jumlah_barang }}</td>
+                                                    <td class="text-right">
+                                                        {{ $transaction->harga_barang * $transaction->jumlah_barang }}</td>
                                                 </tr>
                                             </table>
                                         </div>
                                         <div class="row mt-4">
                                             <div class="col-lg-8">
                                                 <div class="section-title">Payment Method</div>
-                                                <p class="section-lead">The payment method that we provide
-                                                    is to make it easier for
-                                                    you to pay invoices.</p>
+                                                <p class="section-lead">{{$transaction->metode_pembayaran}}</p>
                                                 <div class="images">
-                                                    <img src="assets/img/visa.png" alt="visa">
-                                                    <img src="assets/img/jcb.png" alt="jcb">
-                                                    <img src="assets/img/mastercard.png" alt="mastercard">
-                                                    <img src="assets/img/paypal.png" alt="paypal">
+                                                    <img src="{{ asset('assets/img/visa.png') }}" alt="visa">
+                                                    <img src="{{ asset('assets/img/jcb.png') }}" alt="jcb">
+                                                    <img src="{{ asset('assets/img/mastercard.png') }}" alt="mastercard">
+                                                    <img src="{{ asset('assets/img/paypal.png') }}" alt="paypal">
                                                 </div>
                                             </div>
                                             <div class="col-lg-4 text-right">
                                                 <div class="invoice-detail-item">
                                                     <div class="invoice-detail-name">Subtotal</div>
-                                                    <div class="invoice-detail-value">Rp.670.000.000</div>
+                                                    <div class="invoice-detail-value">Rp {{ number_format($transaction->total_harga, 2, ',', '.') }}</div>
                                                 </div>
                                                 <div class="invoice-detail-item">
-                                                    <div class="invoice-detail-name">Shipping</div>
-                                                    <div class="invoice-detail-value">Rp.15.000</div>
+                                                    <div class="invoice-detail-name">Biaya Admin</div>
+                                                     <div class="invoice-detail-value">
+                                                        Rp {{ number_format($transaction->total_keuntungan, 2, ',', '.') }}
+                                                    </div>
                                                 </div>
                                                 <hr class="mt-2 mb-2">
                                                 <div class="invoice-detail-item">
                                                     <div class="invoice-detail-name">Total</div>
                                                     <div class="invoice-detail-value invoice-detail-value-lg">
-                                                        Rp.6.715.000.000</div>
+                                                        Rp {{ number_format($transaction->total_bayar, 2, ',', '.') }}</div>
                                                 </div>
                                             </div>
                                         </div>
@@ -191,99 +177,6 @@
                     </div>
                 </div>
             </div>
-        @endsection
-
-
-
-
-        {{-- <div class="col-12 col-md-12 col-lg-7">
-                        <div class="card">
-                            <div class="card-body">
-                                @foreach ($TransactionUser as $HistoryTransaction) --}}
-        {{-- <div class="d-flex flex-column">
-                <div class="data-fieldr">
-                    <span class="fw-bold text-start">Order Details</span>
-
-                </div>
-                <hr class="border border-1 opacity-75 w-100">
-                <div class="data-field">
-                    <span class="fw-bold text-start">Oder ID</span>
-                    <span class="text-muted ">{{ $HistoryTransaction['orderId'] }}</span>
-                </div>
-                <div class="data-field">
-                    <span class="fw-bold text-start">Customer</span>
-                    <span class="text-muted ">{{ $HistoryTransaction['Customer'] }}</span>
-                </div>
-                <div class="data-field">
-                    <span class="fw-bold text-start">Seller</span>
-                    <span class="text-muted ">{{ $HistoryTransaction['seller'] }}</span>
-                </div>
-                <div class="data-field">
-                    <span class="fw-bold text-start">Total</span>
-                    <span class="text-muted ">{{ $HistoryTransaction['total'] }}</span>
-                </div>
-                <div class="data-field">
-                    <span class="fw-bold text-start">Due Date</span>
-                    <span class="text-muted ">{{ $HistoryTransaction['dueDate'] }}</span>
-                </div>
-                <div class="data-field">
-                    <span class="fw-bold text-start">Status</span>
-                    <span class="text-muted ">{{ $HistoryTransaction['status'] }}</span>
-                </div>
-            </div> --}}
-
-        {{-- @endforeach --}}
-
-
-
-        {{-- Pindahan modal --}}
-        {{-- awal modal transaksi --}}
-        {{-- <div class="modal fade" id="detailtransaksi" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
-    aria-labelledby="staticBackdropLabel" aria-hidden="true">
-    <div class="modal-dialog">
-        <div class="modal-content">
-            <div class="modal-header d-flex justify-content-center">
-                <h1 class="modal-title fs-5" id="staticBackdropLabel">Detail Transaksi</h1>
-                <a type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></a>
-            </div>
-            <div class="modal-body">
-                @foreach ($TransactionUser as $HistoryTransaction)
-                    <div class="d-flex flex-column">
-                        <div class="data-fieldr">
-                            <span class="fw-bold text-start">Order Details</span>
-
-                        </div>
-                        <hr class="border border-1 opacity-75 w-100">
-                        <div class="data-field">
-                            <span class="fw-bold text-start">Oder ID</span>
-                            <span class="text-muted ">{{ $HistoryTransaction['orderId'] }}</span>
-                        </div>
-                        <div class="data-field">
-                            <span class="fw-bold text-start">Customer</span>
-                            <span class="text-muted ">{{ $HistoryTransaction['Customer'] }}</span>
-                        </div>
-                        <div class="data-field">
-                            <span class="fw-bold text-start">Seller</span>
-                            <span class="text-muted ">{{ $HistoryTransaction['seller'] }}</span>
-                        </div>
-                        <div class="data-field">
-                            <span class="fw-bold text-start">Total</span>
-                            <span class="text-muted ">{{ $HistoryTransaction['total'] }}</span>
-                        </div>
-                        <div class="data-field">
-                            <span class="fw-bold text-start">Due Date</span>
-                            <span class="text-muted ">{{ $HistoryTransaction['dueDate'] }}</span>
-                        </div>
-                        <div class="data-field">
-                            <span class="fw-bold text-start">Status</span>
-                            <span class="text-muted ">{{ $HistoryTransaction['status'] }}</span>
-                        </div>
-                    </div>
-                @endforeach
-            </div>
-            <div class="modal-footer">
-                <a href="/transaction" type="button" class="btn btn-primary">OK!</a>
-            </div>
-        </div>
+        </section>
     </div>
-</div> --}}
+@endsection
diff --git a/resources/views/User/transaction/Pembeli/index.blade.php b/resources/views/User/transaction/Pembeli/index.blade.php
index 419e474b..3318ac70 100644
--- a/resources/views/User/transaction/Pembeli/index.blade.php
+++ b/resources/views/User/transaction/Pembeli/index.blade.php
@@ -37,20 +37,22 @@
                                             <th>Order ID</th>
                                             <th>Penjual</th>
                                             <th>Total</th>
-                                            <th>Batas Pengiriman</th>
+                                            <th>Tanggal Pembuatan</th>
+                                            <th>Tanggal Update</th>
                                             <th>Status</th>
-                                            <th>Action</th>
+                                            <th>Aksi</th>
                                         </tr>
                                     </thead>
                                     <tbody>
-                                        @foreach ($TransactionUser as $HistoryTransaction)
+                                        @foreach ($transactions as $transaction)
                                             <tr>
                                                 <td>{{ $loop->iteration }}</td>
-                                                <td>{{ $HistoryTransaction['orderId'] }}</td>
-                                                <td>{{ $HistoryTransaction['seller'] }}</td>
-                                                <td>{{ $HistoryTransaction['total'] }}</td>
-                                                <td>{{ $HistoryTransaction['dueDate'] }}</td>
-                                                <td>{{ $HistoryTransaction['status'] }}</td>
+                                                <td>{{ $transaction->id }}</td>
+                                                <td>{{ $transaction->data_penjual->nama_depan.' '.$transaction->data_penjual->nama_belakang }}</td>
+                                                <td>Rp {{number_format($transaction->total_bayar,2, ',', '.') }}</td>
+                                                <td>{{ $transaction->created_at }}</td>
+                                                <td>{{ $transaction->updated_at }}</td>
+                                                <td>{{ ($transaction->status == 'pending' ? 'Menunggu Pembayaran' : 'Selesai') }}</td>
                                                 <td>
                                                     <div class="btn-group">
                                                         <button type="button" class="btn btn-primary dropdown-toggle"
@@ -60,19 +62,22 @@
                                                         </button>
 
                                                         <ul class="dropdown-menu">
-                                                            <li><a class="dropdown-item"
-                                                                    href="{{route('user-transaction.detail.pembeli',$HistoryTransaction['orderId'])}}">Detail</a></li>
+                                                            <li><a class="dropdown-item" href="{{route('user-transaction.detail.pembeli',$transaction->id)}}">Detail</a></li>
+                                                            {{-- @if ($transaction->status == 'Pending')
+
+                                                            @endif --}}
                                                             <li><a class="dropdown-item"
                                                                     href="/refund-transaction">Refund</a></li>
                                                             {{-- <li><a class="dropdown-item"
                                                                             href="/invoice-transaction">Bayar</a></li> --}}
                                                             <li><a class="dropdown-item" id="bayar"
-                                                                    data-id="{{ $HistoryTransaction['orderId'] }}">Bayar</a>
+                                                                    data-id="{{ $transaction->id }}"
+                                                                    data-token="{{$transaction->token}}">Bayar</a>
                                                                     {{-- data-id="{{ $transaction }}">Bayar</a> --}}
 
                                                             </li>
                                                             <li><a class="dropdown-item" id="selesai"
-                                                                    data-id="{{ $HistoryTransaction['orderId'] }}">Selesai</a>
+                                                                    data-id="{{ $transaction->id }}">Selesai</a>
                                                                     {{-- data-id="{{ $transaction }}">Selesai</a> --}}
                                                             </li>
                                                         </ul>
@@ -98,80 +103,74 @@
             // Bayar
             $('#table-3').on('click', '#bayar', function() {
                 const id = $(this).data('id');
+                const token =$(this).data('token');
                 const csrfToken = $('meta[name="csrf-token"]').attr('content');
 
-                snap.pay("98f6ed6d-3562-42ba-9ef5-cb7d52258e9f", {
+                snap.pay(token, {
                     onSuccess: function(result) {
-                        /* You may add your own implementation here */
-                        alert("payment success!");
+                        const formData = new FormData();
+                        formData.append('status', result.transaction_status);
+                        formData.append('tanggal_pembayaran', result.transaction_time);
+                        formData.append('metode_pembayaran', result.payment_type);
+
+                        $.ajaxSetup({
+                            headers:{
+                                'X-CSRF-TOKEN': csrfToken
+                            }
+                        });
+                        $.ajax({
+                            url:"{{route('payment-transaction.pembeli',':id')}}".replace(':id',id),
+                            type:"POST",
+                            data: formData,
+                            contentType: false,
+                            processData: false,
+                            success:function(response){
+                                Swal.fire({
+                                    title: response.status ? 'Berhasil' : 'Gagal',
+                                    text: response.message,
+                                    icon: response.status ? 'success' : 'error',
+                                    confirmButtonText: 'OK'
+                                });
+                                console.log(response);
+                            },error:function(error){
+                                Swal.fire({
+                                    title: 'Gagal',
+                                    text: 'Gagal mengupdate pembayaran ke database',
+                                    icon: 'error'
+                                });
+                            }
+                        });
                         console.log(result);
                     },
                     onPending: function(result) {
                         /* You may add your own implementation here */
                         // alert("wating your payment!");
+                        Swal.fire({
+                            title: 'Ditunda',
+                            text: 'Pemabayaran ditunda. Silahkan tunggu sebentar ' + result,
+                            icon: 'info'
+                        });
                         console.log(result);
                     },
                     onError: function(result) {
                         /* You may add your own implementation here */
-                        alert("payment failed!");
+                        Swal.fire({
+                            title : 'Gagal',
+                            text:  'Terjadi kesalahan ' + result,
+                            icon: 'error'
+                        });
                         console.log(result);
                     },
                     onClose: function(error) {
                         /* You may add your own implementation here */
-                        alert('you closed the popup without finishing the payment '+error);
+                        Swal.fire({
+                            title: 'Ditunda',
+                            text: 'Kamu menutup halaman pembayaran. Silahkan masuk lagi untuk melakukan pembayaran',
+                            icon: 'warning'
+                        });
+                        console.log(error);
                     }
                 });
-
-                // $.ajaxSetup({
-                //     headers: {
-                //         'X-CSRF-TOKEN': csrfToken
-                //     }
-                // });
-
-                // $.ajax({
-                //     url: '/transaction',
-                //     type: 'POST',
-                //     data: formData,
-                //     processData: false,
-                //     contentType: false,
-                //     success: function(response) {
-                //         Swal.fire({
-                //             title: 'Berhasil!',
-                //             text: 'Berhasil bayar',
-                //             icon: 'success',
-                //             confirmButtonText: 'OK'
-                //         }).then(function() {
-                //             // console.log("Sukses bayar " + response['token']);
-                //             window.snap.pay("610bcd2b-700a-4bff-a570-35c6fbd0b57b", {
-                //                 onSuccess: function(result) {
-                //                     /* You may add your own implementation here */
-                //                     alert("payment success!");
-                //                     console.log(result);
-                //                 },
-                //                 onPending: function(result) {
-                //                     /* You may add your own implementation here */
-                //                     alert("wating your payment!");
-                //                     console.log(result);
-                //                 },
-                //                 onError: function(result) {
-                //                     /* You may add your own implementation here */
-                //                     alert("payment failed!");
-                //                     console.log(result);
-                //                 },
-                //                 onClose: function() {
-                //                     /* You may add your own implementation here */
-                //                     alert(
-                //                         'you closed the popup without finishing the payment'
-                //                         );
-                //                 }
-                //             });
-
-                //         });
-                //     },
-                //     error: function(error) {
-                //         console.log("error");
-                //     }
-                // });
             });
 
             $('#table-3').on('click', '#selesai', function() {
diff --git a/resources/views/User/transaction/Pembeli/new-transaction.blade.php b/resources/views/User/transaction/Pembeli/new-transaction.blade.php
index 99ba5c09..442106a7 100644
--- a/resources/views/User/transaction/Pembeli/new-transaction.blade.php
+++ b/resources/views/User/transaction/Pembeli/new-transaction.blade.php
@@ -76,13 +76,13 @@
                                         <input type="number" class="form-control" name="jumlah_barang" id="jumlahBarang"
                                             placeholder="Jumlah satuan">
                                     </div>
-                                    <div class="form-group">
+                                    {{-- <div class="form-group">
                                         <label for="batasPengiriman">
                                             <h5>Batas Pengiriman Barang</h5>
                                         </label>
                                         <input type="date" class="form-control" name="batas_pengiriman"
                                             id="batasPengiriman" nama="batas_pengiriman">
-                                    </div>
+                                    </div> --}}
                                     <div class="form-group">
                                         <label for="inputDeskripsi">
                                             <h5>Deskripsi</h5>
@@ -93,19 +93,20 @@
                                     <div class="dashed-line"></div>
 
                                     <div class="form-row">
-                                        <label style="margin-right: 500px;">Nominal</label>
-                                        <div style="display: inline-block;">Rp. 890000</div>
+                                        <label style="margin-right: 200px;" id="jumlah">Nominal</label>
+                                        <div style="display: inline-block;" id="totalBiaya">Rp 0,00</div>
                                     </div>
 
                                     <div class="form-row">
-                                        <label style="margin-right: 500px;">Biaya Admin</label>
-                                        <div style="display: inline-block; ">Rp.0</div>
+                                        <label style="margin-right: 200px;" id="biayaAdmin" data-admin="">Biaya Admin
+                                            (0.1%)</label>
+                                        <div style="display: inline-block;" id="totalBiayaAdmin">Rp 0,00</div>
                                     </div>
 
                                     <div class="form-row">
-                                        <h6 style="margin-right: 500px;">Total Biaya</h6>
-                                        <div style="display: inline-block; ">
-                                            <h6>Rp.0</h6>
+                                        <h6 style="margin-right: 200px;">Total Biaya</h6>
+                                        <div style="display: inline-block;">
+                                            <h6 id="totalBayar">Rp 0,00</h6>
                                         </div>
                                     </div>
 
@@ -125,6 +126,31 @@
     <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
     <script>
         $(document).ready(function() {
+            let totalHarga = 0;
+            let biayaAdmin = 0.1;
+            let totalBiayaAdmin = 0;
+            let totalBayar = 0;
+
+            function tampilTotalHarga(harga) {
+                let tampilTotalNominal = document.getElementById('totalBiaya');
+                let tampilTotalBiaya = document.getElementById('totalBayar');
+                let tampilTotalBiayaAdmin = document.getElementById('totalBiayaAdmin');
+                totalBiayaAdmin = harga * biayaAdmin / 100
+                totalBayar = totalBiayaAdmin + harga
+                tampilTotalNominal.innerHTML = harga.toLocaleString('id-ID', {
+                    style: 'currency',
+                    currency: 'IDR'
+                });
+                tampilTotalBiaya.innerHTML = totalBayar.toLocaleString('id-ID', {
+                    style: 'currency',
+                    currency: 'IDR'
+                });;
+                tampilTotalBiayaAdmin.innerHTML = totalBiayaAdmin.toLocaleString('id-ID', {
+                    style: 'currency',
+                    currency: 'IDR'
+                });
+            }
+
             $("#selectContact").select2({
                 placeholder: "Pilih Kontak",
                 ajax: {
@@ -144,6 +170,40 @@
                 },
             });
 
+            $('#hargaBarang').change(function() {
+                let harga = $(this).val();
+                let jumlah = $('#jumlahBarang').val();
+                let biaya = document.getElementById('totalBiaya');
+                if (harga.trim() != '') {
+                    if (jumlah.trim() != '') {
+                        totalHarga = harga * jumlah;
+                    } else {
+                        totalHarga = harga * 0;
+                    }
+                    tampilTotalHarga(totalHarga);
+                }
+            });
+
+            $('#jumlahBarang').change(function() {
+                let jumlah = $(this).val();
+                let harga = $('#hargaBarang').val();
+                let nominal = document.getElementById('jumlah');
+                if (jumlah.trim() != '') {
+                    if (jumlah == 0) {
+                        nominal.innerHTML = 'Nominal';
+                    } else {
+                        nominal.innerHTML = 'Nominal (x' + jumlah + ')';
+                    }
+                    if (harga.trim() != '') {
+                        totalHarga = harga * jumlah;
+
+                    } else {
+                        totalHarga = 0 * jumlah;
+                    }
+                    tampilTotalHarga(totalHarga);
+                }
+            })
+
 
             $('#selectContact').change(function() {
                 let email = $('#selectContact').val();
@@ -184,38 +244,47 @@
                         icon: 'error'
                     });
                 } else {
-                    $.ajaxSetup({
-                        headers: {
-                            'X-CSRF-TOKEN': csrfToken
-                        }
-                    });
+                    if (email != "{{ Auth::user()->email }}") {
+                        $.ajaxSetup({
+                            headers: {
+                                'X-CSRF-TOKEN': csrfToken
+                            }
+                        });
 
-                    $.ajax({
-                        url: "{{ route('user-contact.email', ':email') }}".replace(':email', email),
-                        type: 'GET',
-                        success: function(response) {
-                            if (response.status) {
-                                Swal.fire({
-                                    title: 'Berhasil',
-                                    text: 'Akun tersedia',
-                                    icon: 'success'
-                                });
-                            } else {
+                        $.ajax({
+                            url: "{{ route('user-contact.email', ':email') }}".replace(':email',
+                                email),
+                            type: 'GET',
+                            success: function(response) {
+                                if (response.status) {
+                                    Swal.fire({
+                                        title: 'Berhasil',
+                                        text: 'Akun tersedia',
+                                        icon: 'success'
+                                    });
+                                } else {
+                                    Swal.fire({
+                                        title: 'Gagal',
+                                        text: response.message,
+                                        icon: 'error'
+                                    });
+                                }
+                            },
+                            error: function(error) {
                                 Swal.fire({
                                     title: 'Gagal',
-                                    text: response.message,
+                                    text: 'Terjadi error karena, ' + error,
                                     icon: 'error'
                                 });
                             }
-                        },
-                        error: function(error) {
-                            Swal.fire({
-                                title: 'Gagal',
-                                text: 'Terjadi error karena, ' + error,
-                                icon: 'error'
-                            });
-                        }
-                    });
+                        });
+                    } else {
+                        Swal.fire({
+                            title: 'Gagal',
+                            text: 'Email penjual tidak boleh sama denggan email pembeli',
+                            icon: 'error',
+                        });
+                    }
                 }
             });
 
@@ -226,7 +295,6 @@
                 let hargaBarang = document.querySelector('[name="harga_barang"]').value;
                 let satuanBarang = document.querySelector('[name="satuan_barang"]').value;
                 let jumlahBarang = document.querySelector('[name="jumlah_barang"]').value;
-                let batasPengiriman = document.querySelector('[name="batas_pengiriman"]').value;
                 let deskripsi = document.querySelector('[name="deskripsi"]').value;
 
                 let emptyInput = [];
@@ -243,6 +311,10 @@
                     emptyInput.push("Kolom penjual tidak boleh kosong");
                 }
 
+                if (penjual == "{{ Auth::user()->email }}") {
+                    emptyInput.push("Email penjual tidak boleh sama dengan email pembeli");
+                }
+
                 if (namaBarang == "") {
                     emptyInput.push("Nama barang tidak boleh kosong");
                 }
@@ -259,9 +331,9 @@
                     emptyInput.push("Jumlah barang tidak boleh kosong");
                 }
 
-                if (batasPengiriman == "") {
-                    emptyInput.push("Batas pengiriman tidak boleh kosong");
-                }
+                // if (batasPengiriman == "") {
+                //     emptyInput.push("Batas pengiriman tidak boleh kosong");
+                // }
 
                 if (emptyInput.length > 0) {
                     const emptyInputError = emptyInput.join(', ');
@@ -279,36 +351,44 @@
                     formData.append('satuan_barang', satuanBarang);
                     formData.append('harga_barang', hargaBarang);
                     formData.append('jumlah_barang', jumlahBarang);
-                    formData.append('batas_pengiriman', batasPengiriman);
+                    // formData.append('batas_pengiriman', batasPengiriman);
                     formData.append('deskripsi', deskripsi);
+                    formData.append('persentase_keuntungan', 0.1);
+                    formData.append('total_keuntungan', totalBiayaAdmin);
+                    formData.append('total_harga', totalHarga);
+                    formData.append('total_bayar', totalBayar);
 
                     $.ajaxSetup({
-                        headers:{
-                            'X-CSRF-TOKEN':csrfToken
+                        headers: {
+                            'X-CSRF-TOKEN': csrfToken
                         }
                     });
 
                     $.ajax({
-                        url:"{{route('store-transaction.pembeli')}}",
-                        type:"POST",
+                        url: "{{ route('store-transaction.pembeli') }}",
+                        type: "POST",
                         data: formData,
                         processData: false,
                         contentType: false,
-                        success: function(response){
+                        success: function(response) {
                             Swal.fire({
-                                title:'Berhasil',
-                                text: "Transaksi berhasil didaftar",
-                                icon: 'success'
+                                title: response.status ? 'Berhasil' : 'Gagal',
+                                text: response.message,
+                                icon: response.status ? 'success' : 'error',
+                                confirmButtonText: 'OK'
+                            }).then(function() {
+                                location.href =
+                                    "{{ route('user-transaction.index.pembeli') }}"
                             });
                             console.log(response);
                         },
-                        error: function(error){
+                        error: function(error) {
                             Swal.fire({
-                                title:'Gagal',
-                                text:'Gagal mengirimkan data karena ' + error,
+                                title: 'Gagal',
+                                text: 'Gagal mengirimkan data karena ' + error,
                                 icon: 'error'
                             });
-                            console.log(error)
+                            console.log(error);
                         }
                     });
                 }
diff --git a/resources/views/User/transaction/penjual/index.blade.php b/resources/views/User/transaction/penjual/index.blade.php
index 09d2f48e..1ff1c5ad 100644
--- a/resources/views/User/transaction/penjual/index.blade.php
+++ b/resources/views/User/transaction/penjual/index.blade.php
@@ -18,7 +18,7 @@
                         <div class="hero bg-primary text-white">
                             <div class="hero-inner">
                                 <h1>Welcome to the Rekber Aplication</h1>
-                                <p class="lead">Selamat Datang npannisa!</p>
+                                <p class="lead">Selamat Datang {{ Auth::user()->nama_depan }}!</p>
                             </div>
                         </div>
                     </div>
@@ -30,27 +30,26 @@
                                         <thead>
                                             <tr>
                                                 <th>#</th>
-                                                <th>User ID</th>
                                                 <th>Order ID</th>
-                                                <th>Customer</th>
-                                                <th>Seller</th>
+                                                <th>Pembeli</th>
                                                 <th>Total</th>
-                                                <th>Due Date</th>
+                                                <th>Batas Pengiriman Barang</th>
                                                 <th>Status</th>
                                                 <th>Action</th>
                                             </tr>
                                         </thead>
                                         <tbody>
-                                            @foreach ($TransactionUser as $key => $HistoryTransaction)
+                                            @foreach ($transactions as $transaction)
                                                 <tr>
-                                                    <td>{{ ++$key }}</td>
-                                                    <td class="font-weight-600">{{ $HistoryTransaction['userId'] }}</td>
-                                                    <td class="font-weight-600">{{ $HistoryTransaction['orderId'] }}</td>
-                                                    <td class="font-weight-600">{{ $HistoryTransaction['Customer'] }}</td>
-                                                    <td class="font-weight-600">{{ $HistoryTransaction['seller'] }}</td>
-                                                    <td class="font-weight-600">{{ $HistoryTransaction['total'] }}</td>
-                                                    <td>{{ $HistoryTransaction['dueDate'] }}</td>
-                                                    <td class="font-weight-600">{{ $HistoryTransaction['status'] }}</td>
+                                                    <td>{{ $loop->iteration }}</td>
+                                                    <td class="font-weight-600">{{ $transaction->id }}</td>
+                                                    <td class="font-weight-600">
+                                                        {{ ucwords(strtolower($transaction->data_pembeli->nama_depan . ' ' . $transaction->data_pembeli->nama_belakang)) }}
+                                                    </td>
+                                                    <td class="font-weight-600">{{ $transaction->total_bayar }}</td>
+                                                    {{-- <td class="font-weight-600">{{ $transaction->batas_pengiriman_barang }}</td> --}}
+                                                    <td>{{ $transaction->batas_pengiriman_barang }}</td>
+                                                    <td class="font-weight-600">{{ $transaction->status }}</td>
                                                     <td>
                                                         <div class="btn-group">
                                                             <button type="button" class="btn btn-primary dropdown-toggle"
@@ -60,7 +59,8 @@
                                                             </button>
                                                             <ul class="dropdown-menu">
                                                                 <li><a class="dropdown-item"
-                                                                        href="/detail-transaction">Detail</a></li>
+                                                                        href="{{ route('user-transaction.detail.pembeli', $transaction->id) }}">Detail</a>
+                                                                </li>
                                                                 <li><a class="dropdown-item" data-toggle="modal"
                                                                         data-target="#tracking">Tracking</a></li>
                                                                 {{-- <li><a class="dropdown-item" href="/tracking">Tracking</a></li> --}}
@@ -76,5 +76,8 @@
                         </div>
                     </div>
                 </div>
-                @extends('user.transaction.Penjual.tracking')
-            @endsection
+            </div>
+        </section>
+    </div>
+    @extends('user.transaction.penjual.modal-tracking')
+@endsection
diff --git a/resources/views/index.blade.php b/resources/views/index.blade.php
index e023fce5..14e9d85a 100644
--- a/resources/views/index.blade.php
+++ b/resources/views/index.blade.php
@@ -102,7 +102,6 @@
                     <div style="width: 100%; display: flex; align-items: center;">
                         <div class="input-field-signin-flex">
                             <i class="fas fa-envelope" aria-hidden="true"></i>
-                            {{-- <input type="text" class="telp-input-signin" maxlength="13" oninput="this.value = this.value.replace(/[^0-9]/g, '').substring(0, 13);" placeholder="Nomer Telepon"> --}}
                             <input type="email" class="telp-input-signin" placeholder="Email" name="email" required>
                         </div>
                         <button type="button" class="btn-otp solid" id="cekAkun">Cek Akun</button>
@@ -161,7 +160,7 @@
                                     <div class="input-field-signup-flex">
                                         <i class="fas fa-user"></i>
                                         <input type="text" placeholder="Nama Depan" class="first-name-input"
-                                            name="nama_depan" />
+                                            name="nama_depan" required />
                                     </div>
                                     <div class="input-field-signup-flex" style="margin-left: 3%">
                                         <i class="fas fa-user"></i>
@@ -399,6 +398,8 @@
             </div>
         </div>
     </div>
+
+
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js"
         integrity="sha512-aVKKRRi/Q/YV+4mjoKBsE4x3H+BkegoM/em46NNlCqNTmUYADjBbeNefNxYV7giUp0VxICtqdrbqU7iVaeZNXA=="
         crossorigin="anonymous" referrerpolicy="no-referrer"></script>
@@ -409,6 +410,26 @@
     <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
     <script src="{{ asset('assets/js/login_register/app.js') }}"></script>
     <script src="{{ asset('assets/js/login_register/script.js') }}"></script>
+    @if (Session::has('message'))
+        <script>
+            Swal.fire({
+                icon: 'error',
+                title: 'Gagal',
+                text: "{{ Session::get('message') }}",
+            });
+        </script>
+    @endif
+
+    @if ($errors->any())
+        <script>
+            Swal.fire({
+                icon: 'error',
+                title: 'Kesalahan',
+                text: @json($errors->all()).join(' '),
+            });
+            console.log(@json($errors->all()));
+        </script>
+    @endif
 
     <script>
         $(document).ready(function() {
@@ -416,6 +437,7 @@
             let verificationCode = '';
             let waktuSekarangDetik = 0;
 
+            // Generate Kode Verifikasi
             function generateVerificationCode() {
                 const codeLength = 6;
                 let code = '';
@@ -425,6 +447,7 @@
                 return code;
             }
 
+            // Login Awal
             $('#cekAkun').on('click', function() {
                 let email = document.querySelector('[name="email"]').value;
                 const csrfToken = $('meta[name="csrf-token"]').attr('content');
@@ -491,7 +514,9 @@
                     }
                 }
             });
+            // Login Akhir
 
+            // Register Awal
             $('#newEmail').on('input', function() {
                 const newEmail = $(this);
                 clearTimeout(newEmail.timer); // Menghapus timeout yang ada
@@ -511,72 +536,91 @@
                 }
             });
 
+            function isValidEmail(email) {
+                // Ekspresi reguler untuk memeriksa validitas alamat email
+                var emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+
+                // Menggunakan test() untuk memeriksa apakah email sesuai dengan ekspresi reguler
+                return emailRegex.test(email);
+            }
+
             $('#verifikasiEmail').on('click', function() {
                 const newEmail = $(this);
-                let email = document.querySelector('[name="new_email"]').value;
+                const email = document.querySelector('[name="new_email"]').value;
                 const csrfToken = $('meta[name="csrf-token"]').attr('content');
                 verificationCode = generateVerificationCode();
+                verificationStatus = false
 
-                const formData = new FormData();
-                formData.append('email', email);
-                formData.append('code', verificationCode);
+                if (isValidEmail(email)) {
+                    const formData = new FormData();
+                    formData.append('email', email);
+                    formData.append('code', verificationCode);
 
-                // Menonaktifkan tombol verifikasi
-                newEmail.prop('disabled', true);
+                    // Menonaktifkan tombol verifikasi
+                    newEmail.prop('disabled', true);
 
-                // Mengatur waktu dalam detik (misalnya, 2 menit = 120 detik)
-                const waktuTotalDetik = 120;
-                waktuSekarangDetik = waktuTotalDetik;
+                    // Mengatur waktu dalam detik (misalnya, 2 menit = 120 detik)
+                    const waktuTotalDetik = 120;
+                    waktuSekarangDetik = waktuTotalDetik;
 
-                // Mengupdate teks tombol dengan format menit:detik
-                function updateButtonText() {
-                    const menit = Math.floor(waktuSekarangDetik / 60);
-                    const detik = waktuSekarangDetik % 60 < 10 ? '0' + (waktuSekarangDetik % 60) :
-                        waktuSekarangDetik % 60;
-                    newEmail.text(`${menit}:${detik}`);
+                    // Mengupdate teks tombol dengan format menit:detik
+                    function updateButtonText() {
+                        const menit = Math.floor(waktuSekarangDetik / 60);
+                        const detik = waktuSekarangDetik % 60 < 10 ? '0' + (waktuSekarangDetik % 60) :
+                            waktuSekarangDetik % 60;
+                        newEmail.text(`${menit}:${detik}`);
+                    }
+
+                    // Memulai timer dan mengupdate teks tombol setiap detik
+                    const timerInterval = setInterval(function() {
+                        if (waktuSekarangDetik > 0) {
+                            waktuSekarangDetik--;
+                            updateButtonText();
+                        } else {
+                            clearInterval(timerInterval);
+                            newEmail.text("Verifikasi"); // Mengembalikan teks awal tombol
+                            newEmail.prop('disabled', false); // Mengaktifkan kembali tombol
+                        }
+                    }, 1000); // Setiap 1 detik
+
+                    $.ajaxSetup({
+                        headers: {
+                            'X-CSRF-TOKEN': csrfToken
+                        }
+                    });
+
+                    $.ajax({
+                        url: "{{ route('kirim.kode') }}",
+                        type: 'POST',
+                        data: formData,
+                        contentType: false,
+                        processData: false,
+                        success: function(response) {
+                            Swal.fire({
+                                title: response.status ? 'Berhasil' : 'Gagal',
+                                text: response.message,
+                                icon: response.status ? 'success' : 'error',
+                            });
+                            verificationStatus = true;
+                        },
+                        error: function(error) {
+                            Swal.fire({
+                                title: 'Gagal',
+                                text: 'Gagal karena kesalahan inputan atau jaringan',
+                                icon: 'error',
+                            });
+                            console.log(error);
+                        },
+                    });
+                } else {
+                    Swal.fire({
+                        title: 'Kesalahan',
+                        text: 'Inputan yang anda masukan bukan alamat email. Silahkan masukan alamat email yang benar.',
+                        icon: 'error'
+                    });
                 }
 
-                // Memulai timer dan mengupdate teks tombol setiap detik
-                const timerInterval = setInterval(function() {
-                    if (waktuSekarangDetik > 0) {
-                        waktuSekarangDetik--;
-                        updateButtonText();
-                    } else {
-                        clearInterval(timerInterval);
-                        newEmail.text("Verifikasi"); // Mengembalikan teks awal tombol
-                        newEmail.prop('disabled', false); // Mengaktifkan kembali tombol
-                    }
-                }, 1000); // Setiap 1 detik
 
-                $.ajaxSetup({
-                    headers: {
-                        'X-CSRF-TOKEN': csrfToken
-                    }
-                });
-
-                $.ajax({
-                    url: "{{ route('kirim.kode') }}",
-                    type: 'POST',
-                    data: formData,
-                    contentType: false,
-                    processData: false,
-                    success: function(response) {
-                        Swal.fire({
-                            title: response.status ? 'Berhasil' : 'Gagal',
-                            text: response.message,
-                            icon: response.status ? 'success' : 'error',
-                        });
-                    },
-                    error: function(error) {
-                        Swal.fire({
-                            title: 'Gagal',
-                            text: 'Gagal karena ' + error,
-                            icon: 'error',
-                        });
-                    },
-                });
-
-                verificationStatus = true;
             });
 
             $('#signUp').on('click', function() {
@@ -624,9 +668,14 @@
 
                 if (email.trim() === "") {
                     emptyInput.push("Email tidak boleh kosong");
-                } else if (!verificationStatus) {
+                }
+                if (!verificationStatus) {
                     emptyInput.push("Verifikasi email terlebih dahulu");
-                } else if (emailVerification != verificationCode) {
+                }
+                if (emailVerification.trim() === "") {
+                    emptyInput.push("Kode verifikasi harus diisi");
+                }
+                if (emailVerification != verificationCode) {
                     emptyInput.push('Kode verifikasi harus sama dengan kode yang dikirim ke email');
                 }
 
@@ -723,6 +772,7 @@
                     });
                 }
             });
+            // Register Akhir
         });
     </script>
 </body>
diff --git a/routes/web.php b/routes/web.php
index 74c88e0d..b957287d 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -160,6 +160,7 @@ Route::middleware(['auth'])->group(function(){
                 Route::get('detail-user-transaction-pembeli/{id}','detailTransaction')->name('user-transaction.detail.pembeli');
                 Route::get('tambah-transaction','createTransaction')->name('tambah-transaction.pembeli');
                 Route::post('store-transaction','storeTransaction')->name('store-transaction.pembeli');
+                Route::post('payment-transaction/{id}','paymentTransaction')->name('payment-transaction.pembeli');
                 //Penjual
                 Route::get('user-transaction-penjual','indexPenjual')->name('user-transaction.index.penjual');