From e7b0e926f84d1b1a94fa218ecdd90e889313ae91 Mon Sep 17 00:00:00 2001
From: yusup-maulana <yusupmaulana.net@gmail.com>
Date: Sun, 10 Dec 2023 01:26:53 +0700
Subject: [PATCH] a

---
 .gitignore                                    |     2 +
 .history/index_20231006230852.html            | 19572 ----------------
 .history/index_20231006230854.html            | 19572 ----------------
 .history/index_20231007013104.html            | 19572 ----------------
 ...rtofolio-inventarisRAP_20221116191020.html |    53 -
 ...rtofolio-inventarisRAP_20231007010429.html |   232 -
 ...rtofolio-inventarisRAP_20231007010537.html |   233 -
 ...rtofolio-inventarisRAP_20231007010706.html |   233 -
 ...rtofolio-inventarisRAP_20231007010729.html |   233 -
 ...rtofolio-inventarisRAP_20231007010732.html |   230 -
 ...rtofolio-inventarisRAP_20231007010753.html |   230 -
 ...rtofolio-inventarisRAP_20231007011151.html |   230 -
 ...rtofolio-inventarisRAP_20231007011241.html |   229 -
 ...rtofolio-inventarisRAP_20231007011248.html |   228 -
 ...rtofolio-inventarisRAP_20231007012712.html |   228 -
 ...rtofolio-inventarisRAP_20231007012833.html |   233 -
 .../portofolio-manpumping_20231006212728.html |   230 -
 .../portofolio-manpumping_20231006213005.html |   227 -
 .../portofolio-manpumping_20231006213023.html |   227 -
 .../portofolio-manpumping_20231006213033.html |   226 -
 .../portofolio-manpumping_20231006213437.html |   241 -
 .../portofolio-manpumping_20231006213446.html |   274 -
 .../portofolio-manpumping_20231006213606.html |   277 -
 .../portofolio-manpumping_20231006213614.html |   276 -
 .../portofolio-manpumping_20231006213635.html |   275 -
 .../portofolio-manpumping_20231006213637.html |   275 -
 .../portofolio-manpumping_20231006214858.html |   275 -
 .../portofolio-manpumping_20231006214931.html |   275 -
 .../portofolio-manpumping_20231006215037.html |   275 -
 .../portofolio-manpumping_20231006215322.html |   273 -
 .../portofolio-manpumping_20231006215325.html |   273 -
 .../portofolio-manpumping_20231006215329.html |   273 -
 .../portofolio-manpumping_20231006215345.html |   267 -
 .../portofolio-manpumping_20231006215358.html |   268 -
 .../portofolio-manpumping_20231006215454.html |   270 -
 .../portofolio-manpumping_20231006215456.html |   271 -
 .../portofolio-manpumping_20231006215500.html |   271 -
 .../portofolio-webanime_20231006214430.html   |   199 -
 .../portofolio-webanime_20231006214457.html   |   203 -
 .../portofolio-webanime_20231006214527.html   |   216 -
 .../portofolio-webanime_20231006214533.html   |   215 -
 .../portofolio-webanime_20231006214539.html   |   215 -
 .../portofolio-webanime_20231006214541.html   |   219 -
 .../portofolio-webanime_20231006214611.html   |   219 -
 .../portofolio-webanime_20231006214648.html   |   250 -
 .../portofolio-webanime_20231006214751.html   |   251 -
 .../portofolio-webanime_20231006214801.html   |   252 -
 .../portofolio-webanime_20231006214853.html   |   252 -
 .../portofolio-webanime_20231006214923.html   |   252 -
 .../portofolio-webanime_20231006215103.html   |   252 -
 .../portofolio-webanime_20231006215109.html   |   253 -
 .../portofolio-webanime_20231006215114.html   |   253 -
 .../portofolio-webanime_20231006215130.html   |   253 -
 .../portofolio-webanime_20231006215143.html   |   254 -
 .../portofolio-webanime_20231006215201.html   |   255 -
 .../portofolio-webanime_20231006215321.html   |   255 -
 .../portofolio-webanime_20231006222723.html   |   255 -
 .../portofolio-webanime_20231006222732.html   |   254 -
 .../portofolio-websiteRAP_20221121023336.html |    50 -
 .../portofolio-websiteRAP_20231006222448.html |   255 -
 .../portofolio-websiteRAP_20231006222543.html |   178 -
 .../portofolio-websiteRAP_20231006222609.html |   243 -
 .../portofolio-websiteRAP_20231006222642.html |   241 -
 .../portofolio-websiteRAP_20231006222647.html |   234 -
 .../portofolio-websiteRAP_20231006222711.html |   234 -
 .../portofolio-websiteRAP_20231006223648.html |   234 -
 .../portofolio-websiteRAP_20231006223722.html |   234 -
 .../portofolio-websiteRAP_20231006223805.html |   230 -
 .../portofolio-websiteRAP_20231006223816.html |   234 -
 .../portofolio-websiteRAP_20231006223844.html |   234 -
 .../portofolio-websiteRAP_20231006230630.html |   234 -
 .../portofolio-websiteRAP_20231006230633.html |   234 -
 .../portofolio-websiteRAP_20231006231104.html |   240 -
 .../portofolio-websiteRAP_20231006231135.html |   240 -
 .../portofolio-websiteRAP_20231006231614.html |   242 -
 .../portofolio-websiteRAP_20231006231621.html |   243 -
 index.html                                    |     4 +-
 portofolio-manpumping.html                    |     2 +-
 78 files changed, 5 insertions(+), 75891 deletions(-)
 create mode 100644 .gitignore
 delete mode 100644 .history/index_20231006230852.html
 delete mode 100644 .history/index_20231006230854.html
 delete mode 100644 .history/index_20231007013104.html
 delete mode 100644 .history/portofolio-inventarisRAP_20221116191020.html
 delete mode 100644 .history/portofolio-inventarisRAP_20231007010429.html
 delete mode 100644 .history/portofolio-inventarisRAP_20231007010537.html
 delete mode 100644 .history/portofolio-inventarisRAP_20231007010706.html
 delete mode 100644 .history/portofolio-inventarisRAP_20231007010729.html
 delete mode 100644 .history/portofolio-inventarisRAP_20231007010732.html
 delete mode 100644 .history/portofolio-inventarisRAP_20231007010753.html
 delete mode 100644 .history/portofolio-inventarisRAP_20231007011151.html
 delete mode 100644 .history/portofolio-inventarisRAP_20231007011241.html
 delete mode 100644 .history/portofolio-inventarisRAP_20231007011248.html
 delete mode 100644 .history/portofolio-inventarisRAP_20231007012712.html
 delete mode 100644 .history/portofolio-inventarisRAP_20231007012833.html
 delete mode 100644 .history/portofolio-manpumping_20231006212728.html
 delete mode 100644 .history/portofolio-manpumping_20231006213005.html
 delete mode 100644 .history/portofolio-manpumping_20231006213023.html
 delete mode 100644 .history/portofolio-manpumping_20231006213033.html
 delete mode 100644 .history/portofolio-manpumping_20231006213437.html
 delete mode 100644 .history/portofolio-manpumping_20231006213446.html
 delete mode 100644 .history/portofolio-manpumping_20231006213606.html
 delete mode 100644 .history/portofolio-manpumping_20231006213614.html
 delete mode 100644 .history/portofolio-manpumping_20231006213635.html
 delete mode 100644 .history/portofolio-manpumping_20231006213637.html
 delete mode 100644 .history/portofolio-manpumping_20231006214858.html
 delete mode 100644 .history/portofolio-manpumping_20231006214931.html
 delete mode 100644 .history/portofolio-manpumping_20231006215037.html
 delete mode 100644 .history/portofolio-manpumping_20231006215322.html
 delete mode 100644 .history/portofolio-manpumping_20231006215325.html
 delete mode 100644 .history/portofolio-manpumping_20231006215329.html
 delete mode 100644 .history/portofolio-manpumping_20231006215345.html
 delete mode 100644 .history/portofolio-manpumping_20231006215358.html
 delete mode 100644 .history/portofolio-manpumping_20231006215454.html
 delete mode 100644 .history/portofolio-manpumping_20231006215456.html
 delete mode 100644 .history/portofolio-manpumping_20231006215500.html
 delete mode 100644 .history/portofolio-webanime_20231006214430.html
 delete mode 100644 .history/portofolio-webanime_20231006214457.html
 delete mode 100644 .history/portofolio-webanime_20231006214527.html
 delete mode 100644 .history/portofolio-webanime_20231006214533.html
 delete mode 100644 .history/portofolio-webanime_20231006214539.html
 delete mode 100644 .history/portofolio-webanime_20231006214541.html
 delete mode 100644 .history/portofolio-webanime_20231006214611.html
 delete mode 100644 .history/portofolio-webanime_20231006214648.html
 delete mode 100644 .history/portofolio-webanime_20231006214751.html
 delete mode 100644 .history/portofolio-webanime_20231006214801.html
 delete mode 100644 .history/portofolio-webanime_20231006214853.html
 delete mode 100644 .history/portofolio-webanime_20231006214923.html
 delete mode 100644 .history/portofolio-webanime_20231006215103.html
 delete mode 100644 .history/portofolio-webanime_20231006215109.html
 delete mode 100644 .history/portofolio-webanime_20231006215114.html
 delete mode 100644 .history/portofolio-webanime_20231006215130.html
 delete mode 100644 .history/portofolio-webanime_20231006215143.html
 delete mode 100644 .history/portofolio-webanime_20231006215201.html
 delete mode 100644 .history/portofolio-webanime_20231006215321.html
 delete mode 100644 .history/portofolio-webanime_20231006222723.html
 delete mode 100644 .history/portofolio-webanime_20231006222732.html
 delete mode 100644 .history/portofolio-websiteRAP_20221121023336.html
 delete mode 100644 .history/portofolio-websiteRAP_20231006222448.html
 delete mode 100644 .history/portofolio-websiteRAP_20231006222543.html
 delete mode 100644 .history/portofolio-websiteRAP_20231006222609.html
 delete mode 100644 .history/portofolio-websiteRAP_20231006222642.html
 delete mode 100644 .history/portofolio-websiteRAP_20231006222647.html
 delete mode 100644 .history/portofolio-websiteRAP_20231006222711.html
 delete mode 100644 .history/portofolio-websiteRAP_20231006223648.html
 delete mode 100644 .history/portofolio-websiteRAP_20231006223722.html
 delete mode 100644 .history/portofolio-websiteRAP_20231006223805.html
 delete mode 100644 .history/portofolio-websiteRAP_20231006223816.html
 delete mode 100644 .history/portofolio-websiteRAP_20231006223844.html
 delete mode 100644 .history/portofolio-websiteRAP_20231006230630.html
 delete mode 100644 .history/portofolio-websiteRAP_20231006230633.html
 delete mode 100644 .history/portofolio-websiteRAP_20231006231104.html
 delete mode 100644 .history/portofolio-websiteRAP_20231006231135.html
 delete mode 100644 .history/portofolio-websiteRAP_20231006231614.html
 delete mode 100644 .history/portofolio-websiteRAP_20231006231621.html

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..e50ac48
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,2 @@
+.history/
+.vscode/
\ No newline at end of file
diff --git a/.history/index_20231006230852.html b/.history/index_20231006230852.html
deleted file mode 100644
index 2afe2c8..0000000
--- a/.history/index_20231006230852.html
+++ /dev/null
@@ -1,19572 +0,0 @@
-<div id="loader">
-  <b class="loader2"></b>
-  <img src="IMG/me.webp" data-src="IMG/me.webp" class="imageloading" alt="loading first time" />
-</div>
-<style type="text/css">
-  /*body{visibility: hidden;}*/
-  * {
-    -webkit-transition: all 0.2s ease;
-    -moz-transition: all 0.2s ease;
-    -o-transition: all 0.2s ease;
-    transition: all 0.2s ease;
-  }
-
-  .imageloading {
-    width: 120px;
-    margin: auto;
-    filter: none;
-  }
-
-  @keyframes rotate {
-    100% {
-      transform: rotate(360deg);
-    }
-  }
-
-  .loader2 {
-    width: 120px;
-    height: 118px;
-    border-radius: 50%;
-    display: inline-block;
-    position: absolute;
-    background: linear-gradient(0deg, rgba(18, 140, 83, 0.17) 33%, #05e8ff 100%);
-    box-sizing: border-box;
-    animation: rotation 1s linear infinite !important;
-    margin: auto;
-  }
-
-  .loader2::after {
-    content: '';
-    box-sizing: border-box;
-    position: absolute;
-    left: 50%;
-    top: 50%;
-    transform: translate(-50%, -50%);
-    width: 100px;
-    height: 100px;
-    border-radius: 50%;
-    background: #027eae26;
-  }
-
-  @keyframes rotation {
-    0% {
-      transform: rotate(0deg)
-    }
-
-    100% {
-      transform: rotate(360deg)
-    }
-  }
-
-  /* start css loading......... */
-
-  #loader {
-    z-index: 999;
-    position: fixed;
-    width: 100%;
-    height: 100%;
-    text-align: center;
-    padding: 10% 0px 0px 0px;
-  }
-
-  /* end css loading......... */
-</style>
-
-
-<!-- <!DOCTYPE html> -->
-<html lang="id-ID">
-
-<head>
-  <title>Yusup maulana | Programmer</title>
-  <meta charset="UTF-8">
-  <link rel="icon" type="image/x-icon" href="IMG/f.ico">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <meta name='description'
-    content='yusup maulana atau dikenal dengan sebutan maulana.net adalah seorang web programmer. dan juga membuka sebuah Jasa Website, seperti layaknya ini yang dibuat menggunakan pemograman native, HTML, CSS, javascript, Jquery, bootstrap 4, bisa jasa website, jasa aplikasi berbasis web, hubungi saja pada contact yang tercantum'>
-  <meta
-    content='yusup maulana, CV (Curriculum vitae), resume, portofolio, riwayat hidup, maulana.net, web programmer, pemograman native, HTML, CSS, javascript, Jquery, bootstrap 4, bisa jasa website, jasa aplikasi berbasis web, website programmer'
-    name='keywords' />
-  <meta name="author" content="yusup maulana">
-  <meta name="google-site-verification" content="B01fQU13pBHkgqGVwCV5DwMFfYZTHM5yT-vzihImekQ">
-
-  <!-- Slick CSS -->
-  <!-- src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js" -->
-  <script>
-    /*! jQuery v3.6.0 | (c) OpenJS Foundation and other contributors | jquery.org/license */ ! function (e, t) {
-      "use strict";
-      "object" == typeof module && "object" == typeof module.exports ? module.exports = e.document ? t(e, !0) :
-        function (e) {
-          if (!e.document) throw new Error("jQuery requires a window with a document");
-          return t(e)
-        } : t(e)
-    }("undefined" != typeof window ? window : this, function (C, e) {
-      "use strict";
-      var t = [],
-        r = Object.getPrototypeOf,
-        s = t.slice,
-        g = t.flat ? function (e) {
-          return t.flat.call(e)
-        } : function (e) {
-          return t.concat.apply([], e)
-        },
-        u = t.push,
-        i = t.indexOf,
-        n = {},
-        o = n.toString,
-        v = n.hasOwnProperty,
-        a = v.toString,
-        l = a.call(Object),
-        y = {},
-        m = function (e) {
-          return "function" == typeof e && "number" != typeof e.nodeType && "function" != typeof e.item
-        },
-        x = function (e) {
-          return null != e && e === e.window
-        },
-        E = C.document,
-        c = {
-          type: !0,
-          src: !0,
-          nonce: !0,
-          noModule: !0
-        };
-
-      function b(e, t, n) {
-        var r, i, o = (n = n || E).createElement("script");
-        if (o.text = e, t)
-          for (r in c) (i = t[r] || t.getAttribute && t.getAttribute(r)) && o.setAttribute(r, i);
-        n.head.appendChild(o).parentNode.removeChild(o)
-      }
-
-      function w(e) {
-        return null == e ? e + "" : "object" == typeof e || "function" == typeof e ? n[o.call(e)] || "object" :
-          typeof e
-      }
-      var f = "3.6.0",
-        S = function (e, t) {
-          return new S.fn.init(e, t)
-        };
-
-      function p(e) {
-        var t = !!e && "length" in e && e.length,
-          n = w(e);
-        return !m(e) && !x(e) && ("array" === n || 0 === t || "number" == typeof t && 0 < t && t - 1 in e)
-      }
-      S.fn = S.prototype = {
-        jquery: f,
-        constructor: S,
-        length: 0,
-        toArray: function () {
-          return s.call(this)
-        },
-        get: function (e) {
-          return null == e ? s.call(this) : e < 0 ? this[e + this.length] : this[e]
-        },
-        pushStack: function (e) {
-          var t = S.merge(this.constructor(), e);
-          return t.prevObject = this, t
-        },
-        each: function (e) {
-          return S.each(this, e)
-        },
-        map: function (n) {
-          return this.pushStack(S.map(this, function (e, t) {
-            return n.call(e, t, e)
-          }))
-        },
-        slice: function () {
-          return this.pushStack(s.apply(this, arguments))
-        },
-        first: function () {
-          return this.eq(0)
-        },
-        last: function () {
-          return this.eq(-1)
-        },
-        even: function () {
-          return this.pushStack(S.grep(this, function (e, t) {
-            return (t + 1) % 2
-          }))
-        },
-        odd: function () {
-          return this.pushStack(S.grep(this, function (e, t) {
-            return t % 2
-          }))
-        },
-        eq: function (e) {
-          var t = this.length,
-            n = +e + (e < 0 ? t : 0);
-          return this.pushStack(0 <= n && n < t ? [this[n]] : [])
-        },
-        end: function () {
-          return this.prevObject || this.constructor()
-        },
-        push: u,
-        sort: t.sort,
-        splice: t.splice
-      }, S.extend = S.fn.extend = function () {
-        var e, t, n, r, i, o, a = arguments[0] || {},
-          s = 1,
-          u = arguments.length,
-          l = !1;
-        for ("boolean" == typeof a && (l = a, a = arguments[s] || {}, s++), "object" == typeof a || m(a) || (
-          a = {}), s === u && (a = this, s--); s < u; s++)
-          if (null != (e = arguments[s]))
-            for (t in e) r = e[t], "__proto__" !== t && a !== r && (l && r && (S.isPlainObject(r) || (i = Array
-              .isArray(r))) ? (n = a[t], o = i && !Array.isArray(n) ? [] : i || S.isPlainObject(n) ? n : {},
-                i = !1, a[t] = S.extend(l, o, r)) : void 0 !== r && (a[t] = r));
-        return a
-      }, S.extend({
-        expando: "jQuery" + (f + Math.random()).replace(/\D/g, ""),
-        isReady: !0,
-        error: function (e) {
-          throw new Error(e)
-        },
-        noop: function () { },
-        isPlainObject: function (e) {
-          var t, n;
-          return !(!e || "[object Object]" !== o.call(e)) && (!(t = r(e)) || "function" == typeof (n = v.call(t,
-            "constructor") && t.constructor) && a.call(n) === l)
-        },
-        isEmptyObject: function (e) {
-          var t;
-          for (t in e) return !1;
-          return !0
-        },
-        globalEval: function (e, t, n) {
-          b(e, {
-            nonce: t && t.nonce
-          }, n)
-        },
-        each: function (e, t) {
-          var n, r = 0;
-          if (p(e)) {
-            for (n = e.length; r < n; r++)
-              if (!1 === t.call(e[r], r, e[r])) break
-          } else
-            for (r in e)
-              if (!1 === t.call(e[r], r, e[r])) break;
-          return e
-        },
-        makeArray: function (e, t) {
-          var n = t || [];
-          return null != e && (p(Object(e)) ? S.merge(n, "string" == typeof e ? [e] : e) : u.call(n, e)), n
-        },
-        inArray: function (e, t, n) {
-          return null == t ? -1 : i.call(t, e, n)
-        },
-        merge: function (e, t) {
-          for (var n = +t.length, r = 0, i = e.length; r < n; r++) e[i++] = t[r];
-          return e.length = i, e
-        },
-        grep: function (e, t, n) {
-          for (var r = [], i = 0, o = e.length, a = !n; i < o; i++) !t(e[i], i) !== a && r.push(e[i]);
-          return r
-        },
-        map: function (e, t, n) {
-          var r, i, o = 0,
-            a = [];
-          if (p(e))
-            for (r = e.length; o < r; o++) null != (i = t(e[o], o, n)) && a.push(i);
-          else
-            for (o in e) null != (i = t(e[o], o, n)) && a.push(i);
-          return g(a)
-        },
-        guid: 1,
-        support: y
-      }), "function" == typeof Symbol && (S.fn[Symbol.iterator] = t[Symbol.iterator]), S.each(
-        "Boolean Number String Function Array Date RegExp Object Error Symbol".split(" "),
-        function (e, t) {
-          n["[object " + t + "]"] = t.toLowerCase()
-        });
-      var d = function (n) {
-        var e, d, b, o, i, h, f, g, w, u, l, T, C, a, E, v, s, c, y, S = "sizzle" + 1 * new Date,
-          p = n.document,
-          k = 0,
-          r = 0,
-          m = ue(),
-          x = ue(),
-          A = ue(),
-          N = ue(),
-          j = function (e, t) {
-            return e === t && (l = !0), 0
-          },
-          D = {}.hasOwnProperty,
-          t = [],
-          q = t.pop,
-          L = t.push,
-          H = t.push,
-          O = t.slice,
-          P = function (e, t) {
-            for (var n = 0, r = e.length; n < r; n++)
-              if (e[n] === t) return n;
-            return -1
-          },
-          R =
-            "checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",
-          M = "[\\x20\\t\\r\\n\\f]",
-          I = "(?:\\\\[\\da-fA-F]{1,6}" + M + "?|\\\\[^\\r\\n\\f]|[\\w-]|[^\0-\\x7f])+",
-          W = "\\[" + M + "*(" + I + ")(?:" + M + "*([*^$|!~]?=)" + M +
-            "*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|(" + I + "))|)" + M + "*\\]",
-          F = ":(" + I + ")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|" +
-            W + ")*)|.*)\\)|)",
-          B = new RegExp(M + "+", "g"),
-          $ = new RegExp("^" + M + "+|((?:^|[^\\\\])(?:\\\\.)*)" + M + "+$", "g"),
-          _ = new RegExp("^" + M + "*," + M + "*"),
-          z = new RegExp("^" + M + "*([>+~]|" + M + ")" + M + "*"),
-          U = new RegExp(M + "|>"),
-          X = new RegExp(F),
-          V = new RegExp("^" + I + "$"),
-          G = {
-            ID: new RegExp("^#(" + I + ")"),
-            CLASS: new RegExp("^\\.(" + I + ")"),
-            TAG: new RegExp("^(" + I + "|[*])"),
-            ATTR: new RegExp("^" + W),
-            PSEUDO: new RegExp("^" + F),
-            CHILD: new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\(" + M +
-              "*(even|odd|(([+-]|)(\\d*)n|)" + M + "*(?:([+-]|)" + M + "*(\\d+)|))" + M + "*\\)|)", "i"),
-            bool: new RegExp("^(?:" + R + ")$", "i"),
-            needsContext: new RegExp("^" + M + "*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\(" + M +
-              "*((?:-\\d)?\\d*)" + M + "*\\)|)(?=[^-]|$)", "i")
-          },
-          Y = /HTML$/i,
-          Q = /^(?:input|select|textarea|button)$/i,
-          J = /^h\d$/i,
-          K = /^[^{]+\{\s*\[native \w/,
-          Z = /^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,
-          ee = /[+~]/,
-          te = new RegExp("\\\\[\\da-fA-F]{1,6}" + M + "?|\\\\([^\\r\\n\\f])", "g"),
-          ne = function (e, t) {
-            var n = "0x" + e.slice(1) - 65536;
-            return t || (n < 0 ? String.fromCharCode(n + 65536) : String.fromCharCode(n >> 10 | 55296, 1023 & n |
-              56320))
-          },
-          re = /([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,
-          ie = function (e, t) {
-            return t ? "\0" === e ? "\ufffd" : e.slice(0, -1) + "\\" + e.charCodeAt(e.length - 1).toString(16) +
-              " " : "\\" + e
-          },
-          oe = function () {
-            T()
-          },
-          ae = be(function (e) {
-            return !0 === e.disabled && "fieldset" === e.nodeName.toLowerCase()
-          }, {
-            dir: "parentNode",
-            next: "legend"
-          });
-        try {
-          H.apply(t = O.call(p.childNodes), p.childNodes), t[p.childNodes.length].nodeType
-        } catch (e) {
-          H = {
-            apply: t.length ? function (e, t) {
-              L.apply(e, O.call(t))
-            } : function (e, t) {
-              var n = e.length,
-                r = 0;
-              while (e[n++] = t[r++]);
-              e.length = n - 1
-            }
-          }
-        }
-
-        function se(t, e, n, r) {
-          var i, o, a, s, u, l, c, f = e && e.ownerDocument,
-            p = e ? e.nodeType : 9;
-          if (n = n || [], "string" != typeof t || !t || 1 !== p && 9 !== p && 11 !== p) return n;
-          if (!r && (T(e), e = e || C, E)) {
-            if (11 !== p && (u = Z.exec(t)))
-              if (i = u[1]) {
-                if (9 === p) {
-                  if (!(a = e.getElementById(i))) return n;
-                  if (a.id === i) return n.push(a), n
-                } else if (f && (a = f.getElementById(i)) && y(e, a) && a.id === i) return n.push(a), n
-              } else {
-                if (u[2]) return H.apply(n, e.getElementsByTagName(t)), n;
-                if ((i = u[3]) && d.getElementsByClassName && e.getElementsByClassName) return H.apply(n, e
-                  .getElementsByClassName(i)), n
-              } if (d.qsa && !N[t + " "] && (!v || !v.test(t)) && (1 !== p || "object" !== e.nodeName
-                .toLowerCase())) {
-              if (c = t, f = e, 1 === p && (U.test(t) || z.test(t))) {
-                (f = ee.test(t) && ye(e.parentNode) || e) === e && d.scope || ((s = e.getAttribute("id")) ? s = s
-                  .replace(re, ie) : e.setAttribute("id", s = S)), o = (l = h(t)).length;
-                while (o--) l[o] = (s ? "#" + s : ":scope") + " " + xe(l[o]);
-                c = l.join(",")
-              }
-              try {
-                return H.apply(n, f.querySelectorAll(c)), n
-              } catch (e) {
-                N(t, !0)
-              } finally {
-                s === S && e.removeAttribute("id")
-              }
-            }
-          }
-          return g(t.replace($, "$1"), e, n, r)
-        }
-
-        function ue() {
-          var r = [];
-          return function e(t, n) {
-            return r.push(t + " ") > b.cacheLength && delete e[r.shift()], e[t + " "] = n
-          }
-        }
-
-        function le(e) {
-          return e[S] = !0, e
-        }
-
-        function ce(e) {
-          var t = C.createElement("fieldset");
-          try {
-            return !!e(t)
-          } catch (e) {
-            return !1
-          } finally {
-            t.parentNode && t.parentNode.removeChild(t), t = null
-          }
-        }
-
-        function fe(e, t) {
-          var n = e.split("|"),
-            r = n.length;
-          while (r--) b.attrHandle[n[r]] = t
-        }
-
-        function pe(e, t) {
-          var n = t && e,
-            r = n && 1 === e.nodeType && 1 === t.nodeType && e.sourceIndex - t.sourceIndex;
-          if (r) return r;
-          if (n)
-            while (n = n.nextSibling)
-              if (n === t) return -1;
-          return e ? 1 : -1
-        }
-
-        function de(t) {
-          return function (e) {
-            return "input" === e.nodeName.toLowerCase() && e.type === t
-          }
-        }
-
-        function he(n) {
-          return function (e) {
-            var t = e.nodeName.toLowerCase();
-            return ("input" === t || "button" === t) && e.type === n
-          }
-        }
-
-        function ge(t) {
-          return function (e) {
-            return "form" in e ? e.parentNode && !1 === e.disabled ? "label" in e ? "label" in e.parentNode ? e
-              .parentNode.disabled === t : e.disabled === t : e.isDisabled === t || e.isDisabled !== !t && ae(
-                e) === t : e.disabled === t : "label" in e && e.disabled === t
-          }
-        }
-
-        function ve(a) {
-          return le(function (o) {
-            return o = +o, le(function (e, t) {
-              var n, r = a([], e.length, o),
-                i = r.length;
-              while (i--) e[n = r[i]] && (e[n] = !(t[n] = e[n]))
-            })
-          })
-        }
-
-        function ye(e) {
-          return e && "undefined" != typeof e.getElementsByTagName && e
-        }
-        for (e in d = se.support = {}, i = se.isXML = function (e) {
-          var t = e && e.namespaceURI,
-            n = e && (e.ownerDocument || e).documentElement;
-          return !Y.test(t || n && n.nodeName || "HTML")
-        }, T = se.setDocument = function (e) {
-          var t, n, r = e ? e.ownerDocument || e : p;
-          return r != C && 9 === r.nodeType && r.documentElement && (a = (C = r).documentElement, E = !i(C), p !=
-            C && (n = C.defaultView) && n.top !== n && (n.addEventListener ? n.addEventListener("unload", oe, !
-              1) : n.attachEvent && n.attachEvent("onunload", oe)), d.scope = ce(function (e) {
-                return a.appendChild(e).appendChild(C.createElement("div")), "undefined" != typeof e
-                  .querySelectorAll && !e.querySelectorAll(":scope fieldset div").length
-              }), d.attributes = ce(function (e) {
-                return e.className = "i", !e.getAttribute("className")
-              }), d.getElementsByTagName = ce(function (e) {
-                return e.appendChild(C.createComment("")), !e.getElementsByTagName("*").length
-              }), d.getElementsByClassName = K.test(C.getElementsByClassName), d.getById = ce(function (e) {
-                return a.appendChild(e).id = S, !C.getElementsByName || !C.getElementsByName(S).length
-              }), d.getById ? (b.filter.ID = function (e) {
-                var t = e.replace(te, ne);
-                return function (e) {
-                  return e.getAttribute("id") === t
-                }
-              }, b.find.ID = function (e, t) {
-                if ("undefined" != typeof t.getElementById && E) {
-                  var n = t.getElementById(e);
-                  return n ? [n] : []
-                }
-              }) : (b.filter.ID = function (e) {
-                var n = e.replace(te, ne);
-                return function (e) {
-                  var t = "undefined" != typeof e.getAttributeNode && e.getAttributeNode("id");
-                  return t && t.value === n
-                }
-              }, b.find.ID = function (e, t) {
-                if ("undefined" != typeof t.getElementById && E) {
-                  var n, r, i, o = t.getElementById(e);
-                  if (o) {
-                    if ((n = o.getAttributeNode("id")) && n.value === e) return [o];
-                    i = t.getElementsByName(e), r = 0;
-                    while (o = i[r++])
-                      if ((n = o.getAttributeNode("id")) && n.value === e) return [o]
-                  }
-                  return []
-                }
-              }), b.find.TAG = d.getElementsByTagName ? function (e, t) {
-                return "undefined" != typeof t.getElementsByTagName ? t.getElementsByTagName(e) : d.qsa ? t
-                  .querySelectorAll(e) : void 0
-              } : function (e, t) {
-                var n, r = [],
-                  i = 0,
-                  o = t.getElementsByTagName(e);
-                if ("*" === e) {
-                  while (n = o[i++]) 1 === n.nodeType && r.push(n);
-                  return r
-                }
-                return o
-              }, b.find.CLASS = d.getElementsByClassName && function (e, t) {
-                if ("undefined" != typeof t.getElementsByClassName && E) return t.getElementsByClassName(e)
-              }, s = [], v = [], (d.qsa = K.test(C.querySelectorAll)) && (ce(function (e) {
-                var t;
-                a.appendChild(e).innerHTML = "<a id='" + S + "'></a><select id='" + S +
-                  "-\r\\' msallowcapture=''><option selected=''></option></select>", e.querySelectorAll(
-                    "[msallowcapture^='']").length && v.push("[*^$]=" + M + "*(?:''|\"\")"), e
-                      .querySelectorAll("[selected]").length || v.push("\\[" + M + "*(?:value|" + R + ")"), e
-                        .querySelectorAll("[id~=" + S + "-]").length || v.push("~="), (t = C.createElement("input"))
-                          .setAttribute("name", ""), e.appendChild(t), e.querySelectorAll("[name='']").length || v
-                            .push("\\[" + M + "*name" + M + "*=" + M + "*(?:''|\"\")"), e.querySelectorAll(":checked")
-                              .length || v.push(":checked"), e.querySelectorAll("a#" + S + "+*").length || v.push(
-                                ".#.+[+~]"), e.querySelectorAll("\\\f"), v.push("[\\r\\n\\f]")
-              }), ce(function (e) {
-                e.innerHTML =
-                  "<a href='' disabled='disabled'></a><select disabled='disabled'><option/></select>";
-                var t = C.createElement("input");
-                t.setAttribute("type", "hidden"), e.appendChild(t).setAttribute("name", "D"), e
-                  .querySelectorAll("[name=d]").length && v.push("name" + M + "*[*^$|!~]?="), 2 !== e
-                    .querySelectorAll(":enabled").length && v.push(":enabled", ":disabled"), a.appendChild(e)
-                      .disabled = !0, 2 !== e.querySelectorAll(":disabled").length && v.push(":enabled",
-                        ":disabled"), e.querySelectorAll("*,:x"), v.push(",.*:")
-              })), (d.matchesSelector = K.test(c = a.matches || a.webkitMatchesSelector || a.mozMatchesSelector ||
-                a.oMatchesSelector || a.msMatchesSelector)) && ce(function (e) {
-                  d.disconnectedMatch = c.call(e, "*"), c.call(e, "[s!='']:x"), s.push("!=", F)
-                }), v = v.length && new RegExp(v.join("|")), s = s.length && new RegExp(s.join("|")), t = K.test(a
-                  .compareDocumentPosition), y = t || K.test(a.contains) ? function (e, t) {
-                    var n = 9 === e.nodeType ? e.documentElement : e,
-                      r = t && t.parentNode;
-                    return e === r || !(!r || 1 !== r.nodeType || !(n.contains ? n.contains(r) : e
-                      .compareDocumentPosition && 16 & e.compareDocumentPosition(r)))
-                  } : function (e, t) {
-                    if (t)
-                      while (t = t.parentNode)
-                        if (t === e) return !0;
-                    return !1
-                  }, j = t ? function (e, t) {
-                    if (e === t) return l = !0, 0;
-                    var n = !e.compareDocumentPosition - !t.compareDocumentPosition;
-                    return n || (1 & (n = (e.ownerDocument || e) == (t.ownerDocument || t) ? e
-                      .compareDocumentPosition(t) : 1) || !d.sortDetached && t.compareDocumentPosition(e) === n ?
-                      e == C || e.ownerDocument == p && y(p, e) ? -1 : t == C || t.ownerDocument == p && y(p, t) ?
-                        1 : u ? P(u, e) - P(u, t) : 0 : 4 & n ? -1 : 1)
-                  } : function (e, t) {
-                    if (e === t) return l = !0, 0;
-                    var n, r = 0,
-                      i = e.parentNode,
-                      o = t.parentNode,
-                      a = [e],
-                      s = [t];
-                    if (!i || !o) return e == C ? -1 : t == C ? 1 : i ? -1 : o ? 1 : u ? P(u, e) - P(u, t) : 0;
-                    if (i === o) return pe(e, t);
-                    n = e;
-                    while (n = n.parentNode) a.unshift(n);
-                    n = t;
-                    while (n = n.parentNode) s.unshift(n);
-                    while (a[r] === s[r]) r++;
-                    return r ? pe(a[r], s[r]) : a[r] == p ? -1 : s[r] == p ? 1 : 0
-                  }), C
-        }, se.matches = function (e, t) {
-          return se(e, null, null, t)
-        }, se.matchesSelector = function (e, t) {
-          if (T(e), d.matchesSelector && E && !N[t + " "] && (!s || !s.test(t)) && (!v || !v.test(t))) try {
-            var n = c.call(e, t);
-            if (n || d.disconnectedMatch || e.document && 11 !== e.document.nodeType) return n
-          } catch (e) {
-            N(t, !0)
-          }
-          return 0 < se(t, C, null, [e]).length
-        }, se.contains = function (e, t) {
-          return (e.ownerDocument || e) != C && T(e), y(e, t)
-        }, se.attr = function (e, t) {
-          (e.ownerDocument || e) != C && T(e);
-          var n = b.attrHandle[t.toLowerCase()],
-            r = n && D.call(b.attrHandle, t.toLowerCase()) ? n(e, t, !E) : void 0;
-          return void 0 !== r ? r : d.attributes || !E ? e.getAttribute(t) : (r = e.getAttributeNode(t)) && r
-            .specified ? r.value : null
-        }, se.escape = function (e) {
-          return (e + "").replace(re, ie)
-        }, se.error = function (e) {
-          throw new Error("Syntax error, unrecognized expression: " + e)
-        }, se.uniqueSort = function (e) {
-          var t, n = [],
-            r = 0,
-            i = 0;
-          if (l = !d.detectDuplicates, u = !d.sortStable && e.slice(0), e.sort(j), l) {
-            while (t = e[i++]) t === e[i] && (r = n.push(i));
-            while (r--) e.splice(n[r], 1)
-          }
-          return u = null, e
-        }, o = se.getText = function (e) {
-          var t, n = "",
-            r = 0,
-            i = e.nodeType;
-          if (i) {
-            if (1 === i || 9 === i || 11 === i) {
-              if ("string" == typeof e.textContent) return e.textContent;
-              for (e = e.firstChild; e; e = e.nextSibling) n += o(e)
-            } else if (3 === i || 4 === i) return e.nodeValue
-          } else
-            while (t = e[r++]) n += o(t);
-          return n
-        }, (b = se.selectors = {
-          cacheLength: 50,
-          createPseudo: le,
-          match: G,
-          attrHandle: {},
-          find: {},
-          relative: {
-            ">": {
-              dir: "parentNode",
-              first: !0
-            },
-            " ": {
-              dir: "parentNode"
-            },
-            "+": {
-              dir: "previousSibling",
-              first: !0
-            },
-            "~": {
-              dir: "previousSibling"
-            }
-          },
-          preFilter: {
-            ATTR: function (e) {
-              return e[1] = e[1].replace(te, ne), e[3] = (e[3] || e[4] || e[5] || "").replace(te, ne),
-                "~=" === e[2] && (e[3] = " " + e[3] + " "), e.slice(0, 4)
-            },
-            CHILD: function (e) {
-              return e[1] = e[1].toLowerCase(), "nth" === e[1].slice(0, 3) ? (e[3] || se.error(e[0]), e[4] = +
-                (e[4] ? e[5] + (e[6] || 1) : 2 * ("even" === e[3] || "odd" === e[3])), e[5] = +(e[7] + e[
-                  8] || "odd" === e[3])) : e[3] && se.error(e[0]), e
-            },
-            PSEUDO: function (e) {
-              var t, n = !e[6] && e[2];
-              return G.CHILD.test(e[0]) ? null : (e[3] ? e[2] = e[4] || e[5] || "" : n && X.test(n) && (t = h(
-                n, !0)) && (t = n.indexOf(")", n.length - t) - n.length) && (e[0] = e[0].slice(0, t), e[
-                  2] = n.slice(0, t)), e.slice(0, 3))
-            }
-          },
-          filter: {
-            TAG: function (e) {
-              var t = e.replace(te, ne).toLowerCase();
-              return "*" === e ? function () {
-                return !0
-              } : function (e) {
-                return e.nodeName && e.nodeName.toLowerCase() === t
-              }
-            },
-            CLASS: function (e) {
-              var t = m[e + " "];
-              return t || (t = new RegExp("(^|" + M + ")" + e + "(" + M + "|$)")) && m(e, function (e) {
-                return t.test("string" == typeof e.className && e.className || "undefined" != typeof e
-                  .getAttribute && e.getAttribute("class") || "")
-              })
-            },
-            ATTR: function (n, r, i) {
-              return function (e) {
-                var t = se.attr(e, n);
-                return null == t ? "!=" === r : !r || (t += "", "=" === r ? t === i : "!=" === r ? t !== i :
-                  "^=" === r ? i && 0 === t.indexOf(i) : "*=" === r ? i && -1 < t.indexOf(i) : "$=" ===
-                    r ? i && t.slice(-i.length) === i : "~=" === r ? -1 < (" " + t.replace(B, " ") + " ")
-                      .indexOf(i) : "|=" === r && (t === i || t.slice(0, i.length + 1) === i + "-"))
-              }
-            },
-            CHILD: function (h, e, t, g, v) {
-              var y = "nth" !== h.slice(0, 3),
-                m = "last" !== h.slice(-4),
-                x = "of-type" === e;
-              return 1 === g && 0 === v ? function (e) {
-                return !!e.parentNode
-              } : function (e, t, n) {
-                var r, i, o, a, s, u, l = y !== m ? "nextSibling" : "previousSibling",
-                  c = e.parentNode,
-                  f = x && e.nodeName.toLowerCase(),
-                  p = !n && !x,
-                  d = !1;
-                if (c) {
-                  if (y) {
-                    while (l) {
-                      a = e;
-                      while (a = a[l])
-                        if (x ? a.nodeName.toLowerCase() === f : 1 === a.nodeType) return !1;
-                      u = l = "only" === h && !u && "nextSibling"
-                    }
-                    return !0
-                  }
-                  if (u = [m ? c.firstChild : c.lastChild], m && p) {
-                    d = (s = (r = (i = (o = (a = c)[S] || (a[S] = {}))[a.uniqueID] || (o[a.uniqueID] = {}))[
-                      h] || [])[0] === k && r[1]) && r[2], a = s && c.childNodes[s];
-                    while (a = ++s && a && a[l] || (d = s = 0) || u.pop())
-                      if (1 === a.nodeType && ++d && a === e) {
-                        i[h] = [k, s, d];
-                        break
-                      }
-                  } else if (p && (d = s = (r = (i = (o = (a = e)[S] || (a[S] = {}))[a.uniqueID] || (o[a
-                    .uniqueID] = {}))[h] || [])[0] === k && r[1]), !1 === d)
-                    while (a = ++s && a && a[l] || (d = s = 0) || u.pop())
-                      if ((x ? a.nodeName.toLowerCase() === f : 1 === a.nodeType) && ++d && (p && ((i = (o =
-                        a[S] || (a[S] = {}))[a.uniqueID] || (o[a.uniqueID] = {}))[h] = [k, d]), a === e))
-                        break;
-                  return (d -= v) === g || d % g == 0 && 0 <= d / g
-                }
-              }
-            },
-            PSEUDO: function (e, o) {
-              var t, a = b.pseudos[e] || b.setFilters[e.toLowerCase()] || se.error("unsupported pseudo: " +
-                e);
-              return a[S] ? a(o) : 1 < a.length ? (t = [e, e, "", o], b.setFilters.hasOwnProperty(e
-                .toLowerCase()) ? le(function (e, t) {
-                  var n, r = a(e, o),
-                    i = r.length;
-                  while (i--) e[n = P(e, r[i])] = !(t[n] = r[i])
-                }) : function (e) {
-                  return a(e, 0, t)
-                }) : a
-            }
-          },
-          pseudos: {
-            not: le(function (e) {
-              var r = [],
-                i = [],
-                s = f(e.replace($, "$1"));
-              return s[S] ? le(function (e, t, n, r) {
-                var i, o = s(e, null, r, []),
-                  a = e.length;
-                while (a--) (i = o[a]) && (e[a] = !(t[a] = i))
-              }) : function (e, t, n) {
-                return r[0] = e, s(r, null, n, i), r[0] = null, !i.pop()
-              }
-            }),
-            has: le(function (t) {
-              return function (e) {
-                return 0 < se(t, e).length
-              }
-            }),
-            contains: le(function (t) {
-              return t = t.replace(te, ne),
-                function (e) {
-                  return -1 < (e.textContent || o(e)).indexOf(t)
-                }
-            }),
-            lang: le(function (n) {
-              return V.test(n || "") || se.error("unsupported lang: " + n), n = n.replace(te, ne)
-                .toLowerCase(),
-                function (e) {
-                  var t;
-                  do {
-                    if (t = E ? e.lang : e.getAttribute("xml:lang") || e.getAttribute("lang")) return (t = t
-                      .toLowerCase()) === n || 0 === t.indexOf(n + "-")
-                  } while ((e = e.parentNode) && 1 === e.nodeType);
-                  return !1
-                }
-            }),
-            target: function (e) {
-              var t = n.location && n.location.hash;
-              return t && t.slice(1) === e.id
-            },
-            root: function (e) {
-              return e === a
-            },
-            focus: function (e) {
-              return e === C.activeElement && (!C.hasFocus || C.hasFocus()) && !!(e.type || e.href || ~e
-                .tabIndex)
-            },
-            enabled: ge(!1),
-            disabled: ge(!0),
-            checked: function (e) {
-              var t = e.nodeName.toLowerCase();
-              return "input" === t && !!e.checked || "option" === t && !!e.selected
-            },
-            selected: function (e) {
-              return e.parentNode && e.parentNode.selectedIndex, !0 === e.selected
-            },
-            empty: function (e) {
-              for (e = e.firstChild; e; e = e.nextSibling)
-                if (e.nodeType < 6) return !1;
-              return !0
-            },
-            parent: function (e) {
-              return !b.pseudos.empty(e)
-            },
-            header: function (e) {
-              return J.test(e.nodeName)
-            },
-            input: function (e) {
-              return Q.test(e.nodeName)
-            },
-            button: function (e) {
-              var t = e.nodeName.toLowerCase();
-              return "input" === t && "button" === e.type || "button" === t
-            },
-            text: function (e) {
-              var t;
-              return "input" === e.nodeName.toLowerCase() && "text" === e.type && (null == (t = e
-                .getAttribute("type")) || "text" === t.toLowerCase())
-            },
-            first: ve(function () {
-              return [0]
-            }),
-            last: ve(function (e, t) {
-              return [t - 1]
-            }),
-            eq: ve(function (e, t, n) {
-              return [n < 0 ? n + t : n]
-            }),
-            even: ve(function (e, t) {
-              for (var n = 0; n < t; n += 2) e.push(n);
-              return e
-            }),
-            odd: ve(function (e, t) {
-              for (var n = 1; n < t; n += 2) e.push(n);
-              return e
-            }),
-            lt: ve(function (e, t, n) {
-              for (var r = n < 0 ? n + t : t < n ? t : n; 0 <= --r;) e.push(r);
-              return e
-            }),
-            gt: ve(function (e, t, n) {
-              for (var r = n < 0 ? n + t : n; ++r < t;) e.push(r);
-              return e
-            })
-          }
-        }).pseudos.nth = b.pseudos.eq, {
-          radio: !0,
-          checkbox: !0,
-          file: !0,
-          password: !0,
-          image: !0
-        }) b.pseudos[e] = de(e);
-        for (e in {
-          submit: !0,
-          reset: !0
-        }) b.pseudos[e] = he(e);
-
-        function me() { }
-
-        function xe(e) {
-          for (var t = 0, n = e.length, r = ""; t < n; t++) r += e[t].value;
-          return r
-        }
-
-        function be(s, e, t) {
-          var u = e.dir,
-            l = e.next,
-            c = l || u,
-            f = t && "parentNode" === c,
-            p = r++;
-          return e.first ? function (e, t, n) {
-            while (e = e[u])
-              if (1 === e.nodeType || f) return s(e, t, n);
-            return !1
-          } : function (e, t, n) {
-            var r, i, o, a = [k, p];
-            if (n) {
-              while (e = e[u])
-                if ((1 === e.nodeType || f) && s(e, t, n)) return !0
-            } else
-              while (e = e[u])
-                if (1 === e.nodeType || f)
-                  if (i = (o = e[S] || (e[S] = {}))[e.uniqueID] || (o[e.uniqueID] = {}), l && l === e.nodeName
-                    .toLowerCase()) e = e[u] || e;
-                  else {
-                    if ((r = i[c]) && r[0] === k && r[1] === p) return a[2] = r[2];
-                    if ((i[c] = a)[2] = s(e, t, n)) return !0
-                  } return !1
-          }
-        }
-
-        function we(i) {
-          return 1 < i.length ? function (e, t, n) {
-            var r = i.length;
-            while (r--)
-              if (!i[r](e, t, n)) return !1;
-            return !0
-          } : i[0]
-        }
-
-        function Te(e, t, n, r, i) {
-          for (var o, a = [], s = 0, u = e.length, l = null != t; s < u; s++)(o = e[s]) && (n && !n(o, r, i) || (a
-            .push(o), l && t.push(s)));
-          return a
-        }
-
-        function Ce(d, h, g, v, y, e) {
-          return v && !v[S] && (v = Ce(v)), y && !y[S] && (y = Ce(y, e)), le(function (e, t, n, r) {
-            var i, o, a, s = [],
-              u = [],
-              l = t.length,
-              c = e || function (e, t, n) {
-                for (var r = 0, i = t.length; r < i; r++) se(e, t[r], n);
-                return n
-              }(h || "*", n.nodeType ? [n] : n, []),
-              f = !d || !e && h ? c : Te(c, s, d, n, r),
-              p = g ? y || (e ? d : l || v) ? [] : t : f;
-            if (g && g(f, p, n, r), v) {
-              i = Te(p, u), v(i, [], n, r), o = i.length;
-              while (o--) (a = i[o]) && (p[u[o]] = !(f[u[o]] = a))
-            }
-            if (e) {
-              if (y || d) {
-                if (y) {
-                  i = [], o = p.length;
-                  while (o--) (a = p[o]) && i.push(f[o] = a);
-                  y(null, p = [], i, r)
-                }
-                o = p.length;
-                while (o--) (a = p[o]) && -1 < (i = y ? P(e, a) : s[o]) && (e[i] = !(t[i] = a))
-              }
-            } else p = Te(p === t ? p.splice(l, p.length) : p), y ? y(null, t, p, r) : H.apply(t, p)
-          })
-        }
-
-        function Ee(e) {
-          for (var i, t, n, r = e.length, o = b.relative[e[0].type], a = o || b.relative[" "], s = o ? 1 : 0, u =
-            be(function (e) {
-              return e === i
-            }, a, !0), l = be(function (e) {
-              return -1 < P(i, e)
-            }, a, !0), c = [function (e, t, n) {
-              var r = !o && (n || t !== w) || ((i = t).nodeType ? u(e, t, n) : l(e, t, n));
-              return i = null, r
-            }]; s < r; s++)
-            if (t = b.relative[e[s].type]) c = [be(we(c), t)];
-            else {
-              if ((t = b.filter[e[s].type].apply(null, e[s].matches))[S]) {
-                for (n = ++s; n < r; n++)
-                  if (b.relative[e[n].type]) break;
-                return Ce(1 < s && we(c), 1 < s && xe(e.slice(0, s - 1).concat({
-                  value: " " === e[s - 2].type ? "*" : ""
-                })).replace($, "$1"), t, s < n && Ee(e.slice(s, n)), n < r && Ee(e = e.slice(n)), n < r && xe(
-                  e))
-              }
-              c.push(t)
-            } return we(c)
-        }
-        return me.prototype = b.filters = b.pseudos, b.setFilters = new me, h = se.tokenize = function (e, t) {
-          var n, r, i, o, a, s, u, l = x[e + " "];
-          if (l) return t ? 0 : l.slice(0);
-          a = e, s = [], u = b.preFilter;
-          while (a) {
-            for (o in n && !(r = _.exec(a)) || (r && (a = a.slice(r[0].length) || a), s.push(i = [])), n = !1, (
-              r = z.exec(a)) && (n = r.shift(), i.push({
-                value: n,
-                type: r[0].replace($, " ")
-              }), a = a.slice(n.length)), b.filter) !(r = G[o].exec(a)) || u[o] && !(r = u[o](r)) || (n = r
-                .shift(), i.push({
-                  value: n,
-                  type: o,
-                  matches: r
-                }), a = a.slice(n.length));
-            if (!n) break
-          }
-          return t ? a.length : a ? se.error(e) : x(e, s).slice(0)
-        }, f = se.compile = function (e, t) {
-          var n, v, y, m, x, r, i = [],
-            o = [],
-            a = A[e + " "];
-          if (!a) {
-            t || (t = h(e)), n = t.length;
-            while (n--) (a = Ee(t[n]))[S] ? i.push(a) : o.push(a);
-            (a = A(e, (v = o, m = 0 < (y = i).length, x = 0 < v.length, r = function (e, t, n, r, i) {
-              var o, a, s, u = 0,
-                l = "0",
-                c = e && [],
-                f = [],
-                p = w,
-                d = e || x && b.find.TAG("*", i),
-                h = k += null == p ? 1 : Math.random() || .1,
-                g = d.length;
-              for (i && (w = t == C || t || i); l !== g && null != (o = d[l]); l++) {
-                if (x && o) {
-                  a = 0, t || o.ownerDocument == C || (T(o), n = !E);
-                  while (s = v[a++])
-                    if (s(o, t || C, n)) {
-                      r.push(o);
-                      break
-                    } i && (k = h)
-                }
-                m && ((o = !s && o) && u--, e && c.push(o))
-              }
-              if (u += l, m && l !== u) {
-                a = 0;
-                while (s = y[a++]) s(c, f, t, n);
-                if (e) {
-                  if (0 < u)
-                    while (l--) c[l] || f[l] || (f[l] = q.call(r));
-                  f = Te(f)
-                }
-                H.apply(r, f), i && !e && 0 < f.length && 1 < u + y.length && se.uniqueSort(r)
-              }
-              return i && (k = h, w = p), c
-            }, m ? le(r) : r))).selector = e
-          }
-          return a
-        }, g = se.select = function (e, t, n, r) {
-          var i, o, a, s, u, l = "function" == typeof e && e,
-            c = !r && h(e = l.selector || e);
-          if (n = n || [], 1 === c.length) {
-            if (2 < (o = c[0] = c[0].slice(0)).length && "ID" === (a = o[0]).type && 9 === t.nodeType && E && b
-              .relative[o[1].type]) {
-              if (!(t = (b.find.ID(a.matches[0].replace(te, ne), t) || [])[0])) return n;
-              l && (t = t.parentNode), e = e.slice(o.shift().value.length)
-            }
-            i = G.needsContext.test(e) ? 0 : o.length;
-            while (i--) {
-              if (a = o[i], b.relative[s = a.type]) break;
-              if ((u = b.find[s]) && (r = u(a.matches[0].replace(te, ne), ee.test(o[0].type) && ye(t
-                .parentNode) || t))) {
-                if (o.splice(i, 1), !(e = r.length && xe(o))) return H.apply(n, r), n;
-                break
-              }
-            }
-          }
-          return (l || f(e, c))(r, t, !E, n, !t || ee.test(e) && ye(t.parentNode) || t), n
-        }, d.sortStable = S.split("").sort(j).join("") === S, d.detectDuplicates = !!l, T(), d.sortDetached = ce(
-          function (e) {
-            return 1 & e.compareDocumentPosition(C.createElement("fieldset"))
-          }), ce(function (e) {
-            return e.innerHTML = "<a href='#'></a>", "#" === e.firstChild.getAttribute("href")
-          }) || fe("type|href|height|width", function (e, t, n) {
-            if (!n) return e.getAttribute(t, "type" === t.toLowerCase() ? 1 : 2)
-          }), d.attributes && ce(function (e) {
-            return e.innerHTML = "<input/>", e.firstChild.setAttribute("value", ""), "" === e.firstChild
-              .getAttribute("value")
-          }) || fe("value", function (e, t, n) {
-            if (!n && "input" === e.nodeName.toLowerCase()) return e.defaultValue
-          }), ce(function (e) {
-            return null == e.getAttribute("disabled")
-          }) || fe(R, function (e, t, n) {
-            var r;
-            if (!n) return !0 === e[t] ? t.toLowerCase() : (r = e.getAttributeNode(t)) && r.specified ? r.value :
-              null
-          }), se
-      }(C);
-      S.find = d, S.expr = d.selectors, S.expr[":"] = S.expr.pseudos, S.uniqueSort = S.unique = d.uniqueSort, S.text =
-        d.getText, S.isXMLDoc = d.isXML, S.contains = d.contains, S.escapeSelector = d.escape;
-      var h = function (e, t, n) {
-        var r = [],
-          i = void 0 !== n;
-        while ((e = e[t]) && 9 !== e.nodeType)
-          if (1 === e.nodeType) {
-            if (i && S(e).is(n)) break;
-            r.push(e)
-          } return r
-      },
-        T = function (e, t) {
-          for (var n = []; e; e = e.nextSibling) 1 === e.nodeType && e !== t && n.push(e);
-          return n
-        },
-        k = S.expr.match.needsContext;
-
-      function A(e, t) {
-        return e.nodeName && e.nodeName.toLowerCase() === t.toLowerCase()
-      }
-      var N = /^<([a-z][^\/\0>:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;
-
-      function j(e, n, r) {
-        return m(n) ? S.grep(e, function (e, t) {
-          return !!n.call(e, t, e) !== r
-        }) : n.nodeType ? S.grep(e, function (e) {
-          return e === n !== r
-        }) : "string" != typeof n ? S.grep(e, function (e) {
-          return -1 < i.call(n, e) !== r
-        }) : S.filter(n, e, r)
-      }
-      S.filter = function (e, t, n) {
-        var r = t[0];
-        return n && (e = ":not(" + e + ")"), 1 === t.length && 1 === r.nodeType ? S.find.matchesSelector(r, e) ? [
-          r] : [] : S.find.matches(e, S.grep(t, function (e) {
-            return 1 === e.nodeType
-          }))
-      }, S.fn.extend({
-        find: function (e) {
-          var t, n, r = this.length,
-            i = this;
-          if ("string" != typeof e) return this.pushStack(S(e).filter(function () {
-            for (t = 0; t < r; t++)
-              if (S.contains(i[t], this)) return !0
-          }));
-          for (n = this.pushStack([]), t = 0; t < r; t++) S.find(e, i[t], n);
-          return 1 < r ? S.uniqueSort(n) : n
-        },
-        filter: function (e) {
-          return this.pushStack(j(this, e || [], !1))
-        },
-        not: function (e) {
-          return this.pushStack(j(this, e || [], !0))
-        },
-        is: function (e) {
-          return !!j(this, "string" == typeof e && k.test(e) ? S(e) : e || [], !1).length
-        }
-      });
-      var D, q = /^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]+))$/;
-      (S.fn.init = function (e, t, n) {
-        var r, i;
-        if (!e) return this;
-        if (n = n || D, "string" == typeof e) {
-          if (!(r = "<" === e[0] && ">" === e[e.length - 1] && 3 <= e.length ? [null, e, null] : q.exec(e)) || !r[
-            1] && t) return !t || t.jquery ? (t || n).find(e) : this.constructor(t).find(e);
-          if (r[1]) {
-            if (t = t instanceof S ? t[0] : t, S.merge(this, S.parseHTML(r[1], t && t.nodeType ? t.ownerDocument ||
-              t : E, !0)), N.test(r[1]) && S.isPlainObject(t))
-              for (r in t) m(this[r]) ? this[r](t[r]) : this.attr(r, t[r]);
-            return this
-          }
-          return (i = E.getElementById(r[2])) && (this[0] = i, this.length = 1), this
-        }
-        return e.nodeType ? (this[0] = e, this.length = 1, this) : m(e) ? void 0 !== n.ready ? n.ready(e) : e(S) : S
-          .makeArray(e, this)
-      }).prototype = S.fn, D = S(E);
-      var L = /^(?:parents|prev(?:Until|All))/,
-        H = {
-          children: !0,
-          contents: !0,
-          next: !0,
-          prev: !0
-        };
-
-      function O(e, t) {
-        while ((e = e[t]) && 1 !== e.nodeType);
-        return e
-      }
-      S.fn.extend({
-        has: function (e) {
-          var t = S(e, this),
-            n = t.length;
-          return this.filter(function () {
-            for (var e = 0; e < n; e++)
-              if (S.contains(this, t[e])) return !0
-          })
-        },
-        closest: function (e, t) {
-          var n, r = 0,
-            i = this.length,
-            o = [],
-            a = "string" != typeof e && S(e);
-          if (!k.test(e))
-            for (; r < i; r++)
-              for (n = this[r]; n && n !== t; n = n.parentNode)
-                if (n.nodeType < 11 && (a ? -1 < a.index(n) : 1 === n.nodeType && S.find.matchesSelector(n,
-                  e))) {
-                  o.push(n);
-                  break
-                } return this.pushStack(1 < o.length ? S.uniqueSort(o) : o)
-        },
-        index: function (e) {
-          return e ? "string" == typeof e ? i.call(S(e), this[0]) : i.call(this, e.jquery ? e[0] : e) : this[
-            0] && this[0].parentNode ? this.first().prevAll().length : -1
-        },
-        add: function (e, t) {
-          return this.pushStack(S.uniqueSort(S.merge(this.get(), S(e, t))))
-        },
-        addBack: function (e) {
-          return this.add(null == e ? this.prevObject : this.prevObject.filter(e))
-        }
-      }), S.each({
-        parent: function (e) {
-          var t = e.parentNode;
-          return t && 11 !== t.nodeType ? t : null
-        },
-        parents: function (e) {
-          return h(e, "parentNode")
-        },
-        parentsUntil: function (e, t, n) {
-          return h(e, "parentNode", n)
-        },
-        next: function (e) {
-          return O(e, "nextSibling")
-        },
-        prev: function (e) {
-          return O(e, "previousSibling")
-        },
-        nextAll: function (e) {
-          return h(e, "nextSibling")
-        },
-        prevAll: function (e) {
-          return h(e, "previousSibling")
-        },
-        nextUntil: function (e, t, n) {
-          return h(e, "nextSibling", n)
-        },
-        prevUntil: function (e, t, n) {
-          return h(e, "previousSibling", n)
-        },
-        siblings: function (e) {
-          return T((e.parentNode || {}).firstChild, e)
-        },
-        children: function (e) {
-          return T(e.firstChild)
-        },
-        contents: function (e) {
-          return null != e.contentDocument && r(e.contentDocument) ? e.contentDocument : (A(e, "template") && (
-            e = e.content || e), S.merge([], e.childNodes))
-        }
-      }, function (r, i) {
-        S.fn[r] = function (e, t) {
-          var n = S.map(this, i, e);
-          return "Until" !== r.slice(-5) && (t = e), t && "string" == typeof t && (n = S.filter(t, n)), 1 < this
-            .length && (H[r] || S.uniqueSort(n), L.test(r) && n.reverse()), this.pushStack(n)
-        }
-      });
-      var P = /[^\x20\t\r\n\f]+/g;
-
-      function R(e) {
-        return e
-      }
-
-      function M(e) {
-        throw e
-      }
-
-      function I(e, t, n, r) {
-        var i;
-        try {
-          e && m(i = e.promise) ? i.call(e).done(t).fail(n) : e && m(i = e.then) ? i.call(e, t, n) : t.apply(void 0, [
-            e
-          ].slice(r))
-        } catch (e) {
-          n.apply(void 0, [e])
-        }
-      }
-      S.Callbacks = function (r) {
-        var e, n;
-        r = "string" == typeof r ? (e = r, n = {}, S.each(e.match(P) || [], function (e, t) {
-          n[t] = !0
-        }), n) : S.extend({}, r);
-        var i, t, o, a, s = [],
-          u = [],
-          l = -1,
-          c = function () {
-            for (a = a || r.once, o = i = !0; u.length; l = -1) {
-              t = u.shift();
-              while (++l < s.length) !1 === s[l].apply(t[0], t[1]) && r.stopOnFalse && (l = s.length, t = !1)
-            }
-            r.memory || (t = !1), i = !1, a && (s = t ? [] : "")
-          },
-          f = {
-            add: function () {
-              return s && (t && !i && (l = s.length - 1, u.push(t)), function n(e) {
-                S.each(e, function (e, t) {
-                  m(t) ? r.unique && f.has(t) || s.push(t) : t && t.length && "string" !== w(t) && n(t)
-                })
-              }(arguments), t && !i && c()), this
-            },
-            remove: function () {
-              return S.each(arguments, function (e, t) {
-                var n;
-                while (-1 < (n = S.inArray(t, s, n))) s.splice(n, 1), n <= l && l--
-              }), this
-            },
-            has: function (e) {
-              return e ? -1 < S.inArray(e, s) : 0 < s.length
-            },
-            empty: function () {
-              return s && (s = []), this
-            },
-            disable: function () {
-              return a = u = [], s = t = "", this
-            },
-            disabled: function () {
-              return !s
-            },
-            lock: function () {
-              return a = u = [], t || i || (s = t = ""), this
-            },
-            locked: function () {
-              return !!a
-            },
-            fireWith: function (e, t) {
-              return a || (t = [e, (t = t || []).slice ? t.slice() : t], u.push(t), i || c()), this
-            },
-            fire: function () {
-              return f.fireWith(this, arguments), this
-            },
-            fired: function () {
-              return !!o
-            }
-          };
-        return f
-      }, S.extend({
-        Deferred: function (e) {
-          var o = [
-            ["notify", "progress", S.Callbacks("memory"), S.Callbacks("memory"), 2],
-            ["resolve", "done", S.Callbacks("once memory"), S.Callbacks("once memory"), 0, "resolved"],
-            ["reject", "fail", S.Callbacks("once memory"), S.Callbacks("once memory"), 1, "rejected"]
-          ],
-            i = "pending",
-            a = {
-              state: function () {
-                return i
-              },
-              always: function () {
-                return s.done(arguments).fail(arguments), this
-              },
-              "catch": function (e) {
-                return a.then(null, e)
-              },
-              pipe: function () {
-                var i = arguments;
-                return S.Deferred(function (r) {
-                  S.each(o, function (e, t) {
-                    var n = m(i[t[4]]) && i[t[4]];
-                    s[t[1]](function () {
-                      var e = n && n.apply(this, arguments);
-                      e && m(e.promise) ? e.promise().progress(r.notify).done(r.resolve).fail(r
-                        .reject) : r[t[0] + "With"](this, n ? [e] : arguments)
-                    })
-                  }), i = null
-                }).promise()
-              },
-              then: function (t, n, r) {
-                var u = 0;
-
-                function l(i, o, a, s) {
-                  return function () {
-                    var n = this,
-                      r = arguments,
-                      e = function () {
-                        var e, t;
-                        if (!(i < u)) {
-                          if ((e = a.apply(n, r)) === o.promise()) throw new TypeError(
-                            "Thenable self-resolution");
-                          t = e && ("object" == typeof e || "function" == typeof e) && e.then, m(t) ? s ? t
-                            .call(e, l(u, o, R, s), l(u, o, M, s)) : (u++, t.call(e, l(u, o, R, s), l(u, o,
-                              M, s), l(u, o, R, o.notifyWith))) : (a !== R && (n = void 0, r = [e]), (s || o
-                                .resolveWith)(n, r))
-                        }
-                      },
-                      t = s ? e : function () {
-                        try {
-                          e()
-                        } catch (e) {
-                          S.Deferred.exceptionHook && S.Deferred.exceptionHook(e, t.stackTrace), u <= i +
-                            1 && (a !== M && (n = void 0, r = [e]), o.rejectWith(n, r))
-                        }
-                      };
-                    i ? t() : (S.Deferred.getStackHook && (t.stackTrace = S.Deferred.getStackHook()), C
-                      .setTimeout(t))
-                  }
-                }
-                return S.Deferred(function (e) {
-                  o[0][3].add(l(0, e, m(r) ? r : R, e.notifyWith)), o[1][3].add(l(0, e, m(t) ? t : R)), o[
-                    2][3].add(l(0, e, m(n) ? n : M))
-                }).promise()
-              },
-              promise: function (e) {
-                return null != e ? S.extend(e, a) : a
-              }
-            },
-            s = {};
-          return S.each(o, function (e, t) {
-            var n = t[2],
-              r = t[5];
-            a[t[1]] = n.add, r && n.add(function () {
-              i = r
-            }, o[3 - e][2].disable, o[3 - e][3].disable, o[0][2].lock, o[0][3].lock), n.add(t[3].fire), s[
-            t[0]] = function () {
-              return s[t[0] + "With"](this === s ? void 0 : this, arguments), this
-            }, s[t[0] + "With"] = n.fireWith
-          }), a.promise(s), e && e.call(s, s), s
-        },
-        when: function (e) {
-          var n = arguments.length,
-            t = n,
-            r = Array(t),
-            i = s.call(arguments),
-            o = S.Deferred(),
-            a = function (t) {
-              return function (e) {
-                r[t] = this, i[t] = 1 < arguments.length ? s.call(arguments) : e, --n || o.resolveWith(r, i)
-              }
-            };
-          if (n <= 1 && (I(e, o.done(a(t)).resolve, o.reject, !n), "pending" === o.state() || m(i[t] && i[t]
-            .then))) return o.then();
-          while (t--) I(i[t], a(t), o.reject);
-          return o.promise()
-        }
-      });
-      var W = /^(Eval|Internal|Range|Reference|Syntax|Type|URI)Error$/;
-      S.Deferred.exceptionHook = function (e, t) {
-        C.console && C.console.warn && e && W.test(e.name) && C.console.warn("jQuery.Deferred exception: " + e
-          .message, e.stack, t)
-      }, S.readyException = function (e) {
-        C.setTimeout(function () {
-          throw e
-        })
-      };
-      var F = S.Deferred();
-
-      function B() {
-        E.removeEventListener("DOMContentLoaded", B), C.removeEventListener("load", B), S.ready()
-      }
-      S.fn.ready = function (e) {
-        return F.then(e)["catch"](function (e) {
-          S.readyException(e)
-        }), this
-      }, S.extend({
-        isReady: !1,
-        readyWait: 1,
-        ready: function (e) {
-          (!0 === e ? --S.readyWait : S.isReady) || (S.isReady = !0) !== e && 0 < --S.readyWait || F
-            .resolveWith(E, [S])
-        }
-      }), S.ready.then = F.then, "complete" === E.readyState || "loading" !== E.readyState && !E.documentElement
-        .doScroll ? C.setTimeout(S.ready) : (E.addEventListener("DOMContentLoaded", B), C.addEventListener("load",
-          B));
-      var $ = function (e, t, n, r, i, o, a) {
-        var s = 0,
-          u = e.length,
-          l = null == n;
-        if ("object" === w(n))
-          for (s in i = !0, n) $(e, t, s, n[s], !0, o, a);
-        else if (void 0 !== r && (i = !0, m(r) || (a = !0), l && (a ? (t.call(e, r), t = null) : (l = t, t =
-          function (e, t, n) {
-            return l.call(S(e), n)
-          })), t))
-          for (; s < u; s++) t(e[s], n, a ? r : r.call(e[s], s, t(e[s], n)));
-        return i ? e : l ? t.call(e) : u ? t(e[0], n) : o
-      },
-        _ = /^-ms-/,
-        z = /-([a-z])/g;
-
-      function U(e, t) {
-        return t.toUpperCase()
-      }
-
-      function X(e) {
-        return e.replace(_, "ms-").replace(z, U)
-      }
-      var V = function (e) {
-        return 1 === e.nodeType || 9 === e.nodeType || !+e.nodeType
-      };
-
-      function G() {
-        this.expando = S.expando + G.uid++
-      }
-      G.uid = 1, G.prototype = {
-        cache: function (e) {
-          var t = e[this.expando];
-          return t || (t = {}, V(e) && (e.nodeType ? e[this.expando] = t : Object.defineProperty(e, this
-            .expando, {
-            value: t,
-            configurable: !0
-          }))), t
-        },
-        set: function (e, t, n) {
-          var r, i = this.cache(e);
-          if ("string" == typeof t) i[X(t)] = n;
-          else
-            for (r in t) i[X(r)] = t[r];
-          return i
-        },
-        get: function (e, t) {
-          return void 0 === t ? this.cache(e) : e[this.expando] && e[this.expando][X(t)]
-        },
-        access: function (e, t, n) {
-          return void 0 === t || t && "string" == typeof t && void 0 === n ? this.get(e, t) : (this.set(e, t, n),
-            void 0 !== n ? n : t)
-        },
-        remove: function (e, t) {
-          var n, r = e[this.expando];
-          if (void 0 !== r) {
-            if (void 0 !== t) {
-              n = (t = Array.isArray(t) ? t.map(X) : (t = X(t)) in r ? [t] : t.match(P) || []).length;
-              while (n--) delete r[t[n]]
-            } (void 0 === t || S.isEmptyObject(r)) && (e.nodeType ? e[this.expando] = void 0 : delete e[this
-              .expando])
-          }
-        },
-        hasData: function (e) {
-          var t = e[this.expando];
-          return void 0 !== t && !S.isEmptyObject(t)
-        }
-      };
-      var Y = new G,
-        Q = new G,
-        J = /^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,
-        K = /[A-Z]/g;
-
-      function Z(e, t, n) {
-        var r, i;
-        if (void 0 === n && 1 === e.nodeType)
-          if (r = "data-" + t.replace(K, "-$&").toLowerCase(), "string" == typeof (n = e.getAttribute(r))) {
-            try {
-              n = "true" === (i = n) || "false" !== i && ("null" === i ? null : i === +i + "" ? +i : J.test(i) ? JSON
-                .parse(i) : i)
-            } catch (e) { }
-            Q.set(e, t, n)
-          } else n = void 0;
-        return n
-      }
-      S.extend({
-        hasData: function (e) {
-          return Q.hasData(e) || Y.hasData(e)
-        },
-        data: function (e, t, n) {
-          return Q.access(e, t, n)
-        },
-        removeData: function (e, t) {
-          Q.remove(e, t)
-        },
-        _data: function (e, t, n) {
-          return Y.access(e, t, n)
-        },
-        _removeData: function (e, t) {
-          Y.remove(e, t)
-        }
-      }), S.fn.extend({
-        data: function (n, e) {
-          var t, r, i, o = this[0],
-            a = o && o.attributes;
-          if (void 0 === n) {
-            if (this.length && (i = Q.get(o), 1 === o.nodeType && !Y.get(o, "hasDataAttrs"))) {
-              t = a.length;
-              while (t--) a[t] && 0 === (r = a[t].name).indexOf("data-") && (r = X(r.slice(5)), Z(o, r, i[r]));
-              Y.set(o, "hasDataAttrs", !0)
-            }
-            return i
-          }
-          return "object" == typeof n ? this.each(function () {
-            Q.set(this, n)
-          }) : $(this, function (e) {
-            var t;
-            if (o && void 0 === e) return void 0 !== (t = Q.get(o, n)) ? t : void 0 !== (t = Z(o, n)) ? t :
-              void 0;
-            this.each(function () {
-              Q.set(this, n, e)
-            })
-          }, null, e, 1 < arguments.length, null, !0)
-        },
-        removeData: function (e) {
-          return this.each(function () {
-            Q.remove(this, e)
-          })
-        }
-      }), S.extend({
-        queue: function (e, t, n) {
-          var r;
-          if (e) return t = (t || "fx") + "queue", r = Y.get(e, t), n && (!r || Array.isArray(n) ? r = Y.access(
-            e, t, S.makeArray(n)) : r.push(n)), r || []
-        },
-        dequeue: function (e, t) {
-          t = t || "fx";
-          var n = S.queue(e, t),
-            r = n.length,
-            i = n.shift(),
-            o = S._queueHooks(e, t);
-          "inprogress" === i && (i = n.shift(), r--), i && ("fx" === t && n.unshift("inprogress"), delete o
-            .stop, i.call(e, function () {
-              S.dequeue(e, t)
-            }, o)), !r && o && o.empty.fire()
-        },
-        _queueHooks: function (e, t) {
-          var n = t + "queueHooks";
-          return Y.get(e, n) || Y.access(e, n, {
-            empty: S.Callbacks("once memory").add(function () {
-              Y.remove(e, [t + "queue", n])
-            })
-          })
-        }
-      }), S.fn.extend({
-        queue: function (t, n) {
-          var e = 2;
-          return "string" != typeof t && (n = t, t = "fx", e--), arguments.length < e ? S.queue(this[0], t) :
-            void 0 === n ? this : this.each(function () {
-              var e = S.queue(this, t, n);
-              S._queueHooks(this, t), "fx" === t && "inprogress" !== e[0] && S.dequeue(this, t)
-            })
-        },
-        dequeue: function (e) {
-          return this.each(function () {
-            S.dequeue(this, e)
-          })
-        },
-        clearQueue: function (e) {
-          return this.queue(e || "fx", [])
-        },
-        promise: function (e, t) {
-          var n, r = 1,
-            i = S.Deferred(),
-            o = this,
-            a = this.length,
-            s = function () {
-              --r || i.resolveWith(o, [o])
-            };
-          "string" != typeof e && (t = e, e = void 0), e = e || "fx";
-          while (a--) (n = Y.get(o[a], e + "queueHooks")) && n.empty && (r++, n.empty.add(s));
-          return s(), i.promise(t)
-        }
-      });
-      var ee = /[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,
-        te = new RegExp("^(?:([+-])=|)(" + ee + ")([a-z%]*)$", "i"),
-        ne = ["Top", "Right", "Bottom", "Left"],
-        re = E.documentElement,
-        ie = function (e) {
-          return S.contains(e.ownerDocument, e)
-        },
-        oe = {
-          composed: !0
-        };
-      re.getRootNode && (ie = function (e) {
-        return S.contains(e.ownerDocument, e) || e.getRootNode(oe) === e.ownerDocument
-      });
-      var ae = function (e, t) {
-        return "none" === (e = t || e).style.display || "" === e.style.display && ie(e) && "none" === S.css(e,
-          "display")
-      };
-
-      function se(e, t, n, r) {
-        var i, o, a = 20,
-          s = r ? function () {
-            return r.cur()
-          } : function () {
-            return S.css(e, t, "")
-          },
-          u = s(),
-          l = n && n[3] || (S.cssNumber[t] ? "" : "px"),
-          c = e.nodeType && (S.cssNumber[t] || "px" !== l && +u) && te.exec(S.css(e, t));
-        if (c && c[3] !== l) {
-          u /= 2, l = l || c[3], c = +u || 1;
-          while (a--) S.style(e, t, c + l), (1 - o) * (1 - (o = s() / u || .5)) <= 0 && (a = 0), c /= o;
-          c *= 2, S.style(e, t, c + l), n = n || []
-        }
-        return n && (c = +c || +u || 0, i = n[1] ? c + (n[1] + 1) * n[2] : +n[2], r && (r.unit = l, r.start = c, r
-          .end = i)), i
-      }
-      var ue = {};
-
-      function le(e, t) {
-        for (var n, r, i, o, a, s, u, l = [], c = 0, f = e.length; c < f; c++)(r = e[c]).style && (n = r.style
-          .display, t ? ("none" === n && (l[c] = Y.get(r, "display") || null, l[c] || (r.style.display = "")),
-            "" === r.style.display && ae(r) && (l[c] = (u = a = o = void 0, a = (i = r).ownerDocument, s = i
-              .nodeName, (u = ue[s]) || (o = a.body.appendChild(a.createElement(s)), u = S.css(o, "display"), o
-                .parentNode.removeChild(o), "none" === u && (u = "block"), ue[s] = u)))) : "none" !== n && (l[c] =
-                  "none", Y.set(r, "display", n)));
-        for (c = 0; c < f; c++) null != l[c] && (e[c].style.display = l[c]);
-        return e
-      }
-      S.fn.extend({
-        show: function () {
-          return le(this, !0)
-        },
-        hide: function () {
-          return le(this)
-        },
-        toggle: function (e) {
-          return "boolean" == typeof e ? e ? this.show() : this.hide() : this.each(function () {
-            ae(this) ? S(this).show() : S(this).hide()
-          })
-        }
-      });
-      var ce, fe, pe = /^(?:checkbox|radio)$/i,
-        de = /<([a-z][^\/\0>\x20\t\r\n\f]*)/i,
-        he = /^$|^module$|\/(?:java|ecma)script/i;
-      ce = E.createDocumentFragment().appendChild(E.createElement("div")), (fe = E.createElement("input"))
-        .setAttribute("type", "radio"), fe.setAttribute("checked", "checked"), fe.setAttribute("name", "t"), ce
-          .appendChild(fe), y.checkClone = ce.cloneNode(!0).cloneNode(!0).lastChild.checked, ce.innerHTML =
-        "<textarea>x</textarea>", y.noCloneChecked = !!ce.cloneNode(!0).lastChild.defaultValue, ce.innerHTML =
-        "<option></option>", y.option = !!ce.lastChild;
-      var ge = {
-        thead: [1, "<table>", "</table>"],
-        col: [2, "<table><colgroup>", "</colgroup></table>"],
-        tr: [2, "<table><tbody>", "</tbody></table>"],
-        td: [3, "<table><tbody><tr>", "</tr></tbody></table>"],
-        _default: [0, "", ""]
-      };
-
-      function ve(e, t) {
-        var n;
-        return n = "undefined" != typeof e.getElementsByTagName ? e.getElementsByTagName(t || "*") : "undefined" !=
-          typeof e.querySelectorAll ? e.querySelectorAll(t || "*") : [], void 0 === t || t && A(e, t) ? S.merge([e],
-            n) : n
-      }
-
-      function ye(e, t) {
-        for (var n = 0, r = e.length; n < r; n++) Y.set(e[n], "globalEval", !t || Y.get(t[n], "globalEval"))
-      }
-      ge.tbody = ge.tfoot = ge.colgroup = ge.caption = ge.thead, ge.th = ge.td, y.option || (ge.optgroup = ge
-        .option = [1, "<select multiple='multiple'>", "</select>"]);
-      var me = /<|&#?\w+;/;
-
-      function xe(e, t, n, r, i) {
-        for (var o, a, s, u, l, c, f = t.createDocumentFragment(), p = [], d = 0, h = e.length; d < h; d++)
-          if ((o = e[d]) || 0 === o)
-            if ("object" === w(o)) S.merge(p, o.nodeType ? [o] : o);
-            else if (me.test(o)) {
-              a = a || f.appendChild(t.createElement("div")), s = (de.exec(o) || ["", ""])[1].toLowerCase(), u = ge[s] ||
-                ge._default, a.innerHTML = u[1] + S.htmlPrefilter(o) + u[2], c = u[0];
-              while (c--) a = a.lastChild;
-              S.merge(p, a.childNodes), (a = f.firstChild).textContent = ""
-            } else p.push(t.createTextNode(o));
-        f.textContent = "", d = 0;
-        while (o = p[d++])
-          if (r && -1 < S.inArray(o, r)) i && i.push(o);
-          else if (l = ie(o), a = ve(f.appendChild(o), "script"), l && ye(a), n) {
-            c = 0;
-            while (o = a[c++]) he.test(o.type || "") && n.push(o)
-          }
-        return f
-      }
-      var be = /^([^.]*)(?:\.(.+)|)/;
-
-      function we() {
-        return !0
-      }
-
-      function Te() {
-        return !1
-      }
-
-      function Ce(e, t) {
-        return e === function () {
-          try {
-            return E.activeElement
-          } catch (e) { }
-        }() == ("focus" === t)
-      }
-
-      function Ee(e, t, n, r, i, o) {
-        var a, s;
-        if ("object" == typeof t) {
-          for (s in "string" != typeof n && (r = r || n, n = void 0), t) Ee(e, s, n, r, t[s], o);
-          return e
-        }
-        if (null == r && null == i ? (i = n, r = n = void 0) : null == i && ("string" == typeof n ? (i = r, r =
-          void 0) : (i = r, r = n, n = void 0)), !1 === i) i = Te;
-        else if (!i) return e;
-        return 1 === o && (a = i, (i = function (e) {
-          return S().off(e), a.apply(this, arguments)
-        }).guid = a.guid || (a.guid = S.guid++)), e.each(function () {
-          S.event.add(this, t, i, r, n)
-        })
-      }
-
-      function Se(e, i, o) {
-        o ? (Y.set(e, i, !1), S.event.add(e, i, {
-          namespace: !1,
-          handler: function (e) {
-            var t, n, r = Y.get(this, i);
-            if (1 & e.isTrigger && this[i]) {
-              if (r.length) (S.event.special[i] || {}).delegateType && e.stopPropagation();
-              else if (r = s.call(arguments), Y.set(this, i, r), t = o(this, i), this[i](), r !== (n = Y.get(
-                this, i)) || t ? Y.set(this, i, !1) : n = {}, r !== n) return e.stopImmediatePropagation(),
-                  e.preventDefault(), n && n.value
-            } else r.length && (Y.set(this, i, {
-              value: S.event.trigger(S.extend(r[0], S.Event.prototype), r.slice(1), this)
-            }), e.stopImmediatePropagation())
-          }
-        })) : void 0 === Y.get(e, i) && S.event.add(e, i, we)
-      }
-      S.event = {
-        global: {},
-        add: function (t, e, n, r, i) {
-          var o, a, s, u, l, c, f, p, d, h, g, v = Y.get(t);
-          if (V(t)) {
-            n.handler && (n = (o = n).handler, i = o.selector), i && S.find.matchesSelector(re, i), n.guid || (n
-              .guid = S.guid++), (u = v.events) || (u = v.events = Object.create(null)), (a = v.handle) || (a =
-                v.handle = function (e) {
-                  return "undefined" != typeof S && S.event.triggered !== e.type ? S.event.dispatch.apply(t,
-                    arguments) : void 0
-                }), l = (e = (e || "").match(P) || [""]).length;
-            while (l--) d = g = (s = be.exec(e[l]) || [])[1], h = (s[2] || "").split(".").sort(), d && (f = S
-              .event.special[d] || {}, d = (i ? f.delegateType : f.bindType) || d, f = S.event.special[d] || {},
-              c = S.extend({
-                type: d,
-                origType: g,
-                data: r,
-                handler: n,
-                guid: n.guid,
-                selector: i,
-                needsContext: i && S.expr.match.needsContext.test(i),
-                namespace: h.join(".")
-              }, o), (p = u[d]) || ((p = u[d] = []).delegateCount = 0, f.setup && !1 !== f.setup.call(t, r, h,
-                a) || t.addEventListener && t.addEventListener(d, a)), f.add && (f.add.call(t, c), c.handler
-                  .guid || (c.handler.guid = n.guid)), i ? p.splice(p.delegateCount++, 0, c) : p.push(c), S.event
-                    .global[d] = !0)
-          }
-        },
-        remove: function (e, t, n, r, i) {
-          var o, a, s, u, l, c, f, p, d, h, g, v = Y.hasData(e) && Y.get(e);
-          if (v && (u = v.events)) {
-            l = (t = (t || "").match(P) || [""]).length;
-            while (l--)
-              if (d = g = (s = be.exec(t[l]) || [])[1], h = (s[2] || "").split(".").sort(), d) {
-                f = S.event.special[d] || {}, p = u[d = (r ? f.delegateType : f.bindType) || d] || [], s = s[2] &&
-                  new RegExp("(^|\\.)" + h.join("\\.(?:.*\\.|)") + "(\\.|$)"), a = o = p.length;
-                while (o--) c = p[o], !i && g !== c.origType || n && n.guid !== c.guid || s && !s.test(c
-                  .namespace) || r && r !== c.selector && ("**" !== r || !c.selector) || (p.splice(o, 1), c
-                    .selector && p.delegateCount--, f.remove && f.remove.call(e, c));
-                a && !p.length && (f.teardown && !1 !== f.teardown.call(e, h, v.handle) || S.removeEvent(e, d, v
-                  .handle), delete u[d])
-              } else
-                for (d in u) S.event.remove(e, d + t[l], n, r, !0);
-            S.isEmptyObject(u) && Y.remove(e, "handle events")
-          }
-        },
-        dispatch: function (e) {
-          var t, n, r, i, o, a, s = new Array(arguments.length),
-            u = S.event.fix(e),
-            l = (Y.get(this, "events") || Object.create(null))[u.type] || [],
-            c = S.event.special[u.type] || {};
-          for (s[0] = u, t = 1; t < arguments.length; t++) s[t] = arguments[t];
-          if (u.delegateTarget = this, !c.preDispatch || !1 !== c.preDispatch.call(this, u)) {
-            a = S.event.handlers.call(this, u, l), t = 0;
-            while ((i = a[t++]) && !u.isPropagationStopped()) {
-              u.currentTarget = i.elem, n = 0;
-              while ((o = i.handlers[n++]) && !u.isImmediatePropagationStopped()) u.rnamespace && !1 !== o
-                .namespace && !u.rnamespace.test(o.namespace) || (u.handleObj = o, u.data = o.data, void 0 !== (
-                  r = ((S.event.special[o.origType] || {}).handle || o.handler).apply(i.elem, s)) && !1 === (u
-                    .result = r) && (u.preventDefault(), u.stopPropagation()))
-            }
-            return c.postDispatch && c.postDispatch.call(this, u), u.result
-          }
-        },
-        handlers: function (e, t) {
-          var n, r, i, o, a, s = [],
-            u = t.delegateCount,
-            l = e.target;
-          if (u && l.nodeType && !("click" === e.type && 1 <= e.button))
-            for (; l !== this; l = l.parentNode || this)
-              if (1 === l.nodeType && ("click" !== e.type || !0 !== l.disabled)) {
-                for (o = [], a = {}, n = 0; n < u; n++) void 0 === a[i = (r = t[n]).selector + " "] && (a[i] = r
-                  .needsContext ? -1 < S(i, this).index(l) : S.find(i, this, null, [l]).length), a[i] && o.push(
-                    r);
-                o.length && s.push({
-                  elem: l,
-                  handlers: o
-                })
-              } return l = this, u < t.length && s.push({
-                elem: l,
-                handlers: t.slice(u)
-              }), s
-        },
-        addProp: function (t, e) {
-          Object.defineProperty(S.Event.prototype, t, {
-            enumerable: !0,
-            configurable: !0,
-            get: m(e) ? function () {
-              if (this.originalEvent) return e(this.originalEvent)
-            } : function () {
-              if (this.originalEvent) return this.originalEvent[t]
-            },
-            set: function (e) {
-              Object.defineProperty(this, t, {
-                enumerable: !0,
-                configurable: !0,
-                writable: !0,
-                value: e
-              })
-            }
-          })
-        },
-        fix: function (e) {
-          return e[S.expando] ? e : new S.Event(e)
-        },
-        special: {
-          load: {
-            noBubble: !0
-          },
-          click: {
-            setup: function (e) {
-              var t = this || e;
-              return pe.test(t.type) && t.click && A(t, "input") && Se(t, "click", we), !1
-            },
-            trigger: function (e) {
-              var t = this || e;
-              return pe.test(t.type) && t.click && A(t, "input") && Se(t, "click"), !0
-            },
-            _default: function (e) {
-              var t = e.target;
-              return pe.test(t.type) && t.click && A(t, "input") && Y.get(t, "click") || A(t, "a")
-            }
-          },
-          beforeunload: {
-            postDispatch: function (e) {
-              void 0 !== e.result && e.originalEvent && (e.originalEvent.returnValue = e.result)
-            }
-          }
-        }
-      }, S.removeEvent = function (e, t, n) {
-        e.removeEventListener && e.removeEventListener(t, n)
-      }, S.Event = function (e, t) {
-        if (!(this instanceof S.Event)) return new S.Event(e, t);
-        e && e.type ? (this.originalEvent = e, this.type = e.type, this.isDefaultPrevented = e.defaultPrevented ||
-          void 0 === e.defaultPrevented && !1 === e.returnValue ? we : Te, this.target = e.target && 3 === e
-            .target.nodeType ? e.target.parentNode : e.target, this.currentTarget = e.currentTarget, this
-              .relatedTarget = e.relatedTarget) : this.type = e, t && S.extend(this, t), this.timeStamp = e && e
-                .timeStamp || Date.now(), this[S.expando] = !0
-      }, S.Event.prototype = {
-        constructor: S.Event,
-        isDefaultPrevented: Te,
-        isPropagationStopped: Te,
-        isImmediatePropagationStopped: Te,
-        isSimulated: !1,
-        preventDefault: function () {
-          var e = this.originalEvent;
-          this.isDefaultPrevented = we, e && !this.isSimulated && e.preventDefault()
-        },
-        stopPropagation: function () {
-          var e = this.originalEvent;
-          this.isPropagationStopped = we, e && !this.isSimulated && e.stopPropagation()
-        },
-        stopImmediatePropagation: function () {
-          var e = this.originalEvent;
-          this.isImmediatePropagationStopped = we, e && !this.isSimulated && e.stopImmediatePropagation(), this
-            .stopPropagation()
-        }
-      }, S.each({
-        altKey: !0,
-        bubbles: !0,
-        cancelable: !0,
-        changedTouches: !0,
-        ctrlKey: !0,
-        detail: !0,
-        eventPhase: !0,
-        metaKey: !0,
-        pageX: !0,
-        pageY: !0,
-        shiftKey: !0,
-        view: !0,
-        "char": !0,
-        code: !0,
-        charCode: !0,
-        key: !0,
-        keyCode: !0,
-        button: !0,
-        buttons: !0,
-        clientX: !0,
-        clientY: !0,
-        offsetX: !0,
-        offsetY: !0,
-        pointerId: !0,
-        pointerType: !0,
-        screenX: !0,
-        screenY: !0,
-        targetTouches: !0,
-        toElement: !0,
-        touches: !0,
-        which: !0
-      }, S.event.addProp), S.each({
-        focus: "focusin",
-        blur: "focusout"
-      }, function (e, t) {
-        S.event.special[e] = {
-          setup: function () {
-            return Se(this, e, Ce), !1
-          },
-          trigger: function () {
-            return Se(this, e), !0
-          },
-          _default: function () {
-            return !0
-          },
-          delegateType: t
-        }
-      }), S.each({
-        mouseenter: "mouseover",
-        mouseleave: "mouseout",
-        pointerenter: "pointerover",
-        pointerleave: "pointerout"
-      }, function (e, i) {
-        S.event.special[e] = {
-          delegateType: i,
-          bindType: i,
-          handle: function (e) {
-            var t, n = e.relatedTarget,
-              r = e.handleObj;
-            return n && (n === this || S.contains(this, n)) || (e.type = r.origType, t = r.handler.apply(this,
-              arguments), e.type = i), t
-          }
-        }
-      }), S.fn.extend({
-        on: function (e, t, n, r) {
-          return Ee(this, e, t, n, r)
-        },
-        one: function (e, t, n, r) {
-          return Ee(this, e, t, n, r, 1)
-        },
-        off: function (e, t, n) {
-          var r, i;
-          if (e && e.preventDefault && e.handleObj) return r = e.handleObj, S(e.delegateTarget).off(r
-            .namespace ? r.origType + "." + r.namespace : r.origType, r.selector, r.handler), this;
-          if ("object" == typeof e) {
-            for (i in e) this.off(i, t, e[i]);
-            return this
-          }
-          return !1 !== t && "function" != typeof t || (n = t, t = void 0), !1 === n && (n = Te), this.each(
-            function () {
-              S.event.remove(this, e, n, t)
-            })
-        }
-      });
-      var ke = /<script|<style|<link/i,
-        Ae = /checked\s*(?:[^=]|=\s*.checked.)/i,
-        Ne = /^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g;
-
-      function je(e, t) {
-        return A(e, "table") && A(11 !== t.nodeType ? t : t.firstChild, "tr") && S(e).children("tbody")[0] || e
-      }
-
-      function De(e) {
-        return e.type = (null !== e.getAttribute("type")) + "/" + e.type, e
-      }
-
-      function qe(e) {
-        return "true/" === (e.type || "").slice(0, 5) ? e.type = e.type.slice(5) : e.removeAttribute("type"), e
-      }
-
-      function Le(e, t) {
-        var n, r, i, o, a, s;
-        if (1 === t.nodeType) {
-          if (Y.hasData(e) && (s = Y.get(e).events))
-            for (i in Y.remove(t, "handle events"), s)
-              for (n = 0, r = s[i].length; n < r; n++) S.event.add(t, i, s[i][n]);
-          Q.hasData(e) && (o = Q.access(e), a = S.extend({}, o), Q.set(t, a))
-        }
-      }
-
-      function He(n, r, i, o) {
-        r = g(r);
-        var e, t, a, s, u, l, c = 0,
-          f = n.length,
-          p = f - 1,
-          d = r[0],
-          h = m(d);
-        if (h || 1 < f && "string" == typeof d && !y.checkClone && Ae.test(d)) return n.each(function (e) {
-          var t = n.eq(e);
-          h && (r[0] = d.call(this, e, t.html())), He(t, r, i, o)
-        });
-        if (f && (t = (e = xe(r, n[0].ownerDocument, !1, n, o)).firstChild, 1 === e.childNodes.length && (e = t), t ||
-          o)) {
-          for (s = (a = S.map(ve(e, "script"), De)).length; c < f; c++) u = e, c !== p && (u = S.clone(u, !0, !0),
-            s && S.merge(a, ve(u, "script"))), i.call(n[c], u, c);
-          if (s)
-            for (l = a[a.length - 1].ownerDocument, S.map(a, qe), c = 0; c < s; c++) u = a[c], he.test(u.type ||
-              "") && !Y.access(u, "globalEval") && S.contains(l, u) && (u.src && "module" !== (u.type || "")
-                .toLowerCase() ? S._evalUrl && !u.noModule && S._evalUrl(u.src, {
-                  nonce: u.nonce || u.getAttribute("nonce")
-                }, l) : b(u.textContent.replace(Ne, ""), u, l))
-        }
-        return n
-      }
-
-      function Oe(e, t, n) {
-        for (var r, i = t ? S.filter(t, e) : e, o = 0; null != (r = i[o]); o++) n || 1 !== r.nodeType || S.cleanData(
-          ve(r)), r.parentNode && (n && ie(r) && ye(ve(r, "script")), r.parentNode.removeChild(r));
-        return e
-      }
-      S.extend({
-        htmlPrefilter: function (e) {
-          return e
-        },
-        clone: function (e, t, n) {
-          var r, i, o, a, s, u, l, c = e.cloneNode(!0),
-            f = ie(e);
-          if (!(y.noCloneChecked || 1 !== e.nodeType && 11 !== e.nodeType || S.isXMLDoc(e)))
-            for (a = ve(c), r = 0, i = (o = ve(e)).length; r < i; r++) s = o[r], u = a[r], void 0, "input" === (
-              l = u.nodeName.toLowerCase()) && pe.test(s.type) ? u.checked = s.checked : "input" !== l &&
-              "textarea" !== l || (u.defaultValue = s.defaultValue);
-          if (t)
-            if (n)
-              for (o = o || ve(e), a = a || ve(c), r = 0, i = o.length; r < i; r++) Le(o[r], a[r]);
-            else Le(e, c);
-          return 0 < (a = ve(c, "script")).length && ye(a, !f && ve(e, "script")), c
-        },
-        cleanData: function (e) {
-          for (var t, n, r, i = S.event.special, o = 0; void 0 !== (n = e[o]); o++)
-            if (V(n)) {
-              if (t = n[Y.expando]) {
-                if (t.events)
-                  for (r in t.events) i[r] ? S.event.remove(n, r) : S.removeEvent(n, r, t.handle);
-                n[Y.expando] = void 0
-              }
-              n[Q.expando] && (n[Q.expando] = void 0)
-            }
-        }
-      }), S.fn.extend({
-        detach: function (e) {
-          return Oe(this, e, !0)
-        },
-        remove: function (e) {
-          return Oe(this, e)
-        },
-        text: function (e) {
-          return $(this, function (e) {
-            return void 0 === e ? S.text(this) : this.empty().each(function () {
-              1 !== this.nodeType && 11 !== this.nodeType && 9 !== this.nodeType || (this.textContent =
-                e)
-            })
-          }, null, e, arguments.length)
-        },
-        append: function () {
-          return He(this, arguments, function (e) {
-            1 !== this.nodeType && 11 !== this.nodeType && 9 !== this.nodeType || je(this, e).appendChild(e)
-          })
-        },
-        prepend: function () {
-          return He(this, arguments, function (e) {
-            if (1 === this.nodeType || 11 === this.nodeType || 9 === this.nodeType) {
-              var t = je(this, e);
-              t.insertBefore(e, t.firstChild)
-            }
-          })
-        },
-        before: function () {
-          return He(this, arguments, function (e) {
-            this.parentNode && this.parentNode.insertBefore(e, this)
-          })
-        },
-        after: function () {
-          return He(this, arguments, function (e) {
-            this.parentNode && this.parentNode.insertBefore(e, this.nextSibling)
-          })
-        },
-        empty: function () {
-          for (var e, t = 0; null != (e = this[t]); t++) 1 === e.nodeType && (S.cleanData(ve(e, !1)), e
-            .textContent = "");
-          return this
-        },
-        clone: function (e, t) {
-          return e = null != e && e, t = null == t ? e : t, this.map(function () {
-            return S.clone(this, e, t)
-          })
-        },
-        html: function (e) {
-          return $(this, function (e) {
-            var t = this[0] || {},
-              n = 0,
-              r = this.length;
-            if (void 0 === e && 1 === t.nodeType) return t.innerHTML;
-            if ("string" == typeof e && !ke.test(e) && !ge[(de.exec(e) || ["", ""])[1].toLowerCase()]) {
-              e = S.htmlPrefilter(e);
-              try {
-                for (; n < r; n++) 1 === (t = this[n] || {}).nodeType && (S.cleanData(ve(t, !1)), t
-                  .innerHTML = e);
-                t = 0
-              } catch (e) { }
-            }
-            t && this.empty().append(e)
-          }, null, e, arguments.length)
-        },
-        replaceWith: function () {
-          var n = [];
-          return He(this, arguments, function (e) {
-            var t = this.parentNode;
-            S.inArray(this, n) < 0 && (S.cleanData(ve(this)), t && t.replaceChild(e, this))
-          }, n)
-        }
-      }), S.each({
-        appendTo: "append",
-        prependTo: "prepend",
-        insertBefore: "before",
-        insertAfter: "after",
-        replaceAll: "replaceWith"
-      }, function (e, a) {
-        S.fn[e] = function (e) {
-          for (var t, n = [], r = S(e), i = r.length - 1, o = 0; o <= i; o++) t = o === i ? this : this.clone(!
-            0), S(r[o])[a](t), u.apply(n, t.get());
-          return this.pushStack(n)
-        }
-      });
-      var Pe = new RegExp("^(" + ee + ")(?!px)[a-z%]+$", "i"),
-        Re = function (e) {
-          var t = e.ownerDocument.defaultView;
-          return t && t.opener || (t = C), t.getComputedStyle(e)
-        },
-        Me = function (e, t, n) {
-          var r, i, o = {};
-          for (i in t) o[i] = e.style[i], e.style[i] = t[i];
-          for (i in r = n.call(e), t) e.style[i] = o[i];
-          return r
-        },
-        Ie = new RegExp(ne.join("|"), "i");
-
-      function We(e, t, n) {
-        var r, i, o, a, s = e.style;
-        return (n = n || Re(e)) && ("" !== (a = n.getPropertyValue(t) || n[t]) || ie(e) || (a = S.style(e, t)), !y
-          .pixelBoxStyles() && Pe.test(a) && Ie.test(t) && (r = s.width, i = s.minWidth, o = s.maxWidth, s
-            .minWidth = s.maxWidth = s.width = a, a = n.width, s.width = r, s.minWidth = i, s.maxWidth = o)),
-          void 0 !== a ? a + "" : a
-      }
-
-      function Fe(e, t) {
-        return {
-          get: function () {
-            if (!e()) return (this.get = t).apply(this, arguments);
-            delete this.get
-          }
-        }
-      } ! function () {
-        function e() {
-          if (l) {
-            u.style.cssText = "position:absolute;left:-11111px;width:60px;margin-top:1px;padding:0;border:0", l.style
-              .cssText =
-              "position:relative;display:block;box-sizing:border-box;overflow:scroll;margin:auto;border:1px;padding:1px;width:60%;top:1%",
-              re.appendChild(u).appendChild(l);
-            var e = C.getComputedStyle(l);
-            n = "1%" !== e.top, s = 12 === t(e.marginLeft), l.style.right = "60%", o = 36 === t(e.right), r = 36 ===
-              t(e.width), l.style.position = "absolute", i = 12 === t(l.offsetWidth / 3), re.removeChild(u), l = null
-          }
-        }
-
-        function t(e) {
-          return Math.round(parseFloat(e))
-        }
-        var n, r, i, o, a, s, u = E.createElement("div"),
-          l = E.createElement("div");
-        l.style && (l.style.backgroundClip = "content-box", l.cloneNode(!0).style.backgroundClip = "", y
-          .clearCloneStyle = "content-box" === l.style.backgroundClip, S.extend(y, {
-            boxSizingReliable: function () {
-              return e(), r
-            },
-            pixelBoxStyles: function () {
-              return e(), o
-            },
-            pixelPosition: function () {
-              return e(), n
-            },
-            reliableMarginLeft: function () {
-              return e(), s
-            },
-            scrollboxSize: function () {
-              return e(), i
-            },
-            reliableTrDimensions: function () {
-              var e, t, n, r;
-              return null == a && (e = E.createElement("table"), t = E.createElement("tr"), n = E.createElement(
-                "div"), e.style.cssText = "position:absolute;left:-11111px;border-collapse:separate", t
-                  .style.cssText = "border:1px solid", t.style.height = "1px", n.style.height = "9px", n.style
-                    .display = "block", re.appendChild(e).appendChild(t).appendChild(n), r = C.getComputedStyle(
-                      t), a = parseInt(r.height, 10) + parseInt(r.borderTopWidth, 10) + parseInt(r
-                        .borderBottomWidth, 10) === t.offsetHeight, re.removeChild(e)), a
-            }
-          }))
-      }();
-      var Be = ["Webkit", "Moz", "ms"],
-        $e = E.createElement("div").style,
-        _e = {};
-
-      function ze(e) {
-        var t = S.cssProps[e] || _e[e];
-        return t || (e in $e ? e : _e[e] = function (e) {
-          var t = e[0].toUpperCase() + e.slice(1),
-            n = Be.length;
-          while (n--)
-            if ((e = Be[n] + t) in $e) return e
-        }(e) || e)
-      }
-      var Ue = /^(none|table(?!-c[ea]).+)/,
-        Xe = /^--/,
-        Ve = {
-          position: "absolute",
-          visibility: "hidden",
-          display: "block"
-        },
-        Ge = {
-          letterSpacing: "0",
-          fontWeight: "400"
-        };
-
-      function Ye(e, t, n) {
-        var r = te.exec(t);
-        return r ? Math.max(0, r[2] - (n || 0)) + (r[3] || "px") : t
-      }
-
-      function Qe(e, t, n, r, i, o) {
-        var a = "width" === t ? 1 : 0,
-          s = 0,
-          u = 0;
-        if (n === (r ? "border" : "content")) return 0;
-        for (; a < 4; a += 2) "margin" === n && (u += S.css(e, n + ne[a], !0, i)), r ? ("content" === n && (u -= S
-          .css(e, "padding" + ne[a], !0, i)), "margin" !== n && (u -= S.css(e, "border" + ne[a] + "Width", !0,
-            i))) : (u += S.css(e, "padding" + ne[a], !0, i), "padding" !== n ? u += S.css(e, "border" + ne[a] +
-              "Width", !0, i) : s += S.css(e, "border" + ne[a] + "Width", !0, i));
-        return !r && 0 <= o && (u += Math.max(0, Math.ceil(e["offset" + t[0].toUpperCase() + t.slice(1)] - o - u - s -
-          .5)) || 0), u
-      }
-
-      function Je(e, t, n) {
-        var r = Re(e),
-          i = (!y.boxSizingReliable() || n) && "border-box" === S.css(e, "boxSizing", !1, r),
-          o = i,
-          a = We(e, t, r),
-          s = "offset" + t[0].toUpperCase() + t.slice(1);
-        if (Pe.test(a)) {
-          if (!n) return a;
-          a = "auto"
-        }
-        return (!y.boxSizingReliable() && i || !y.reliableTrDimensions() && A(e, "tr") || "auto" === a || !parseFloat(
-          a) && "inline" === S.css(e, "display", !1, r)) && e.getClientRects().length && (i = "border-box" === S
-            .css(e, "boxSizing", !1, r), (o = s in e) && (a = e[s])), (a = parseFloat(a) || 0) + Qe(e, t, n || (i ?
-              "border" : "content"), o, r, a) + "px"
-      }
-
-      function Ke(e, t, n, r, i) {
-        return new Ke.prototype.init(e, t, n, r, i)
-      }
-      S.extend({
-        cssHooks: {
-          opacity: {
-            get: function (e, t) {
-              if (t) {
-                var n = We(e, "opacity");
-                return "" === n ? "1" : n
-              }
-            }
-          }
-        },
-        cssNumber: {
-          animationIterationCount: !0,
-          columnCount: !0,
-          fillOpacity: !0,
-          flexGrow: !0,
-          flexShrink: !0,
-          fontWeight: !0,
-          gridArea: !0,
-          gridColumn: !0,
-          gridColumnEnd: !0,
-          gridColumnStart: !0,
-          gridRow: !0,
-          gridRowEnd: !0,
-          gridRowStart: !0,
-          lineHeight: !0,
-          opacity: !0,
-          order: !0,
-          orphans: !0,
-          widows: !0,
-          zIndex: !0,
-          zoom: !0
-        },
-        cssProps: {},
-        style: function (e, t, n, r) {
-          if (e && 3 !== e.nodeType && 8 !== e.nodeType && e.style) {
-            var i, o, a, s = X(t),
-              u = Xe.test(t),
-              l = e.style;
-            if (u || (t = ze(s)), a = S.cssHooks[t] || S.cssHooks[s], void 0 === n) return a && "get" in a &&
-              void 0 !== (i = a.get(e, !1, r)) ? i : l[t];
-            "string" === (o = typeof n) && (i = te.exec(n)) && i[1] && (n = se(e, t, i), o = "number"), null !=
-              n && n == n && ("number" !== o || u || (n += i && i[3] || (S.cssNumber[s] ? "" : "px")), y
-                .clearCloneStyle || "" !== n || 0 !== t.indexOf("background") || (l[t] = "inherit"), a &&
-                "set" in a && void 0 === (n = a.set(e, n, r)) || (u ? l.setProperty(t, n) : l[t] = n))
-          }
-        },
-        css: function (e, t, n, r) {
-          var i, o, a, s = X(t);
-          return Xe.test(t) || (t = ze(s)), (a = S.cssHooks[t] || S.cssHooks[s]) && "get" in a && (i = a.get(e,
-            !0, n)), void 0 === i && (i = We(e, t, r)), "normal" === i && t in Ge && (i = Ge[t]), "" === n ||
-              n ? (o = parseFloat(i), !0 === n || isFinite(o) ? o || 0 : i) : i
-        }
-      }), S.each(["height", "width"], function (e, u) {
-        S.cssHooks[u] = {
-          get: function (e, t, n) {
-            if (t) return !Ue.test(S.css(e, "display")) || e.getClientRects().length && e
-              .getBoundingClientRect().width ? Je(e, u, n) : Me(e, Ve, function () {
-                return Je(e, u, n)
-              })
-          },
-          set: function (e, t, n) {
-            var r, i = Re(e),
-              o = !y.scrollboxSize() && "absolute" === i.position,
-              a = (o || n) && "border-box" === S.css(e, "boxSizing", !1, i),
-              s = n ? Qe(e, u, n, a, i) : 0;
-            return a && o && (s -= Math.ceil(e["offset" + u[0].toUpperCase() + u.slice(1)] - parseFloat(i[
-              u]) - Qe(e, u, "border", !1, i) - .5)), s && (r = te.exec(t)) && "px" !== (r[3] || "px") && (e
-                .style[u] = t, t = S.css(e, u)), Ye(0, t, s)
-          }
-        }
-      }), S.cssHooks.marginLeft = Fe(y.reliableMarginLeft, function (e, t) {
-        if (t) return (parseFloat(We(e, "marginLeft")) || e.getBoundingClientRect().left - Me(e, {
-          marginLeft: 0
-        }, function () {
-          return e.getBoundingClientRect().left
-        })) + "px"
-      }), S.each({
-        margin: "",
-        padding: "",
-        border: "Width"
-      }, function (i, o) {
-        S.cssHooks[i + o] = {
-          expand: function (e) {
-            for (var t = 0, n = {}, r = "string" == typeof e ? e.split(" ") : [e]; t < 4; t++) n[i + ne[t] +
-              o] = r[t] || r[t - 2] || r[0];
-            return n
-          }
-        }, "margin" !== i && (S.cssHooks[i + o].set = Ye)
-      }), S.fn.extend({
-        css: function (e, t) {
-          return $(this, function (e, t, n) {
-            var r, i, o = {},
-              a = 0;
-            if (Array.isArray(t)) {
-              for (r = Re(e), i = t.length; a < i; a++) o[t[a]] = S.css(e, t[a], !1, r);
-              return o
-            }
-            return void 0 !== n ? S.style(e, t, n) : S.css(e, t)
-          }, e, t, 1 < arguments.length)
-        }
-      }), ((S.Tween = Ke).prototype = {
-        constructor: Ke,
-        init: function (e, t, n, r, i, o) {
-          this.elem = e, this.prop = n, this.easing = i || S.easing._default, this.options = t, this.start =
-            this.now = this.cur(), this.end = r, this.unit = o || (S.cssNumber[n] ? "" : "px")
-        },
-        cur: function () {
-          var e = Ke.propHooks[this.prop];
-          return e && e.get ? e.get(this) : Ke.propHooks._default.get(this)
-        },
-        run: function (e) {
-          var t, n = Ke.propHooks[this.prop];
-          return this.options.duration ? this.pos = t = S.easing[this.easing](e, this.options.duration * e, 0,
-            1, this.options.duration) : this.pos = t = e, this.now = (this.end - this.start) * t + this.start,
-            this.options.step && this.options.step.call(this.elem, this.now, this), n && n.set ? n.set(this) :
-              Ke.propHooks._default.set(this), this
-        }
-      }).init.prototype = Ke.prototype, (Ke.propHooks = {
-        _default: {
-          get: function (e) {
-            var t;
-            return 1 !== e.elem.nodeType || null != e.elem[e.prop] && null == e.elem.style[e.prop] ? e.elem[e
-              .prop] : (t = S.css(e.elem, e.prop, "")) && "auto" !== t ? t : 0
-          },
-          set: function (e) {
-            S.fx.step[e.prop] ? S.fx.step[e.prop](e) : 1 !== e.elem.nodeType || !S.cssHooks[e.prop] && null == e
-              .elem.style[ze(e.prop)] ? e.elem[e.prop] = e.now : S.style(e.elem, e.prop, e.now + e.unit)
-          }
-        }
-      }).scrollTop = Ke.propHooks.scrollLeft = {
-        set: function (e) {
-          e.elem.nodeType && e.elem.parentNode && (e.elem[e.prop] = e.now)
-        }
-      }, S.easing = {
-        linear: function (e) {
-          return e
-        },
-        swing: function (e) {
-          return .5 - Math.cos(e * Math.PI) / 2
-        },
-        _default: "swing"
-      }, S.fx = Ke.prototype.init, S.fx.step = {};
-      var Ze, et, tt, nt, rt = /^(?:toggle|show|hide)$/,
-        it = /queueHooks$/;
-
-      function ot() {
-        et && (!1 === E.hidden && C.requestAnimationFrame ? C.requestAnimationFrame(ot) : C.setTimeout(ot, S.fx
-          .interval), S.fx.tick())
-      }
-
-      function at() {
-        return C.setTimeout(function () {
-          Ze = void 0
-        }), Ze = Date.now()
-      }
-
-      function st(e, t) {
-        var n, r = 0,
-          i = {
-            height: e
-          };
-        for (t = t ? 1 : 0; r < 4; r += 2 - t) i["margin" + (n = ne[r])] = i["padding" + n] = e;
-        return t && (i.opacity = i.width = e), i
-      }
-
-      function ut(e, t, n) {
-        for (var r, i = (lt.tweeners[t] || []).concat(lt.tweeners["*"]), o = 0, a = i.length; o < a; o++)
-          if (r = i[o].call(n, t, e)) return r
-      }
-
-      function lt(o, e, t) {
-        var n, a, r = 0,
-          i = lt.prefilters.length,
-          s = S.Deferred().always(function () {
-            delete u.elem
-          }),
-          u = function () {
-            if (a) return !1;
-            for (var e = Ze || at(), t = Math.max(0, l.startTime + l.duration - e), n = 1 - (t / l.duration || 0), r =
-              0, i = l.tweens.length; r < i; r++) l.tweens[r].run(n);
-            return s.notifyWith(o, [l, n, t]), n < 1 && i ? t : (i || s.notifyWith(o, [l, 1, 0]), s.resolveWith(o, [
-              l]), !1)
-          },
-          l = s.promise({
-            elem: o,
-            props: S.extend({}, e),
-            opts: S.extend(!0, {
-              specialEasing: {},
-              easing: S.easing._default
-            }, t),
-            originalProperties: e,
-            originalOptions: t,
-            startTime: Ze || at(),
-            duration: t.duration,
-            tweens: [],
-            createTween: function (e, t) {
-              var n = S.Tween(o, l.opts, e, t, l.opts.specialEasing[e] || l.opts.easing);
-              return l.tweens.push(n), n
-            },
-            stop: function (e) {
-              var t = 0,
-                n = e ? l.tweens.length : 0;
-              if (a) return this;
-              for (a = !0; t < n; t++) l.tweens[t].run(1);
-              return e ? (s.notifyWith(o, [l, 1, 0]), s.resolveWith(o, [l, e])) : s.rejectWith(o, [l, e]), this
-            }
-          }),
-          c = l.props;
-        for (! function (e, t) {
-          var n, r, i, o, a;
-          for (n in e)
-            if (i = t[r = X(n)], o = e[n], Array.isArray(o) && (i = o[1], o = e[n] = o[0]), n !== r && (e[r] = o,
-              delete e[n]), (a = S.cssHooks[r]) && "expand" in a)
-              for (n in o = a.expand(o), delete e[r], o) n in e || (e[n] = o[n], t[n] = i);
-            else t[r] = i
-        }(c, l.opts.specialEasing); r < i; r++)
-          if (n = lt.prefilters[r].call(l, o, c, l.opts)) return m(n.stop) && (S._queueHooks(l.elem, l.opts.queue)
-            .stop = n.stop.bind(n)), n;
-        return S.map(c, ut, l), m(l.opts.start) && l.opts.start.call(o, l), l.progress(l.opts.progress).done(l.opts
-          .done, l.opts.complete).fail(l.opts.fail).always(l.opts.always), S.fx.timer(S.extend(u, {
-            elem: o,
-            anim: l,
-            queue: l.opts.queue
-          })), l
-      }
-      S.Animation = S.extend(lt, {
-        tweeners: {
-          "*": [function (e, t) {
-            var n = this.createTween(e, t);
-            return se(n.elem, e, te.exec(t), n), n
-          }]
-        },
-        tweener: function (e, t) {
-          m(e) ? (t = e, e = ["*"]) : e = e.match(P);
-          for (var n, r = 0, i = e.length; r < i; r++) n = e[r], lt.tweeners[n] = lt.tweeners[n] || [], lt
-            .tweeners[n].unshift(t)
-        },
-        prefilters: [function (e, t, n) {
-          var r, i, o, a, s, u, l, c, f = "width" in t || "height" in t,
-            p = this,
-            d = {},
-            h = e.style,
-            g = e.nodeType && ae(e),
-            v = Y.get(e, "fxshow");
-          for (r in n.queue || (null == (a = S._queueHooks(e, "fx")).unqueued && (a.unqueued = 0, s = a.empty
-            .fire, a.empty.fire = function () {
-              a.unqueued || s()
-            }), a.unqueued++, p.always(function () {
-              p.always(function () {
-                a.unqueued--, S.queue(e, "fx").length || a.empty.fire()
-              })
-            })), t)
-            if (i = t[r], rt.test(i)) {
-              if (delete t[r], o = o || "toggle" === i, i === (g ? "hide" : "show")) {
-                if ("show" !== i || !v || void 0 === v[r]) continue;
-                g = !0
-              }
-              d[r] = v && v[r] || S.style(e, r)
-            } if ((u = !S.isEmptyObject(t)) || !S.isEmptyObject(d))
-            for (r in f && 1 === e.nodeType && (n.overflow = [h.overflow, h.overflowX, h.overflowY], null == (
-              l = v && v.display) && (l = Y.get(e, "display")), "none" === (c = S.css(e, "display")) && (
-                l ? c = l : (le([e], !0), l = e.style.display || l, c = S.css(e, "display"), le([e]))), (
-                  "inline" === c || "inline-block" === c && null != l) && "none" === S.css(e, "float") && (
-                u || (p.done(function () {
-                  h.display = l
-                }), null == l && (c = h.display, l = "none" === c ? "" : c)), h.display = "inline-block")), n
-                  .overflow && (h.overflow = "hidden", p.always(function () {
-                    h.overflow = n.overflow[0], h.overflowX = n.overflow[1], h.overflowY = n.overflow[2]
-                  })), u = !1, d) u || (v ? "hidden" in v && (g = v.hidden) : v = Y.access(e, "fxshow", {
-                    display: l
-                  }), o && (v.hidden = !g), g && le([e], !0), p.done(function () {
-                    for (r in g || le([e]), Y.remove(e, "fxshow"), d) S.style(e, r, d[r])
-                  })), u = ut(g ? v[r] : 0, r, p), r in v || (v[r] = u.start, g && (u.end = u.start, u.start = 0))
-        }],
-        prefilter: function (e, t) {
-          t ? lt.prefilters.unshift(e) : lt.prefilters.push(e)
-        }
-      }), S.speed = function (e, t, n) {
-        var r = e && "object" == typeof e ? S.extend({}, e) : {
-          complete: n || !n && t || m(e) && e,
-          duration: e,
-          easing: n && t || t && !m(t) && t
-        };
-        return S.fx.off ? r.duration = 0 : "number" != typeof r.duration && (r.duration in S.fx.speeds ? r
-          .duration = S.fx.speeds[r.duration] : r.duration = S.fx.speeds._default), null != r.queue && !0 !== r
-            .queue || (r.queue = "fx"), r.old = r.complete, r.complete = function () {
-              m(r.old) && r.old.call(this), r.queue && S.dequeue(this, r.queue)
-            }, r
-      }, S.fn.extend({
-        fadeTo: function (e, t, n, r) {
-          return this.filter(ae).css("opacity", 0).show().end().animate({
-            opacity: t
-          }, e, n, r)
-        },
-        animate: function (t, e, n, r) {
-          var i = S.isEmptyObject(t),
-            o = S.speed(e, n, r),
-            a = function () {
-              var e = lt(this, S.extend({}, t), o);
-              (i || Y.get(this, "finish")) && e.stop(!0)
-            };
-          return a.finish = a, i || !1 === o.queue ? this.each(a) : this.queue(o.queue, a)
-        },
-        stop: function (i, e, o) {
-          var a = function (e) {
-            var t = e.stop;
-            delete e.stop, t(o)
-          };
-          return "string" != typeof i && (o = e, e = i, i = void 0), e && this.queue(i || "fx", []), this.each(
-            function () {
-              var e = !0,
-                t = null != i && i + "queueHooks",
-                n = S.timers,
-                r = Y.get(this);
-              if (t) r[t] && r[t].stop && a(r[t]);
-              else
-                for (t in r) r[t] && r[t].stop && it.test(t) && a(r[t]);
-              for (t = n.length; t--;) n[t].elem !== this || null != i && n[t].queue !== i || (n[t].anim.stop(
-                o), e = !1, n.splice(t, 1));
-              !e && o || S.dequeue(this, i)
-            })
-        },
-        finish: function (a) {
-          return !1 !== a && (a = a || "fx"), this.each(function () {
-            var e, t = Y.get(this),
-              n = t[a + "queue"],
-              r = t[a + "queueHooks"],
-              i = S.timers,
-              o = n ? n.length : 0;
-            for (t.finish = !0, S.queue(this, a, []), r && r.stop && r.stop.call(this, !0), e = i
-              .length; e--;) i[e].elem === this && i[e].queue === a && (i[e].anim.stop(!0), i.splice(e, 1));
-            for (e = 0; e < o; e++) n[e] && n[e].finish && n[e].finish.call(this);
-            delete t.finish
-          })
-        }
-      }), S.each(["toggle", "show", "hide"], function (e, r) {
-        var i = S.fn[r];
-        S.fn[r] = function (e, t, n) {
-          return null == e || "boolean" == typeof e ? i.apply(this, arguments) : this.animate(st(r, !0), e, t,
-            n)
-        }
-      }), S.each({
-        slideDown: st("show"),
-        slideUp: st("hide"),
-        slideToggle: st("toggle"),
-        fadeIn: {
-          opacity: "show"
-        },
-        fadeOut: {
-          opacity: "hide"
-        },
-        fadeToggle: {
-          opacity: "toggle"
-        }
-      }, function (e, r) {
-        S.fn[e] = function (e, t, n) {
-          return this.animate(r, e, t, n)
-        }
-      }), S.timers = [], S.fx.tick = function () {
-        var e, t = 0,
-          n = S.timers;
-        for (Ze = Date.now(); t < n.length; t++)(e = n[t])() || n[t] !== e || n.splice(t--, 1);
-        n.length || S.fx.stop(), Ze = void 0
-      }, S.fx.timer = function (e) {
-        S.timers.push(e), S.fx.start()
-      }, S.fx.interval = 13, S.fx.start = function () {
-        et || (et = !0, ot())
-      }, S.fx.stop = function () {
-        et = null
-      }, S.fx.speeds = {
-        slow: 600,
-        fast: 200,
-        _default: 400
-      }, S.fn.delay = function (r, e) {
-        return r = S.fx && S.fx.speeds[r] || r, e = e || "fx", this.queue(e, function (e, t) {
-          var n = C.setTimeout(e, r);
-          t.stop = function () {
-            C.clearTimeout(n)
-          }
-        })
-      }, tt = E.createElement("input"), nt = E.createElement("select").appendChild(E.createElement("option")), tt
-        .type = "checkbox", y.checkOn = "" !== tt.value, y.optSelected = nt.selected, (tt = E.createElement("input"))
-          .value = "t", tt.type = "radio", y.radioValue = "t" === tt.value;
-      var ct, ft = S.expr.attrHandle;
-      S.fn.extend({
-        attr: function (e, t) {
-          return $(this, S.attr, e, t, 1 < arguments.length)
-        },
-        removeAttr: function (e) {
-          return this.each(function () {
-            S.removeAttr(this, e)
-          })
-        }
-      }), S.extend({
-        attr: function (e, t, n) {
-          var r, i, o = e.nodeType;
-          if (3 !== o && 8 !== o && 2 !== o) return "undefined" == typeof e.getAttribute ? S.prop(e, t, n) : (
-            1 === o && S.isXMLDoc(e) || (i = S.attrHooks[t.toLowerCase()] || (S.expr.match.bool.test(t) ?
-              ct : void 0)), void 0 !== n ? null === n ? void S.removeAttr(e, t) : i && "set" in i &&
-                void 0 !== (r = i.set(e, n, t)) ? r : (e.setAttribute(t, n + ""), n) : i && "get" in i &&
-                  null !== (r = i.get(e, t)) ? r : null == (r = S.find.attr(e, t)) ? void 0 : r)
-        },
-        attrHooks: {
-          type: {
-            set: function (e, t) {
-              if (!y.radioValue && "radio" === t && A(e, "input")) {
-                var n = e.value;
-                return e.setAttribute("type", t), n && (e.value = n), t
-              }
-            }
-          }
-        },
-        removeAttr: function (e, t) {
-          var n, r = 0,
-            i = t && t.match(P);
-          if (i && 1 === e.nodeType)
-            while (n = i[r++]) e.removeAttribute(n)
-        }
-      }), ct = {
-        set: function (e, t, n) {
-          return !1 === t ? S.removeAttr(e, n) : e.setAttribute(n, n), n
-        }
-      }, S.each(S.expr.match.bool.source.match(/\w+/g), function (e, t) {
-        var a = ft[t] || S.find.attr;
-        ft[t] = function (e, t, n) {
-          var r, i, o = t.toLowerCase();
-          return n || (i = ft[o], ft[o] = r, r = null != a(e, t, n) ? o : null, ft[o] = i), r
-        }
-      });
-      var pt = /^(?:input|select|textarea|button)$/i,
-        dt = /^(?:a|area)$/i;
-
-      function ht(e) {
-        return (e.match(P) || []).join(" ")
-      }
-
-      function gt(e) {
-        return e.getAttribute && e.getAttribute("class") || ""
-      }
-
-      function vt(e) {
-        return Array.isArray(e) ? e : "string" == typeof e && e.match(P) || []
-      }
-      S.fn.extend({
-        prop: function (e, t) {
-          return $(this, S.prop, e, t, 1 < arguments.length)
-        },
-        removeProp: function (e) {
-          return this.each(function () {
-            delete this[S.propFix[e] || e]
-          })
-        }
-      }), S.extend({
-        prop: function (e, t, n) {
-          var r, i, o = e.nodeType;
-          if (3 !== o && 8 !== o && 2 !== o) return 1 === o && S.isXMLDoc(e) || (t = S.propFix[t] || t, i = S
-            .propHooks[t]), void 0 !== n ? i && "set" in i && void 0 !== (r = i.set(e, n, t)) ? r : e[t] =
-              n : i && "get" in i && null !== (r = i.get(e, t)) ? r : e[t]
-        },
-        propHooks: {
-          tabIndex: {
-            get: function (e) {
-              var t = S.find.attr(e, "tabindex");
-              return t ? parseInt(t, 10) : pt.test(e.nodeName) || dt.test(e.nodeName) && e.href ? 0 : -1
-            }
-          }
-        },
-        propFix: {
-          "for": "htmlFor",
-          "class": "className"
-        }
-      }), y.optSelected || (S.propHooks.selected = {
-        get: function (e) {
-          var t = e.parentNode;
-          return t && t.parentNode && t.parentNode.selectedIndex, null
-        },
-        set: function (e) {
-          var t = e.parentNode;
-          t && (t.selectedIndex, t.parentNode && t.parentNode.selectedIndex)
-        }
-      }), S.each(["tabIndex", "readOnly", "maxLength", "cellSpacing", "cellPadding", "rowSpan", "colSpan", "useMap",
-        "frameBorder", "contentEditable"
-      ], function () {
-        S.propFix[this.toLowerCase()] = this
-      }), S.fn.extend({
-        addClass: function (t) {
-          var e, n, r, i, o, a, s, u = 0;
-          if (m(t)) return this.each(function (e) {
-            S(this).addClass(t.call(this, e, gt(this)))
-          });
-          if ((e = vt(t)).length)
-            while (n = this[u++])
-              if (i = gt(n), r = 1 === n.nodeType && " " + ht(i) + " ") {
-                a = 0;
-                while (o = e[a++]) r.indexOf(" " + o + " ") < 0 && (r += o + " ");
-                i !== (s = ht(r)) && n.setAttribute("class", s)
-              } return this
-        },
-        removeClass: function (t) {
-          var e, n, r, i, o, a, s, u = 0;
-          if (m(t)) return this.each(function (e) {
-            S(this).removeClass(t.call(this, e, gt(this)))
-          });
-          if (!arguments.length) return this.attr("class", "");
-          if ((e = vt(t)).length)
-            while (n = this[u++])
-              if (i = gt(n), r = 1 === n.nodeType && " " + ht(i) + " ") {
-                a = 0;
-                while (o = e[a++])
-                  while (-1 < r.indexOf(" " + o + " ")) r = r.replace(" " + o + " ", " ");
-                i !== (s = ht(r)) && n.setAttribute("class", s)
-              } return this
-        },
-        toggleClass: function (i, t) {
-          var o = typeof i,
-            a = "string" === o || Array.isArray(i);
-          return "boolean" == typeof t && a ? t ? this.addClass(i) : this.removeClass(i) : m(i) ? this.each(
-            function (e) {
-              S(this).toggleClass(i.call(this, e, gt(this), t), t)
-            }) : this.each(function () {
-              var e, t, n, r;
-              if (a) {
-                t = 0, n = S(this), r = vt(i);
-                while (e = r[t++]) n.hasClass(e) ? n.removeClass(e) : n.addClass(e)
-              } else void 0 !== i && "boolean" !== o || ((e = gt(this)) && Y.set(this, "__className__", e),
-                this.setAttribute && this.setAttribute("class", e || !1 === i ? "" : Y.get(this,
-                  "__className__") || ""))
-            })
-        },
-        hasClass: function (e) {
-          var t, n, r = 0;
-          t = " " + e + " ";
-          while (n = this[r++])
-            if (1 === n.nodeType && -1 < (" " + ht(gt(n)) + " ").indexOf(t)) return !0;
-          return !1
-        }
-      });
-      var yt = /\r/g;
-      S.fn.extend({
-        val: function (n) {
-          var r, e, i, t = this[0];
-          return arguments.length ? (i = m(n), this.each(function (e) {
-            var t;
-            1 === this.nodeType && (null == (t = i ? n.call(this, e, S(this).val()) : n) ? t = "" :
-              "number" == typeof t ? t += "" : Array.isArray(t) && (t = S.map(t, function (e) {
-                return null == e ? "" : e + ""
-              })), (r = S.valHooks[this.type] || S.valHooks[this.nodeName.toLowerCase()]) && "set" in
-              r && void 0 !== r.set(this, t, "value") || (this.value = t))
-          })) : t ? (r = S.valHooks[t.type] || S.valHooks[t.nodeName.toLowerCase()]) && "get" in r &&
-            void 0 !== (e = r.get(t, "value")) ? e : "string" == typeof (e = t.value) ? e.replace(yt, "") :
-            null == e ? "" : e : void 0
-        }
-      }), S.extend({
-        valHooks: {
-          option: {
-            get: function (e) {
-              var t = S.find.attr(e, "value");
-              return null != t ? t : ht(S.text(e))
-            }
-          },
-          select: {
-            get: function (e) {
-              var t, n, r, i = e.options,
-                o = e.selectedIndex,
-                a = "select-one" === e.type,
-                s = a ? null : [],
-                u = a ? o + 1 : i.length;
-              for (r = o < 0 ? u : a ? o : 0; r < u; r++)
-                if (((n = i[r]).selected || r === o) && !n.disabled && (!n.parentNode.disabled || !A(n
-                  .parentNode, "optgroup"))) {
-                  if (t = S(n).val(), a) return t;
-                  s.push(t)
-                } return s
-            },
-            set: function (e, t) {
-              var n, r, i = e.options,
-                o = S.makeArray(t),
-                a = i.length;
-              while (a--) ((r = i[a]).selected = -1 < S.inArray(S.valHooks.option.get(r), o)) && (n = !0);
-              return n || (e.selectedIndex = -1), o
-            }
-          }
-        }
-      }), S.each(["radio", "checkbox"], function () {
-        S.valHooks[this] = {
-          set: function (e, t) {
-            if (Array.isArray(t)) return e.checked = -1 < S.inArray(S(e).val(), t)
-          }
-        }, y.checkOn || (S.valHooks[this].get = function (e) {
-          return null === e.getAttribute("value") ? "on" : e.value
-        })
-      }), y.focusin = "onfocusin" in C;
-      var mt = /^(?:focusinfocus|focusoutblur)$/,
-        xt = function (e) {
-          e.stopPropagation()
-        };
-      S.extend(S.event, {
-        trigger: function (e, t, n, r) {
-          var i, o, a, s, u, l, c, f, p = [n || E],
-            d = v.call(e, "type") ? e.type : e,
-            h = v.call(e, "namespace") ? e.namespace.split(".") : [];
-          if (o = f = a = n = n || E, 3 !== n.nodeType && 8 !== n.nodeType && !mt.test(d + S.event.triggered) &&
-            (-1 < d.indexOf(".") && (d = (h = d.split(".")).shift(), h.sort()), u = d.indexOf(":") < 0 && "on" +
-              d, (e = e[S.expando] ? e : new S.Event(d, "object" == typeof e && e)).isTrigger = r ? 2 : 3, e
-                .namespace = h.join("."), e.rnamespace = e.namespace ? new RegExp("(^|\\.)" + h.join(
-                  "\\.(?:.*\\.|)") + "(\\.|$)") : null, e.result = void 0, e.target || (e.target = n), t = null ==
-                    t ? [e] : S.makeArray(t, [e]), c = S.event.special[d] || {}, r || !c.trigger || !1 !== c.trigger
-                      .apply(n, t))) {
-            if (!r && !c.noBubble && !x(n)) {
-              for (s = c.delegateType || d, mt.test(s + d) || (o = o.parentNode); o; o = o.parentNode) p.push(
-                o), a = o;
-              a === (n.ownerDocument || E) && p.push(a.defaultView || a.parentWindow || C)
-            }
-            i = 0;
-            while ((o = p[i++]) && !e.isPropagationStopped()) f = o, e.type = 1 < i ? s : c.bindType || d, (l =
-              (Y.get(o, "events") || Object.create(null))[e.type] && Y.get(o, "handle")) && l.apply(o, t), (
-                l = u && o[u]) && l.apply && V(o) && (e.result = l.apply(o, t), !1 === e.result && e
-                  .preventDefault());
-            return e.type = d, r || e.isDefaultPrevented() || c._default && !1 !== c._default.apply(p.pop(),
-              t) || !V(n) || u && m(n[d]) && !x(n) && ((a = n[u]) && (n[u] = null), S.event.triggered = d, e
-                .isPropagationStopped() && f.addEventListener(d, xt), n[d](), e.isPropagationStopped() && f
-                  .removeEventListener(d, xt), S.event.triggered = void 0, a && (n[u] = a)), e.result
-          }
-        },
-        simulate: function (e, t, n) {
-          var r = S.extend(new S.Event, n, {
-            type: e,
-            isSimulated: !0
-          });
-          S.event.trigger(r, null, t)
-        }
-      }), S.fn.extend({
-        trigger: function (e, t) {
-          return this.each(function () {
-            S.event.trigger(e, t, this)
-          })
-        },
-        triggerHandler: function (e, t) {
-          var n = this[0];
-          if (n) return S.event.trigger(e, t, n, !0)
-        }
-      }), y.focusin || S.each({
-        focus: "focusin",
-        blur: "focusout"
-      }, function (n, r) {
-        var i = function (e) {
-          S.event.simulate(r, e.target, S.event.fix(e))
-        };
-        S.event.special[r] = {
-          setup: function () {
-            var e = this.ownerDocument || this.document || this,
-              t = Y.access(e, r);
-            t || e.addEventListener(n, i, !0), Y.access(e, r, (t || 0) + 1)
-          },
-          teardown: function () {
-            var e = this.ownerDocument || this.document || this,
-              t = Y.access(e, r) - 1;
-            t ? Y.access(e, r, t) : (e.removeEventListener(n, i, !0), Y.remove(e, r))
-          }
-        }
-      });
-      var bt = C.location,
-        wt = {
-          guid: Date.now()
-        },
-        Tt = /\?/;
-      S.parseXML = function (e) {
-        var t, n;
-        if (!e || "string" != typeof e) return null;
-        try {
-          t = (new C.DOMParser).parseFromString(e, "text/xml")
-        } catch (e) { }
-        return n = t && t.getElementsByTagName("parsererror")[0], t && !n || S.error("Invalid XML: " + (n ? S.map(n
-          .childNodes,
-          function (e) {
-            return e.textContent
-          }).join("\n") : e)), t
-      };
-      var Ct = /\[\]$/,
-        Et = /\r?\n/g,
-        St = /^(?:submit|button|image|reset|file)$/i,
-        kt = /^(?:input|select|textarea|keygen)/i;
-
-      function At(n, e, r, i) {
-        var t;
-        if (Array.isArray(e)) S.each(e, function (e, t) {
-          r || Ct.test(n) ? i(n, t) : At(n + "[" + ("object" == typeof t && null != t ? e : "") + "]", t, r, i)
-        });
-        else if (r || "object" !== w(e)) i(n, e);
-        else
-          for (t in e) At(n + "[" + t + "]", e[t], r, i)
-      }
-      S.param = function (e, t) {
-        var n, r = [],
-          i = function (e, t) {
-            var n = m(t) ? t() : t;
-            r[r.length] = encodeURIComponent(e) + "=" + encodeURIComponent(null == n ? "" : n)
-          };
-        if (null == e) return "";
-        if (Array.isArray(e) || e.jquery && !S.isPlainObject(e)) S.each(e, function () {
-          i(this.name, this.value)
-        });
-        else
-          for (n in e) At(n, e[n], t, i);
-        return r.join("&")
-      }, S.fn.extend({
-        serialize: function () {
-          return S.param(this.serializeArray())
-        },
-        serializeArray: function () {
-          return this.map(function () {
-            var e = S.prop(this, "elements");
-            return e ? S.makeArray(e) : this
-          }).filter(function () {
-            var e = this.type;
-            return this.name && !S(this).is(":disabled") && kt.test(this.nodeName) && !St.test(e) && (this
-              .checked || !pe.test(e))
-          }).map(function (e, t) {
-            var n = S(this).val();
-            return null == n ? null : Array.isArray(n) ? S.map(n, function (e) {
-              return {
-                name: t.name,
-                value: e.replace(Et, "\r\n")
-              }
-            }) : {
-              name: t.name,
-              value: n.replace(Et, "\r\n")
-            }
-          }).get()
-        }
-      });
-      var Nt = /%20/g,
-        jt = /#.*$/,
-        Dt = /([?&])_=[^&]*/,
-        qt = /^(.*?):[ \t]*([^\r\n]*)$/gm,
-        Lt = /^(?:GET|HEAD)$/,
-        Ht = /^\/\//,
-        Ot = {},
-        Pt = {},
-        Rt = "*/".concat("*"),
-        Mt = E.createElement("a");
-
-      function It(o) {
-        return function (e, t) {
-          "string" != typeof e && (t = e, e = "*");
-          var n, r = 0,
-            i = e.toLowerCase().match(P) || [];
-          if (m(t))
-            while (n = i[r++]) "+" === n[0] ? (n = n.slice(1) || "*", (o[n] = o[n] || []).unshift(t)) : (o[n] = o[
-              n] || []).push(t)
-        }
-      }
-
-      function Wt(t, i, o, a) {
-        var s = {},
-          u = t === Pt;
-
-        function l(e) {
-          var r;
-          return s[e] = !0, S.each(t[e] || [], function (e, t) {
-            var n = t(i, o, a);
-            return "string" != typeof n || u || s[n] ? u ? !(r = n) : void 0 : (i.dataTypes.unshift(n), l(n), !1)
-          }), r
-        }
-        return l(i.dataTypes[0]) || !s["*"] && l("*")
-      }
-
-      function Ft(e, t) {
-        var n, r, i = S.ajaxSettings.flatOptions || {};
-        for (n in t) void 0 !== t[n] && ((i[n] ? e : r || (r = {}))[n] = t[n]);
-        return r && S.extend(!0, e, r), e
-      }
-      Mt.href = bt.href, S.extend({
-        active: 0,
-        lastModified: {},
-        etag: {},
-        ajaxSettings: {
-          url: bt.href,
-          type: "GET",
-          isLocal: /^(?:about|app|app-storage|.+-extension|file|res|widget):$/.test(bt.protocol),
-          global: !0,
-          processData: !0,
-          async: !0,
-          contentType: "application/x-www-form-urlencoded; charset=UTF-8",
-          accepts: {
-            "*": Rt,
-            text: "text/plain",
-            html: "text/html",
-            xml: "application/xml, text/xml",
-            json: "application/json, text/javascript"
-          },
-          contents: {
-            xml: /\bxml\b/,
-            html: /\bhtml/,
-            json: /\bjson\b/
-          },
-          responseFields: {
-            xml: "responseXML",
-            text: "responseText",
-            json: "responseJSON"
-          },
-          converters: {
-            "* text": String,
-            "text html": !0,
-            "text json": JSON.parse,
-            "text xml": S.parseXML
-          },
-          flatOptions: {
-            url: !0,
-            context: !0
-          }
-        },
-        ajaxSetup: function (e, t) {
-          return t ? Ft(Ft(e, S.ajaxSettings), t) : Ft(S.ajaxSettings, e)
-        },
-        ajaxPrefilter: It(Ot),
-        ajaxTransport: It(Pt),
-        ajax: function (e, t) {
-          "object" == typeof e && (t = e, e = void 0), t = t || {};
-          var c, f, p, n, d, r, h, g, i, o, v = S.ajaxSetup({}, t),
-            y = v.context || v,
-            m = v.context && (y.nodeType || y.jquery) ? S(y) : S.event,
-            x = S.Deferred(),
-            b = S.Callbacks("once memory"),
-            w = v.statusCode || {},
-            a = {},
-            s = {},
-            u = "canceled",
-            T = {
-              readyState: 0,
-              getResponseHeader: function (e) {
-                var t;
-                if (h) {
-                  if (!n) {
-                    n = {};
-                    while (t = qt.exec(p)) n[t[1].toLowerCase() + " "] = (n[t[1].toLowerCase() + " "] || [])
-                      .concat(t[2])
-                  }
-                  t = n[e.toLowerCase() + " "]
-                }
-                return null == t ? null : t.join(", ")
-              },
-              getAllResponseHeaders: function () {
-                return h ? p : null
-              },
-              setRequestHeader: function (e, t) {
-                return null == h && (e = s[e.toLowerCase()] = s[e.toLowerCase()] || e, a[e] = t), this
-              },
-              overrideMimeType: function (e) {
-                return null == h && (v.mimeType = e), this
-              },
-              statusCode: function (e) {
-                var t;
-                if (e)
-                  if (h) T.always(e[T.status]);
-                  else
-                    for (t in e) w[t] = [w[t], e[t]];
-                return this
-              },
-              abort: function (e) {
-                var t = e || u;
-                return c && c.abort(t), l(0, t), this
-              }
-            };
-          if (x.promise(T), v.url = ((e || v.url || bt.href) + "").replace(Ht, bt.protocol + "//"), v.type = t
-            .method || t.type || v.method || v.type, v.dataTypes = (v.dataType || "*").toLowerCase().match(P) ||
-            [""], null == v.crossDomain) {
-            r = E.createElement("a");
-            try {
-              r.href = v.url, r.href = r.href, v.crossDomain = Mt.protocol + "//" + Mt.host != r.protocol +
-                "//" + r.host
-            } catch (e) {
-              v.crossDomain = !0
-            }
-          }
-          if (v.data && v.processData && "string" != typeof v.data && (v.data = S.param(v.data, v.traditional)),
-            Wt(Ot, v, t, T), h) return T;
-          for (i in (g = S.event && v.global) && 0 == S.active++ && S.event.trigger("ajaxStart"), v.type = v
-            .type.toUpperCase(), v.hasContent = !Lt.test(v.type), f = v.url.replace(jt, ""), v.hasContent ? v
-              .data && v.processData && 0 === (v.contentType || "").indexOf(
-                "application/x-www-form-urlencoded") && (v.data = v.data.replace(Nt, "+")) : (o = v.url.slice(f
-                  .length), v.data && (v.processData || "string" == typeof v.data) && (f += (Tt.test(f) ? "&" :
-                    "?") + v.data, delete v.data), !1 === v.cache && (f = f.replace(Dt, "$1"), o = (Tt.test(f) ?
-                      "&" : "?") + "_=" + wt.guid++ + o), v.url = f + o), v.ifModified && (S.lastModified[f] && T
-                        .setRequestHeader("If-Modified-Since", S.lastModified[f]), S.etag[f] && T.setRequestHeader(
-                          "If-None-Match", S.etag[f])), (v.data && v.hasContent && !1 !== v.contentType || t
-                            .contentType) && T.setRequestHeader("Content-Type", v.contentType), T.setRequestHeader("Accept", v
-                              .dataTypes[0] && v.accepts[v.dataTypes[0]] ? v.accepts[v.dataTypes[0]] + ("*" !== v.dataTypes[0] ?
-                                ", " + Rt + "; q=0.01" : "") : v.accepts["*"]), v.headers) T.setRequestHeader(i, v.headers[i]);
-          if (v.beforeSend && (!1 === v.beforeSend.call(y, T, v) || h)) return T.abort();
-          if (u = "abort", b.add(v.complete), T.done(v.success), T.fail(v.error), c = Wt(Pt, v, t, T)) {
-            if (T.readyState = 1, g && m.trigger("ajaxSend", [T, v]), h) return T;
-            v.async && 0 < v.timeout && (d = C.setTimeout(function () {
-              T.abort("timeout")
-            }, v.timeout));
-            try {
-              h = !1, c.send(a, l)
-            } catch (e) {
-              if (h) throw e;
-              l(-1, e)
-            }
-          } else l(-1, "No Transport");
-
-          function l(e, t, n, r) {
-            var i, o, a, s, u, l = t;
-            h || (h = !0, d && C.clearTimeout(d), c = void 0, p = r || "", T.readyState = 0 < e ? 4 : 0, i =
-              200 <= e && e < 300 || 304 === e, n && (s = function (e, t, n) {
-                var r, i, o, a, s = e.contents,
-                  u = e.dataTypes;
-                while ("*" === u[0]) u.shift(), void 0 === r && (r = e.mimeType || t.getResponseHeader(
-                  "Content-Type"));
-                if (r)
-                  for (i in s)
-                    if (s[i] && s[i].test(r)) {
-                      u.unshift(i);
-                      break
-                    } if (u[0] in n) o = u[0];
-                else {
-                  for (i in n) {
-                    if (!u[0] || e.converters[i + " " + u[0]]) {
-                      o = i;
-                      break
-                    }
-                    a || (a = i)
-                  }
-                  o = o || a
-                }
-                if (o) return o !== u[0] && u.unshift(o), n[o]
-              }(v, T, n)), !i && -1 < S.inArray("script", v.dataTypes) && S.inArray("json", v.dataTypes) <
-              0 && (v.converters["text script"] = function () { }), s = function (e, t, n, r) {
-                var i, o, a, s, u, l = {},
-                  c = e.dataTypes.slice();
-                if (c[1])
-                  for (a in e.converters) l[a.toLowerCase()] = e.converters[a];
-                o = c.shift();
-                while (o)
-                  if (e.responseFields[o] && (n[e.responseFields[o]] = t), !u && r && e.dataFilter && (t = e
-                    .dataFilter(t, e.dataType)), u = o, o = c.shift())
-                    if ("*" === o) o = u;
-                    else if ("*" !== u && u !== o) {
-                      if (!(a = l[u + " " + o] || l["* " + o]))
-                        for (i in l)
-                          if ((s = i.split(" "))[1] === o && (a = l[u + " " + s[0]] || l["* " + s[0]])) {
-                            !0 === a ? a = l[i] : !0 !== l[i] && (o = s[0], c.unshift(s[1]));
-                            break
-                          } if (!0 !== a)
-                        if (a && e["throws"]) t = a(t);
-                        else try {
-                          t = a(t)
-                        } catch (e) {
-                          return {
-                            state: "parsererror",
-                            error: a ? e : "No conversion from " + u + " to " + o
-                          }
-                        }
-                    }
-                return {
-                  state: "success",
-                  data: t
-                }
-              }(v, s, T, i), i ? (v.ifModified && ((u = T.getResponseHeader("Last-Modified")) && (S
-                .lastModified[f] = u), (u = T.getResponseHeader("etag")) && (S.etag[f] = u)), 204 === e ||
-                  "HEAD" === v.type ? l = "nocontent" : 304 === e ? l = "notmodified" : (l = s.state, o = s
-                    .data, i = !(a = s.error))) : (a = l, !e && l || (l = "error", e < 0 && (e = 0))), T
-                      .status = e, T.statusText = (t || l) + "", i ? x.resolveWith(y, [o, l, T]) : x.rejectWith(y, [T,
-                        l, a
-                      ]), T.statusCode(w), w = void 0, g && m.trigger(i ? "ajaxSuccess" : "ajaxError", [T, v, i ? o :
-                        a
-                      ]), b.fireWith(y, [T, l]), g && (m.trigger("ajaxComplete", [T, v]), --S.active || S.event
-                        .trigger("ajaxStop")))
-          }
-          return T
-        },
-        getJSON: function (e, t, n) {
-          return S.get(e, t, n, "json")
-        },
-        getScript: function (e, t) {
-          return S.get(e, void 0, t, "script")
-        }
-      }), S.each(["get", "post"], function (e, i) {
-        S[i] = function (e, t, n, r) {
-          return m(t) && (r = r || n, n = t, t = void 0), S.ajax(S.extend({
-            url: e,
-            type: i,
-            dataType: r,
-            data: t,
-            success: n
-          }, S.isPlainObject(e) && e))
-        }
-      }), S.ajaxPrefilter(function (e) {
-        var t;
-        for (t in e.headers) "content-type" === t.toLowerCase() && (e.contentType = e.headers[t] || "")
-      }), S._evalUrl = function (e, t, n) {
-        return S.ajax({
-          url: e,
-          type: "GET",
-          dataType: "script",
-          cache: !0,
-          async: !1,
-          global: !1,
-          converters: {
-            "text script": function () { }
-          },
-          dataFilter: function (e) {
-            S.globalEval(e, t, n)
-          }
-        })
-      }, S.fn.extend({
-        wrapAll: function (e) {
-          var t;
-          return this[0] && (m(e) && (e = e.call(this[0])), t = S(e, this[0].ownerDocument).eq(0).clone(!0),
-            this[0].parentNode && t.insertBefore(this[0]), t.map(function () {
-              var e = this;
-              while (e.firstElementChild) e = e.firstElementChild;
-              return e
-            }).append(this)), this
-        },
-        wrapInner: function (n) {
-          return m(n) ? this.each(function (e) {
-            S(this).wrapInner(n.call(this, e))
-          }) : this.each(function () {
-            var e = S(this),
-              t = e.contents();
-            t.length ? t.wrapAll(n) : e.append(n)
-          })
-        },
-        wrap: function (t) {
-          var n = m(t);
-          return this.each(function (e) {
-            S(this).wrapAll(n ? t.call(this, e) : t)
-          })
-        },
-        unwrap: function (e) {
-          return this.parent(e).not("body").each(function () {
-            S(this).replaceWith(this.childNodes)
-          }), this
-        }
-      }), S.expr.pseudos.hidden = function (e) {
-        return !S.expr.pseudos.visible(e)
-      }, S.expr.pseudos.visible = function (e) {
-        return !!(e.offsetWidth || e.offsetHeight || e.getClientRects().length)
-      }, S.ajaxSettings.xhr = function () {
-        try {
-          return new C.XMLHttpRequest
-        } catch (e) { }
-      };
-      var Bt = {
-        0: 200,
-        1223: 204
-      },
-        $t = S.ajaxSettings.xhr();
-      y.cors = !!$t && "withCredentials" in $t, y.ajax = $t = !!$t, S.ajaxTransport(function (i) {
-        var o, a;
-        if (y.cors || $t && !i.crossDomain) return {
-          send: function (e, t) {
-            var n, r = i.xhr();
-            if (r.open(i.type, i.url, i.async, i.username, i.password), i.xhrFields)
-              for (n in i.xhrFields) r[n] = i.xhrFields[n];
-            for (n in i.mimeType && r.overrideMimeType && r.overrideMimeType(i.mimeType), i.crossDomain || e[
-              "X-Requested-With"] || (e["X-Requested-With"] = "XMLHttpRequest"), e) r.setRequestHeader(n, e[
-                n]);
-            o = function (e) {
-              return function () {
-                o && (o = a = r.onload = r.onerror = r.onabort = r.ontimeout = r.onreadystatechange =
-                  null, "abort" === e ? r.abort() : "error" === e ? "number" != typeof r.status ? t(0,
-                    "error") : t(r.status, r.statusText) : t(Bt[r.status] || r.status, r.statusText,
-                      "text" !== (r.responseType || "text") || "string" != typeof r.responseText ? {
-                        binary: r.response
-                      } : {
-                        text: r.responseText
-                      }, r.getAllResponseHeaders()))
-              }
-            }, r.onload = o(), a = r.onerror = r.ontimeout = o("error"), void 0 !== r.onabort ? r.onabort =
-              a : r.onreadystatechange = function () {
-                4 === r.readyState && C.setTimeout(function () {
-                  o && a()
-                })
-              }, o = o("abort");
-            try {
-              r.send(i.hasContent && i.data || null)
-            } catch (e) {
-              if (o) throw e
-            }
-          },
-          abort: function () {
-            o && o()
-          }
-        }
-      }), S.ajaxPrefilter(function (e) {
-        e.crossDomain && (e.contents.script = !1)
-      }), S.ajaxSetup({
-        accepts: {
-          script: "text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"
-        },
-        contents: {
-          script: /\b(?:java|ecma)script\b/
-        },
-        converters: {
-          "text script": function (e) {
-            return S.globalEval(e), e
-          }
-        }
-      }), S.ajaxPrefilter("script", function (e) {
-        void 0 === e.cache && (e.cache = !1), e.crossDomain && (e.type = "GET")
-      }), S.ajaxTransport("script", function (n) {
-        var r, i;
-        if (n.crossDomain || n.scriptAttrs) return {
-          send: function (e, t) {
-            r = S("<script>").attr(n.scriptAttrs || {}).prop({
-              charset: n.scriptCharset,
-              src: n.url
-            }).on("load error", i = function (e) {
-              r.remove(), i = null, e && t("error" === e.type ? 404 : 200, e.type)
-            }), E.head.appendChild(r[0])
-          },
-          abort: function () {
-            i && i()
-          }
-        }
-      });
-      var _t, zt = [],
-        Ut = /(=)\?(?=&|$)|\?\?/;
-      S.ajaxSetup({
-        jsonp: "callback",
-        jsonpCallback: function () {
-          var e = zt.pop() || S.expando + "_" + wt.guid++;
-          return this[e] = !0, e
-        }
-      }), S.ajaxPrefilter("json jsonp", function (e, t, n) {
-        var r, i, o, a = !1 !== e.jsonp && (Ut.test(e.url) ? "url" : "string" == typeof e.data && 0 === (e
-          .contentType || "").indexOf("application/x-www-form-urlencoded") && Ut.test(e.data) && "data");
-        if (a || "jsonp" === e.dataTypes[0]) return r = e.jsonpCallback = m(e.jsonpCallback) ? e.jsonpCallback() :
-          e.jsonpCallback, a ? e[a] = e[a].replace(Ut, "$1" + r) : !1 !== e.jsonp && (e.url += (Tt.test(e.url) ?
-            "&" : "?") + e.jsonp + "=" + r), e.converters["script json"] = function () {
-              return o || S.error(r + " was not called"), o[0]
-            }, e.dataTypes[0] = "json", i = C[r], C[r] = function () {
-              o = arguments
-            }, n.always(function () {
-              void 0 === i ? S(C).removeProp(r) : C[r] = i, e[r] && (e.jsonpCallback = t.jsonpCallback, zt.push(
-                r)), o && m(i) && i(o[0]), o = i = void 0
-            }), "script"
-      }), y.createHTMLDocument = ((_t = E.implementation.createHTMLDocument("").body).innerHTML =
-        "<form></form><form></form>", 2 === _t.childNodes.length), S.parseHTML = function (e, t, n) {
-          return "string" != typeof e ? [] : ("boolean" == typeof t && (n = t, t = !1), t || (y.createHTMLDocument ? (
-            (r = (t = E.implementation.createHTMLDocument("")).createElement("base")).href = E.location.href, t
-              .head.appendChild(r)) : t = E), o = !n && [], (i = N.exec(e)) ? [t.createElement(i[1])] : (i = xe([e],
-                t, o), o && o.length && S(o).remove(), S.merge([], i.childNodes)));
-          var r, i, o
-        }, S.fn.load = function (e, t, n) {
-          var r, i, o, a = this,
-            s = e.indexOf(" ");
-          return -1 < s && (r = ht(e.slice(s)), e = e.slice(0, s)), m(t) ? (n = t, t = void 0) : t && "object" ==
-            typeof t && (i = "POST"), 0 < a.length && S.ajax({
-              url: e,
-              type: i || "GET",
-              dataType: "html",
-              data: t
-            }).done(function (e) {
-              o = arguments, a.html(r ? S("<div>").append(S.parseHTML(e)).find(r) : e)
-            }).always(n && function (e, t) {
-              a.each(function () {
-                n.apply(this, o || [e.responseText, t, e])
-              })
-            }), this
-        }, S.expr.pseudos.animated = function (t) {
-          return S.grep(S.timers, function (e) {
-            return t === e.elem
-          }).length
-        }, S.offset = {
-          setOffset: function (e, t, n) {
-            var r, i, o, a, s, u, l = S.css(e, "position"),
-              c = S(e),
-              f = {};
-            "static" === l && (e.style.position = "relative"), s = c.offset(), o = S.css(e, "top"), u = S.css(e,
-              "left"), ("absolute" === l || "fixed" === l) && -1 < (o + u).indexOf("auto") ? (a = (r = c
-                .position()).top, i = r.left) : (a = parseFloat(o) || 0, i = parseFloat(u) || 0), m(t) && (t = t.call(
-                  e, n, S.extend({}, s))), null != t.top && (f.top = t.top - s.top + a), null != t.left && (f.left = t
-                    .left - s.left + i), "using" in t ? t.using.call(e, f) : c.css(f)
-          }
-        }, S.fn.extend({
-          offset: function (t) {
-            if (arguments.length) return void 0 === t ? this : this.each(function (e) {
-              S.offset.setOffset(this, t, e)
-            });
-            var e, n, r = this[0];
-            return r ? r.getClientRects().length ? (e = r.getBoundingClientRect(), n = r.ownerDocument
-              .defaultView, {
-              top: e.top + n.pageYOffset,
-              left: e.left + n.pageXOffset
-            }) : {
-              top: 0,
-              left: 0
-            } : void 0
-          },
-          position: function () {
-            if (this[0]) {
-              var e, t, n, r = this[0],
-                i = {
-                  top: 0,
-                  left: 0
-                };
-              if ("fixed" === S.css(r, "position")) t = r.getBoundingClientRect();
-              else {
-                t = this.offset(), n = r.ownerDocument, e = r.offsetParent || n.documentElement;
-                while (e && (e === n.body || e === n.documentElement) && "static" === S.css(e, "position")) e = e
-                  .parentNode;
-                e && e !== r && 1 === e.nodeType && ((i = S(e).offset()).top += S.css(e, "borderTopWidth", !0), i
-                  .left += S.css(e, "borderLeftWidth", !0))
-              }
-              return {
-                top: t.top - i.top - S.css(r, "marginTop", !0),
-                left: t.left - i.left - S.css(r, "marginLeft", !0)
-              }
-            }
-          },
-          offsetParent: function () {
-            return this.map(function () {
-              var e = this.offsetParent;
-              while (e && "static" === S.css(e, "position")) e = e.offsetParent;
-              return e || re
-            })
-          }
-        }), S.each({
-          scrollLeft: "pageXOffset",
-          scrollTop: "pageYOffset"
-        }, function (t, i) {
-          var o = "pageYOffset" === i;
-          S.fn[t] = function (e) {
-            return $(this, function (e, t, n) {
-              var r;
-              if (x(e) ? r = e : 9 === e.nodeType && (r = e.defaultView), void 0 === n) return r ? r[i] : e[
-                t];
-              r ? r.scrollTo(o ? r.pageXOffset : n, o ? n : r.pageYOffset) : e[t] = n
-            }, t, e, arguments.length)
-          }
-        }), S.each(["top", "left"], function (e, n) {
-          S.cssHooks[n] = Fe(y.pixelPosition, function (e, t) {
-            if (t) return t = We(e, n), Pe.test(t) ? S(e).position()[n] + "px" : t
-          })
-        }), S.each({
-          Height: "height",
-          Width: "width"
-        }, function (a, s) {
-          S.each({
-            padding: "inner" + a,
-            content: s,
-            "": "outer" + a
-          }, function (r, o) {
-            S.fn[o] = function (e, t) {
-              var n = arguments.length && (r || "boolean" != typeof e),
-                i = r || (!0 === e || !0 === t ? "margin" : "border");
-              return $(this, function (e, t, n) {
-                var r;
-                return x(e) ? 0 === o.indexOf("outer") ? e["inner" + a] : e.document.documentElement[
-                  "client" + a] : 9 === e.nodeType ? (r = e.documentElement, Math.max(e.body["scroll" +
-                    a], r["scroll" + a], e.body["offset" + a], r["offset" + a], r["client" + a])) :
-                  void 0 === n ? S.css(e, t, i) : S.style(e, t, n, i)
-              }, s, n ? e : void 0, n)
-            }
-          })
-        }), S.each(["ajaxStart", "ajaxStop", "ajaxComplete", "ajaxError", "ajaxSuccess", "ajaxSend"], function (e,
-          t) {
-          S.fn[t] = function (e) {
-            return this.on(t, e)
-          }
-        }), S.fn.extend({
-          bind: function (e, t, n) {
-            return this.on(e, null, t, n)
-          },
-          unbind: function (e, t) {
-            return this.off(e, null, t)
-          },
-          delegate: function (e, t, n, r) {
-            return this.on(t, e, n, r)
-          },
-          undelegate: function (e, t, n) {
-            return 1 === arguments.length ? this.off(e, "**") : this.off(t, e || "**", n)
-          },
-          hover: function (e, t) {
-            return this.mouseenter(e).mouseleave(t || e)
-          }
-        }), S.each(
-          "blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu"
-            .split(" "),
-          function (e, n) {
-            S.fn[n] = function (e, t) {
-              return 0 < arguments.length ? this.on(n, null, e, t) : this.trigger(n)
-            }
-          });
-      var Xt = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;
-      S.proxy = function (e, t) {
-        var n, r, i;
-        if ("string" == typeof t && (n = e[t], t = e, e = n), m(e)) return r = s.call(arguments, 2), (i =
-          function () {
-            return e.apply(t || this, r.concat(s.call(arguments)))
-          }).guid = e.guid = e.guid || S.guid++, i
-      }, S.holdReady = function (e) {
-        e ? S.readyWait++ : S.ready(!0)
-      }, S.isArray = Array.isArray, S.parseJSON = JSON.parse, S.nodeName = A, S.isFunction = m, S.isWindow = x, S
-        .camelCase = X, S.type = w, S.now = Date.now, S.isNumeric = function (e) {
-          var t = S.type(e);
-          return ("number" === t || "string" === t) && !isNaN(e - parseFloat(e))
-        }, S.trim = function (e) {
-          return null == e ? "" : (e + "").replace(Xt, "")
-        }, "function" == typeof define && define.amd && define("jquery", [], function () {
-          return S
-        });
-      var Vt = C.jQuery,
-        Gt = C.$;
-      return S.noConflict = function (e) {
-        return C.$ === S && (C.$ = Gt), e && C.jQuery === S && (C.jQuery = Vt), S
-      }, "undefined" == typeof e && (C.jQuery = C.$ = S), S
-    });
-  </script>
-  <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
-  <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css" />
-  <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
-  <!--end Slick CSS -->
-
-  <!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"
-    integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous">
-  </script> -->
-
-  <!-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> -->
-  <style type="text/css">
-    /*!
- * Bootstrap v4.3.1 (https://getbootstrap.com/)
- * Copyright 2011-2019 The Bootstrap Authors
- * Copyright 2011-2019 Twitter, Inc.
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- */
-    :root {
-      --blue: #007bff;
-      --indigo: #6610f2;
-      --purple: #6f42c1;
-      --pink: #e83e8c;
-      --red: #dc3545;
-      --orange: #fd7e14;
-      --yellow: #ffc107;
-      --green: #28a745;
-      --teal: #20c997;
-      --cyan: #17a2b8;
-      --white: #fff;
-      --gray: #6c757d;
-      --gray-dark: #343a40;
-      --primary: #007bff;
-      --secondary: #6c757d;
-      --success: #28a745;
-      --info: #17a2b8;
-      --warning: #ffc107;
-      --danger: #dc3545;
-      --light: #f8f9fa;
-      --dark: #343a40;
-      --breakpoint-xs: 0;
-      --breakpoint-sm: 576px;
-      --breakpoint-md: 768px;
-      --breakpoint-lg: 992px;
-      --breakpoint-xl: 1200px;
-      --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-      --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
-    }
-
-    *,
-    ::after,
-    ::before {
-      box-sizing: border-box
-    }
-
-    html {
-      font-family: sans-serif;
-      line-height: 1.15;
-      -webkit-text-size-adjust: 100%;
-      -webkit-tap-highlight-color: transparent
-    }
-
-    article,
-    aside,
-    figcaption,
-    figure,
-    footer,
-    header,
-    hgroup,
-    main,
-    nav,
-    section {
-      display: block
-    }
-
-    body {
-      margin: 0;
-      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-      font-size: 1rem;
-      font-weight: 400;
-      line-height: 1.5;
-      color: #212529;
-      text-align: left;
-      background-color: #fff
-    }
-
-    [tabindex="-1"]:focus {
-      outline: 0 !important
-    }
-
-    hr {
-      box-sizing: content-box;
-      height: 0;
-      overflow: visible
-    }
-
-    h1,
-    h2,
-    h3,
-    h4,
-    h5,
-    h6 {
-      margin-top: 0;
-      margin-bottom: .5rem
-    }
-
-    p {
-      margin-top: 0;
-      margin-bottom: 1rem
-    }
-
-    abbr[data-original-title],
-    abbr[title] {
-      text-decoration: underline;
-      -webkit-text-decoration: underline dotted;
-      text-decoration: underline dotted;
-      cursor: help;
-      border-bottom: 0;
-      -webkit-text-decoration-skip-ink: none;
-      text-decoration-skip-ink: none
-    }
-
-    address {
-      margin-bottom: 1rem;
-      font-style: normal;
-      line-height: inherit
-    }
-
-    dl,
-    ol,
-    ul {
-      margin-top: 0;
-      margin-bottom: 1rem
-    }
-
-    ol ol,
-    ol ul,
-    ul ol,
-    ul ul {
-      margin-bottom: 0
-    }
-
-    dt {
-      font-weight: 700
-    }
-
-    dd {
-      margin-bottom: .5rem;
-      margin-left: 0
-    }
-
-    blockquote {
-      margin: 0 0 1rem
-    }
-
-    b,
-    strong {
-      font-weight: bolder
-    }
-
-    small {
-      font-size: 80%
-    }
-
-    sub,
-    sup {
-      position: relative;
-      font-size: 75%;
-      line-height: 0;
-      vertical-align: baseline
-    }
-
-    sub {
-      bottom: -.25em
-    }
-
-    sup {
-      top: -.5em
-    }
-
-    a {
-      color: #007bff;
-      text-decoration: none;
-      background-color: transparent
-    }
-
-    a:hover {
-      color: #0056b3;
-      text-decoration: underline
-    }
-
-    a:not([href]):not([tabindex]) {
-      color: inherit;
-      text-decoration: none
-    }
-
-    a:not([href]):not([tabindex]):focus,
-    a:not([href]):not([tabindex]):hover {
-      color: inherit;
-      text-decoration: none
-    }
-
-    a:not([href]):not([tabindex]):focus {
-      outline: 0
-    }
-
-    code,
-    kbd,
-    pre,
-    samp {
-      font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-      font-size: 1em
-    }
-
-    pre {
-      margin-top: 0;
-      margin-bottom: 1rem;
-      overflow: auto
-    }
-
-    figure {
-      margin: 0 0 1rem
-    }
-
-    img {
-      vertical-align: middle;
-      border-style: none
-    }
-
-    svg {
-      overflow: hidden;
-      vertical-align: middle
-    }
-
-    table {
-      border-collapse: collapse
-    }
-
-    caption {
-      padding-top: .75rem;
-      padding-bottom: .75rem;
-      color: #6c757d;
-      text-align: left;
-      caption-side: bottom
-    }
-
-    th {
-      text-align: inherit
-    }
-
-    label {
-      display: inline-block;
-      margin-bottom: .5rem
-    }
-
-    button {
-      border-radius: 0
-    }
-
-    button:focus {
-      outline: 0px dotted;
-      outline: 0px auto -webkit-focus-ring-color
-    }
-
-    button,
-    input,
-    optgroup,
-    select,
-    textarea {
-      margin: 0;
-      font-family: inherit;
-      font-size: inherit;
-      line-height: inherit
-    }
-
-    button,
-    input {
-      overflow: visible
-    }
-
-    button,
-    select {
-      text-transform: none
-    }
-
-    select {
-      word-wrap: normal
-    }
-
-    [type=button],
-    [type=reset],
-    [type=submit],
-    button {
-      -webkit-appearance: button
-    }
-
-    [type=button]:not(:disabled),
-    [type=reset]:not(:disabled),
-    [type=submit]:not(:disabled),
-    button:not(:disabled) {
-      cursor: pointer
-    }
-
-    [type=button]::-moz-focus-inner,
-    [type=reset]::-moz-focus-inner,
-    [type=submit]::-moz-focus-inner,
-    button::-moz-focus-inner {
-      padding: 0;
-      border-style: none
-    }
-
-    input[type=checkbox],
-    input[type=radio] {
-      box-sizing: border-box;
-      padding: 0
-    }
-
-    input[type=date],
-    input[type=datetime-local],
-    input[type=month],
-    input[type=time] {
-      -webkit-appearance: listbox
-    }
-
-    textarea {
-      overflow: auto;
-      resize: vertical
-    }
-
-    fieldset {
-      min-width: 0;
-      padding: 0;
-      margin: 0;
-      border: 0
-    }
-
-    legend {
-      display: block;
-      width: 100%;
-      max-width: 100%;
-      padding: 0;
-      margin-bottom: .5rem;
-      font-size: 1.5rem;
-      line-height: inherit;
-      color: inherit;
-      white-space: normal
-    }
-
-    progress {
-      vertical-align: baseline
-    }
-
-    [type=number]::-webkit-inner-spin-button,
-    [type=number]::-webkit-outer-spin-button {
-      height: auto
-    }
-
-    [type=search] {
-      outline-offset: -2px;
-      -webkit-appearance: none
-    }
-
-    [type=search]::-webkit-search-decoration {
-      -webkit-appearance: none
-    }
-
-    ::-webkit-file-upload-button {
-      font: inherit;
-      -webkit-appearance: button
-    }
-
-    output {
-      display: inline-block
-    }
-
-    summary {
-      display: list-item;
-      cursor: pointer
-    }
-
-    template {
-      display: none
-    }
-
-    [hidden] {
-      display: none !important
-    }
-
-    .h1,
-    .h2,
-    .h3,
-    .h4,
-    .h5,
-    .h6,
-    h1,
-    h2,
-    h3,
-    h4,
-    h5,
-    h6 {
-      margin-bottom: .5rem;
-      font-weight: 500;
-      line-height: 1.2
-    }
-
-    .h1,
-    h1 {
-      font-size: 2.5rem
-    }
-
-    .h2,
-    h2 {
-      font-size: 2rem
-    }
-
-    .h3,
-    h3 {
-      font-size: 1.75rem
-    }
-
-    .h4,
-    h4 {
-      font-size: 1.5rem
-    }
-
-    .h5,
-    h5 {
-      font-size: 1.25rem
-    }
-
-    .h6,
-    h6 {
-      font-size: 1rem
-    }
-
-    .lead {
-      font-size: 1.25rem;
-      font-weight: 300
-    }
-
-    .display-1 {
-      font-size: 6rem;
-      font-weight: 300;
-      line-height: 1.2
-    }
-
-    .display-2 {
-      font-size: 5.5rem;
-      font-weight: 300;
-      line-height: 1.2
-    }
-
-    .display-3 {
-      font-size: 4.5rem;
-      font-weight: 300;
-      line-height: 1.2
-    }
-
-    .display-4 {
-      font-size: 3.5rem;
-      font-weight: 300;
-      line-height: 1.2
-    }
-
-    hr {
-      margin-top: 1rem;
-      margin-bottom: 1rem;
-      border: 0;
-      border-top: 1px solid rgba(0, 0, 0, .1)
-    }
-
-    .small,
-    small {
-      font-size: 80%;
-      font-weight: 400
-    }
-
-    .mark,
-    mark {
-      padding: .2em;
-      background-color: #fcf8e3
-    }
-
-    .list-unstyled {
-      padding-left: 0;
-      list-style: none
-    }
-
-    .list-inline {
-      padding-left: 0;
-      list-style: none
-    }
-
-    .list-inline-item {
-      display: inline-block
-    }
-
-    .list-inline-item:not(:last-child) {
-      margin-right: .5rem
-    }
-
-    .initialism {
-      font-size: 90%;
-      text-transform: uppercase
-    }
-
-    .blockquote {
-      margin-bottom: 1rem;
-      font-size: 1.25rem
-    }
-
-    .blockquote-footer {
-      display: block;
-      font-size: 80%;
-      color: #6c757d
-    }
-
-    .blockquote-footer::before {
-      content: "\2014\00A0"
-    }
-
-    .img-fluid {
-      max-width: 100%;
-      height: auto
-    }
-
-    .img-thumbnail {
-      padding: .25rem;
-      background-color: #fff;
-      border: 1px solid #dee2e6;
-      border-radius: .25rem;
-      max-width: 100%;
-      height: auto
-    }
-
-    .figure {
-      display: inline-block
-    }
-
-    .figure-img {
-      margin-bottom: .5rem;
-      line-height: 1
-    }
-
-    .figure-caption {
-      font-size: 90%;
-      color: #6c757d
-    }
-
-    code {
-      font-size: 87.5%;
-      color: #e83e8c;
-      word-break: break-word
-    }
-
-    a>code {
-      color: inherit
-    }
-
-    kbd {
-      padding: .2rem .4rem;
-      font-size: 87.5%;
-      color: #fff;
-      background-color: #212529;
-      border-radius: .2rem
-    }
-
-    kbd kbd {
-      padding: 0;
-      font-size: 100%;
-      font-weight: 700
-    }
-
-    pre {
-      display: block;
-      font-size: 87.5%;
-      color: #212529
-    }
-
-    pre code {
-      font-size: inherit;
-      color: inherit;
-      word-break: normal
-    }
-
-    .pre-scrollable {
-      max-height: 340px;
-      overflow-y: scroll
-    }
-
-    .container {
-      width: 100%;
-      padding-right: 15px;
-      padding-left: 15px;
-      margin-right: auto;
-      margin-left: auto
-    }
-
-    @media (min-width:576px) {
-      .container {
-        max-width: 540px
-      }
-    }
-
-    @media (min-width:768px) {
-      .container {
-        max-width: 720px
-      }
-    }
-
-    @media (min-width:992px) {
-      .container {
-        max-width: 960px
-      }
-    }
-
-    @media (min-width:1200px) {
-      .container {
-        max-width: 1140px
-      }
-    }
-
-    .container-fluid {
-      width: 100%;
-      padding-right: 15px;
-      padding-left: 15px;
-      margin-right: auto;
-      margin-left: auto
-    }
-
-    .row {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-      /* margin-right: -15px;
-      margin-left: -15px */
-      margin-top: 1em;
-    }
-
-    .no-gutters {
-      margin-right: 0;
-      margin-left: 0
-    }
-
-    .no-gutters>.col,
-    .no-gutters>[class*=col-] {
-      padding-right: 0;
-      padding-left: 0
-    }
-
-    .col,
-    .col-1,
-    .col-10,
-    .col-11,
-    .col-12,
-    .col-2,
-    .col-3,
-    .col-4,
-    .col-5,
-    .col-6,
-    .col-7,
-    .col-8,
-    .col-9,
-    .col-auto,
-    .col-lg,
-    .col-lg-1,
-    .col-lg-10,
-    .col-lg-11,
-    .col-lg-12,
-    .col-lg-2,
-    .col-lg-3,
-    .col-lg-4,
-    .col-lg-5,
-    .col-lg-6,
-    .col-lg-7,
-    .col-lg-8,
-    .col-lg-9,
-    .col-lg-auto,
-    .col-md,
-    .col-md-1,
-    .col-md-10,
-    .col-md-11,
-    .col-md-12,
-    .col-md-2,
-    .col-md-3,
-    .col-md-4,
-    .col-md-5,
-    .col-md-6,
-    .col-md-7,
-    .col-md-8,
-    .col-md-9,
-    .col-md-auto,
-    .col-sm,
-    .col-sm-1,
-    .col-sm-10,
-    .col-sm-11,
-    .col-sm-12,
-    .col-sm-2,
-    .col-sm-3,
-    .col-sm-4,
-    .col-sm-5,
-    .col-sm-6,
-    .col-sm-7,
-    .col-sm-8,
-    .col-sm-9,
-    .col-sm-auto,
-    .col-xl,
-    .col-xl-1,
-    .col-xl-10,
-    .col-xl-11,
-    .col-xl-12,
-    .col-xl-2,
-    .col-xl-3,
-    .col-xl-4,
-    .col-xl-5,
-    .col-xl-6,
-    .col-xl-7,
-    .col-xl-8,
-    .col-xl-9,
-    .col-xl-auto {
-      position: relative;
-      width: 100%;
-      padding-right: 15px;
-      padding-left: 15px
-    }
-
-    .col {
-      -ms-flex-preferred-size: 0;
-      flex-basis: 0;
-      -ms-flex-positive: 1;
-      flex-grow: 1;
-      max-width: 100%
-    }
-
-    .col-auto {
-      -ms-flex: 0 0 auto;
-      flex: 0 0 auto;
-      width: auto;
-      max-width: 100%
-    }
-
-    .col-1 {
-      -ms-flex: 0 0 8.333333%;
-      flex: 0 0 8.333333%;
-      max-width: 8.333333%
-    }
-
-    .col-2 {
-      -ms-flex: 0 0 16.666667%;
-      flex: 0 0 16.666667%;
-      max-width: 16.666667%
-    }
-
-    .col-3 {
-      -ms-flex: 0 0 25%;
-      flex: 0 0 25%;
-      max-width: 25%
-    }
-
-    .col-4 {
-      -ms-flex: 0 0 33.333333%;
-      flex: 0 0 33.333333%;
-      max-width: 33.333333%
-    }
-
-    .col-5 {
-      -ms-flex: 0 0 41.666667%;
-      flex: 0 0 41.666667%;
-      max-width: 41.666667%
-    }
-
-    .col-6 {
-      -ms-flex: 0 0 50%;
-      flex: 0 0 50%;
-      max-width: 50%
-    }
-
-    .col-7 {
-      -ms-flex: 0 0 58.333333%;
-      flex: 0 0 58.333333%;
-      max-width: 58.333333%
-    }
-
-    .col-8 {
-      -ms-flex: 0 0 66.666667%;
-      flex: 0 0 66.666667%;
-      max-width: 66.666667%
-    }
-
-    .col-9 {
-      -ms-flex: 0 0 75%;
-      flex: 0 0 75%;
-      max-width: 75%
-    }
-
-    .col-10 {
-      -ms-flex: 0 0 83.333333%;
-      flex: 0 0 83.333333%;
-      max-width: 83.333333%
-    }
-
-    .col-11 {
-      -ms-flex: 0 0 91.666667%;
-      flex: 0 0 91.666667%;
-      max-width: 91.666667%
-    }
-
-    .col-12 {
-      -ms-flex: 0 0 100%;
-      flex: 0 0 100%;
-      max-width: 100%
-    }
-
-    .order-first {
-      -ms-flex-order: -1;
-      order: -1
-    }
-
-    .order-last {
-      -ms-flex-order: 13;
-      order: 13
-    }
-
-    .order-0 {
-      -ms-flex-order: 0;
-      order: 0
-    }
-
-    .order-1 {
-      -ms-flex-order: 1;
-      order: 1
-    }
-
-    .order-2 {
-      -ms-flex-order: 2;
-      order: 2
-    }
-
-    .order-3 {
-      -ms-flex-order: 3;
-      order: 3
-    }
-
-    .order-4 {
-      -ms-flex-order: 4;
-      order: 4
-    }
-
-    .order-5 {
-      -ms-flex-order: 5;
-      order: 5
-    }
-
-    .order-6 {
-      -ms-flex-order: 6;
-      order: 6
-    }
-
-    .order-7 {
-      -ms-flex-order: 7;
-      order: 7
-    }
-
-    .order-8 {
-      -ms-flex-order: 8;
-      order: 8
-    }
-
-    .order-9 {
-      -ms-flex-order: 9;
-      order: 9
-    }
-
-    .order-10 {
-      -ms-flex-order: 10;
-      order: 10
-    }
-
-    .order-11 {
-      -ms-flex-order: 11;
-      order: 11
-    }
-
-    .order-12 {
-      -ms-flex-order: 12;
-      order: 12
-    }
-
-    .offset-1 {
-      margin-left: 8.333333%
-    }
-
-    .offset-2 {
-      margin-left: 16.666667%
-    }
-
-    .offset-3 {
-      margin-left: 25%
-    }
-
-    .offset-4 {
-      margin-left: 33.333333%
-    }
-
-    .offset-5 {
-      margin-left: 41.666667%
-    }
-
-    .offset-6 {
-      margin-left: 50%
-    }
-
-    .offset-7 {
-      margin-left: 58.333333%
-    }
-
-    .offset-8 {
-      margin-left: 66.666667%
-    }
-
-    .offset-9 {
-      margin-left: 75%
-    }
-
-    .offset-10 {
-      margin-left: 83.333333%
-    }
-
-    .offset-11 {
-      margin-left: 91.666667%
-    }
-
-    @media (min-width:576px) {
-      .col-sm {
-        -ms-flex-preferred-size: 0;
-        flex-basis: 0;
-        -ms-flex-positive: 1;
-        flex-grow: 1;
-        max-width: 100%
-      }
-
-      .col-sm-auto {
-        -ms-flex: 0 0 auto;
-        flex: 0 0 auto;
-        width: auto;
-        max-width: 100%
-      }
-
-      .col-sm-1 {
-        -ms-flex: 0 0 8.333333%;
-        flex: 0 0 8.333333%;
-        max-width: 8.333333%
-      }
-
-      .col-sm-2 {
-        -ms-flex: 0 0 16.666667%;
-        flex: 0 0 16.666667%;
-        max-width: 16.666667%
-      }
-
-      .col-sm-3 {
-        -ms-flex: 0 0 25%;
-        flex: 0 0 25%;
-        max-width: 25%
-      }
-
-      .col-sm-4 {
-        -ms-flex: 0 0 33.333333%;
-        flex: 0 0 33.333333%;
-        max-width: 33.333333%
-      }
-
-      .col-sm-5 {
-        -ms-flex: 0 0 41.666667%;
-        flex: 0 0 41.666667%;
-        max-width: 41.666667%
-      }
-
-      .col-sm-6 {
-        -ms-flex: 0 0 50%;
-        flex: 0 0 50%;
-        max-width: 50%
-      }
-
-      .col-sm-7 {
-        -ms-flex: 0 0 58.333333%;
-        flex: 0 0 58.333333%;
-        max-width: 58.333333%
-      }
-
-      .col-sm-8 {
-        -ms-flex: 0 0 66.666667%;
-        flex: 0 0 66.666667%;
-        max-width: 66.666667%
-      }
-
-      .col-sm-9 {
-        -ms-flex: 0 0 75%;
-        flex: 0 0 75%;
-        max-width: 75%
-      }
-
-      .col-sm-10 {
-        -ms-flex: 0 0 83.333333%;
-        flex: 0 0 83.333333%;
-        max-width: 83.333333%
-      }
-
-      .col-sm-11 {
-        -ms-flex: 0 0 91.666667%;
-        flex: 0 0 91.666667%;
-        max-width: 91.666667%
-      }
-
-      .col-sm-12 {
-        -ms-flex: 0 0 100%;
-        flex: 0 0 100%;
-        max-width: 100%
-      }
-
-      .order-sm-first {
-        -ms-flex-order: -1;
-        order: -1
-      }
-
-      .order-sm-last {
-        -ms-flex-order: 13;
-        order: 13
-      }
-
-      .order-sm-0 {
-        -ms-flex-order: 0;
-        order: 0
-      }
-
-      .order-sm-1 {
-        -ms-flex-order: 1;
-        order: 1
-      }
-
-      .order-sm-2 {
-        -ms-flex-order: 2;
-        order: 2
-      }
-
-      .order-sm-3 {
-        -ms-flex-order: 3;
-        order: 3
-      }
-
-      .order-sm-4 {
-        -ms-flex-order: 4;
-        order: 4
-      }
-
-      .order-sm-5 {
-        -ms-flex-order: 5;
-        order: 5
-      }
-
-      .order-sm-6 {
-        -ms-flex-order: 6;
-        order: 6
-      }
-
-      .order-sm-7 {
-        -ms-flex-order: 7;
-        order: 7
-      }
-
-      .order-sm-8 {
-        -ms-flex-order: 8;
-        order: 8
-      }
-
-      .order-sm-9 {
-        -ms-flex-order: 9;
-        order: 9
-      }
-
-      .order-sm-10 {
-        -ms-flex-order: 10;
-        order: 10
-      }
-
-      .order-sm-11 {
-        -ms-flex-order: 11;
-        order: 11
-      }
-
-      .order-sm-12 {
-        -ms-flex-order: 12;
-        order: 12
-      }
-
-      .offset-sm-0 {
-        margin-left: 0
-      }
-
-      .offset-sm-1 {
-        margin-left: 8.333333%
-      }
-
-      .offset-sm-2 {
-        margin-left: 16.666667%
-      }
-
-      .offset-sm-3 {
-        margin-left: 25%
-      }
-
-      .offset-sm-4 {
-        margin-left: 33.333333%
-      }
-
-      .offset-sm-5 {
-        margin-left: 41.666667%
-      }
-
-      .offset-sm-6 {
-        margin-left: 50%
-      }
-
-      .offset-sm-7 {
-        margin-left: 58.333333%
-      }
-
-      .offset-sm-8 {
-        margin-left: 66.666667%
-      }
-
-      .offset-sm-9 {
-        margin-left: 75%
-      }
-
-      .offset-sm-10 {
-        margin-left: 83.333333%
-      }
-
-      .offset-sm-11 {
-        margin-left: 91.666667%
-      }
-    }
-
-    @media (min-width:768px) {
-      .col-md {
-        -ms-flex-preferred-size: 0;
-        flex-basis: 0;
-        -ms-flex-positive: 1;
-        flex-grow: 1;
-        max-width: 100%
-      }
-
-      .col-md-auto {
-        -ms-flex: 0 0 auto;
-        flex: 0 0 auto;
-        width: auto;
-        max-width: 100%
-      }
-
-      .col-md-1 {
-        -ms-flex: 0 0 8.333333%;
-        flex: 0 0 8.333333%;
-        max-width: 8.333333%
-      }
-
-      .col-md-2 {
-        -ms-flex: 0 0 16.666667%;
-        flex: 0 0 16.666667%;
-        max-width: 16.666667%
-      }
-
-      .col-md-3 {
-        -ms-flex: 0 0 25%;
-        flex: 0 0 25%;
-        max-width: 25%
-      }
-
-      .col-md-4 {
-        -ms-flex: 0 0 33.333333%;
-        flex: 0 0 33.333333%;
-        max-width: 33.333333%
-      }
-
-      .col-md-5 {
-        -ms-flex: 0 0 41.666667%;
-        flex: 0 0 41.666667%;
-        max-width: 41.666667%
-      }
-
-      .col-md-6 {
-        -ms-flex: 0 0 50%;
-        flex: 0 0 50%;
-        max-width: 50%
-      }
-
-      .col-md-7 {
-        -ms-flex: 0 0 58.333333%;
-        flex: 0 0 58.333333%;
-        max-width: 58.333333%
-      }
-
-      .col-md-8 {
-        -ms-flex: 0 0 66.666667%;
-        flex: 0 0 66.666667%;
-        max-width: 66.666667%
-      }
-
-      .col-md-9 {
-        -ms-flex: 0 0 75%;
-        flex: 0 0 75%;
-        max-width: 75%
-      }
-
-      .col-md-10 {
-        -ms-flex: 0 0 83.333333%;
-        flex: 0 0 83.333333%;
-        max-width: 83.333333%
-      }
-
-      .col-md-11 {
-        -ms-flex: 0 0 91.666667%;
-        flex: 0 0 91.666667%;
-        max-width: 91.666667%
-      }
-
-      .col-md-12 {
-        -ms-flex: 0 0 100%;
-        flex: 0 0 100%;
-        max-width: 100%
-      }
-
-      .order-md-first {
-        -ms-flex-order: -1;
-        order: -1
-      }
-
-      .order-md-last {
-        -ms-flex-order: 13;
-        order: 13
-      }
-
-      .order-md-0 {
-        -ms-flex-order: 0;
-        order: 0
-      }
-
-      .order-md-1 {
-        -ms-flex-order: 1;
-        order: 1
-      }
-
-      .order-md-2 {
-        -ms-flex-order: 2;
-        order: 2
-      }
-
-      .order-md-3 {
-        -ms-flex-order: 3;
-        order: 3
-      }
-
-      .order-md-4 {
-        -ms-flex-order: 4;
-        order: 4
-      }
-
-      .order-md-5 {
-        -ms-flex-order: 5;
-        order: 5
-      }
-
-      .order-md-6 {
-        -ms-flex-order: 6;
-        order: 6
-      }
-
-      .order-md-7 {
-        -ms-flex-order: 7;
-        order: 7
-      }
-
-      .order-md-8 {
-        -ms-flex-order: 8;
-        order: 8
-      }
-
-      .order-md-9 {
-        -ms-flex-order: 9;
-        order: 9
-      }
-
-      .order-md-10 {
-        -ms-flex-order: 10;
-        order: 10
-      }
-
-      .order-md-11 {
-        -ms-flex-order: 11;
-        order: 11
-      }
-
-      .order-md-12 {
-        -ms-flex-order: 12;
-        order: 12
-      }
-
-      .offset-md-0 {
-        margin-left: 0
-      }
-
-      .offset-md-1 {
-        margin-left: 8.333333%
-      }
-
-      .offset-md-2 {
-        margin-left: 16.666667%
-      }
-
-      .offset-md-3 {
-        margin-left: 25%
-      }
-
-      .offset-md-4 {
-        margin-left: 33.333333%
-      }
-
-      .offset-md-5 {
-        margin-left: 41.666667%
-      }
-
-      .offset-md-6 {
-        margin-left: 50%
-      }
-
-      .offset-md-7 {
-        margin-left: 58.333333%
-      }
-
-      .offset-md-8 {
-        margin-left: 66.666667%
-      }
-
-      .offset-md-9 {
-        margin-left: 75%
-      }
-
-      .offset-md-10 {
-        margin-left: 83.333333%
-      }
-
-      .offset-md-11 {
-        margin-left: 91.666667%
-      }
-    }
-
-    @media (min-width:992px) {
-      .col-lg {
-        -ms-flex-preferred-size: 0;
-        flex-basis: 0;
-        -ms-flex-positive: 1;
-        flex-grow: 1;
-        max-width: 100%
-      }
-
-      .col-lg-auto {
-        -ms-flex: 0 0 auto;
-        flex: 0 0 auto;
-        width: auto;
-        max-width: 100%
-      }
-
-      .col-lg-1 {
-        -ms-flex: 0 0 8.333333%;
-        flex: 0 0 8.333333%;
-        max-width: 8.333333%
-      }
-
-      .col-lg-2 {
-        -ms-flex: 0 0 16.666667%;
-        flex: 0 0 16.666667%;
-        max-width: 16.666667%
-      }
-
-      .col-lg-3 {
-        -ms-flex: 0 0 25%;
-        flex: 0 0 25%;
-        max-width: 25%
-      }
-
-      .col-lg-4 {
-        -ms-flex: 0 0 33.333333%;
-        flex: 0 0 33.333333%;
-        max-width: 33.333333%
-      }
-
-      .col-lg-5 {
-        -ms-flex: 0 0 41.666667%;
-        flex: 0 0 41.666667%;
-        max-width: 41.666667%
-      }
-
-      .col-lg-6 {
-        -ms-flex: 0 0 50%;
-        flex: 0 0 50%;
-        max-width: 50%
-      }
-
-      .col-lg-7 {
-        -ms-flex: 0 0 58.333333%;
-        flex: 0 0 58.333333%;
-        max-width: 58.333333%
-      }
-
-      .col-lg-8 {
-        -ms-flex: 0 0 66.666667%;
-        flex: 0 0 66.666667%;
-        max-width: 66.666667%
-      }
-
-      .col-lg-9 {
-        -ms-flex: 0 0 75%;
-        flex: 0 0 75%;
-        max-width: 75%
-      }
-
-      .col-lg-10 {
-        -ms-flex: 0 0 83.333333%;
-        flex: 0 0 83.333333%;
-        max-width: 83.333333%
-      }
-
-      .col-lg-11 {
-        -ms-flex: 0 0 91.666667%;
-        flex: 0 0 91.666667%;
-        max-width: 91.666667%
-      }
-
-      .col-lg-12 {
-        -ms-flex: 0 0 100%;
-        flex: 0 0 100%;
-        max-width: 100%
-      }
-
-      .order-lg-first {
-        -ms-flex-order: -1;
-        order: -1
-      }
-
-      .order-lg-last {
-        -ms-flex-order: 13;
-        order: 13
-      }
-
-      .order-lg-0 {
-        -ms-flex-order: 0;
-        order: 0
-      }
-
-      .order-lg-1 {
-        -ms-flex-order: 1;
-        order: 1
-      }
-
-      .order-lg-2 {
-        -ms-flex-order: 2;
-        order: 2
-      }
-
-      .order-lg-3 {
-        -ms-flex-order: 3;
-        order: 3
-      }
-
-      .order-lg-4 {
-        -ms-flex-order: 4;
-        order: 4
-      }
-
-      .order-lg-5 {
-        -ms-flex-order: 5;
-        order: 5
-      }
-
-      .order-lg-6 {
-        -ms-flex-order: 6;
-        order: 6
-      }
-
-      .order-lg-7 {
-        -ms-flex-order: 7;
-        order: 7
-      }
-
-      .order-lg-8 {
-        -ms-flex-order: 8;
-        order: 8
-      }
-
-      .order-lg-9 {
-        -ms-flex-order: 9;
-        order: 9
-      }
-
-      .order-lg-10 {
-        -ms-flex-order: 10;
-        order: 10
-      }
-
-      .order-lg-11 {
-        -ms-flex-order: 11;
-        order: 11
-      }
-
-      .order-lg-12 {
-        -ms-flex-order: 12;
-        order: 12
-      }
-
-      .offset-lg-0 {
-        margin-left: 0
-      }
-
-      .offset-lg-1 {
-        margin-left: 8.333333%
-      }
-
-      .offset-lg-2 {
-        margin-left: 16.666667%
-      }
-
-      .offset-lg-3 {
-        margin-left: 25%
-      }
-
-      .offset-lg-4 {
-        margin-left: 33.333333%
-      }
-
-      .offset-lg-5 {
-        margin-left: 41.666667%
-      }
-
-      .offset-lg-6 {
-        margin-left: 50%
-      }
-
-      .offset-lg-7 {
-        margin-left: 58.333333%
-      }
-
-      .offset-lg-8 {
-        margin-left: 66.666667%
-      }
-
-      .offset-lg-9 {
-        margin-left: 75%
-      }
-
-      .offset-lg-10 {
-        margin-left: 83.333333%
-      }
-
-      .offset-lg-11 {
-        margin-left: 91.666667%
-      }
-    }
-
-    @media (min-width:1200px) {
-      .col-xl {
-        -ms-flex-preferred-size: 0;
-        flex-basis: 0;
-        -ms-flex-positive: 1;
-        flex-grow: 1;
-        max-width: 100%
-      }
-
-      .col-xl-auto {
-        -ms-flex: 0 0 auto;
-        flex: 0 0 auto;
-        width: auto;
-        max-width: 100%
-      }
-
-      .col-xl-1 {
-        -ms-flex: 0 0 8.333333%;
-        flex: 0 0 8.333333%;
-        max-width: 8.333333%
-      }
-
-      .col-xl-2 {
-        -ms-flex: 0 0 16.666667%;
-        flex: 0 0 16.666667%;
-        max-width: 16.666667%
-      }
-
-      .col-xl-3 {
-        -ms-flex: 0 0 25%;
-        flex: 0 0 25%;
-        max-width: 25%
-      }
-
-      .col-xl-4 {
-        -ms-flex: 0 0 33.333333%;
-        flex: 0 0 33.333333%;
-        max-width: 33.333333%
-      }
-
-      .col-xl-5 {
-        -ms-flex: 0 0 41.666667%;
-        flex: 0 0 41.666667%;
-        max-width: 41.666667%
-      }
-
-      .col-xl-6 {
-        -ms-flex: 0 0 50%;
-        flex: 0 0 50%;
-        max-width: 50%
-      }
-
-      .col-xl-7 {
-        -ms-flex: 0 0 58.333333%;
-        flex: 0 0 58.333333%;
-        max-width: 58.333333%
-      }
-
-      .col-xl-8 {
-        -ms-flex: 0 0 66.666667%;
-        flex: 0 0 66.666667%;
-        max-width: 66.666667%
-      }
-
-      .col-xl-9 {
-        -ms-flex: 0 0 75%;
-        flex: 0 0 75%;
-        max-width: 75%
-      }
-
-      .col-xl-10 {
-        -ms-flex: 0 0 83.333333%;
-        flex: 0 0 83.333333%;
-        max-width: 83.333333%
-      }
-
-      .col-xl-11 {
-        -ms-flex: 0 0 91.666667%;
-        flex: 0 0 91.666667%;
-        max-width: 91.666667%
-      }
-
-      .col-xl-12 {
-        -ms-flex: 0 0 100%;
-        flex: 0 0 100%;
-        max-width: 100%
-      }
-
-      .order-xl-first {
-        -ms-flex-order: -1;
-        order: -1
-      }
-
-      .order-xl-last {
-        -ms-flex-order: 13;
-        order: 13
-      }
-
-      .order-xl-0 {
-        -ms-flex-order: 0;
-        order: 0
-      }
-
-      .order-xl-1 {
-        -ms-flex-order: 1;
-        order: 1
-      }
-
-      .order-xl-2 {
-        -ms-flex-order: 2;
-        order: 2
-      }
-
-      .order-xl-3 {
-        -ms-flex-order: 3;
-        order: 3
-      }
-
-      .order-xl-4 {
-        -ms-flex-order: 4;
-        order: 4
-      }
-
-      .order-xl-5 {
-        -ms-flex-order: 5;
-        order: 5
-      }
-
-      .order-xl-6 {
-        -ms-flex-order: 6;
-        order: 6
-      }
-
-      .order-xl-7 {
-        -ms-flex-order: 7;
-        order: 7
-      }
-
-      .order-xl-8 {
-        -ms-flex-order: 8;
-        order: 8
-      }
-
-      .order-xl-9 {
-        -ms-flex-order: 9;
-        order: 9
-      }
-
-      .order-xl-10 {
-        -ms-flex-order: 10;
-        order: 10
-      }
-
-      .order-xl-11 {
-        -ms-flex-order: 11;
-        order: 11
-      }
-
-      .order-xl-12 {
-        -ms-flex-order: 12;
-        order: 12
-      }
-
-      .offset-xl-0 {
-        margin-left: 0
-      }
-
-      .offset-xl-1 {
-        margin-left: 8.333333%
-      }
-
-      .offset-xl-2 {
-        margin-left: 16.666667%
-      }
-
-      .offset-xl-3 {
-        margin-left: 25%
-      }
-
-      .offset-xl-4 {
-        margin-left: 33.333333%
-      }
-
-      .offset-xl-5 {
-        margin-left: 41.666667%
-      }
-
-      .offset-xl-6 {
-        margin-left: 50%
-      }
-
-      .offset-xl-7 {
-        margin-left: 58.333333%
-      }
-
-      .offset-xl-8 {
-        margin-left: 66.666667%
-      }
-
-      .offset-xl-9 {
-        margin-left: 75%
-      }
-
-      .offset-xl-10 {
-        margin-left: 83.333333%
-      }
-
-      .offset-xl-11 {
-        margin-left: 91.666667%
-      }
-    }
-
-    .table {
-      width: 100%;
-      margin-bottom: 1rem;
-      color: #212529
-    }
-
-    .table td,
-    .table th {
-      padding: .75rem;
-      vertical-align: top;
-      border-top: 1px solid #dee2e6
-    }
-
-    .table thead th {
-      vertical-align: bottom;
-      border-bottom: 2px solid #dee2e6
-    }
-
-    .table tbody+tbody {
-      border-top: 2px solid #dee2e6
-    }
-
-    .table-sm td,
-    .table-sm th {
-      padding: .3rem
-    }
-
-    .table-bordered {
-      border: 1px solid #dee2e6
-    }
-
-    .table-bordered td,
-    .table-bordered th {
-      border: 1px solid #dee2e6
-    }
-
-    .table-bordered thead td,
-    .table-bordered thead th {
-      border-bottom-width: 2px
-    }
-
-    .table-borderless tbody+tbody,
-    .table-borderless td,
-    .table-borderless th,
-    .table-borderless thead th {
-      border: 0
-    }
-
-    .table-striped tbody tr:nth-of-type(odd) {
-      background-color: rgba(0, 0, 0, .05)
-    }
-
-    .table-hover tbody tr:hover {
-      color: #212529;
-      background-color: rgba(0, 0, 0, .075)
-    }
-
-    .table-primary,
-    .table-primary>td,
-    .table-primary>th {
-      background-color: #b8daff
-    }
-
-    .table-primary tbody+tbody,
-    .table-primary td,
-    .table-primary th,
-    .table-primary thead th {
-      border-color: #7abaff
-    }
-
-    .table-hover .table-primary:hover {
-      background-color: #9fcdff
-    }
-
-    .table-hover .table-primary:hover>td,
-    .table-hover .table-primary:hover>th {
-      background-color: #9fcdff
-    }
-
-    .table-secondary,
-    .table-secondary>td,
-    .table-secondary>th {
-      background-color: #d6d8db
-    }
-
-    .table-secondary tbody+tbody,
-    .table-secondary td,
-    .table-secondary th,
-    .table-secondary thead th {
-      border-color: #b3b7bb
-    }
-
-    .table-hover .table-secondary:hover {
-      background-color: #c8cbcf
-    }
-
-    .table-hover .table-secondary:hover>td,
-    .table-hover .table-secondary:hover>th {
-      background-color: #c8cbcf
-    }
-
-    .table-success,
-    .table-success>td,
-    .table-success>th {
-      background-color: #c3e6cb
-    }
-
-    .table-success tbody+tbody,
-    .table-success td,
-    .table-success th,
-    .table-success thead th {
-      border-color: #8fd19e
-    }
-
-    .table-hover .table-success:hover {
-      background-color: #b1dfbb
-    }
-
-    .table-hover .table-success:hover>td,
-    .table-hover .table-success:hover>th {
-      background-color: #b1dfbb
-    }
-
-    .table-info,
-    .table-info>td,
-    .table-info>th {
-      background-color: #bee5eb
-    }
-
-    .table-info tbody+tbody,
-    .table-info td,
-    .table-info th,
-    .table-info thead th {
-      border-color: #86cfda
-    }
-
-    .table-hover .table-info:hover {
-      background-color: #abdde5
-    }
-
-    .table-hover .table-info:hover>td,
-    .table-hover .table-info:hover>th {
-      background-color: #abdde5
-    }
-
-    .table-warning,
-    .table-warning>td,
-    .table-warning>th {
-      background-color: #ffeeba
-    }
-
-    .table-warning tbody+tbody,
-    .table-warning td,
-    .table-warning th,
-    .table-warning thead th {
-      border-color: #ffdf7e
-    }
-
-    .table-hover .table-warning:hover {
-      background-color: #ffe8a1
-    }
-
-    .table-hover .table-warning:hover>td,
-    .table-hover .table-warning:hover>th {
-      background-color: #ffe8a1
-    }
-
-    .table-danger,
-    .table-danger>td,
-    .table-danger>th {
-      background-color: #f5c6cb
-    }
-
-    .table-danger tbody+tbody,
-    .table-danger td,
-    .table-danger th,
-    .table-danger thead th {
-      border-color: #ed969e
-    }
-
-    .table-hover .table-danger:hover {
-      background-color: #f1b0b7
-    }
-
-    .table-hover .table-danger:hover>td,
-    .table-hover .table-danger:hover>th {
-      background-color: #f1b0b7
-    }
-
-    .table-light,
-    .table-light>td,
-    .table-light>th {
-      background-color: #fdfdfe
-    }
-
-    .table-light tbody+tbody,
-    .table-light td,
-    .table-light th,
-    .table-light thead th {
-      border-color: #fbfcfc
-    }
-
-    .table-hover .table-light:hover {
-      background-color: #ececf6
-    }
-
-    .table-hover .table-light:hover>td,
-    .table-hover .table-light:hover>th {
-      background-color: #ececf6
-    }
-
-    .table-dark,
-    .table-dark>td,
-    .table-dark>th {
-      background-color: #c6c8ca
-    }
-
-    .table-dark tbody+tbody,
-    .table-dark td,
-    .table-dark th,
-    .table-dark thead th {
-      border-color: #95999c
-    }
-
-    .table-hover .table-dark:hover {
-      background-color: #b9bbbe
-    }
-
-    .table-hover .table-dark:hover>td,
-    .table-hover .table-dark:hover>th {
-      background-color: #b9bbbe
-    }
-
-    .table-active,
-    .table-active>td,
-    .table-active>th {
-      background-color: rgba(0, 0, 0, .075)
-    }
-
-    .table-hover .table-active:hover {
-      background-color: rgba(0, 0, 0, .075)
-    }
-
-    .table-hover .table-active:hover>td,
-    .table-hover .table-active:hover>th {
-      background-color: rgba(0, 0, 0, .075)
-    }
-
-    .table .thead-dark th {
-      color: #fff;
-      background-color: #343a40;
-      border-color: #454d55
-    }
-
-    .table .thead-light th {
-      color: #495057;
-      background-color: #e9ecef;
-      border-color: #dee2e6
-    }
-
-    .table-dark {
-      color: #fff;
-      background-color: #343a40
-    }
-
-    .table-dark td,
-    .table-dark th,
-    .table-dark thead th {
-      border-color: #454d55
-    }
-
-    .table-dark.table-bordered {
-      border: 0
-    }
-
-    .table-dark.table-striped tbody tr:nth-of-type(odd) {
-      background-color: rgba(255, 255, 255, .05)
-    }
-
-    .table-dark.table-hover tbody tr:hover {
-      color: #fff;
-      background-color: rgba(255, 255, 255, .075)
-    }
-
-    @media (max-width:575.98px) {
-      .table-responsive-sm {
-        display: block;
-        width: 100%;
-        overflow-x: auto;
-        -webkit-overflow-scrolling: touch
-      }
-
-      .table-responsive-sm>.table-bordered {
-        border: 0
-      }
-    }
-
-    @media (max-width:767.98px) {
-      .table-responsive-md {
-        display: block;
-        width: 100%;
-        overflow-x: auto;
-        -webkit-overflow-scrolling: touch
-      }
-
-      .table-responsive-md>.table-bordered {
-        border: 0
-      }
-    }
-
-    @media (max-width:991.98px) {
-      .table-responsive-lg {
-        display: block;
-        width: 100%;
-        overflow-x: auto;
-        -webkit-overflow-scrolling: touch
-      }
-
-      .table-responsive-lg>.table-bordered {
-        border: 0
-      }
-    }
-
-    @media (max-width:1199.98px) {
-      .table-responsive-xl {
-        display: block;
-        width: 100%;
-        overflow-x: auto;
-        -webkit-overflow-scrolling: touch
-      }
-
-      .table-responsive-xl>.table-bordered {
-        border: 0
-      }
-    }
-
-    .table-responsive {
-      display: block;
-      width: 100%;
-      overflow-x: auto;
-      -webkit-overflow-scrolling: touch
-    }
-
-    .table-responsive>.table-bordered {
-      border: 0
-    }
-
-    .form-control {
-      display: block;
-      width: 100%;
-      height: calc(1.5em + .75rem + 2px);
-      padding: .375rem .75rem;
-      font-size: 1rem;
-      font-weight: 400;
-      line-height: 1.5;
-      color: #495057;
-      background-color: #fff;
-      background-clip: padding-box;
-      border: 1px solid #ced4da;
-      border-radius: .25rem;
-      transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
-    }
-
-    @media (prefers-reduced-motion:reduce) {
-      .form-control {
-        transition: none
-      }
-    }
-
-    .form-control::-ms-expand {
-      background-color: transparent;
-      border: 0
-    }
-
-    .form-control:focus {
-      color: #495057;
-      background-color: #fff;
-      border-color: #80bdff;
-      outline: 0;
-      box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
-    }
-
-    .form-control::-webkit-input-placeholder {
-      color: #6c757d;
-      opacity: 1
-    }
-
-    .form-control::-moz-placeholder {
-      color: #6c757d;
-      opacity: 1
-    }
-
-    .form-control:-ms-input-placeholder {
-      color: #6c757d;
-      opacity: 1
-    }
-
-    .form-control::-ms-input-placeholder {
-      color: #6c757d;
-      opacity: 1
-    }
-
-    .form-control::placeholder {
-      color: #6c757d;
-      opacity: 1
-    }
-
-    .form-control:disabled,
-    .form-control[readonly] {
-      background-color: #e9ecef;
-      opacity: 1
-    }
-
-    select.form-control:focus::-ms-value {
-      color: #495057;
-      background-color: #fff
-    }
-
-    .form-control-file,
-    .form-control-range {
-      display: block;
-      width: 100%
-    }
-
-    .col-form-label {
-      padding-top: calc(.375rem + 1px);
-      padding-bottom: calc(.375rem + 1px);
-      margin-bottom: 0;
-      font-size: inherit;
-      line-height: 1.5
-    }
-
-    .col-form-label-lg {
-      padding-top: calc(.5rem + 1px);
-      padding-bottom: calc(.5rem + 1px);
-      font-size: 1.25rem;
-      line-height: 1.5
-    }
-
-    .col-form-label-sm {
-      padding-top: calc(.25rem + 1px);
-      padding-bottom: calc(.25rem + 1px);
-      font-size: .875rem;
-      line-height: 1.5
-    }
-
-    .form-control-plaintext {
-      display: block;
-      width: 100%;
-      padding-top: .375rem;
-      padding-bottom: .375rem;
-      margin-bottom: 0;
-      line-height: 1.5;
-      color: #212529;
-      background-color: transparent;
-      border: solid transparent;
-      border-width: 1px 0
-    }
-
-    .form-control-plaintext.form-control-lg,
-    .form-control-plaintext.form-control-sm {
-      padding-right: 0;
-      padding-left: 0
-    }
-
-    .form-control-sm {
-      height: calc(1.5em + .5rem + 2px);
-      padding: .25rem .5rem;
-      font-size: .875rem;
-      line-height: 1.5;
-      border-radius: .2rem
-    }
-
-    .form-control-lg {
-      height: calc(1.5em + 1rem + 2px);
-      padding: .5rem 1rem;
-      font-size: 1.25rem;
-      line-height: 1.5;
-      border-radius: .3rem
-    }
-
-    select.form-control[multiple],
-    select.form-control[size] {
-      height: auto
-    }
-
-    textarea.form-control {
-      height: auto
-    }
-
-    .form-group {
-      margin-bottom: 1rem
-    }
-
-    .form-text {
-      display: block;
-      margin-top: .25rem
-    }
-
-    .form-row {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-      margin-right: -5px;
-      margin-left: -5px
-    }
-
-    .form-row>.col,
-    .form-row>[class*=col-] {
-      padding-right: 5px;
-      padding-left: 5px
-    }
-
-    .form-check {
-      position: relative;
-      display: block;
-      padding-left: 1.25rem
-    }
-
-    .form-check-input {
-      position: absolute;
-      margin-top: .3rem;
-      margin-left: -1.25rem
-    }
-
-    .form-check-input:disabled~.form-check-label {
-      color: #6c757d
-    }
-
-    .form-check-label {
-      margin-bottom: 0
-    }
-
-    .form-check-inline {
-      display: -ms-inline-flexbox;
-      display: inline-flex;
-      -ms-flex-align: center;
-      align-items: center;
-      padding-left: 0;
-      margin-right: .75rem
-    }
-
-    .form-check-inline .form-check-input {
-      position: static;
-      margin-top: 0;
-      margin-right: .3125rem;
-      margin-left: 0
-    }
-
-    .valid-feedback {
-      display: none;
-      width: 100%;
-      margin-top: .25rem;
-      font-size: 80%;
-      color: #28a745
-    }
-
-    .valid-tooltip {
-      position: absolute;
-      top: 100%;
-      z-index: 5;
-      display: none;
-      max-width: 100%;
-      padding: .25rem .5rem;
-      margin-top: .1rem;
-      font-size: .875rem;
-      line-height: 1.5;
-      color: #fff;
-      background-color: rgba(40, 167, 69, .9);
-      border-radius: .25rem
-    }
-
-    .form-control.is-valid,
-    .was-validated .form-control:valid {
-      border-color: #28a745;
-      padding-right: calc(1.5em + .75rem);
-      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
-      background-repeat: no-repeat;
-      background-position: center right calc(.375em + .1875rem);
-      background-size: calc(.75em + .375rem) calc(.75em + .375rem)
-    }
-
-    .form-control.is-valid:focus,
-    .was-validated .form-control:valid:focus {
-      border-color: #28a745;
-      box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
-    }
-
-    .form-control.is-valid~.valid-feedback,
-    .form-control.is-valid~.valid-tooltip,
-    .was-validated .form-control:valid~.valid-feedback,
-    .was-validated .form-control:valid~.valid-tooltip {
-      display: block
-    }
-
-    .was-validated textarea.form-control:valid,
-    textarea.form-control.is-valid {
-      padding-right: calc(1.5em + .75rem);
-      background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
-    }
-
-    .custom-select.is-valid,
-    .was-validated .custom-select:valid {
-      border-color: #28a745;
-      padding-right: calc((1em + .75rem) * 3 / 4 + 1.75rem);
-      background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
-    }
-
-    .custom-select.is-valid:focus,
-    .was-validated .custom-select:valid:focus {
-      border-color: #28a745;
-      box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
-    }
-
-    .custom-select.is-valid~.valid-feedback,
-    .custom-select.is-valid~.valid-tooltip,
-    .was-validated .custom-select:valid~.valid-feedback,
-    .was-validated .custom-select:valid~.valid-tooltip {
-      display: block
-    }
-
-    .form-control-file.is-valid~.valid-feedback,
-    .form-control-file.is-valid~.valid-tooltip,
-    .was-validated .form-control-file:valid~.valid-feedback,
-    .was-validated .form-control-file:valid~.valid-tooltip {
-      display: block
-    }
-
-    .form-check-input.is-valid~.form-check-label,
-    .was-validated .form-check-input:valid~.form-check-label {
-      color: #28a745
-    }
-
-    .form-check-input.is-valid~.valid-feedback,
-    .form-check-input.is-valid~.valid-tooltip,
-    .was-validated .form-check-input:valid~.valid-feedback,
-    .was-validated .form-check-input:valid~.valid-tooltip {
-      display: block
-    }
-
-    .custom-control-input.is-valid~.custom-control-label,
-    .was-validated .custom-control-input:valid~.custom-control-label {
-      color: #28a745
-    }
-
-    .custom-control-input.is-valid~.custom-control-label::before,
-    .was-validated .custom-control-input:valid~.custom-control-label::before {
-      border-color: #28a745
-    }
-
-    .custom-control-input.is-valid~.valid-feedback,
-    .custom-control-input.is-valid~.valid-tooltip,
-    .was-validated .custom-control-input:valid~.valid-feedback,
-    .was-validated .custom-control-input:valid~.valid-tooltip {
-      display: block
-    }
-
-    .custom-control-input.is-valid:checked~.custom-control-label::before,
-    .was-validated .custom-control-input:valid:checked~.custom-control-label::before {
-      border-color: #34ce57;
-      background-color: #34ce57
-    }
-
-    .custom-control-input.is-valid:focus~.custom-control-label::before,
-    .was-validated .custom-control-input:valid:focus~.custom-control-label::before {
-      box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
-    }
-
-    .custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,
-    .was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before {
-      border-color: #28a745
-    }
-
-    .custom-file-input.is-valid~.custom-file-label,
-    .was-validated .custom-file-input:valid~.custom-file-label {
-      border-color: #28a745
-    }
-
-    .custom-file-input.is-valid~.valid-feedback,
-    .custom-file-input.is-valid~.valid-tooltip,
-    .was-validated .custom-file-input:valid~.valid-feedback,
-    .was-validated .custom-file-input:valid~.valid-tooltip {
-      display: block
-    }
-
-    .custom-file-input.is-valid:focus~.custom-file-label,
-    .was-validated .custom-file-input:valid:focus~.custom-file-label {
-      border-color: #28a745;
-      box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
-    }
-
-    .invalid-feedback {
-      display: none;
-      width: 100%;
-      margin-top: .25rem;
-      font-size: 80%;
-      color: #dc3545
-    }
-
-    .invalid-tooltip {
-      position: absolute;
-      top: 100%;
-      z-index: 5;
-      display: none;
-      max-width: 100%;
-      padding: .25rem .5rem;
-      margin-top: .1rem;
-      font-size: .875rem;
-      line-height: 1.5;
-      color: #fff;
-      background-color: rgba(220, 53, 69, .9);
-      border-radius: .25rem
-    }
-
-    .form-control.is-invalid,
-    .was-validated .form-control:invalid {
-      border-color: #dc3545;
-      padding-right: calc(1.5em + .75rem);
-      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
-      background-repeat: no-repeat;
-      background-position: center right calc(.375em + .1875rem);
-      background-size: calc(.75em + .375rem) calc(.75em + .375rem)
-    }
-
-    .form-control.is-invalid:focus,
-    .was-validated .form-control:invalid:focus {
-      border-color: #dc3545;
-      box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
-    }
-
-    .form-control.is-invalid~.invalid-feedback,
-    .form-control.is-invalid~.invalid-tooltip,
-    .was-validated .form-control:invalid~.invalid-feedback,
-    .was-validated .form-control:invalid~.invalid-tooltip {
-      display: block
-    }
-
-    .was-validated textarea.form-control:invalid,
-    textarea.form-control.is-invalid {
-      padding-right: calc(1.5em + .75rem);
-      background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
-    }
-
-    .custom-select.is-invalid,
-    .was-validated .custom-select:invalid {
-      border-color: #dc3545;
-      padding-right: calc((1em + .75rem) * 3 / 4 + 1.75rem);
-      background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
-    }
-
-    .custom-select.is-invalid:focus,
-    .was-validated .custom-select:invalid:focus {
-      border-color: #dc3545;
-      box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
-    }
-
-    .custom-select.is-invalid~.invalid-feedback,
-    .custom-select.is-invalid~.invalid-tooltip,
-    .was-validated .custom-select:invalid~.invalid-feedback,
-    .was-validated .custom-select:invalid~.invalid-tooltip {
-      display: block
-    }
-
-    .form-control-file.is-invalid~.invalid-feedback,
-    .form-control-file.is-invalid~.invalid-tooltip,
-    .was-validated .form-control-file:invalid~.invalid-feedback,
-    .was-validated .form-control-file:invalid~.invalid-tooltip {
-      display: block
-    }
-
-    .form-check-input.is-invalid~.form-check-label,
-    .was-validated .form-check-input:invalid~.form-check-label {
-      color: #dc3545
-    }
-
-    .form-check-input.is-invalid~.invalid-feedback,
-    .form-check-input.is-invalid~.invalid-tooltip,
-    .was-validated .form-check-input:invalid~.invalid-feedback,
-    .was-validated .form-check-input:invalid~.invalid-tooltip {
-      display: block
-    }
-
-    .custom-control-input.is-invalid~.custom-control-label,
-    .was-validated .custom-control-input:invalid~.custom-control-label {
-      color: #dc3545
-    }
-
-    .custom-control-input.is-invalid~.custom-control-label::before,
-    .was-validated .custom-control-input:invalid~.custom-control-label::before {
-      border-color: #dc3545
-    }
-
-    .custom-control-input.is-invalid~.invalid-feedback,
-    .custom-control-input.is-invalid~.invalid-tooltip,
-    .was-validated .custom-control-input:invalid~.invalid-feedback,
-    .was-validated .custom-control-input:invalid~.invalid-tooltip {
-      display: block
-    }
-
-    .custom-control-input.is-invalid:checked~.custom-control-label::before,
-    .was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
-      border-color: #e4606d;
-      background-color: #e4606d
-    }
-
-    .custom-control-input.is-invalid:focus~.custom-control-label::before,
-    .was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
-      box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
-    }
-
-    .custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,
-    .was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before {
-      border-color: #dc3545
-    }
-
-    .custom-file-input.is-invalid~.custom-file-label,
-    .was-validated .custom-file-input:invalid~.custom-file-label {
-      border-color: #dc3545
-    }
-
-    .custom-file-input.is-invalid~.invalid-feedback,
-    .custom-file-input.is-invalid~.invalid-tooltip,
-    .was-validated .custom-file-input:invalid~.invalid-feedback,
-    .was-validated .custom-file-input:invalid~.invalid-tooltip {
-      display: block
-    }
-
-    .custom-file-input.is-invalid:focus~.custom-file-label,
-    .was-validated .custom-file-input:invalid:focus~.custom-file-label {
-      border-color: #dc3545;
-      box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
-    }
-
-    .form-inline {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-flow: row wrap;
-      flex-flow: row wrap;
-      -ms-flex-align: center;
-      align-items: center
-    }
-
-    .form-inline .form-check {
-      width: 100%
-    }
-
-    @media (min-width:576px) {
-      .form-inline label {
-        display: -ms-flexbox;
-        display: flex;
-        -ms-flex-align: center;
-        align-items: center;
-        -ms-flex-pack: center;
-        justify-content: center;
-        margin-bottom: 0
-      }
-
-      .form-inline .form-group {
-        display: -ms-flexbox;
-        display: flex;
-        -ms-flex: 0 0 auto;
-        flex: 0 0 auto;
-        -ms-flex-flow: row wrap;
-        flex-flow: row wrap;
-        -ms-flex-align: center;
-        align-items: center;
-        margin-bottom: 0
-      }
-
-      .form-inline .form-control {
-        display: inline-block;
-        width: auto;
-        vertical-align: middle
-      }
-
-      .form-inline .form-control-plaintext {
-        display: inline-block
-      }
-
-      .form-inline .custom-select,
-      .form-inline .input-group {
-        width: auto
-      }
-
-      .form-inline .form-check {
-        display: -ms-flexbox;
-        display: flex;
-        -ms-flex-align: center;
-        align-items: center;
-        -ms-flex-pack: center;
-        justify-content: center;
-        width: auto;
-        padding-left: 0
-      }
-
-      .form-inline .form-check-input {
-        position: relative;
-        -ms-flex-negative: 0;
-        flex-shrink: 0;
-        margin-top: 0;
-        margin-right: .25rem;
-        margin-left: 0
-      }
-
-      .form-inline .custom-control {
-        -ms-flex-align: center;
-        align-items: center;
-        -ms-flex-pack: center;
-        justify-content: center
-      }
-
-      .form-inline .custom-control-label {
-        margin-bottom: 0
-      }
-    }
-
-    .btn {
-      display: inline-block;
-      font-weight: 400;
-      color: #212529;
-      text-align: center;
-      vertical-align: middle;
-      -webkit-user-select: none;
-      -moz-user-select: none;
-      -ms-user-select: none;
-      user-select: none;
-      background-color: transparent;
-      border: 1px solid transparent;
-      padding: .375rem .75rem;
-      font-size: 1rem;
-      line-height: 1.5;
-      border-radius: .25rem;
-      transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
-    }
-
-    @media (prefers-reduced-motion:reduce) {
-      .btn {
-        transition: none
-      }
-    }
-
-    .btn:hover {
-      color: #212529;
-      text-decoration: none
-    }
-
-    .btn.focus,
-    .btn:focus {
-      outline: 0;
-      box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
-    }
-
-    .btn.disabled,
-    .btn:disabled {
-      opacity: .65
-    }
-
-    a.btn.disabled,
-    fieldset:disabled a.btn {
-      pointer-events: none
-    }
-
-    .btn-primary {
-      color: #fff;
-      background-color: #007bff;
-      border-color: #007bff
-    }
-
-    .btn-primary:hover {
-      color: #fff;
-      background-color: #0069d9;
-      border-color: #0062cc
-    }
-
-    .btn-primary.focus,
-    .btn-primary:focus {
-      box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
-    }
-
-    .btn-primary.disabled,
-    .btn-primary:disabled {
-      color: #fff;
-      background-color: #007bff;
-      border-color: #007bff
-    }
-
-    .btn-primary:not(:disabled):not(.disabled).active,
-    .btn-primary:not(:disabled):not(.disabled):active,
-    .show>.btn-primary.dropdown-toggle {
-      color: #fff;
-      background-color: #0062cc;
-      border-color: #005cbf
-    }
-
-    .btn-primary:not(:disabled):not(.disabled).active:focus,
-    .btn-primary:not(:disabled):not(.disabled):active:focus,
-    .show>.btn-primary.dropdown-toggle:focus {
-      box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
-    }
-
-    .btn-secondary {
-      color: #fff;
-      background-color: #6c757d;
-      border-color: #6c757d
-    }
-
-    .btn-secondary:hover {
-      color: #fff;
-      background-color: #5a6268;
-      border-color: #545b62
-    }
-
-    .btn-secondary.focus,
-    .btn-secondary:focus {
-      box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
-    }
-
-    .btn-secondary.disabled,
-    .btn-secondary:disabled {
-      color: #fff;
-      background-color: #6c757d;
-      border-color: #6c757d
-    }
-
-    .btn-secondary:not(:disabled):not(.disabled).active,
-    .btn-secondary:not(:disabled):not(.disabled):active,
-    .show>.btn-secondary.dropdown-toggle {
-      color: #fff;
-      background-color: #545b62;
-      border-color: #4e555b
-    }
-
-    .btn-secondary:not(:disabled):not(.disabled).active:focus,
-    .btn-secondary:not(:disabled):not(.disabled):active:focus,
-    .show>.btn-secondary.dropdown-toggle:focus {
-      box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
-    }
-
-    .btn-success {
-      color: #fff;
-      background-color: #28a745;
-      border-color: #28a745
-    }
-
-    .btn-success:hover {
-      color: #fff;
-      background-color: #218838;
-      border-color: #1e7e34
-    }
-
-    .btn-success.focus,
-    .btn-success:focus {
-      box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
-    }
-
-    .btn-success.disabled,
-    .btn-success:disabled {
-      color: #fff;
-      background-color: #28a745;
-      border-color: #28a745
-    }
-
-    .btn-success:not(:disabled):not(.disabled).active,
-    .btn-success:not(:disabled):not(.disabled):active,
-    .show>.btn-success.dropdown-toggle {
-      color: #fff;
-      background-color: #1e7e34;
-      border-color: #1c7430
-    }
-
-    .btn-success:not(:disabled):not(.disabled).active:focus,
-    .btn-success:not(:disabled):not(.disabled):active:focus,
-    .show>.btn-success.dropdown-toggle:focus {
-      box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
-    }
-
-    .btn-info {
-      position: relative;
-      padding: 10px 25px;
-      padding-left: 1.25rem !important;
-      padding-right: 1.25rem !important;
-      display: inline-block;
-      border-top: solid 1px rgba(255, 255, 255, 0.2);
-      border-bottom: solid 1px rgba(255, 255, 255, 0.2);
-      font-family: 'Baloo Chettan 2', cursive;
-      text-transform: uppercase;
-      color: #AEEDD7;
-      letter-spacing: 1px;
-      overflow: hidden;
-    }
-
-    .btn-info::before {
-      content: "";
-      width: 20px;
-      height: 20px;
-      position: absolute;
-      background: #259990;
-      left: 7px;
-      transform: translateX(-40px) rotate(45deg);
-      border: solid 3px #194846;
-      box-shadow: 2px -2px 0px #1A5754;
-      transition: all 0.2s ease;
-    }
-
-    .btn-info:hover {
-      background: linear-gradient(to right, #183F3E, TRANSPARENT);
-      color: #AEEDD7;
-    }
-
-    .btn-info:hover::before {
-      transform: translateX(-20px) rotate(45deg);
-    }
-
-    .btn-info.focus,
-    .btn-info:focus {
-      box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
-    }
-
-    .btn-info.disabled,
-    .btn-info:disabled {
-      color: #fff;
-      background-color: #17a2b8;
-      border-color: #17a2b8
-    }
-
-    .btn-info:not(:disabled):not(.disabled).active,
-    .btn-info:not(:disabled):not(.disabled):active,
-    .show>.btn-info.dropdown-toggle {
-      color: #fff;
-      background-color: #117a8b;
-      border-color: #10707f
-    }
-
-    .btn-info:not(:disabled):not(.disabled).active:focus,
-    .btn-info:not(:disabled):not(.disabled):active:focus,
-    .show>.btn-info.dropdown-toggle:focus {
-      box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
-    }
-
-    .btn-warning {
-      color: #212529;
-      background-color: #ffc107;
-      border-color: #ffc107
-    }
-
-    .btn-warning:hover {
-      color: #212529;
-      background-color: #e0a800;
-      border-color: #d39e00
-    }
-
-    .btn-warning.focus,
-    .btn-warning:focus {
-      box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
-    }
-
-    .btn-warning.disabled,
-    .btn-warning:disabled {
-      color: #212529;
-      background-color: #ffc107;
-      border-color: #ffc107
-    }
-
-    .btn-warning:not(:disabled):not(.disabled).active,
-    .btn-warning:not(:disabled):not(.disabled):active,
-    .show>.btn-warning.dropdown-toggle {
-      color: #212529;
-      background-color: #d39e00;
-      border-color: #c69500
-    }
-
-    .btn-warning:not(:disabled):not(.disabled).active:focus,
-    .btn-warning:not(:disabled):not(.disabled):active:focus,
-    .show>.btn-warning.dropdown-toggle:focus {
-      box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
-    }
-
-    .btn-danger {
-      color: #fff;
-      background-color: #dc3545;
-      border-color: #dc3545
-    }
-
-    .btn-danger:hover {
-      color: #fff;
-      background-color: #c82333;
-      border-color: #bd2130
-    }
-
-    .btn-danger.focus,
-    .btn-danger:focus {
-      box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
-    }
-
-    .btn-danger.disabled,
-    .btn-danger:disabled {
-      color: #fff;
-      background-color: #dc3545;
-      border-color: #dc3545
-    }
-
-    .btn-danger:not(:disabled):not(.disabled).active,
-    .btn-danger:not(:disabled):not(.disabled):active,
-    .show>.btn-danger.dropdown-toggle {
-      color: #fff;
-      background-color: #bd2130;
-      border-color: #b21f2d
-    }
-
-    .btn-danger:not(:disabled):not(.disabled).active:focus,
-    .btn-danger:not(:disabled):not(.disabled):active:focus,
-    .show>.btn-danger.dropdown-toggle:focus {
-      box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
-    }
-
-    .btn-light {
-      color: #212529;
-      background-color: #f8f9fa;
-      border-color: #f8f9fa
-    }
-
-    .btn-light:hover {
-      color: #212529;
-      background-color: #e2e6ea;
-      border-color: #dae0e5
-    }
-
-    .btn-light.focus,
-    .btn-light:focus {
-      box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
-    }
-
-    .btn-light.disabled,
-    .btn-light:disabled {
-      color: #212529;
-      background-color: #f8f9fa;
-      border-color: #f8f9fa
-    }
-
-    .btn-light:not(:disabled):not(.disabled).active,
-    .btn-light:not(:disabled):not(.disabled):active,
-    .show>.btn-light.dropdown-toggle {
-      color: #212529;
-      background-color: #dae0e5;
-      border-color: #d3d9df
-    }
-
-    .btn-light:not(:disabled):not(.disabled).active:focus,
-    .btn-light:not(:disabled):not(.disabled):active:focus,
-    .show>.btn-light.dropdown-toggle:focus {
-      box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
-    }
-
-    .btn-dark {
-      color: #fff;
-      background-color: #343a40;
-      border-color: #343a40
-    }
-
-    .btn-dark:hover {
-      color: #fff;
-      background-color: #23272b;
-      border-color: #1d2124
-    }
-
-    .btn-dark.focus,
-    .btn-dark:focus {
-      box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
-    }
-
-    .btn-dark.disabled,
-    .btn-dark:disabled {
-      color: #fff;
-      background-color: #343a40;
-      border-color: #343a40
-    }
-
-    .btn-dark:not(:disabled):not(.disabled).active,
-    .btn-dark:not(:disabled):not(.disabled):active,
-    .show>.btn-dark.dropdown-toggle {
-      color: #fff;
-      background-color: #1d2124;
-      border-color: #171a1d
-    }
-
-    .btn-dark:not(:disabled):not(.disabled).active:focus,
-    .btn-dark:not(:disabled):not(.disabled):active:focus,
-    .show>.btn-dark.dropdown-toggle:focus {
-      box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
-    }
-
-    .btn-outline-primary {
-      color: #007bff;
-      border-color: #007bff
-    }
-
-    .btn-outline-primary:hover {
-      color: #fff;
-      background-color: #007bff;
-      border-color: #007bff
-    }
-
-    .btn-outline-primary.focus,
-    .btn-outline-primary:focus {
-      box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
-    }
-
-    .btn-outline-primary.disabled,
-    .btn-outline-primary:disabled {
-      color: #007bff;
-      background-color: transparent
-    }
-
-    .btn-outline-primary:not(:disabled):not(.disabled).active,
-    .btn-outline-primary:not(:disabled):not(.disabled):active,
-    .show>.btn-outline-primary.dropdown-toggle {
-      color: #fff;
-      background-color: #007bff;
-      border-color: #007bff
-    }
-
-    .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
-    .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
-    .show>.btn-outline-primary.dropdown-toggle:focus {
-      box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
-    }
-
-    .btn-outline-secondary {
-      color: #6c757d;
-      border-color: #6c757d
-    }
-
-    .btn-outline-secondary:hover {
-      color: #fff;
-      background-color: #6c757d;
-      border-color: #6c757d
-    }
-
-    .btn-outline-secondary.focus,
-    .btn-outline-secondary:focus {
-      box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
-    }
-
-    .btn-outline-secondary.disabled,
-    .btn-outline-secondary:disabled {
-      color: #6c757d;
-      background-color: transparent
-    }
-
-    .btn-outline-secondary:not(:disabled):not(.disabled).active,
-    .btn-outline-secondary:not(:disabled):not(.disabled):active,
-    .show>.btn-outline-secondary.dropdown-toggle {
-      color: #fff;
-      background-color: #6c757d;
-      border-color: #6c757d
-    }
-
-    .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
-    .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
-    .show>.btn-outline-secondary.dropdown-toggle:focus {
-      box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
-    }
-
-    .btn-outline-success {
-      color: #28a745;
-      border-color: #28a745
-    }
-
-    .btn-outline-success:hover {
-      color: #fff;
-      background-color: #28a745;
-      border-color: #28a745
-    }
-
-    .btn-outline-success.focus,
-    .btn-outline-success:focus {
-      box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
-    }
-
-    .btn-outline-success.disabled,
-    .btn-outline-success:disabled {
-      color: #28a745;
-      background-color: transparent
-    }
-
-    .btn-outline-success:not(:disabled):not(.disabled).active,
-    .btn-outline-success:not(:disabled):not(.disabled):active,
-    .show>.btn-outline-success.dropdown-toggle {
-      color: #fff;
-      background-color: #28a745;
-      border-color: #28a745
-    }
-
-    .btn-outline-success:not(:disabled):not(.disabled).active:focus,
-    .btn-outline-success:not(:disabled):not(.disabled):active:focus,
-    .show>.btn-outline-success.dropdown-toggle:focus {
-      box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
-    }
-
-    .btn-outline-info {
-      color: #17a2b8;
-      border-color: #17a2b8
-    }
-
-    .btn-outline-info:hover {
-      color: #fff;
-      background-color: #17a2b8;
-      border-color: #17a2b8
-    }
-
-    .btn-outline-info.focus,
-    .btn-outline-info:focus {
-      box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
-    }
-
-    .btn-outline-info.disabled,
-    .btn-outline-info:disabled {
-      color: #17a2b8;
-      background-color: transparent
-    }
-
-    .btn-outline-info:not(:disabled):not(.disabled).active,
-    .btn-outline-info:not(:disabled):not(.disabled):active,
-    .show>.btn-outline-info.dropdown-toggle {
-      color: #fff;
-      background-color: #17a2b8;
-      border-color: #17a2b8
-    }
-
-    .btn-outline-info:not(:disabled):not(.disabled).active:focus,
-    .btn-outline-info:not(:disabled):not(.disabled):active:focus,
-    .show>.btn-outline-info.dropdown-toggle:focus {
-      box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
-    }
-
-    .btn-outline-warning {
-      color: #ffc107;
-      border-color: #ffc107
-    }
-
-    .btn-outline-warning:hover {
-      color: #212529;
-      background-color: #ffc107;
-      border-color: #ffc107
-    }
-
-    .btn-outline-warning.focus,
-    .btn-outline-warning:focus {
-      box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
-    }
-
-    .btn-outline-warning.disabled,
-    .btn-outline-warning:disabled {
-      color: #ffc107;
-      background-color: transparent
-    }
-
-    .btn-outline-warning:not(:disabled):not(.disabled).active,
-    .btn-outline-warning:not(:disabled):not(.disabled):active,
-    .show>.btn-outline-warning.dropdown-toggle {
-      color: #212529;
-      background-color: #ffc107;
-      border-color: #ffc107
-    }
-
-    .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
-    .btn-outline-warning:not(:disabled):not(.disabled):active:focus,
-    .show>.btn-outline-warning.dropdown-toggle:focus {
-      box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
-    }
-
-    .btn-outline-danger {
-      color: #dc3545;
-      border-color: #dc3545
-    }
-
-    .btn-outline-danger:hover {
-      color: #fff;
-      background-color: #dc3545;
-      border-color: #dc3545
-    }
-
-    .btn-outline-danger.focus,
-    .btn-outline-danger:focus {
-      box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
-    }
-
-    .btn-outline-danger.disabled,
-    .btn-outline-danger:disabled {
-      color: #dc3545;
-      background-color: transparent
-    }
-
-    .btn-outline-danger:not(:disabled):not(.disabled).active,
-    .btn-outline-danger:not(:disabled):not(.disabled):active,
-    .show>.btn-outline-danger.dropdown-toggle {
-      color: #fff;
-      background-color: #dc3545;
-      border-color: #dc3545
-    }
-
-    .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
-    .btn-outline-danger:not(:disabled):not(.disabled):active:focus,
-    .show>.btn-outline-danger.dropdown-toggle:focus {
-      box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
-    }
-
-    .btn-outline-light {
-      color: #f8f9fa;
-      border-color: #f8f9fa
-    }
-
-    .btn-outline-light:hover {
-      color: #212529;
-      background-color: #f8f9fa;
-      border-color: #f8f9fa
-    }
-
-    .btn-outline-light.focus,
-    .btn-outline-light:focus {
-      box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
-    }
-
-    .btn-outline-light.disabled,
-    .btn-outline-light:disabled {
-      color: #f8f9fa;
-      background-color: transparent
-    }
-
-    .btn-outline-light:not(:disabled):not(.disabled).active,
-    .btn-outline-light:not(:disabled):not(.disabled):active,
-    .show>.btn-outline-light.dropdown-toggle {
-      color: #212529;
-      background-color: #f8f9fa;
-      border-color: #f8f9fa
-    }
-
-    .btn-outline-light:not(:disabled):not(.disabled).active:focus,
-    .btn-outline-light:not(:disabled):not(.disabled):active:focus,
-    .show>.btn-outline-light.dropdown-toggle:focus {
-      box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
-    }
-
-    .btn-outline-dark {
-      color: #343a40;
-      border-color: #343a40
-    }
-
-    .btn-outline-dark:hover {
-      color: #fff;
-      background-color: #343a40;
-      border-color: #343a40
-    }
-
-    .btn-outline-dark.focus,
-    .btn-outline-dark:focus {
-      box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
-    }
-
-    .btn-outline-dark.disabled,
-    .btn-outline-dark:disabled {
-      color: #343a40;
-      background-color: transparent
-    }
-
-    .btn-outline-dark:not(:disabled):not(.disabled).active,
-    .btn-outline-dark:not(:disabled):not(.disabled):active,
-    .show>.btn-outline-dark.dropdown-toggle {
-      color: #fff;
-      background-color: #343a40;
-      border-color: #343a40
-    }
-
-    .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
-    .btn-outline-dark:not(:disabled):not(.disabled):active:focus,
-    .show>.btn-outline-dark.dropdown-toggle:focus {
-      box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
-    }
-
-    .btn-link {
-      font-weight: 400;
-      color: #007bff;
-      text-decoration: none
-    }
-
-    .btn-link:hover {
-      color: #0056b3;
-      text-decoration: underline
-    }
-
-    .btn-link.focus,
-    .btn-link:focus {
-      text-decoration: underline;
-      box-shadow: none
-    }
-
-    .btn-link.disabled,
-    .btn-link:disabled {
-      color: #6c757d;
-      pointer-events: none
-    }
-
-    .btn-group-lg>.btn,
-    .btn-lg {
-      padding: .5rem 1rem;
-      font-size: 1.25rem;
-      line-height: 1.5;
-      border-radius: .3rem
-    }
-
-    .btn-group-sm>.btn,
-    .btn-sm {
-      padding: .25rem .5rem;
-      font-size: .875rem;
-      line-height: 1.5;
-      border-radius: .2rem
-    }
-
-    .btn-block {
-      display: block;
-      width: 100%
-    }
-
-    .btn-block+.btn-block {
-      margin-top: .5rem
-    }
-
-    input[type=button].btn-block,
-    input[type=reset].btn-block,
-    input[type=submit].btn-block {
-      width: 100%
-    }
-
-    .fade {
-      transition: opacity .15s linear
-    }
-
-    @media (prefers-reduced-motion:reduce) {
-      .fade {
-        transition: none
-      }
-    }
-
-    .fade:not(.show) {
-      opacity: 0
-    }
-
-    .collapse:not(.show) {
-      display: none
-    }
-
-    .collapsing {
-      position: relative;
-      height: 0;
-      overflow: hidden;
-      transition: height .35s ease
-    }
-
-    @media (prefers-reduced-motion:reduce) {
-      .collapsing {
-        transition: none
-      }
-    }
-
-    .dropdown,
-    .dropleft,
-    .dropright,
-    .dropup {
-      position: relative
-    }
-
-    .dropdown-toggle {
-      white-space: nowrap
-    }
-
-    .dropdown-toggle::after {
-      display: inline-block;
-      margin-left: .255em;
-      vertical-align: .255em;
-      content: "";
-      border-top: .3em solid;
-      border-right: .3em solid transparent;
-      border-bottom: 0;
-      border-left: .3em solid transparent
-    }
-
-    .dropdown-toggle:empty::after {
-      margin-left: 0
-    }
-
-    .dropdown-menu {
-      position: absolute;
-      top: 100%;
-      left: 0;
-      z-index: 1000;
-      display: none;
-      float: left;
-      min-width: 10rem;
-      padding: .5rem 0;
-      margin: .125rem 0 0;
-      font-size: 1rem;
-      color: #212529;
-      text-align: left;
-      list-style: none;
-      background-color: #fff;
-      background-clip: padding-box;
-      border: 1px solid rgba(0, 0, 0, .15);
-      border-radius: .25rem
-    }
-
-    .dropdown-menu-left {
-      right: auto;
-      left: 0
-    }
-
-    .dropdown-menu-right {
-      right: 0;
-      left: auto
-    }
-
-    @media (min-width:576px) {
-      .dropdown-menu-sm-left {
-        right: auto;
-        left: 0
-      }
-
-      .dropdown-menu-sm-right {
-        right: 0;
-        left: auto
-      }
-    }
-
-    @media (min-width:768px) {
-      .dropdown-menu-md-left {
-        right: auto;
-        left: 0
-      }
-
-      .dropdown-menu-md-right {
-        right: 0;
-        left: auto
-      }
-    }
-
-    @media (min-width:992px) {
-      .dropdown-menu-lg-left {
-        right: auto;
-        left: 0
-      }
-
-      .dropdown-menu-lg-right {
-        right: 0;
-        left: auto
-      }
-    }
-
-    @media (min-width:1200px) {
-      .dropdown-menu-xl-left {
-        right: auto;
-        left: 0
-      }
-
-      .dropdown-menu-xl-right {
-        right: 0;
-        left: auto
-      }
-    }
-
-    .dropup .dropdown-menu {
-      top: auto;
-      bottom: 100%;
-      margin-top: 0;
-      margin-bottom: .125rem
-    }
-
-    .dropup .dropdown-toggle::after {
-      display: inline-block;
-      margin-left: .255em;
-      vertical-align: .255em;
-      content: "";
-      border-top: 0;
-      border-right: .3em solid transparent;
-      border-bottom: .3em solid;
-      border-left: .3em solid transparent
-    }
-
-    .dropup .dropdown-toggle:empty::after {
-      margin-left: 0
-    }
-
-    .dropright .dropdown-menu {
-      top: 0;
-      right: auto;
-      left: 100%;
-      margin-top: 0;
-      margin-left: .125rem
-    }
-
-    .dropright .dropdown-toggle::after {
-      display: inline-block;
-      margin-left: .255em;
-      vertical-align: .255em;
-      content: "";
-      border-top: .3em solid transparent;
-      border-right: 0;
-      border-bottom: .3em solid transparent;
-      border-left: .3em solid
-    }
-
-    .dropright .dropdown-toggle:empty::after {
-      margin-left: 0
-    }
-
-    .dropright .dropdown-toggle::after {
-      vertical-align: 0
-    }
-
-    .dropleft .dropdown-menu {
-      top: 0;
-      right: 100%;
-      left: auto;
-      margin-top: 0;
-      margin-right: .125rem
-    }
-
-    .dropleft .dropdown-toggle::after {
-      display: inline-block;
-      margin-left: .255em;
-      vertical-align: .255em;
-      content: ""
-    }
-
-    .dropleft .dropdown-toggle::after {
-      display: none
-    }
-
-    .dropleft .dropdown-toggle::before {
-      display: inline-block;
-      margin-right: .255em;
-      vertical-align: .255em;
-      content: "";
-      border-top: .3em solid transparent;
-      border-right: .3em solid;
-      border-bottom: .3em solid transparent
-    }
-
-    .dropleft .dropdown-toggle:empty::after {
-      margin-left: 0
-    }
-
-    .dropleft .dropdown-toggle::before {
-      vertical-align: 0
-    }
-
-    .dropdown-menu[x-placement^=bottom],
-    .dropdown-menu[x-placement^=left],
-    .dropdown-menu[x-placement^=right],
-    .dropdown-menu[x-placement^=top] {
-      right: auto;
-      bottom: auto
-    }
-
-    .dropdown-divider {
-      height: 0;
-      margin: .5rem 0;
-      overflow: hidden;
-      border-top: 1px solid #e9ecef
-    }
-
-    .dropdown-item {
-      display: block;
-      width: 100%;
-      padding: .25rem 1.5rem;
-      clear: both;
-      font-weight: 400;
-      color: #212529;
-      text-align: inherit;
-      white-space: nowrap;
-      background-color: transparent;
-      border: 0
-    }
-
-    .dropdown-item:focus,
-    .dropdown-item:hover {
-      color: #16181b;
-      text-decoration: none;
-      background-color: #f8f9fa
-    }
-
-    .dropdown-item.active,
-    .dropdown-item:active {
-      color: #fff;
-      text-decoration: none;
-      background-color: #007bff
-    }
-
-    .dropdown-item.disabled,
-    .dropdown-item:disabled {
-      color: #6c757d;
-      pointer-events: none;
-      background-color: transparent
-    }
-
-    .dropdown-menu.show {
-      display: block
-    }
-
-    .dropdown-header {
-      display: block;
-      padding: .5rem 1.5rem;
-      margin-bottom: 0;
-      font-size: .875rem;
-      color: #6c757d;
-      white-space: nowrap
-    }
-
-    .dropdown-item-text {
-      display: block;
-      padding: .25rem 1.5rem;
-      color: #212529
-    }
-
-    .btn-group,
-    .btn-group-vertical {
-      position: relative;
-      display: -ms-inline-flexbox;
-      display: inline-flex;
-      vertical-align: middle
-    }
-
-    .btn-group-vertical>.btn,
-    .btn-group>.btn {
-      position: relative;
-      -ms-flex: 1 1 auto;
-      flex: 1 1 auto
-    }
-
-    .btn-group-vertical>.btn:hover,
-    .btn-group>.btn:hover {
-      z-index: 1
-    }
-
-    .btn-group-vertical>.btn.active,
-    .btn-group-vertical>.btn:active,
-    .btn-group-vertical>.btn:focus,
-    .btn-group>.btn.active,
-    .btn-group>.btn:active,
-    .btn-group>.btn:focus {
-      z-index: 1
-    }
-
-    .btn-toolbar {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-      -ms-flex-pack: start;
-      justify-content: flex-start
-    }
-
-    .btn-toolbar .input-group {
-      width: auto
-    }
-
-    .btn-group>.btn-group:not(:first-child),
-    .btn-group>.btn:not(:first-child) {
-      margin-left: -1px
-    }
-
-    .btn-group>.btn-group:not(:last-child)>.btn,
-    .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
-      border-top-right-radius: 0;
-      border-bottom-right-radius: 0
-    }
-
-    .btn-group>.btn-group:not(:first-child)>.btn,
-    .btn-group>.btn:not(:first-child) {
-      border-top-left-radius: 0;
-      border-bottom-left-radius: 0
-    }
-
-    .dropdown-toggle-split {
-      padding-right: .5625rem;
-      padding-left: .5625rem
-    }
-
-    .dropdown-toggle-split::after,
-    .dropright .dropdown-toggle-split::after,
-    .dropup .dropdown-toggle-split::after {
-      margin-left: 0
-    }
-
-    .dropleft .dropdown-toggle-split::before {
-      margin-right: 0
-    }
-
-    .btn-group-sm>.btn+.dropdown-toggle-split,
-    .btn-sm+.dropdown-toggle-split {
-      padding-right: .375rem;
-      padding-left: .375rem
-    }
-
-    .btn-group-lg>.btn+.dropdown-toggle-split,
-    .btn-lg+.dropdown-toggle-split {
-      padding-right: .75rem;
-      padding-left: .75rem
-    }
-
-    .btn-group-vertical {
-      -ms-flex-direction: column;
-      flex-direction: column;
-      -ms-flex-align: start;
-      align-items: flex-start;
-      -ms-flex-pack: center;
-      justify-content: center
-    }
-
-    .btn-group-vertical>.btn,
-    .btn-group-vertical>.btn-group {
-      width: 100%
-    }
-
-    .btn-group-vertical>.btn-group:not(:first-child),
-    .btn-group-vertical>.btn:not(:first-child) {
-      margin-top: -1px
-    }
-
-    .btn-group-vertical>.btn-group:not(:last-child)>.btn,
-    .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
-      border-bottom-right-radius: 0;
-      border-bottom-left-radius: 0
-    }
-
-    .btn-group-vertical>.btn-group:not(:first-child)>.btn,
-    .btn-group-vertical>.btn:not(:first-child) {
-      border-top-left-radius: 0;
-      border-top-right-radius: 0
-    }
-
-    .btn-group-toggle>.btn,
-    .btn-group-toggle>.btn-group>.btn {
-      margin-bottom: 0
-    }
-
-    .btn-group-toggle>.btn input[type=checkbox],
-    .btn-group-toggle>.btn input[type=radio],
-    .btn-group-toggle>.btn-group>.btn input[type=checkbox],
-    .btn-group-toggle>.btn-group>.btn input[type=radio] {
-      position: absolute;
-      clip: rect(0, 0, 0, 0);
-      pointer-events: none
-    }
-
-    .input-group {
-      position: relative;
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-      -ms-flex-align: stretch;
-      align-items: stretch;
-      width: 100%
-    }
-
-    .input-group>.custom-file,
-    .input-group>.custom-select,
-    .input-group>.form-control,
-    .input-group>.form-control-plaintext {
-      position: relative;
-      -ms-flex: 1 1 auto;
-      flex: 1 1 auto;
-      width: 1%;
-      margin-bottom: 0
-    }
-
-    .input-group>.custom-file+.custom-file,
-    .input-group>.custom-file+.custom-select,
-    .input-group>.custom-file+.form-control,
-    .input-group>.custom-select+.custom-file,
-    .input-group>.custom-select+.custom-select,
-    .input-group>.custom-select+.form-control,
-    .input-group>.form-control+.custom-file,
-    .input-group>.form-control+.custom-select,
-    .input-group>.form-control+.form-control,
-    .input-group>.form-control-plaintext+.custom-file,
-    .input-group>.form-control-plaintext+.custom-select,
-    .input-group>.form-control-plaintext+.form-control {
-      margin-left: -1px
-    }
-
-    .input-group>.custom-file .custom-file-input:focus~.custom-file-label,
-    .input-group>.custom-select:focus,
-    .input-group>.form-control:focus {
-      z-index: 3
-    }
-
-    .input-group>.custom-file .custom-file-input:focus {
-      z-index: 4
-    }
-
-    .input-group>.custom-select:not(:last-child),
-    .input-group>.form-control:not(:last-child) {
-      border-top-right-radius: 0;
-      border-bottom-right-radius: 0
-    }
-
-    .input-group>.custom-select:not(:first-child),
-    .input-group>.form-control:not(:first-child) {
-      border-top-left-radius: 0;
-      border-bottom-left-radius: 0
-    }
-
-    .input-group>.custom-file {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-align: center;
-      align-items: center
-    }
-
-    .input-group>.custom-file:not(:last-child) .custom-file-label,
-    .input-group>.custom-file:not(:last-child) .custom-file-label::after {
-      border-top-right-radius: 0;
-      border-bottom-right-radius: 0
-    }
-
-    .input-group>.custom-file:not(:first-child) .custom-file-label {
-      border-top-left-radius: 0;
-      border-bottom-left-radius: 0
-    }
-
-    .input-group-append,
-    .input-group-prepend {
-      display: -ms-flexbox;
-      display: flex
-    }
-
-    .input-group-append .btn,
-    .input-group-prepend .btn {
-      position: relative;
-      z-index: 2
-    }
-
-    .input-group-append .btn:focus,
-    .input-group-prepend .btn:focus {
-      z-index: 3
-    }
-
-    .input-group-append .btn+.btn,
-    .input-group-append .btn+.input-group-text,
-    .input-group-append .input-group-text+.btn,
-    .input-group-append .input-group-text+.input-group-text,
-    .input-group-prepend .btn+.btn,
-    .input-group-prepend .btn+.input-group-text,
-    .input-group-prepend .input-group-text+.btn,
-    .input-group-prepend .input-group-text+.input-group-text {
-      margin-left: -1px
-    }
-
-    .input-group-prepend {
-      margin-right: -1px
-    }
-
-    .input-group-append {
-      margin-left: -1px
-    }
-
-    .input-group-text {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-align: center;
-      align-items: center;
-      padding: .375rem .75rem;
-      margin-bottom: 0;
-      font-size: 1rem;
-      font-weight: 400;
-      line-height: 1.5;
-      color: #495057;
-      text-align: center;
-      white-space: nowrap;
-      background-color: #e9ecef;
-      border: 1px solid #ced4da;
-      border-radius: .25rem
-    }
-
-    .input-group-text input[type=checkbox],
-    .input-group-text input[type=radio] {
-      margin-top: 0
-    }
-
-    .input-group-lg>.custom-select,
-    .input-group-lg>.form-control:not(textarea) {
-      height: calc(1.5em + 1rem + 2px)
-    }
-
-    .input-group-lg>.custom-select,
-    .input-group-lg>.form-control,
-    .input-group-lg>.input-group-append>.btn,
-    .input-group-lg>.input-group-append>.input-group-text,
-    .input-group-lg>.input-group-prepend>.btn,
-    .input-group-lg>.input-group-prepend>.input-group-text {
-      padding: .5rem 1rem;
-      font-size: 1.25rem;
-      line-height: 1.5;
-      border-radius: .3rem
-    }
-
-    .input-group-sm>.custom-select,
-    .input-group-sm>.form-control:not(textarea) {
-      height: calc(1.5em + .5rem + 2px)
-    }
-
-    .input-group-sm>.custom-select,
-    .input-group-sm>.form-control,
-    .input-group-sm>.input-group-append>.btn,
-    .input-group-sm>.input-group-append>.input-group-text,
-    .input-group-sm>.input-group-prepend>.btn,
-    .input-group-sm>.input-group-prepend>.input-group-text {
-      padding: .25rem .5rem;
-      font-size: .875rem;
-      line-height: 1.5;
-      border-radius: .2rem
-    }
-
-    .input-group-lg>.custom-select,
-    .input-group-sm>.custom-select {
-      padding-right: 1.75rem
-    }
-
-    .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
-    .input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
-    .input-group>.input-group-append:not(:last-child)>.btn,
-    .input-group>.input-group-append:not(:last-child)>.input-group-text,
-    .input-group>.input-group-prepend>.btn,
-    .input-group>.input-group-prepend>.input-group-text {
-      border-top-right-radius: 0;
-      border-bottom-right-radius: 0
-    }
-
-    .input-group>.input-group-append>.btn,
-    .input-group>.input-group-append>.input-group-text,
-    .input-group>.input-group-prepend:first-child>.btn:not(:first-child),
-    .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
-    .input-group>.input-group-prepend:not(:first-child)>.btn,
-    .input-group>.input-group-prepend:not(:first-child)>.input-group-text {
-      border-top-left-radius: 0;
-      border-bottom-left-radius: 0
-    }
-
-    .custom-control {
-      position: relative;
-      display: block;
-      min-height: 1.5rem;
-      padding-left: 1.5rem
-    }
-
-    .custom-control-inline {
-      display: -ms-inline-flexbox;
-      display: inline-flex;
-      margin-right: 1rem
-    }
-
-    .custom-control-input {
-      position: absolute;
-      z-index: -1;
-      opacity: 0
-    }
-
-    .custom-control-input:checked~.custom-control-label::before {
-      color: #fff;
-      border-color: #007bff;
-      background-color: #007bff
-    }
-
-    .custom-control-input:focus~.custom-control-label::before {
-      box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
-    }
-
-    .custom-control-input:focus:not(:checked)~.custom-control-label::before {
-      border-color: #80bdff
-    }
-
-    .custom-control-input:not(:disabled):active~.custom-control-label::before {
-      color: #fff;
-      background-color: #b3d7ff;
-      border-color: #b3d7ff
-    }
-
-    .custom-control-input:disabled~.custom-control-label {
-      color: #6c757d
-    }
-
-    .custom-control-input:disabled~.custom-control-label::before {
-      background-color: #e9ecef
-    }
-
-    .custom-control-label {
-      position: relative;
-      margin-bottom: 0;
-      vertical-align: top
-    }
-
-    .custom-control-label::before {
-      position: absolute;
-      top: .25rem;
-      left: -1.5rem;
-      display: block;
-      width: 1rem;
-      height: 1rem;
-      pointer-events: none;
-      content: "";
-      background-color: #fff;
-      border: #adb5bd solid 1px
-    }
-
-    .custom-control-label::after {
-      position: absolute;
-      top: .25rem;
-      left: -1.5rem;
-      display: block;
-      width: 1rem;
-      height: 1rem;
-      content: "";
-      background: no-repeat 50%/50% 50%
-    }
-
-    .custom-checkbox .custom-control-label::before {
-      border-radius: .25rem
-    }
-
-    .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
-      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")
-    }
-
-    .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
-      border-color: #007bff;
-      background-color: #007bff
-    }
-
-    .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
-      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")
-    }
-
-    .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
-      background-color: rgba(0, 123, 255, .5)
-    }
-
-    .custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
-      background-color: rgba(0, 123, 255, .5)
-    }
-
-    .custom-radio .custom-control-label::before {
-      border-radius: 50%
-    }
-
-    .custom-radio .custom-control-input:checked~.custom-control-label::after {
-      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
-    }
-
-    .custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
-      background-color: rgba(0, 123, 255, .5)
-    }
-
-    .custom-switch {
-      padding-left: 2.25rem
-    }
-
-    .custom-switch .custom-control-label::before {
-      left: -2.25rem;
-      width: 1.75rem;
-      pointer-events: all;
-      border-radius: .5rem
-    }
-
-    .custom-switch .custom-control-label::after {
-      top: calc(.25rem + 2px);
-      left: calc(-2.25rem + 2px);
-      width: calc(1rem - 4px);
-      height: calc(1rem - 4px);
-      background-color: #adb5bd;
-      border-radius: .5rem;
-      transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;
-      transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
-      transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out
-    }
-
-    @media (prefers-reduced-motion:reduce) {
-      .custom-switch .custom-control-label::after {
-        transition: none
-      }
-    }
-
-    .custom-switch .custom-control-input:checked~.custom-control-label::after {
-      background-color: #fff;
-      -webkit-transform: translateX(.75rem);
-      transform: translateX(.75rem)
-    }
-
-    .custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
-      background-color: rgba(0, 123, 255, .5)
-    }
-
-    .custom-select {
-      display: inline-block;
-      width: 100%;
-      height: calc(1.5em + .75rem + 2px);
-      padding: .375rem 1.75rem .375rem .75rem;
-      font-size: 1rem;
-      font-weight: 400;
-      line-height: 1.5;
-      color: #495057;
-      vertical-align: middle;
-      background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
-      background-color: #fff;
-      border: 1px solid #ced4da;
-      border-radius: .25rem;
-      -webkit-appearance: none;
-      -moz-appearance: none;
-      appearance: none
-    }
-
-    .custom-select:focus {
-      border-color: #80bdff;
-      outline: 0;
-      box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
-    }
-
-    .custom-select:focus::-ms-value {
-      color: #495057;
-      background-color: #fff
-    }
-
-    .custom-select[multiple],
-    .custom-select[size]:not([size="1"]) {
-      height: auto;
-      padding-right: .75rem;
-      background-image: none
-    }
-
-    .custom-select:disabled {
-      color: #6c757d;
-      background-color: #e9ecef
-    }
-
-    .custom-select::-ms-expand {
-      display: none
-    }
-
-    .custom-select-sm {
-      height: calc(1.5em + .5rem + 2px);
-      padding-top: .25rem;
-      padding-bottom: .25rem;
-      padding-left: .5rem;
-      font-size: .875rem
-    }
-
-    .custom-select-lg {
-      height: calc(1.5em + 1rem + 2px);
-      padding-top: .5rem;
-      padding-bottom: .5rem;
-      padding-left: 1rem;
-      font-size: 1.25rem
-    }
-
-    .custom-file {
-      position: relative;
-      display: inline-block;
-      width: 100%;
-      height: calc(1.5em + .75rem + 2px);
-      margin-bottom: 0
-    }
-
-    .custom-file-input {
-      position: relative;
-      z-index: 2;
-      width: 100%;
-      height: calc(1.5em + .75rem + 2px);
-      margin: 0;
-      opacity: 0
-    }
-
-    .custom-file-input:focus~.custom-file-label {
-      border-color: #80bdff;
-      box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
-    }
-
-    .custom-file-input:disabled~.custom-file-label {
-      background-color: #e9ecef
-    }
-
-    .custom-file-input:lang(en)~.custom-file-label::after {
-      content: "Browse"
-    }
-
-    .custom-file-input~.custom-file-label[data-browse]::after {
-      content: attr(data-browse)
-    }
-
-    .custom-file-label {
-      position: absolute;
-      top: 0;
-      right: 0;
-      left: 0;
-      z-index: 1;
-      height: calc(1.5em + .75rem + 2px);
-      padding: .375rem .75rem;
-      font-weight: 400;
-      line-height: 1.5;
-      color: #495057;
-      background-color: #fff;
-      border: 1px solid #ced4da;
-      border-radius: .25rem
-    }
-
-    .custom-file-label::after {
-      position: absolute;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      z-index: 3;
-      display: block;
-      height: calc(1.5em + .75rem);
-      padding: .375rem .75rem;
-      line-height: 1.5;
-      color: #495057;
-      content: "Browse";
-      background-color: #e9ecef;
-      border-left: inherit;
-      border-radius: 0 .25rem .25rem 0
-    }
-
-    .custom-range {
-      width: 100%;
-      height: calc(1rem + .4rem);
-      padding: 0;
-      background-color: transparent;
-      -webkit-appearance: none;
-      -moz-appearance: none;
-      appearance: none
-    }
-
-    .custom-range:focus {
-      outline: 0
-    }
-
-    .custom-range:focus::-webkit-slider-thumb {
-      box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
-    }
-
-    .custom-range:focus::-moz-range-thumb {
-      box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
-    }
-
-    .custom-range:focus::-ms-thumb {
-      box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
-    }
-
-    .custom-range::-moz-focus-outer {
-      border: 0
-    }
-
-    .custom-range::-webkit-slider-thumb {
-      width: 1rem;
-      height: 1rem;
-      margin-top: -.25rem;
-      background-color: #007bff;
-      border: 0;
-      border-radius: 1rem;
-      transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
-      -webkit-appearance: none;
-      appearance: none
-    }
-
-    @media (prefers-reduced-motion:reduce) {
-      .custom-range::-webkit-slider-thumb {
-        transition: none
-      }
-    }
-
-    .custom-range::-webkit-slider-thumb:active {
-      background-color: #b3d7ff
-    }
-
-    .custom-range::-webkit-slider-runnable-track {
-      width: 100%;
-      height: .5rem;
-      color: transparent;
-      cursor: pointer;
-      background-color: #dee2e6;
-      border-color: transparent;
-      border-radius: 1rem
-    }
-
-    .custom-range::-moz-range-thumb {
-      width: 1rem;
-      height: 1rem;
-      background-color: #007bff;
-      border: 0;
-      border-radius: 1rem;
-      transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
-      -moz-appearance: none;
-      appearance: none
-    }
-
-    @media (prefers-reduced-motion:reduce) {
-      .custom-range::-moz-range-thumb {
-        transition: none
-      }
-    }
-
-    .custom-range::-moz-range-thumb:active {
-      background-color: #b3d7ff
-    }
-
-    .custom-range::-moz-range-track {
-      width: 100%;
-      height: .5rem;
-      color: transparent;
-      cursor: pointer;
-      background-color: #dee2e6;
-      border-color: transparent;
-      border-radius: 1rem
-    }
-
-    .custom-range::-ms-thumb {
-      width: 1rem;
-      height: 1rem;
-      margin-top: 0;
-      margin-right: .2rem;
-      margin-left: .2rem;
-      background-color: #007bff;
-      border: 0;
-      border-radius: 1rem;
-      transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
-      appearance: none
-    }
-
-    @media (prefers-reduced-motion:reduce) {
-      .custom-range::-ms-thumb {
-        transition: none
-      }
-    }
-
-    .custom-range::-ms-thumb:active {
-      background-color: #b3d7ff
-    }
-
-    .custom-range::-ms-track {
-      width: 100%;
-      height: .5rem;
-      color: transparent;
-      cursor: pointer;
-      background-color: transparent;
-      border-color: transparent;
-      border-width: .5rem
-    }
-
-    .custom-range::-ms-fill-lower {
-      background-color: #dee2e6;
-      border-radius: 1rem
-    }
-
-    .custom-range::-ms-fill-upper {
-      margin-right: 15px;
-      background-color: #dee2e6;
-      border-radius: 1rem
-    }
-
-    .custom-range:disabled::-webkit-slider-thumb {
-      background-color: #adb5bd
-    }
-
-    .custom-range:disabled::-webkit-slider-runnable-track {
-      cursor: default
-    }
-
-    .custom-range:disabled::-moz-range-thumb {
-      background-color: #adb5bd
-    }
-
-    .custom-range:disabled::-moz-range-track {
-      cursor: default
-    }
-
-    .custom-range:disabled::-ms-thumb {
-      background-color: #adb5bd
-    }
-
-    .custom-control-label::before,
-    .custom-file-label,
-    .custom-select {
-      transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
-    }
-
-    @media (prefers-reduced-motion:reduce) {
-
-      .custom-control-label::before,
-      .custom-file-label,
-      .custom-select {
-        transition: none
-      }
-    }
-
-
-
-    .nav {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-      padding-left: 0;
-      margin-bottom: 0;
-      list-style: none;
-      border: none;
-      position: sticky;
-      top: 0;
-      z-index: 500;
-      box-shadow: inset 0 1px 0 0 hsl(0deg 0% 100% / 5%);
-      background-color: rgb(30 41 59 / 84%);
-    }
-
-
-    .tab-content>.tab-pane {
-      display: none
-    }
-
-    .tab-content>.active {
-      display: block
-    }
-
-    .navbar {
-      position: relative;
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-      -ms-flex-align: center;
-      align-items: center;
-      -ms-flex-pack: justify;
-      justify-content: space-between;
-      padding: .5rem 1rem
-    }
-
-    .navbar>.container,
-    .navbar>.container-fluid {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-      -ms-flex-align: center;
-      align-items: center;
-      -ms-flex-pack: justify;
-      justify-content: space-between
-    }
-
-    .navbar-brand {
-      display: inline-block;
-      padding-top: .3125rem;
-      padding-bottom: .3125rem;
-      margin-right: 1rem;
-      font-size: 1.25rem;
-      line-height: inherit;
-      white-space: nowrap
-    }
-
-    .navbar-brand:focus,
-    .navbar-brand:hover {
-      text-decoration: none
-    }
-
-    .navbar-nav {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-direction: column;
-      flex-direction: column;
-      padding-left: 0;
-      margin-bottom: 0;
-      list-style: none
-    }
-
-
-
-    .navbar-nav .dropdown-menu {
-      position: static;
-      float: none
-    }
-
-    .navbar-text {
-      display: inline-block;
-      padding-top: .5rem;
-      padding-bottom: .5rem
-    }
-
-    .navbar-collapse {
-      -ms-flex-preferred-size: 100%;
-      flex-basis: 100%;
-      -ms-flex-positive: 1;
-      flex-grow: 1;
-      -ms-flex-align: center;
-      align-items: center
-    }
-
-    .navbar-toggler {
-      padding: .25rem .75rem;
-      font-size: 1.25rem;
-      line-height: 1;
-      background-color: transparent;
-      border: 1px solid transparent;
-      border-radius: .25rem
-    }
-
-    .navbar-toggler:focus,
-    .navbar-toggler:hover {
-      text-decoration: none
-    }
-
-    .navbar-toggler-icon {
-      display: inline-block;
-      width: 1.5em;
-      height: 1.5em;
-      vertical-align: middle;
-      content: "";
-      background: no-repeat center center;
-      background-size: 100% 100%
-    }
-
-    @media (max-width:575.98px) {
-
-      .navbar-expand-sm>.container,
-      .navbar-expand-sm>.container-fluid {
-        padding-right: 0;
-        padding-left: 0
-      }
-    }
-
-    @media (min-width:576px) {
-      .navbar-expand-sm {
-        -ms-flex-flow: row nowrap;
-        flex-flow: row nowrap;
-        -ms-flex-pack: start;
-        justify-content: flex-start
-      }
-
-      .navbar-expand-sm .navbar-nav {
-        -ms-flex-direction: row;
-        flex-direction: row
-      }
-
-      .navbar-expand-sm .navbar-nav .dropdown-menu {
-        position: absolute
-      }
-
-
-      .navbar-expand-sm>.container,
-      .navbar-expand-sm>.container-fluid {
-        -ms-flex-wrap: nowrap;
-        flex-wrap: nowrap
-      }
-
-      .navbar-expand-sm .navbar-collapse {
-        display: -ms-flexbox !important;
-        display: flex !important;
-        -ms-flex-preferred-size: auto;
-        flex-basis: auto
-      }
-
-      .navbar-expand-sm .navbar-toggler {
-        display: none
-      }
-    }
-
-    @media (max-width:767.98px) {
-
-      .navbar-expand-md>.container,
-      .navbar-expand-md>.container-fluid {
-        padding-right: 0;
-        padding-left: 0
-      }
-    }
-
-    @media (min-width:768px) {
-      .navbar-expand-md {
-        -ms-flex-flow: row nowrap;
-        flex-flow: row nowrap;
-        -ms-flex-pack: start;
-        justify-content: flex-start
-      }
-
-      .navbar-expand-md .navbar-nav {
-        -ms-flex-direction: row;
-        flex-direction: row
-      }
-
-      .navbar-expand-md .navbar-nav .dropdown-menu {
-        position: absolute
-      }
-
-
-
-      .navbar-expand-md>.container,
-      .navbar-expand-md>.container-fluid {
-        -ms-flex-wrap: nowrap;
-        flex-wrap: nowrap
-      }
-
-      .navbar-expand-md .navbar-collapse {
-        display: -ms-flexbox !important;
-        display: flex !important;
-        -ms-flex-preferred-size: auto;
-        flex-basis: auto
-      }
-
-      .navbar-expand-md .navbar-toggler {
-        display: none
-      }
-    }
-
-    @media (max-width:991.98px) {
-
-      .navbar-expand-lg>.container,
-      .navbar-expand-lg>.container-fluid {
-        padding-right: 0;
-        padding-left: 0
-      }
-    }
-
-    @media (min-width:992px) {
-      .navbar-expand-lg {
-        -ms-flex-flow: row nowrap;
-        flex-flow: row nowrap;
-        -ms-flex-pack: start;
-        justify-content: flex-start
-      }
-
-      .navbar-expand-lg .navbar-nav {
-        -ms-flex-direction: row;
-        flex-direction: row
-      }
-
-      .navbar-expand-lg .navbar-nav .dropdown-menu {
-        position: absolute
-      }
-
-
-
-      .navbar-expand-lg>.container,
-      .navbar-expand-lg>.container-fluid {
-        -ms-flex-wrap: nowrap;
-        flex-wrap: nowrap
-      }
-
-      .navbar-expand-lg .navbar-collapse {
-        display: -ms-flexbox !important;
-        display: flex !important;
-        -ms-flex-preferred-size: auto;
-        flex-basis: auto
-      }
-
-      .navbar-expand-lg .navbar-toggler {
-        display: none
-      }
-    }
-
-    @media (max-width:1199.98px) {
-
-      .navbar-expand-xl>.container,
-      .navbar-expand-xl>.container-fluid {
-        padding-right: 0;
-        padding-left: 0
-      }
-    }
-
-    @media (min-width:1200px) {
-      .navbar-expand-xl {
-        -ms-flex-flow: row nowrap;
-        flex-flow: row nowrap;
-        -ms-flex-pack: start;
-        justify-content: flex-start
-      }
-
-      .navbar-expand-xl .navbar-nav {
-        -ms-flex-direction: row;
-        flex-direction: row
-      }
-
-      .navbar-expand-xl .navbar-nav .dropdown-menu {
-        position: absolute
-      }
-
-
-      .navbar-expand-xl>.container,
-      .navbar-expand-xl>.container-fluid {
-        -ms-flex-wrap: nowrap;
-        flex-wrap: nowrap
-      }
-
-      .navbar-expand-xl .navbar-collapse {
-        display: -ms-flexbox !important;
-        display: flex !important;
-        -ms-flex-preferred-size: auto;
-        flex-basis: auto
-      }
-
-      .navbar-expand-xl .navbar-toggler {
-        display: none
-      }
-    }
-
-    .navbar-expand {
-      -ms-flex-flow: row nowrap;
-      flex-flow: row nowrap;
-      -ms-flex-pack: start;
-      justify-content: flex-start
-    }
-
-    .navbar-expand>.container,
-    .navbar-expand>.container-fluid {
-      padding-right: 0;
-      padding-left: 0
-    }
-
-    .navbar-expand .navbar-nav {
-      -ms-flex-direction: row;
-      flex-direction: row
-    }
-
-    .navbar-expand .navbar-nav .dropdown-menu {
-      position: absolute
-    }
-
-
-    .navbar-expand>.container,
-    .navbar-expand>.container-fluid {
-      -ms-flex-wrap: nowrap;
-      flex-wrap: nowrap
-    }
-
-    .navbar-expand .navbar-collapse {
-      display: -ms-flexbox !important;
-      display: flex !important;
-      -ms-flex-preferred-size: auto;
-      flex-basis: auto
-    }
-
-    .navbar-expand .navbar-toggler {
-      display: none
-    }
-
-    .navbar-light .navbar-brand {
-      color: rgba(0, 0, 0, .9)
-    }
-
-    .navbar-light .navbar-brand:focus,
-    .navbar-light .navbar-brand:hover {
-      color: rgba(0, 0, 0, .9)
-    }
-
-
-
-
-    .navbar-light .navbar-toggler {
-      color: rgba(0, 0, 0, .5);
-      border-color: rgba(0, 0, 0, .1)
-    }
-
-    .navbar-light .navbar-toggler-icon {
-      background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
-    }
-
-    .navbar-light .navbar-text {
-      color: rgba(0, 0, 0, .5)
-    }
-
-    .navbar-light .navbar-text a {
-      color: rgba(0, 0, 0, .9)
-    }
-
-    .navbar-light .navbar-text a:focus,
-    .navbar-light .navbar-text a:hover {
-      color: rgba(0, 0, 0, .9)
-    }
-
-    .navbar-dark .navbar-brand {
-      color: #fff
-    }
-
-    .navbar-dark .navbar-brand:focus,
-    .navbar-dark .navbar-brand:hover {
-      color: #fff
-    }
-
-
-
-    .navbar-dark .navbar-toggler {
-      color: rgba(255, 255, 255, .5);
-      border-color: rgba(255, 255, 255, .1)
-    }
-
-    .navbar-dark .navbar-toggler-icon {
-      background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
-    }
-
-    .navbar-dark .navbar-text {
-      color: rgba(255, 255, 255, .5)
-    }
-
-    .navbar-dark .navbar-text a {
-      color: #fff
-    }
-
-    .navbar-dark .navbar-text a:focus,
-    .navbar-dark .navbar-text a:hover {
-      color: #fff
-    }
-
-    .card {
-      position: relative;
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-direction: column;
-      flex-direction: column;
-      min-width: 0;
-      word-wrap: break-word;
-      /* background-color: #fff; */
-      background-clip: border-box;
-      border: 1px solid rgba(0, 0, 0, .125);
-      border-radius: .25rem
-    }
-
-    .card>hr {
-      margin-right: 0;
-      margin-left: 0
-    }
-
-    .card>.list-group:first-child .list-group-item:first-child {
-      border-top-left-radius: .25rem;
-      border-top-right-radius: .25rem
-    }
-
-    .card>.list-group:last-child .list-group-item:last-child {
-      border-bottom-right-radius: .25rem;
-      border-bottom-left-radius: .25rem
-    }
-
-    .card-body {
-      -ms-flex: 1 1 auto;
-      flex: 1 1 auto;
-      padding: 1.25rem
-    }
-
-    .card-title {
-      margin-bottom: .75rem;
-      color: #b9ae87;
-      text-shadow: 0 0 1px #b1700b;
-    }
-
-    .card-subtitle {
-      margin-top: -.375rem;
-      margin-bottom: 0
-    }
-
-    .card-text {
-      text-align: justify;
-      text-overflow: ellipsis;
-      display: -webkit-box;
-      -webkit-line-clamp: 2;
-      -webkit-box-orient: vertical;
-      overflow: hidden;
-      font-weight: lighter;
-      line-height: 17.5px;
-      color: #aed3ed;
-    }
-
-    .card-text:last-child {
-      margin-bottom: 0
-    }
-
-    .card-link:hover {
-      text-decoration: none
-    }
-
-    .card-link+.card-link {
-      margin-left: 1.25rem
-    }
-
-    .card-header {
-      padding: .75rem 1.25rem;
-      margin-bottom: 0;
-      background-color: rgba(0, 0, 0, .03);
-      border-bottom: 1px solid rgba(0, 0, 0, .125)
-    }
-
-    .card-header:first-child {
-      border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
-    }
-
-    .card-header+.list-group .list-group-item:first-child {
-      border-top: 0
-    }
-
-    .card-footer {
-      padding: .75rem 1.25rem;
-      background-color: rgba(0, 0, 0, .03);
-      border-top: 1px solid rgba(0, 0, 0, .125)
-    }
-
-    .card-footer:last-child {
-      border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
-    }
-
-    .card-header-tabs {
-      margin-right: -.625rem;
-      margin-bottom: -.75rem;
-      margin-left: -.625rem;
-      border-bottom: 0
-    }
-
-    .card-header-pills {
-      margin-right: -.625rem;
-      margin-left: -.625rem
-    }
-
-    .card-img-overlay {
-      position: absolute;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      left: 0;
-      padding: 1.25rem
-    }
-
-    .card-img {
-      width: 100%;
-      border-radius: calc(.25rem - 1px)
-    }
-
-    .card-img-top {
-      width: 30%;
-      border-bottom-left-radius: calc(0.25rem - 1px);
-      border-bottom-right-radius: calc(10.25rem - 1px);
-      border-top-left-radius: calc(0.25rem - 1px);
-      border-top-right-radius: calc(0.25rem - 1px);
-      position: absolute;
-      bottom: 11px;
-      right: 11px;
-    }
-
-    .card-img-bottom {
-      width: 100%;
-      border-bottom-right-radius: calc(.25rem - 1px);
-      border-bottom-left-radius: calc(.25rem - 1px)
-    }
-
-    .card-deck {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-direction: column;
-      flex-direction: column
-    }
-
-    .card-deck .card {
-      margin-bottom: 15px
-    }
-
-    @media (min-width:576px) {
-      .card-deck {
-        -ms-flex-flow: row wrap;
-        flex-flow: row wrap;
-        margin-right: -15px;
-        margin-left: -15px
-      }
-
-      .card-deck .card {
-        display: -ms-flexbox;
-        display: flex;
-        -ms-flex: 1 0 0%;
-        flex: 1 0 0%;
-        -ms-flex-direction: column;
-        flex-direction: column;
-        margin-right: 15px;
-        margin-bottom: 0;
-        margin-left: 15px
-      }
-    }
-
-    .card-group {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-direction: column;
-      flex-direction: column
-    }
-
-    .card-group>.card {
-      margin-bottom: 15px
-    }
-
-    @media (min-width:576px) {
-      .card-group {
-        -ms-flex-flow: row wrap;
-        flex-flow: row wrap
-      }
-
-      .card-group>.card {
-        -ms-flex: 1 0 0%;
-        flex: 1 0 0%;
-        margin-bottom: 0
-      }
-
-      .card-group>.card+.card {
-        margin-left: 0;
-        border-left: 0
-      }
-
-      .card-group>.card:not(:last-child) {
-        border-top-right-radius: 0;
-        border-bottom-right-radius: 0
-      }
-
-      .card-group>.card:not(:last-child) .card-header,
-      .card-group>.card:not(:last-child) .card-img-top {
-        border-top-right-radius: 0
-      }
-
-      .card-group>.card:not(:last-child) .card-footer,
-      .card-group>.card:not(:last-child) .card-img-bottom {
-        border-bottom-right-radius: 0
-      }
-
-      .card-group>.card:not(:first-child) {
-        border-top-left-radius: 0;
-        border-bottom-left-radius: 0
-      }
-
-      .card-group>.card:not(:first-child) .card-header,
-      .card-group>.card:not(:first-child) .card-img-top {
-        border-top-left-radius: 0
-      }
-
-      .card-group>.card:not(:first-child) .card-footer,
-      .card-group>.card:not(:first-child) .card-img-bottom {
-        border-bottom-left-radius: 0
-      }
-    }
-
-    .card-columns .card {
-      margin-bottom: .75rem
-    }
-
-    @media (min-width:576px) {
-      .card-columns {
-        -webkit-column-count: 3;
-        -moz-column-count: 3;
-        column-count: 3;
-        -webkit-column-gap: 1.25rem;
-        -moz-column-gap: 1.25rem;
-        column-gap: 1.25rem;
-        orphans: 1;
-        widows: 1
-      }
-
-      .card-columns .card {
-        display: inline-block;
-        width: 100%
-      }
-    }
-
-    .accordion>.card {
-      overflow: hidden
-    }
-
-    .accordion>.card:not(:first-of-type) .card-header:first-child {
-      border-radius: 0
-    }
-
-    .accordion>.card:not(:first-of-type):not(:last-of-type) {
-      border-bottom: 0;
-      border-radius: 0
-    }
-
-    .accordion>.card:first-of-type {
-      border-bottom: 0;
-      border-bottom-right-radius: 0;
-      border-bottom-left-radius: 0
-    }
-
-    .accordion>.card:last-of-type {
-      border-top-left-radius: 0;
-      border-top-right-radius: 0
-    }
-
-    .accordion>.card .card-header {
-      margin-bottom: -1px
-    }
-
-    .breadcrumb {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-      padding: .75rem 1rem;
-      margin-bottom: 1rem;
-      list-style: none;
-      background-color: #e9ecef;
-      border-radius: .25rem
-    }
-
-    .breadcrumb-item+.breadcrumb-item {
-      padding-left: .5rem
-    }
-
-    .breadcrumb-item+.breadcrumb-item::before {
-      display: inline-block;
-      padding-right: .5rem;
-      color: #6c757d;
-      content: "/"
-    }
-
-    .breadcrumb-item+.breadcrumb-item:hover::before {
-      text-decoration: underline
-    }
-
-    .breadcrumb-item+.breadcrumb-item:hover::before {
-      text-decoration: none
-    }
-
-    .breadcrumb-item.active {
-      color: #6c757d
-    }
-
-    .pagination {
-      display: -ms-flexbox;
-      display: flex;
-      padding-left: 0;
-      list-style: none;
-      border-radius: .25rem
-    }
-
-    .page-link {
-      position: relative;
-      display: block;
-      padding: .5rem .75rem;
-      margin-left: -1px;
-      line-height: 1.25;
-      color: #007bff;
-      background-color: #fff;
-      border: 1px solid #dee2e6
-    }
-
-    .page-link:hover {
-      z-index: 2;
-      color: #0056b3;
-      text-decoration: none;
-      background-color: #e9ecef;
-      border-color: #dee2e6
-    }
-
-    .page-link:focus {
-      z-index: 2;
-      outline: 0;
-      box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
-    }
-
-    .page-item:first-child .page-link {
-      margin-left: 0;
-      border-top-left-radius: .25rem;
-      border-bottom-left-radius: .25rem
-    }
-
-    .page-item:last-child .page-link {
-      border-top-right-radius: .25rem;
-      border-bottom-right-radius: .25rem
-    }
-
-    .page-item.active .page-link {
-      z-index: 1;
-      color: #fff;
-      background-color: #007bff;
-      border-color: #007bff
-    }
-
-    .page-item.disabled .page-link {
-      color: #6c757d;
-      pointer-events: none;
-      cursor: auto;
-      background-color: #fff;
-      border-color: #dee2e6
-    }
-
-    .pagination-lg .page-link {
-      padding: .75rem 1.5rem;
-      font-size: 1.25rem;
-      line-height: 1.5
-    }
-
-    .pagination-lg .page-item:first-child .page-link {
-      border-top-left-radius: .3rem;
-      border-bottom-left-radius: .3rem
-    }
-
-    .pagination-lg .page-item:last-child .page-link {
-      border-top-right-radius: .3rem;
-      border-bottom-right-radius: .3rem
-    }
-
-    .pagination-sm .page-link {
-      padding: .25rem .5rem;
-      font-size: .875rem;
-      line-height: 1.5
-    }
-
-    .pagination-sm .page-item:first-child .page-link {
-      border-top-left-radius: .2rem;
-      border-bottom-left-radius: .2rem
-    }
-
-    .pagination-sm .page-item:last-child .page-link {
-      border-top-right-radius: .2rem;
-      border-bottom-right-radius: .2rem
-    }
-
-    .badge {
-      display: inline-block;
-      padding: .25em .4em;
-      font-size: 75%;
-      font-weight: 700;
-      line-height: 1;
-      text-align: center;
-      white-space: nowrap;
-      vertical-align: baseline;
-      border-radius: .25rem;
-      transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
-    }
-
-    @media (prefers-reduced-motion:reduce) {
-      .badge {
-        transition: none
-      }
-    }
-
-    a.badge:focus,
-    a.badge:hover {
-      text-decoration: none
-    }
-
-    .badge:empty {
-      display: none
-    }
-
-    .btn .badge {
-      position: relative;
-      top: -1px
-    }
-
-    .badge-pill {
-      padding-right: .6em;
-      padding-left: .6em;
-      border-radius: 10rem
-    }
-
-    .badge-primary {
-      color: #fff;
-      background-color: #007bff
-    }
-
-    a.badge-primary:focus,
-    a.badge-primary:hover {
-      color: #fff;
-      background-color: #0062cc
-    }
-
-    a.badge-primary.focus,
-    a.badge-primary:focus {
-      outline: 0;
-      box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
-    }
-
-    .badge-secondary {
-      color: #fff;
-      background-color: #6c757d
-    }
-
-    a.badge-secondary:focus,
-    a.badge-secondary:hover {
-      color: #fff;
-      background-color: #545b62
-    }
-
-    a.badge-secondary.focus,
-    a.badge-secondary:focus {
-      outline: 0;
-      box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
-    }
-
-    .badge-success {
-      color: #fff;
-      background-color: #28a745
-    }
-
-    a.badge-success:focus,
-    a.badge-success:hover {
-      color: #fff;
-      background-color: #1e7e34
-    }
-
-    a.badge-success.focus,
-    a.badge-success:focus {
-      outline: 0;
-      box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
-    }
-
-    .badge-info {
-      color: #fff;
-      background-color: #17a2b8
-    }
-
-    a.badge-info:focus,
-    a.badge-info:hover {
-      color: #fff;
-      background-color: #117a8b
-    }
-
-    a.badge-info.focus,
-    a.badge-info:focus {
-      outline: 0;
-      box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
-    }
-
-    .badge-warning {
-      color: #212529;
-      background-color: #ffc107
-    }
-
-    a.badge-warning:focus,
-    a.badge-warning:hover {
-      color: #212529;
-      background-color: #d39e00
-    }
-
-    a.badge-warning.focus,
-    a.badge-warning:focus {
-      outline: 0;
-      box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
-    }
-
-    .badge-danger {
-      color: #fff;
-      background-color: #dc3545
-    }
-
-    a.badge-danger:focus,
-    a.badge-danger:hover {
-      color: #fff;
-      background-color: #bd2130
-    }
-
-    a.badge-danger.focus,
-    a.badge-danger:focus {
-      outline: 0;
-      box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
-    }
-
-    .badge-light {
-      color: #212529;
-      background-color: #f8f9fa
-    }
-
-    a.badge-light:focus,
-    a.badge-light:hover {
-      color: #212529;
-      background-color: #dae0e5
-    }
-
-    a.badge-light.focus,
-    a.badge-light:focus {
-      outline: 0;
-      box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
-    }
-
-    .badge-dark {
-      color: #fff;
-      background-color: #343a40
-    }
-
-    a.badge-dark:focus,
-    a.badge-dark:hover {
-      color: #fff;
-      background-color: #1d2124
-    }
-
-    a.badge-dark.focus,
-    a.badge-dark:focus {
-      outline: 0;
-      box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
-    }
-
-    .jumbotron {
-      padding: 2rem 1rem;
-      margin-bottom: 2rem;
-      background-color: #e9ecef;
-      border-radius: .3rem
-    }
-
-    @media (min-width:576px) {
-      .jumbotron {
-        padding: 4rem 2rem
-      }
-    }
-
-    .jumbotron-fluid {
-      padding-right: 0;
-      padding-left: 0;
-      border-radius: 0
-    }
-
-    .alert {
-      position: relative;
-      padding: .75rem 1.25rem;
-      margin-bottom: 1rem;
-      border: 1px solid transparent;
-      border-radius: .25rem
-    }
-
-    .alert-heading {
-      color: inherit
-    }
-
-    .alert-link {
-      font-weight: 700
-    }
-
-    .alert-dismissible {
-      padding-right: 4rem
-    }
-
-    .alert-dismissible .close {
-      position: absolute;
-      top: 0;
-      right: 0;
-      padding: .75rem 1.25rem;
-      color: inherit
-    }
-
-    .alert-primary {
-      color: #004085;
-      background-color: #cce5ff;
-      border-color: #b8daff
-    }
-
-    .alert-primary hr {
-      border-top-color: #9fcdff
-    }
-
-    .alert-primary .alert-link {
-      color: #002752
-    }
-
-    .alert-secondary {
-      color: #383d41;
-      background-color: #e2e3e5;
-      border-color: #d6d8db
-    }
-
-    .alert-secondary hr {
-      border-top-color: #c8cbcf
-    }
-
-    .alert-secondary .alert-link {
-      color: #202326
-    }
-
-    .alert-success {
-      color: #155724;
-      background-color: #d4edda;
-      border-color: #c3e6cb
-    }
-
-    .alert-success hr {
-      border-top-color: #b1dfbb
-    }
-
-    .alert-success .alert-link {
-      color: #0b2e13
-    }
-
-    .alert-info {
-      color: #0c5460;
-      background-color: #d1ecf1;
-      border-color: #bee5eb
-    }
-
-    .alert-info hr {
-      border-top-color: #abdde5
-    }
-
-    .alert-info .alert-link {
-      color: #062c33
-    }
-
-    .alert-warning {
-      color: #856404;
-      background-color: #fff3cd;
-      border-color: #ffeeba
-    }
-
-    .alert-warning hr {
-      border-top-color: #ffe8a1
-    }
-
-    .alert-warning .alert-link {
-      color: #533f03
-    }
-
-    .alert-danger {
-      color: #721c24;
-      background-color: #f8d7da;
-      border-color: #f5c6cb
-    }
-
-    .alert-danger hr {
-      border-top-color: #f1b0b7
-    }
-
-    .alert-danger .alert-link {
-      color: #491217
-    }
-
-    .alert-light {
-      color: #818182;
-      background-color: #fefefe;
-      border-color: #fdfdfe
-    }
-
-    .alert-light hr {
-      border-top-color: #ececf6
-    }
-
-    .alert-light .alert-link {
-      color: #686868
-    }
-
-    .alert-dark {
-      color: #1b1e21;
-      background-color: #d6d8d9;
-      border-color: #c6c8ca
-    }
-
-    .alert-dark hr {
-      border-top-color: #b9bbbe
-    }
-
-    .alert-dark .alert-link {
-      color: #040505
-    }
-
-    @-webkit-keyframes progress-bar-stripes {
-      from {
-        background-position: 1rem 0
-      }
-
-      to {
-        background-position: 0 0
-      }
-    }
-
-    @keyframes progress-bar-stripes {
-      from {
-        background-position: 1rem 0
-      }
-
-      to {
-        background-position: 0 0
-      }
-    }
-
-    .progress {
-      display: -ms-flexbox;
-      display: flex;
-      height: 1rem;
-      overflow: hidden;
-      font-size: .75rem;
-      background-color: #e9ecef;
-      border-radius: .25rem
-    }
-
-    .progress-bar {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-direction: column;
-      flex-direction: column;
-      -ms-flex-pack: center;
-      justify-content: center;
-      color: #fff;
-      text-align: center;
-      white-space: nowrap;
-      background-color: #007bff;
-      transition: width .6s ease
-    }
-
-    @media (prefers-reduced-motion:reduce) {
-      .progress-bar {
-        transition: none
-      }
-    }
-
-    .progress-bar-striped {
-      background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
-      background-size: 1rem 1rem
-    }
-
-    .progress-bar-animated {
-      -webkit-animation: progress-bar-stripes 1s linear infinite;
-      animation: progress-bar-stripes 1s linear infinite
-    }
-
-    @media (prefers-reduced-motion:reduce) {
-      .progress-bar-animated {
-        -webkit-animation: none;
-        animation: none
-      }
-    }
-
-    .media {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-align: start;
-      align-items: flex-start
-    }
-
-    .media-body {
-      -ms-flex: 1;
-      flex: 1
-    }
-
-    .list-group {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-direction: column;
-      flex-direction: column;
-      padding-left: 0;
-      margin-bottom: 0
-    }
-
-    .list-group-item-action {
-      width: 100%;
-      color: #495057;
-      text-align: inherit
-    }
-
-    .list-group-item-action:focus,
-    .list-group-item-action:hover {
-      z-index: 1;
-      color: #495057;
-      text-decoration: none;
-      background-color: #f8f9fa
-    }
-
-    .list-group-item-action:active {
-      color: #212529;
-      background-color: #e9ecef
-    }
-
-    .list-group-item {
-      position: relative;
-      display: block;
-      padding: .75rem 1.25rem;
-      margin-bottom: -1px;
-      background-color: #fff;
-      border: 1px solid rgba(0, 0, 0, .125)
-    }
-
-    .list-group-item:first-child {
-      border-top-left-radius: .25rem;
-      border-top-right-radius: .25rem
-    }
-
-    .list-group-item:last-child {
-      margin-bottom: 0;
-      border-bottom-right-radius: .25rem;
-      border-bottom-left-radius: .25rem
-    }
-
-    .list-group-item.disabled,
-    .list-group-item:disabled {
-      color: #6c757d;
-      pointer-events: none;
-      background-color: #fff
-    }
-
-    .list-group-item.active {
-      z-index: 2;
-      color: #fff;
-      background-color: #007bff;
-      border-color: #007bff
-    }
-
-    .list-group-horizontal {
-      -ms-flex-direction: row;
-      flex-direction: row
-    }
-
-    .list-group-horizontal .list-group-item {
-      margin-right: -1px;
-      margin-bottom: 0
-    }
-
-    .list-group-horizontal .list-group-item:first-child {
-      border-top-left-radius: .25rem;
-      border-bottom-left-radius: .25rem;
-      border-top-right-radius: 0
-    }
-
-    .list-group-horizontal .list-group-item:last-child {
-      margin-right: 0;
-      border-top-right-radius: .25rem;
-      border-bottom-right-radius: .25rem;
-      border-bottom-left-radius: 0
-    }
-
-    @media (min-width:576px) {
-      .list-group-horizontal-sm {
-        -ms-flex-direction: row;
-        flex-direction: row
-      }
-
-      .list-group-horizontal-sm .list-group-item {
-        margin-right: -1px;
-        margin-bottom: 0
-      }
-
-      .list-group-horizontal-sm .list-group-item:first-child {
-        border-top-left-radius: .25rem;
-        border-bottom-left-radius: .25rem;
-        border-top-right-radius: 0
-      }
-
-      .list-group-horizontal-sm .list-group-item:last-child {
-        margin-right: 0;
-        border-top-right-radius: .25rem;
-        border-bottom-right-radius: .25rem;
-        border-bottom-left-radius: 0
-      }
-    }
-
-    @media (min-width:768px) {
-      .list-group-horizontal-md {
-        -ms-flex-direction: row;
-        flex-direction: row
-      }
-
-      .list-group-horizontal-md .list-group-item {
-        margin-right: -1px;
-        margin-bottom: 0
-      }
-
-      .list-group-horizontal-md .list-group-item:first-child {
-        border-top-left-radius: .25rem;
-        border-bottom-left-radius: .25rem;
-        border-top-right-radius: 0
-      }
-
-      .list-group-horizontal-md .list-group-item:last-child {
-        margin-right: 0;
-        border-top-right-radius: .25rem;
-        border-bottom-right-radius: .25rem;
-        border-bottom-left-radius: 0
-      }
-    }
-
-    @media (min-width:992px) {
-      .list-group-horizontal-lg {
-        -ms-flex-direction: row;
-        flex-direction: row
-      }
-
-      .list-group-horizontal-lg .list-group-item {
-        margin-right: -1px;
-        margin-bottom: 0
-      }
-
-      .list-group-horizontal-lg .list-group-item:first-child {
-        border-top-left-radius: .25rem;
-        border-bottom-left-radius: .25rem;
-        border-top-right-radius: 0
-      }
-
-      .list-group-horizontal-lg .list-group-item:last-child {
-        margin-right: 0;
-        border-top-right-radius: .25rem;
-        border-bottom-right-radius: .25rem;
-        border-bottom-left-radius: 0
-      }
-    }
-
-    @media (min-width:1200px) {
-      .list-group-horizontal-xl {
-        -ms-flex-direction: row;
-        flex-direction: row
-      }
-
-      .list-group-horizontal-xl .list-group-item {
-        margin-right: -1px;
-        margin-bottom: 0
-      }
-
-      .list-group-horizontal-xl .list-group-item:first-child {
-        border-top-left-radius: .25rem;
-        border-bottom-left-radius: .25rem;
-        border-top-right-radius: 0
-      }
-
-      .list-group-horizontal-xl .list-group-item:last-child {
-        margin-right: 0;
-        border-top-right-radius: .25rem;
-        border-bottom-right-radius: .25rem;
-        border-bottom-left-radius: 0
-      }
-    }
-
-    .list-group-flush .list-group-item {
-      border-right: 0;
-      border-left: 0;
-      border-radius: 0
-    }
-
-    .list-group-flush .list-group-item:last-child {
-      margin-bottom: -1px
-    }
-
-    .list-group-flush:first-child .list-group-item:first-child {
-      border-top: 0
-    }
-
-    .list-group-flush:last-child .list-group-item:last-child {
-      margin-bottom: 0;
-      border-bottom: 0
-    }
-
-    .list-group-item-primary {
-      color: #004085;
-      background-color: #b8daff
-    }
-
-    .list-group-item-primary.list-group-item-action:focus,
-    .list-group-item-primary.list-group-item-action:hover {
-      color: #004085;
-      background-color: #9fcdff
-    }
-
-    .list-group-item-primary.list-group-item-action.active {
-      color: #fff;
-      background-color: #004085;
-      border-color: #004085
-    }
-
-    .list-group-item-secondary {
-      color: #383d41;
-      background-color: #d6d8db
-    }
-
-    .list-group-item-secondary.list-group-item-action:focus,
-    .list-group-item-secondary.list-group-item-action:hover {
-      color: #383d41;
-      background-color: #c8cbcf
-    }
-
-    .list-group-item-secondary.list-group-item-action.active {
-      color: #fff;
-      background-color: #383d41;
-      border-color: #383d41
-    }
-
-    .list-group-item-success {
-      color: #155724;
-      background-color: #c3e6cb
-    }
-
-    .list-group-item-success.list-group-item-action:focus,
-    .list-group-item-success.list-group-item-action:hover {
-      color: #155724;
-      background-color: #b1dfbb
-    }
-
-    .list-group-item-success.list-group-item-action.active {
-      color: #fff;
-      background-color: #155724;
-      border-color: #155724
-    }
-
-    .list-group-item-info {
-      color: #0c5460;
-      background-color: #bee5eb
-    }
-
-    .list-group-item-info.list-group-item-action:focus,
-    .list-group-item-info.list-group-item-action:hover {
-      color: #0c5460;
-      background-color: #abdde5
-    }
-
-    .list-group-item-info.list-group-item-action.active {
-      color: #fff;
-      background-color: #0c5460;
-      border-color: #0c5460
-    }
-
-    .list-group-item-warning {
-      color: #856404;
-      background-color: #ffeeba
-    }
-
-    .list-group-item-warning.list-group-item-action:focus,
-    .list-group-item-warning.list-group-item-action:hover {
-      color: #856404;
-      background-color: #ffe8a1
-    }
-
-    .list-group-item-warning.list-group-item-action.active {
-      color: #fff;
-      background-color: #856404;
-      border-color: #856404
-    }
-
-    .list-group-item-danger {
-      color: #721c24;
-      background-color: #f5c6cb
-    }
-
-    .list-group-item-danger.list-group-item-action:focus,
-    .list-group-item-danger.list-group-item-action:hover {
-      color: #721c24;
-      background-color: #f1b0b7
-    }
-
-    .list-group-item-danger.list-group-item-action.active {
-      color: #fff;
-      background-color: #721c24;
-      border-color: #721c24
-    }
-
-    .list-group-item-light {
-      color: #818182;
-      background-color: #fdfdfe
-    }
-
-    .list-group-item-light.list-group-item-action:focus,
-    .list-group-item-light.list-group-item-action:hover {
-      color: #818182;
-      background-color: #ececf6
-    }
-
-    .list-group-item-light.list-group-item-action.active {
-      color: #fff;
-      background-color: #818182;
-      border-color: #818182
-    }
-
-    .list-group-item-dark {
-      color: #1b1e21;
-      background-color: #c6c8ca
-    }
-
-    .list-group-item-dark.list-group-item-action:focus,
-    .list-group-item-dark.list-group-item-action:hover {
-      color: #1b1e21;
-      background-color: #b9bbbe
-    }
-
-    .list-group-item-dark.list-group-item-action.active {
-      color: #fff;
-      background-color: #1b1e21;
-      border-color: #1b1e21
-    }
-
-    .close {
-      float: right;
-      font-size: 1.5rem;
-      font-weight: 700;
-      line-height: 1;
-      color: #000;
-      text-shadow: 0 1px 0 #fff;
-      opacity: .5
-    }
-
-    .close:hover {
-      color: #000;
-      text-decoration: none
-    }
-
-    .close:not(:disabled):not(.disabled):focus,
-    .close:not(:disabled):not(.disabled):hover {
-      opacity: .75
-    }
-
-    button.close {
-      padding: 0;
-      background-color: transparent;
-      border: 0;
-      -webkit-appearance: none;
-      -moz-appearance: none;
-      appearance: none
-    }
-
-    a.close.disabled {
-      pointer-events: none
-    }
-
-    .toast {
-      max-width: 350px;
-      overflow: hidden;
-      font-size: .875rem;
-      background-color: rgba(255, 255, 255, .85);
-      background-clip: padding-box;
-      border: 1px solid rgba(0, 0, 0, .1);
-      box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
-      -webkit-backdrop-filter: blur(10px);
-      backdrop-filter: blur(10px);
-      opacity: 0;
-      border-radius: .25rem
-    }
-
-    .toast:not(:last-child) {
-      margin-bottom: .75rem
-    }
-
-    .toast.showing {
-      opacity: 1
-    }
-
-    .toast.show {
-      display: block;
-      opacity: 1
-    }
-
-    .toast.hide {
-      display: none
-    }
-
-    .toast-header {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-align: center;
-      align-items: center;
-      padding: .25rem .75rem;
-      color: #6c757d;
-      background-color: rgba(255, 255, 255, .85);
-      background-clip: padding-box;
-      border-bottom: 1px solid rgba(0, 0, 0, .05)
-    }
-
-    .toast-body {
-      padding: .75rem
-    }
-
-    .modal-open {
-      overflow: hidden
-    }
-
-    .modal-open .modal {
-      overflow-x: hidden;
-      overflow-y: auto
-    }
-
-    .modal {
-      position: fixed;
-      top: 0;
-      left: 0;
-      z-index: 1050;
-      display: none;
-      width: 100%;
-      height: 100%;
-      overflow: hidden;
-      outline: 0
-    }
-
-    .modal-dialog {
-      position: relative;
-      width: auto;
-      margin: .5rem;
-      pointer-events: none
-    }
-
-    .modal.fade .modal-dialog {
-      transition: -webkit-transform .3s ease-out;
-      transition: transform .3s ease-out;
-      transition: transform .3s ease-out, -webkit-transform .3s ease-out;
-      -webkit-transform: translate(0, -50px);
-      transform: translate(0, -50px)
-    }
-
-    @media (prefers-reduced-motion:reduce) {
-      .modal.fade .modal-dialog {
-        transition: none
-      }
-    }
-
-    .modal.show .modal-dialog {
-      -webkit-transform: none;
-      transform: none
-    }
-
-    .modal-dialog-scrollable {
-      display: -ms-flexbox;
-      display: flex;
-      max-height: calc(100% - 1rem)
-    }
-
-    .modal-dialog-scrollable .modal-content {
-      max-height: calc(100vh - 1rem);
-      overflow: hidden
-    }
-
-    .modal-dialog-scrollable .modal-footer,
-    .modal-dialog-scrollable .modal-header {
-      -ms-flex-negative: 0;
-      flex-shrink: 0
-    }
-
-    .modal-dialog-scrollable .modal-body {
-      overflow-y: auto
-    }
-
-    .modal-dialog-centered {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-align: center;
-      align-items: center;
-      min-height: calc(100% - 1rem)
-    }
-
-    .modal-dialog-centered::before {
-      display: block;
-      height: calc(100vh - 1rem);
-      content: ""
-    }
-
-    .modal-dialog-centered.modal-dialog-scrollable {
-      -ms-flex-direction: column;
-      flex-direction: column;
-      -ms-flex-pack: center;
-      justify-content: center;
-      height: 100%
-    }
-
-    .modal-dialog-centered.modal-dialog-scrollable .modal-content {
-      max-height: none
-    }
-
-    .modal-dialog-centered.modal-dialog-scrollable::before {
-      content: none
-    }
-
-    .modal-content {
-      position: relative;
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-direction: column;
-      flex-direction: column;
-      width: 100%;
-      pointer-events: auto;
-      background-color: #fff;
-      background-clip: padding-box;
-      border: 1px solid rgba(0, 0, 0, .2);
-      border-radius: .3rem;
-      outline: 0
-    }
-
-    .modal-backdrop {
-      position: fixed;
-      top: 0;
-      left: 0;
-      z-index: 1040;
-      width: 100vw;
-      height: 100vh;
-      background-color: #000
-    }
-
-    .modal-backdrop.fade {
-      opacity: 0
-    }
-
-    .modal-backdrop.show {
-      opacity: .5
-    }
-
-    .modal-header {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-align: start;
-      align-items: flex-start;
-      -ms-flex-pack: justify;
-      justify-content: space-between;
-      padding: 1rem 1rem;
-      border-bottom: 1px solid #dee2e6;
-      border-top-left-radius: .3rem;
-      border-top-right-radius: .3rem
-    }
-
-    .modal-header .close {
-      padding: 1rem 1rem;
-      margin: -1rem -1rem -1rem auto
-    }
-
-    .modal-title {
-      margin-bottom: 0;
-      line-height: 1.5
-    }
-
-    .modal-body {
-      position: relative;
-      -ms-flex: 1 1 auto;
-      flex: 1 1 auto;
-      padding: 1rem
-    }
-
-    .modal-footer {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-align: center;
-      align-items: center;
-      -ms-flex-pack: end;
-      justify-content: flex-end;
-      padding: 1rem;
-      border-top: 1px solid #dee2e6;
-      border-bottom-right-radius: .3rem;
-      border-bottom-left-radius: .3rem
-    }
-
-    .modal-footer>:not(:first-child) {
-      margin-left: .25rem
-    }
-
-    .modal-footer>:not(:last-child) {
-      margin-right: .25rem
-    }
-
-    .modal-scrollbar-measure {
-      position: absolute;
-      top: -9999px;
-      width: 50px;
-      height: 50px;
-      overflow: scroll
-    }
-
-    @media (min-width:576px) {
-      .modal-dialog {
-        max-width: 500px;
-        margin: 1.75rem auto
-      }
-
-      .modal-dialog-scrollable {
-        max-height: calc(100% - 3.5rem)
-      }
-
-      .modal-dialog-scrollable .modal-content {
-        max-height: calc(100vh - 3.5rem)
-      }
-
-      .modal-dialog-centered {
-        min-height: calc(100% - 3.5rem)
-      }
-
-      .modal-dialog-centered::before {
-        height: calc(100vh - 3.5rem)
-      }
-
-      .modal-sm {
-        max-width: 300px
-      }
-    }
-
-    @media (min-width:992px) {
-
-      .modal-lg,
-      .modal-xl {
-        max-width: 800px
-      }
-    }
-
-    @media (min-width:1200px) {
-      .modal-xl {
-        max-width: 1140px
-      }
-    }
-
-    .tooltip {
-      position: absolute;
-      z-index: 1070;
-      display: block;
-      margin: 0;
-      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-      font-style: normal;
-      font-weight: 400;
-      line-height: 1.5;
-      text-align: left;
-      text-align: start;
-      text-decoration: none;
-      text-shadow: none;
-      text-transform: none;
-      letter-spacing: normal;
-      word-break: normal;
-      word-spacing: normal;
-      white-space: normal;
-      line-break: auto;
-      font-size: .875rem;
-      word-wrap: break-word;
-      opacity: 0
-    }
-
-    .tooltip.show {
-      opacity: .9
-    }
-
-    .tooltip .arrow {
-      position: absolute;
-      display: block;
-      width: .8rem;
-      height: .4rem
-    }
-
-    .tooltip .arrow::before {
-      position: absolute;
-      content: "";
-      border-color: transparent;
-      border-style: solid
-    }
-
-    .bs-tooltip-auto[x-placement^=top],
-    .bs-tooltip-top {
-      padding: .4rem 0
-    }
-
-    .bs-tooltip-auto[x-placement^=top] .arrow,
-    .bs-tooltip-top .arrow {
-      bottom: 0
-    }
-
-    .bs-tooltip-auto[x-placement^=top] .arrow::before,
-    .bs-tooltip-top .arrow::before {
-      top: 0;
-      border-width: .4rem .4rem 0;
-      border-top-color: #000
-    }
-
-    .bs-tooltip-auto[x-placement^=right],
-    .bs-tooltip-right {
-      padding: 0 .4rem
-    }
-
-    .bs-tooltip-auto[x-placement^=right] .arrow,
-    .bs-tooltip-right .arrow {
-      left: 0;
-      width: .4rem;
-      height: .8rem
-    }
-
-    .bs-tooltip-auto[x-placement^=right] .arrow::before,
-    .bs-tooltip-right .arrow::before {
-      right: 0;
-      border-width: .4rem .4rem .4rem 0;
-      border-right-color: #000
-    }
-
-    .bs-tooltip-auto[x-placement^=bottom],
-    .bs-tooltip-bottom {
-      padding: .4rem 0
-    }
-
-    .bs-tooltip-auto[x-placement^=bottom] .arrow,
-    .bs-tooltip-bottom .arrow {
-      top: 0
-    }
-
-    .bs-tooltip-auto[x-placement^=bottom] .arrow::before,
-    .bs-tooltip-bottom .arrow::before {
-      bottom: 0;
-      border-width: 0 .4rem .4rem;
-      border-bottom-color: #000
-    }
-
-    .bs-tooltip-auto[x-placement^=left],
-    .bs-tooltip-left {
-      padding: 0 .4rem
-    }
-
-    .bs-tooltip-auto[x-placement^=left] .arrow,
-    .bs-tooltip-left .arrow {
-      right: 0;
-      width: .4rem;
-      height: .8rem
-    }
-
-    .bs-tooltip-auto[x-placement^=left] .arrow::before,
-    .bs-tooltip-left .arrow::before {
-      left: 0;
-      border-width: .4rem 0 .4rem .4rem;
-      border-left-color: #000
-    }
-
-    .tooltip-inner {
-      max-width: 200px;
-      padding: .25rem .5rem;
-      color: #fff;
-      text-align: center;
-      background-color: #000;
-      border-radius: .25rem
-    }
-
-    .popover {
-      position: absolute;
-      top: 0;
-      left: 0;
-      z-index: 1060;
-      display: block;
-      max-width: 276px;
-      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-      font-style: normal;
-      font-weight: 400;
-      line-height: 1.5;
-      text-align: left;
-      text-align: start;
-      text-decoration: none;
-      text-shadow: none;
-      text-transform: none;
-      letter-spacing: normal;
-      word-break: normal;
-      word-spacing: normal;
-      white-space: normal;
-      line-break: auto;
-      font-size: .875rem;
-      word-wrap: break-word;
-      background-color: #fff;
-      background-clip: padding-box;
-      border: 1px solid rgba(0, 0, 0, .2);
-      border-radius: .3rem
-    }
-
-    .popover .arrow {
-      position: absolute;
-      display: block;
-      width: 1rem;
-      height: .5rem;
-      margin: 0 .3rem
-    }
-
-    .popover .arrow::after,
-    .popover .arrow::before {
-      position: absolute;
-      display: block;
-      content: "";
-      border-color: transparent;
-      border-style: solid
-    }
-
-    .bs-popover-auto[x-placement^=top],
-    .bs-popover-top {
-      margin-bottom: .5rem
-    }
-
-    .bs-popover-auto[x-placement^=top]>.arrow,
-    .bs-popover-top>.arrow {
-      bottom: calc((.5rem + 1px) * -1)
-    }
-
-    .bs-popover-auto[x-placement^=top]>.arrow::before,
-    .bs-popover-top>.arrow::before {
-      bottom: 0;
-      border-width: .5rem .5rem 0;
-      border-top-color: rgba(0, 0, 0, .25)
-    }
-
-    .bs-popover-auto[x-placement^=top]>.arrow::after,
-    .bs-popover-top>.arrow::after {
-      bottom: 1px;
-      border-width: .5rem .5rem 0;
-      border-top-color: #fff
-    }
-
-    .bs-popover-auto[x-placement^=right],
-    .bs-popover-right {
-      margin-left: .5rem
-    }
-
-    .bs-popover-auto[x-placement^=right]>.arrow,
-    .bs-popover-right>.arrow {
-      left: calc((.5rem + 1px) * -1);
-      width: .5rem;
-      height: 1rem;
-      margin: .3rem 0
-    }
-
-    .bs-popover-auto[x-placement^=right]>.arrow::before,
-    .bs-popover-right>.arrow::before {
-      left: 0;
-      border-width: .5rem .5rem .5rem 0;
-      border-right-color: rgba(0, 0, 0, .25)
-    }
-
-    .bs-popover-auto[x-placement^=right]>.arrow::after,
-    .bs-popover-right>.arrow::after {
-      left: 1px;
-      border-width: .5rem .5rem .5rem 0;
-      border-right-color: #fff
-    }
-
-    .bs-popover-auto[x-placement^=bottom],
-    .bs-popover-bottom {
-      margin-top: .5rem
-    }
-
-    .bs-popover-auto[x-placement^=bottom]>.arrow,
-    .bs-popover-bottom>.arrow {
-      top: calc((.5rem + 1px) * -1)
-    }
-
-    .bs-popover-auto[x-placement^=bottom]>.arrow::before,
-    .bs-popover-bottom>.arrow::before {
-      top: 0;
-      border-width: 0 .5rem .5rem .5rem;
-      border-bottom-color: rgba(0, 0, 0, .25)
-    }
-
-    .bs-popover-auto[x-placement^=bottom]>.arrow::after,
-    .bs-popover-bottom>.arrow::after {
-      top: 1px;
-      border-width: 0 .5rem .5rem .5rem;
-      border-bottom-color: #fff
-    }
-
-    .bs-popover-auto[x-placement^=bottom] .popover-header::before,
-    .bs-popover-bottom .popover-header::before {
-      position: absolute;
-      top: 0;
-      left: 50%;
-      display: block;
-      width: 1rem;
-      margin-left: -.5rem;
-      content: "";
-      border-bottom: 1px solid #f7f7f7
-    }
-
-    .bs-popover-auto[x-placement^=left],
-    .bs-popover-left {
-      margin-right: .5rem
-    }
-
-    .bs-popover-auto[x-placement^=left]>.arrow,
-    .bs-popover-left>.arrow {
-      right: calc((.5rem + 1px) * -1);
-      width: .5rem;
-      height: 1rem;
-      margin: .3rem 0
-    }
-
-    .bs-popover-auto[x-placement^=left]>.arrow::before,
-    .bs-popover-left>.arrow::before {
-      right: 0;
-      border-width: .5rem 0 .5rem .5rem;
-      border-left-color: rgba(0, 0, 0, .25)
-    }
-
-    .bs-popover-auto[x-placement^=left]>.arrow::after,
-    .bs-popover-left>.arrow::after {
-      right: 1px;
-      border-width: .5rem 0 .5rem .5rem;
-      border-left-color: #fff
-    }
-
-    .popover-header {
-      padding: .5rem .75rem;
-      margin-bottom: 0;
-      font-size: 1rem;
-      background-color: #f7f7f7;
-      border-bottom: 1px solid #ebebeb;
-      border-top-left-radius: calc(.3rem - 1px);
-      border-top-right-radius: calc(.3rem - 1px)
-    }
-
-    .popover-header:empty {
-      display: none
-    }
-
-    .popover-body {
-      padding: .5rem .75rem;
-      color: #212529
-    }
-
-    .carousel {
-      position: relative
-    }
-
-    .carousel.pointer-event {
-      -ms-touch-action: pan-y;
-      touch-action: pan-y
-    }
-
-    .carousel-inner {
-      position: relative;
-      width: 100%;
-      overflow: hidden
-    }
-
-    .carousel-inner::after {
-      display: block;
-      clear: both;
-      content: ""
-    }
-
-    .carousel-item {
-      position: relative;
-      display: none;
-      float: left;
-      width: 100%;
-      margin-right: -100%;
-      -webkit-backface-visibility: hidden;
-      backface-visibility: hidden;
-      transition: -webkit-transform .6s ease-in-out;
-      transition: transform .6s ease-in-out;
-      transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out
-    }
-
-    @media (prefers-reduced-motion:reduce) {
-      .carousel-item {
-        transition: none
-      }
-    }
-
-    .carousel-item-next,
-    .carousel-item-prev,
-    .carousel-item.active {
-      display: block
-    }
-
-    .active.carousel-item-right,
-    .carousel-item-next:not(.carousel-item-left) {
-      -webkit-transform: translateX(100%);
-      transform: translateX(100%)
-    }
-
-    .active.carousel-item-left,
-    .carousel-item-prev:not(.carousel-item-right) {
-      -webkit-transform: translateX(-100%);
-      transform: translateX(-100%)
-    }
-
-    .carousel-fade .carousel-item {
-      opacity: 0;
-      transition-property: opacity;
-      -webkit-transform: none;
-      transform: none
-    }
-
-    .carousel-fade .carousel-item-next.carousel-item-left,
-    .carousel-fade .carousel-item-prev.carousel-item-right,
-    .carousel-fade .carousel-item.active {
-      z-index: 1;
-      opacity: 1
-    }
-
-    .carousel-fade .active.carousel-item-left,
-    .carousel-fade .active.carousel-item-right {
-      z-index: 0;
-      opacity: 0;
-      transition: 0s .6s opacity
-    }
-
-    @media (prefers-reduced-motion:reduce) {
-
-      .carousel-fade .active.carousel-item-left,
-      .carousel-fade .active.carousel-item-right {
-        transition: none
-      }
-    }
-
-    .carousel-control-next,
-    .carousel-control-prev {
-      position: absolute;
-      top: 0;
-      bottom: 0;
-      z-index: 1;
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-align: center;
-      align-items: center;
-      -ms-flex-pack: center;
-      justify-content: center;
-      width: 15%;
-      color: #fff;
-      text-align: center;
-      opacity: .5;
-      transition: opacity .15s ease
-    }
-
-    @media (prefers-reduced-motion:reduce) {
-
-      .carousel-control-next,
-      .carousel-control-prev {
-        transition: none
-      }
-    }
-
-    .carousel-control-next:focus,
-    .carousel-control-next:hover,
-    .carousel-control-prev:focus,
-    .carousel-control-prev:hover {
-      color: #fff;
-      text-decoration: none;
-      outline: 0;
-      opacity: .9
-    }
-
-    .carousel-control-prev {
-      left: 0
-    }
-
-    .carousel-control-next {
-      right: 0
-    }
-
-    .carousel-control-next-icon,
-    .carousel-control-prev-icon {
-      display: inline-block;
-      width: 20px;
-      height: 20px;
-      background: no-repeat 50%/100% 100%
-    }
-
-    .carousel-control-prev-icon {
-      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e")
-    }
-
-    .carousel-control-next-icon {
-      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e")
-    }
-
-    .carousel-indicators {
-      position: absolute;
-      right: 0;
-      bottom: 0;
-      left: 0;
-      z-index: 15;
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-pack: center;
-      justify-content: center;
-      padding-left: 0;
-      margin-right: 15%;
-      margin-left: 15%;
-      list-style: none
-    }
-
-    .carousel-indicators li {
-      box-sizing: content-box;
-      -ms-flex: 0 1 auto;
-      flex: 0 1 auto;
-      width: 30px;
-      height: 3px;
-      margin-right: 3px;
-      margin-left: 3px;
-      text-indent: -999px;
-      cursor: pointer;
-      background-color: #fff;
-      background-clip: padding-box;
-      border-top: 10px solid transparent;
-      border-bottom: 10px solid transparent;
-      opacity: .5;
-      transition: opacity .6s ease
-    }
-
-    @media (prefers-reduced-motion:reduce) {
-      .carousel-indicators li {
-        transition: none
-      }
-    }
-
-    .carousel-indicators .active {
-      opacity: 1
-    }
-
-    .carousel-caption {
-      position: absolute;
-      right: 15%;
-      bottom: 20px;
-      left: 15%;
-      z-index: 10;
-      padding-top: 20px;
-      padding-bottom: 20px;
-      color: #fff;
-      text-align: center
-    }
-
-    @-webkit-keyframes spinner-border {
-      to {
-        -webkit-transform: rotate(360deg);
-        transform: rotate(360deg)
-      }
-    }
-
-    @keyframes spinner-border {
-      to {
-        -webkit-transform: rotate(360deg);
-        transform: rotate(360deg)
-      }
-    }
-
-    .spinner-border {
-      display: inline-block;
-      width: 2rem;
-      height: 2rem;
-      vertical-align: text-bottom;
-      border: .25em solid currentColor;
-      border-right-color: transparent;
-      border-radius: 50%;
-      -webkit-animation: spinner-border .75s linear infinite;
-      animation: spinner-border .75s linear infinite
-    }
-
-    .spinner-border-sm {
-      width: 1rem;
-      height: 1rem;
-      border-width: .2em
-    }
-
-    @-webkit-keyframes spinner-grow {
-      0% {
-        -webkit-transform: scale(0);
-        transform: scale(0)
-      }
-
-      50% {
-        opacity: 1
-      }
-    }
-
-    @keyframes spinner-grow {
-      0% {
-        -webkit-transform: scale(0);
-        transform: scale(0)
-      }
-
-      50% {
-        opacity: 1
-      }
-    }
-
-    .spinner-grow {
-      display: inline-block;
-      width: 2rem;
-      height: 2rem;
-      vertical-align: text-bottom;
-      background-color: currentColor;
-      border-radius: 50%;
-      opacity: 0;
-      -webkit-animation: spinner-grow .75s linear infinite;
-      animation: spinner-grow .75s linear infinite
-    }
-
-    .spinner-grow-sm {
-      width: 1rem;
-      height: 1rem
-    }
-
-    .align-baseline {
-      vertical-align: baseline !important
-    }
-
-    .align-top {
-      vertical-align: top !important
-    }
-
-    .align-middle {
-      vertical-align: middle !important
-    }
-
-    .align-bottom {
-      vertical-align: bottom !important
-    }
-
-    .align-text-bottom {
-      vertical-align: text-bottom !important
-    }
-
-    .align-text-top {
-      vertical-align: text-top !important
-    }
-
-    .bg-primary {
-      background-color: #007bff !important
-    }
-
-    a.bg-primary:focus,
-    a.bg-primary:hover,
-    button.bg-primary:focus,
-    button.bg-primary:hover {
-      background-color: #0062cc !important
-    }
-
-    .bg-secondary {
-      background-color: #6c757d !important
-    }
-
-    a.bg-secondary:focus,
-    a.bg-secondary:hover,
-    button.bg-secondary:focus,
-    button.bg-secondary:hover {
-      background-color: #545b62 !important
-    }
-
-    .bg-success {
-      background-color: #28a745 !important
-    }
-
-    a.bg-success:focus,
-    a.bg-success:hover,
-    button.bg-success:focus,
-    button.bg-success:hover {
-      background-color: #1e7e34 !important
-    }
-
-    .bg-info {
-      background-color: #17a2b8 !important
-    }
-
-    a.bg-info:focus,
-    a.bg-info:hover,
-    button.bg-info:focus,
-    button.bg-info:hover {
-      background-color: #117a8b !important
-    }
-
-    .bg-warning {
-      background-color: #ffc107 !important
-    }
-
-    a.bg-warning:focus,
-    a.bg-warning:hover,
-    button.bg-warning:focus,
-    button.bg-warning:hover {
-      background-color: #d39e00 !important
-    }
-
-    .bg-danger {
-      background-color: #dc3545 !important
-    }
-
-    a.bg-danger:focus,
-    a.bg-danger:hover,
-    button.bg-danger:focus,
-    button.bg-danger:hover {
-      background-color: #bd2130 !important
-    }
-
-    .bg-light {
-      background-color: #f8f9fa !important
-    }
-
-    a.bg-light:focus,
-    a.bg-light:hover,
-    button.bg-light:focus,
-    button.bg-light:hover {
-      background-color: #dae0e5 !important
-    }
-
-    .bg-dark {
-      background-color: #343a40 !important
-    }
-
-    a.bg-dark:focus,
-    a.bg-dark:hover,
-    button.bg-dark:focus,
-    button.bg-dark:hover {
-      background-color: #1d2124 !important
-    }
-
-    .bg-white {
-      background-color: #fff !important
-    }
-
-    .bg-transparent {
-      background-color: transparent !important
-    }
-
-    .border {
-      border: 1px solid #dee2e6 !important
-    }
-
-    .border-top {
-      border-top: 1px solid #dee2e6 !important
-    }
-
-    .border-right {
-      border-right: 1px solid #dee2e6 !important
-    }
-
-    .border-bottom {
-      border-bottom: 1px solid #dee2e6 !important
-    }
-
-    .border-left {
-      border-left: 1px solid #dee2e6 !important
-    }
-
-    .border-0 {
-      border: 0 !important
-    }
-
-    .border-top-0 {
-      border-top: 0 !important
-    }
-
-    .border-right-0 {
-      border-right: 0 !important
-    }
-
-    .border-bottom-0 {
-      border-bottom: 0 !important
-    }
-
-    .border-left-0 {
-      border-left: 0 !important
-    }
-
-    .border-primary {
-      border-color: #007bff !important
-    }
-
-    .border-secondary {
-      border-color: #6c757d !important
-    }
-
-    .border-success {
-      border-color: #28a745 !important
-    }
-
-    .border-info {
-      border-color: #17a2b8 !important
-    }
-
-    .border-warning {
-      border-color: #ffc107 !important
-    }
-
-    .border-danger {
-      border-color: #dc3545 !important
-    }
-
-    .border-light {
-      border-color: #f8f9fa !important
-    }
-
-    .border-dark {
-      border-color: #343a40 !important
-    }
-
-    .border-white {
-      border-color: #fff !important
-    }
-
-    .rounded-sm {
-      border-radius: .2rem !important
-    }
-
-    .rounded {
-      border-radius: .25rem !important
-    }
-
-    .rounded-top {
-      border-top-left-radius: .25rem !important;
-      border-top-right-radius: .25rem !important
-    }
-
-    .rounded-right {
-      border-top-right-radius: .25rem !important;
-      border-bottom-right-radius: .25rem !important
-    }
-
-    .rounded-bottom {
-      border-bottom-right-radius: .25rem !important;
-      border-bottom-left-radius: .25rem !important
-    }
-
-    .rounded-left {
-      border-top-left-radius: .25rem !important;
-      border-bottom-left-radius: .25rem !important
-    }
-
-    .rounded-lg {
-      border-radius: .3rem !important
-    }
-
-    .rounded-circle {
-      border-radius: 50% !important
-    }
-
-    .rounded-pill {
-      border-radius: 50rem !important
-    }
-
-    .rounded-0 {
-      border-radius: 0 !important
-    }
-
-    .clearfix::after {
-      display: block;
-      clear: both;
-      content: ""
-    }
-
-    .d-none {
-      display: none !important
-    }
-
-    .d-inline {
-      display: inline !important
-    }
-
-    .d-inline-block {
-      display: inline-block !important
-    }
-
-    .d-block {
-      display: block !important
-    }
-
-    .d-table {
-      display: table !important
-    }
-
-    .d-table-row {
-      display: table-row !important
-    }
-
-    .d-table-cell {
-      display: table-cell !important
-    }
-
-    .d-flex {
-      display: -ms-flexbox !important;
-      display: flex !important
-    }
-
-    .d-inline-flex {
-      display: -ms-inline-flexbox !important;
-      display: inline-flex !important
-    }
-
-    @media (min-width:576px) {
-      .d-sm-none {
-        display: none !important
-      }
-
-      .d-sm-inline {
-        display: inline !important
-      }
-
-      .d-sm-inline-block {
-        display: inline-block !important
-      }
-
-      .d-sm-block {
-        display: block !important
-      }
-
-      .d-sm-table {
-        display: table !important
-      }
-
-      .d-sm-table-row {
-        display: table-row !important
-      }
-
-      .d-sm-table-cell {
-        display: table-cell !important
-      }
-
-      .d-sm-flex {
-        display: -ms-flexbox !important;
-        display: flex !important
-      }
-
-      .d-sm-inline-flex {
-        display: -ms-inline-flexbox !important;
-        display: inline-flex !important
-      }
-    }
-
-    @media (min-width:768px) {
-      .d-md-none {
-        display: none !important
-      }
-
-      .d-md-inline {
-        display: inline !important
-      }
-
-      .d-md-inline-block {
-        display: inline-block !important
-      }
-
-      .d-md-block {
-        display: block !important
-      }
-
-      .d-md-table {
-        display: table !important
-      }
-
-      .d-md-table-row {
-        display: table-row !important
-      }
-
-      .d-md-table-cell {
-        display: table-cell !important
-      }
-
-      .d-md-flex {
-        display: -ms-flexbox !important;
-        display: flex !important
-      }
-
-      .d-md-inline-flex {
-        display: -ms-inline-flexbox !important;
-        display: inline-flex !important
-      }
-    }
-
-    @media (min-width:992px) {
-      .d-lg-none {
-        display: none !important
-      }
-
-      .d-lg-inline {
-        display: inline !important
-      }
-
-      .d-lg-inline-block {
-        display: inline-block !important
-      }
-
-      .d-lg-block {
-        display: block !important
-      }
-
-      .d-lg-table {
-        display: table !important
-      }
-
-      .d-lg-table-row {
-        display: table-row !important
-      }
-
-      .d-lg-table-cell {
-        display: table-cell !important
-      }
-
-      .d-lg-flex {
-        display: -ms-flexbox !important;
-        display: flex !important
-      }
-
-      .d-lg-inline-flex {
-        display: -ms-inline-flexbox !important;
-        display: inline-flex !important
-      }
-    }
-
-    @media (min-width:1200px) {
-      .d-xl-none {
-        display: none !important
-      }
-
-      .d-xl-inline {
-        display: inline !important
-      }
-
-      .d-xl-inline-block {
-        display: inline-block !important
-      }
-
-      .d-xl-block {
-        display: block !important
-      }
-
-      .d-xl-table {
-        display: table !important
-      }
-
-      .d-xl-table-row {
-        display: table-row !important
-      }
-
-      .d-xl-table-cell {
-        display: table-cell !important
-      }
-
-      .d-xl-flex {
-        display: -ms-flexbox !important;
-        display: flex !important
-      }
-
-      .d-xl-inline-flex {
-        display: -ms-inline-flexbox !important;
-        display: inline-flex !important
-      }
-    }
-
-    @media print {
-      .d-print-none {
-        display: none !important
-      }
-
-      .d-print-inline {
-        display: inline !important
-      }
-
-      .d-print-inline-block {
-        display: inline-block !important
-      }
-
-      .d-print-block {
-        display: block !important
-      }
-
-      .d-print-table {
-        display: table !important
-      }
-
-      .d-print-table-row {
-        display: table-row !important
-      }
-
-      .d-print-table-cell {
-        display: table-cell !important
-      }
-
-      .d-print-flex {
-        display: -ms-flexbox !important;
-        display: flex !important
-      }
-
-      .d-print-inline-flex {
-        display: -ms-inline-flexbox !important;
-        display: inline-flex !important
-      }
-    }
-
-    .embed-responsive {
-      position: relative;
-      display: block;
-      width: 100%;
-      padding: 0;
-      overflow: hidden
-    }
-
-    .embed-responsive::before {
-      display: block;
-      content: ""
-    }
-
-    .embed-responsive .embed-responsive-item,
-    .embed-responsive embed,
-    .embed-responsive iframe,
-    .embed-responsive object,
-    .embed-responsive video {
-      position: absolute;
-      top: 0;
-      bottom: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      border: 0
-    }
-
-    .embed-responsive-21by9::before {
-      padding-top: 42.857143%
-    }
-
-    .embed-responsive-16by9::before {
-      padding-top: 56.25%
-    }
-
-    .embed-responsive-4by3::before {
-      padding-top: 75%
-    }
-
-    .embed-responsive-1by1::before {
-      padding-top: 100%
-    }
-
-    .flex-row {
-      -ms-flex-direction: row !important;
-      flex-direction: row !important
-    }
-
-    .flex-column {
-      -ms-flex-direction: column !important;
-      flex-direction: column !important
-    }
-
-    .flex-row-reverse {
-      -ms-flex-direction: row-reverse !important;
-      flex-direction: row-reverse !important
-    }
-
-    .flex-column-reverse {
-      -ms-flex-direction: column-reverse !important;
-      flex-direction: column-reverse !important
-    }
-
-    .flex-wrap {
-      -ms-flex-wrap: wrap !important;
-      flex-wrap: wrap !important
-    }
-
-    .flex-nowrap {
-      -ms-flex-wrap: nowrap !important;
-      flex-wrap: nowrap !important
-    }
-
-    .flex-wrap-reverse {
-      -ms-flex-wrap: wrap-reverse !important;
-      flex-wrap: wrap-reverse !important
-    }
-
-    .flex-fill {
-      -ms-flex: 1 1 auto !important;
-      flex: 1 1 auto !important
-    }
-
-    .flex-grow-0 {
-      -ms-flex-positive: 0 !important;
-      flex-grow: 0 !important
-    }
-
-    .flex-grow-1 {
-      -ms-flex-positive: 1 !important;
-      flex-grow: 1 !important
-    }
-
-    .flex-shrink-0 {
-      -ms-flex-negative: 0 !important;
-      flex-shrink: 0 !important
-    }
-
-    .flex-shrink-1 {
-      -ms-flex-negative: 1 !important;
-      flex-shrink: 1 !important
-    }
-
-    .justify-content-start {
-      -ms-flex-pack: start !important;
-      justify-content: flex-start !important
-    }
-
-    .justify-content-end {
-      -ms-flex-pack: end !important;
-      justify-content: flex-end !important
-    }
-
-    .justify-content-center {
-      -ms-flex-pack: center !important;
-      justify-content: center !important
-    }
-
-    .justify-content-between {
-      -ms-flex-pack: justify !important;
-      justify-content: space-between !important
-    }
-
-    .justify-content-around {
-      -ms-flex-pack: distribute !important;
-      justify-content: space-around !important
-    }
-
-    .align-items-start {
-      -ms-flex-align: start !important;
-      align-items: flex-start !important
-    }
-
-    .align-items-end {
-      -ms-flex-align: end !important;
-      align-items: flex-end !important
-    }
-
-    .align-items-center {
-      -ms-flex-align: center !important;
-      align-items: center !important
-    }
-
-    .align-items-baseline {
-      -ms-flex-align: baseline !important;
-      align-items: baseline !important
-    }
-
-    .align-items-stretch {
-      -ms-flex-align: stretch !important;
-      align-items: stretch !important
-    }
-
-    .align-content-start {
-      -ms-flex-line-pack: start !important;
-      align-content: flex-start !important
-    }
-
-    .align-content-end {
-      -ms-flex-line-pack: end !important;
-      align-content: flex-end !important
-    }
-
-    .align-content-center {
-      -ms-flex-line-pack: center !important;
-      align-content: center !important
-    }
-
-    .align-content-between {
-      -ms-flex-line-pack: justify !important;
-      align-content: space-between !important
-    }
-
-    .align-content-around {
-      -ms-flex-line-pack: distribute !important;
-      align-content: space-around !important
-    }
-
-    .align-content-stretch {
-      -ms-flex-line-pack: stretch !important;
-      align-content: stretch !important
-    }
-
-    .align-self-auto {
-      -ms-flex-item-align: auto !important;
-      align-self: auto !important
-    }
-
-    .align-self-start {
-      -ms-flex-item-align: start !important;
-      align-self: flex-start !important
-    }
-
-    .align-self-end {
-      -ms-flex-item-align: end !important;
-      align-self: flex-end !important
-    }
-
-    .align-self-center {
-      -ms-flex-item-align: center !important;
-      align-self: center !important
-    }
-
-    .align-self-baseline {
-      -ms-flex-item-align: baseline !important;
-      align-self: baseline !important
-    }
-
-    .align-self-stretch {
-      -ms-flex-item-align: stretch !important;
-      align-self: stretch !important
-    }
-
-    @media (min-width:576px) {
-      .flex-sm-row {
-        -ms-flex-direction: row !important;
-        flex-direction: row !important
-      }
-
-      .flex-sm-column {
-        -ms-flex-direction: column !important;
-        flex-direction: column !important
-      }
-
-      .flex-sm-row-reverse {
-        -ms-flex-direction: row-reverse !important;
-        flex-direction: row-reverse !important
-      }
-
-      .flex-sm-column-reverse {
-        -ms-flex-direction: column-reverse !important;
-        flex-direction: column-reverse !important
-      }
-
-      .flex-sm-wrap {
-        -ms-flex-wrap: wrap !important;
-        flex-wrap: wrap !important
-      }
-
-      .flex-sm-nowrap {
-        -ms-flex-wrap: nowrap !important;
-        flex-wrap: nowrap !important
-      }
-
-      .flex-sm-wrap-reverse {
-        -ms-flex-wrap: wrap-reverse !important;
-        flex-wrap: wrap-reverse !important
-      }
-
-      .flex-sm-fill {
-        -ms-flex: 1 1 auto !important;
-        flex: 1 1 auto !important
-      }
-
-      .flex-sm-grow-0 {
-        -ms-flex-positive: 0 !important;
-        flex-grow: 0 !important
-      }
-
-      .flex-sm-grow-1 {
-        -ms-flex-positive: 1 !important;
-        flex-grow: 1 !important
-      }
-
-      .flex-sm-shrink-0 {
-        -ms-flex-negative: 0 !important;
-        flex-shrink: 0 !important
-      }
-
-      .flex-sm-shrink-1 {
-        -ms-flex-negative: 1 !important;
-        flex-shrink: 1 !important
-      }
-
-      .justify-content-sm-start {
-        -ms-flex-pack: start !important;
-        justify-content: flex-start !important
-      }
-
-      .justify-content-sm-end {
-        -ms-flex-pack: end !important;
-        justify-content: flex-end !important
-      }
-
-      .justify-content-sm-center {
-        -ms-flex-pack: center !important;
-        justify-content: center !important
-      }
-
-      .justify-content-sm-between {
-        -ms-flex-pack: justify !important;
-        justify-content: space-between !important
-      }
-
-      .justify-content-sm-around {
-        -ms-flex-pack: distribute !important;
-        justify-content: space-around !important
-      }
-
-      .align-items-sm-start {
-        -ms-flex-align: start !important;
-        align-items: flex-start !important
-      }
-
-      .align-items-sm-end {
-        -ms-flex-align: end !important;
-        align-items: flex-end !important
-      }
-
-      .align-items-sm-center {
-        -ms-flex-align: center !important;
-        align-items: center !important
-      }
-
-      .align-items-sm-baseline {
-        -ms-flex-align: baseline !important;
-        align-items: baseline !important
-      }
-
-      .align-items-sm-stretch {
-        -ms-flex-align: stretch !important;
-        align-items: stretch !important
-      }
-
-      .align-content-sm-start {
-        -ms-flex-line-pack: start !important;
-        align-content: flex-start !important
-      }
-
-      .align-content-sm-end {
-        -ms-flex-line-pack: end !important;
-        align-content: flex-end !important
-      }
-
-      .align-content-sm-center {
-        -ms-flex-line-pack: center !important;
-        align-content: center !important
-      }
-
-      .align-content-sm-between {
-        -ms-flex-line-pack: justify !important;
-        align-content: space-between !important
-      }
-
-      .align-content-sm-around {
-        -ms-flex-line-pack: distribute !important;
-        align-content: space-around !important
-      }
-
-      .align-content-sm-stretch {
-        -ms-flex-line-pack: stretch !important;
-        align-content: stretch !important
-      }
-
-      .align-self-sm-auto {
-        -ms-flex-item-align: auto !important;
-        align-self: auto !important
-      }
-
-      .align-self-sm-start {
-        -ms-flex-item-align: start !important;
-        align-self: flex-start !important
-      }
-
-      .align-self-sm-end {
-        -ms-flex-item-align: end !important;
-        align-self: flex-end !important
-      }
-
-      .align-self-sm-center {
-        -ms-flex-item-align: center !important;
-        align-self: center !important
-      }
-
-      .align-self-sm-baseline {
-        -ms-flex-item-align: baseline !important;
-        align-self: baseline !important
-      }
-
-      .align-self-sm-stretch {
-        -ms-flex-item-align: stretch !important;
-        align-self: stretch !important
-      }
-    }
-
-    @media (min-width:768px) {
-      .flex-md-row {
-        -ms-flex-direction: row !important;
-        flex-direction: row !important
-      }
-
-      .flex-md-column {
-        -ms-flex-direction: column !important;
-        flex-direction: column !important
-      }
-
-      .flex-md-row-reverse {
-        -ms-flex-direction: row-reverse !important;
-        flex-direction: row-reverse !important
-      }
-
-      .flex-md-column-reverse {
-        -ms-flex-direction: column-reverse !important;
-        flex-direction: column-reverse !important
-      }
-
-      .flex-md-wrap {
-        -ms-flex-wrap: wrap !important;
-        flex-wrap: wrap !important
-      }
-
-      .flex-md-nowrap {
-        -ms-flex-wrap: nowrap !important;
-        flex-wrap: nowrap !important
-      }
-
-      .flex-md-wrap-reverse {
-        -ms-flex-wrap: wrap-reverse !important;
-        flex-wrap: wrap-reverse !important
-      }
-
-      .flex-md-fill {
-        -ms-flex: 1 1 auto !important;
-        flex: 1 1 auto !important
-      }
-
-      .flex-md-grow-0 {
-        -ms-flex-positive: 0 !important;
-        flex-grow: 0 !important
-      }
-
-      .flex-md-grow-1 {
-        -ms-flex-positive: 1 !important;
-        flex-grow: 1 !important
-      }
-
-      .flex-md-shrink-0 {
-        -ms-flex-negative: 0 !important;
-        flex-shrink: 0 !important
-      }
-
-      .flex-md-shrink-1 {
-        -ms-flex-negative: 1 !important;
-        flex-shrink: 1 !important
-      }
-
-      .justify-content-md-start {
-        -ms-flex-pack: start !important;
-        justify-content: flex-start !important
-      }
-
-      .justify-content-md-end {
-        -ms-flex-pack: end !important;
-        justify-content: flex-end !important
-      }
-
-      .justify-content-md-center {
-        -ms-flex-pack: center !important;
-        justify-content: center !important
-      }
-
-      .justify-content-md-between {
-        -ms-flex-pack: justify !important;
-        justify-content: space-between !important
-      }
-
-      .justify-content-md-around {
-        -ms-flex-pack: distribute !important;
-        justify-content: space-around !important
-      }
-
-      .align-items-md-start {
-        -ms-flex-align: start !important;
-        align-items: flex-start !important
-      }
-
-      .align-items-md-end {
-        -ms-flex-align: end !important;
-        align-items: flex-end !important
-      }
-
-      .align-items-md-center {
-        -ms-flex-align: center !important;
-        align-items: center !important
-      }
-
-      .align-items-md-baseline {
-        -ms-flex-align: baseline !important;
-        align-items: baseline !important
-      }
-
-      .align-items-md-stretch {
-        -ms-flex-align: stretch !important;
-        align-items: stretch !important
-      }
-
-      .align-content-md-start {
-        -ms-flex-line-pack: start !important;
-        align-content: flex-start !important
-      }
-
-      .align-content-md-end {
-        -ms-flex-line-pack: end !important;
-        align-content: flex-end !important
-      }
-
-      .align-content-md-center {
-        -ms-flex-line-pack: center !important;
-        align-content: center !important
-      }
-
-      .align-content-md-between {
-        -ms-flex-line-pack: justify !important;
-        align-content: space-between !important
-      }
-
-      .align-content-md-around {
-        -ms-flex-line-pack: distribute !important;
-        align-content: space-around !important
-      }
-
-      .align-content-md-stretch {
-        -ms-flex-line-pack: stretch !important;
-        align-content: stretch !important
-      }
-
-      .align-self-md-auto {
-        -ms-flex-item-align: auto !important;
-        align-self: auto !important
-      }
-
-      .align-self-md-start {
-        -ms-flex-item-align: start !important;
-        align-self: flex-start !important
-      }
-
-      .align-self-md-end {
-        -ms-flex-item-align: end !important;
-        align-self: flex-end !important
-      }
-
-      .align-self-md-center {
-        -ms-flex-item-align: center !important;
-        align-self: center !important
-      }
-
-      .align-self-md-baseline {
-        -ms-flex-item-align: baseline !important;
-        align-self: baseline !important
-      }
-
-      .align-self-md-stretch {
-        -ms-flex-item-align: stretch !important;
-        align-self: stretch !important
-      }
-    }
-
-    @media (min-width:992px) {
-      .flex-lg-row {
-        -ms-flex-direction: row !important;
-        flex-direction: row !important
-      }
-
-      .flex-lg-column {
-        -ms-flex-direction: column !important;
-        flex-direction: column !important
-      }
-
-      .flex-lg-row-reverse {
-        -ms-flex-direction: row-reverse !important;
-        flex-direction: row-reverse !important
-      }
-
-      .flex-lg-column-reverse {
-        -ms-flex-direction: column-reverse !important;
-        flex-direction: column-reverse !important
-      }
-
-      .flex-lg-wrap {
-        -ms-flex-wrap: wrap !important;
-        flex-wrap: wrap !important
-      }
-
-      .flex-lg-nowrap {
-        -ms-flex-wrap: nowrap !important;
-        flex-wrap: nowrap !important
-      }
-
-      .flex-lg-wrap-reverse {
-        -ms-flex-wrap: wrap-reverse !important;
-        flex-wrap: wrap-reverse !important
-      }
-
-      .flex-lg-fill {
-        -ms-flex: 1 1 auto !important;
-        flex: 1 1 auto !important
-      }
-
-      .flex-lg-grow-0 {
-        -ms-flex-positive: 0 !important;
-        flex-grow: 0 !important
-      }
-
-      .flex-lg-grow-1 {
-        -ms-flex-positive: 1 !important;
-        flex-grow: 1 !important
-      }
-
-      .flex-lg-shrink-0 {
-        -ms-flex-negative: 0 !important;
-        flex-shrink: 0 !important
-      }
-
-      .flex-lg-shrink-1 {
-        -ms-flex-negative: 1 !important;
-        flex-shrink: 1 !important
-      }
-
-      .justify-content-lg-start {
-        -ms-flex-pack: start !important;
-        justify-content: flex-start !important
-      }
-
-      .justify-content-lg-end {
-        -ms-flex-pack: end !important;
-        justify-content: flex-end !important
-      }
-
-      .justify-content-lg-center {
-        -ms-flex-pack: center !important;
-        justify-content: center !important
-      }
-
-      .justify-content-lg-between {
-        -ms-flex-pack: justify !important;
-        justify-content: space-between !important
-      }
-
-      .justify-content-lg-around {
-        -ms-flex-pack: distribute !important;
-        justify-content: space-around !important
-      }
-
-      .align-items-lg-start {
-        -ms-flex-align: start !important;
-        align-items: flex-start !important
-      }
-
-      .align-items-lg-end {
-        -ms-flex-align: end !important;
-        align-items: flex-end !important
-      }
-
-      .align-items-lg-center {
-        -ms-flex-align: center !important;
-        align-items: center !important
-      }
-
-      .align-items-lg-baseline {
-        -ms-flex-align: baseline !important;
-        align-items: baseline !important
-      }
-
-      .align-items-lg-stretch {
-        -ms-flex-align: stretch !important;
-        align-items: stretch !important
-      }
-
-      .align-content-lg-start {
-        -ms-flex-line-pack: start !important;
-        align-content: flex-start !important
-      }
-
-      .align-content-lg-end {
-        -ms-flex-line-pack: end !important;
-        align-content: flex-end !important
-      }
-
-      .align-content-lg-center {
-        -ms-flex-line-pack: center !important;
-        align-content: center !important
-      }
-
-      .align-content-lg-between {
-        -ms-flex-line-pack: justify !important;
-        align-content: space-between !important
-      }
-
-      .align-content-lg-around {
-        -ms-flex-line-pack: distribute !important;
-        align-content: space-around !important
-      }
-
-      .align-content-lg-stretch {
-        -ms-flex-line-pack: stretch !important;
-        align-content: stretch !important
-      }
-
-      .align-self-lg-auto {
-        -ms-flex-item-align: auto !important;
-        align-self: auto !important
-      }
-
-      .align-self-lg-start {
-        -ms-flex-item-align: start !important;
-        align-self: flex-start !important
-      }
-
-      .align-self-lg-end {
-        -ms-flex-item-align: end !important;
-        align-self: flex-end !important
-      }
-
-      .align-self-lg-center {
-        -ms-flex-item-align: center !important;
-        align-self: center !important
-      }
-
-      .align-self-lg-baseline {
-        -ms-flex-item-align: baseline !important;
-        align-self: baseline !important
-      }
-
-      .align-self-lg-stretch {
-        -ms-flex-item-align: stretch !important;
-        align-self: stretch !important
-      }
-    }
-
-    @media (min-width:1200px) {
-      .flex-xl-row {
-        -ms-flex-direction: row !important;
-        flex-direction: row !important
-      }
-
-      .flex-xl-column {
-        -ms-flex-direction: column !important;
-        flex-direction: column !important
-      }
-
-      .flex-xl-row-reverse {
-        -ms-flex-direction: row-reverse !important;
-        flex-direction: row-reverse !important
-      }
-
-      .flex-xl-column-reverse {
-        -ms-flex-direction: column-reverse !important;
-        flex-direction: column-reverse !important
-      }
-
-      .flex-xl-wrap {
-        -ms-flex-wrap: wrap !important;
-        flex-wrap: wrap !important
-      }
-
-      .flex-xl-nowrap {
-        -ms-flex-wrap: nowrap !important;
-        flex-wrap: nowrap !important
-      }
-
-      .flex-xl-wrap-reverse {
-        -ms-flex-wrap: wrap-reverse !important;
-        flex-wrap: wrap-reverse !important
-      }
-
-      .flex-xl-fill {
-        -ms-flex: 1 1 auto !important;
-        flex: 1 1 auto !important
-      }
-
-      .flex-xl-grow-0 {
-        -ms-flex-positive: 0 !important;
-        flex-grow: 0 !important
-      }
-
-      .flex-xl-grow-1 {
-        -ms-flex-positive: 1 !important;
-        flex-grow: 1 !important
-      }
-
-      .flex-xl-shrink-0 {
-        -ms-flex-negative: 0 !important;
-        flex-shrink: 0 !important
-      }
-
-      .flex-xl-shrink-1 {
-        -ms-flex-negative: 1 !important;
-        flex-shrink: 1 !important
-      }
-
-      .justify-content-xl-start {
-        -ms-flex-pack: start !important;
-        justify-content: flex-start !important
-      }
-
-      .justify-content-xl-end {
-        -ms-flex-pack: end !important;
-        justify-content: flex-end !important
-      }
-
-      .justify-content-xl-center {
-        -ms-flex-pack: center !important;
-        justify-content: center !important
-      }
-
-      .justify-content-xl-between {
-        -ms-flex-pack: justify !important;
-        justify-content: space-between !important
-      }
-
-      .justify-content-xl-around {
-        -ms-flex-pack: distribute !important;
-        justify-content: space-around !important
-      }
-
-      .align-items-xl-start {
-        -ms-flex-align: start !important;
-        align-items: flex-start !important
-      }
-
-      .align-items-xl-end {
-        -ms-flex-align: end !important;
-        align-items: flex-end !important
-      }
-
-      .align-items-xl-center {
-        -ms-flex-align: center !important;
-        align-items: center !important
-      }
-
-      .align-items-xl-baseline {
-        -ms-flex-align: baseline !important;
-        align-items: baseline !important
-      }
-
-      .align-items-xl-stretch {
-        -ms-flex-align: stretch !important;
-        align-items: stretch !important
-      }
-
-      .align-content-xl-start {
-        -ms-flex-line-pack: start !important;
-        align-content: flex-start !important
-      }
-
-      .align-content-xl-end {
-        -ms-flex-line-pack: end !important;
-        align-content: flex-end !important
-      }
-
-      .align-content-xl-center {
-        -ms-flex-line-pack: center !important;
-        align-content: center !important
-      }
-
-      .align-content-xl-between {
-        -ms-flex-line-pack: justify !important;
-        align-content: space-between !important
-      }
-
-      .align-content-xl-around {
-        -ms-flex-line-pack: distribute !important;
-        align-content: space-around !important
-      }
-
-      .align-content-xl-stretch {
-        -ms-flex-line-pack: stretch !important;
-        align-content: stretch !important
-      }
-
-      .align-self-xl-auto {
-        -ms-flex-item-align: auto !important;
-        align-self: auto !important
-      }
-
-      .align-self-xl-start {
-        -ms-flex-item-align: start !important;
-        align-self: flex-start !important
-      }
-
-      .align-self-xl-end {
-        -ms-flex-item-align: end !important;
-        align-self: flex-end !important
-      }
-
-      .align-self-xl-center {
-        -ms-flex-item-align: center !important;
-        align-self: center !important
-      }
-
-      .align-self-xl-baseline {
-        -ms-flex-item-align: baseline !important;
-        align-self: baseline !important
-      }
-
-      .align-self-xl-stretch {
-        -ms-flex-item-align: stretch !important;
-        align-self: stretch !important
-      }
-    }
-
-    .float-left {
-      float: left !important
-    }
-
-    .float-right {
-      float: right !important
-    }
-
-    .float-none {
-      float: none !important
-    }
-
-    @media (min-width:576px) {
-      .float-sm-left {
-        float: left !important
-      }
-
-      .float-sm-right {
-        float: right !important
-      }
-
-      .float-sm-none {
-        float: none !important
-      }
-    }
-
-    @media (min-width:768px) {
-      .float-md-left {
-        float: left !important
-      }
-
-      .float-md-right {
-        float: right !important
-      }
-
-      .float-md-none {
-        float: none !important
-      }
-    }
-
-    @media (min-width:992px) {
-      .float-lg-left {
-        float: left !important
-      }
-
-      .float-lg-right {
-        float: right !important
-      }
-
-      .float-lg-none {
-        float: none !important
-      }
-    }
-
-    @media (min-width:1200px) {
-      .float-xl-left {
-        float: left !important
-      }
-
-      .float-xl-right {
-        float: right !important
-      }
-
-      .float-xl-none {
-        float: none !important
-      }
-    }
-
-    .overflow-auto {
-      overflow: auto !important
-    }
-
-    .overflow-hidden {
-      overflow: hidden !important
-    }
-
-    .position-static {
-      position: static !important
-    }
-
-    .position-relative {
-      position: relative !important
-    }
-
-    .position-absolute {
-      position: absolute !important
-    }
-
-    .position-fixed {
-      position: fixed !important
-    }
-
-    .position-sticky {
-      position: -webkit-sticky !important;
-      position: sticky !important
-    }
-
-    .fixed-top {
-      position: fixed;
-      top: 0;
-      right: 0;
-      left: 0;
-      z-index: 1030
-    }
-
-    .fixed-bottom {
-      position: fixed;
-      right: 0;
-      bottom: 0;
-      left: 0;
-      z-index: 1030
-    }
-
-    @supports ((position:-webkit-sticky) or (position:sticky)) {
-      .sticky-top {
-        position: -webkit-sticky;
-        position: sticky;
-        top: 0;
-        z-index: 1020
-      }
-    }
-
-    .sr-only {
-      position: absolute;
-      width: 1px;
-      height: 1px;
-      padding: 0;
-      overflow: hidden;
-      clip: rect(0, 0, 0, 0);
-      white-space: nowrap;
-      border: 0
-    }
-
-    .sr-only-focusable:active,
-    .sr-only-focusable:focus {
-      position: static;
-      width: auto;
-      height: auto;
-      overflow: visible;
-      clip: auto;
-      white-space: normal
-    }
-
-    .shadow-sm {
-      box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
-    }
-
-    .shadow {
-      box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
-    }
-
-    .shadow-lg {
-      box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
-    }
-
-    .shadow-none {
-      box-shadow: none !important
-    }
-
-    .w-25 {
-      width: 25% !important
-    }
-
-    .w-50 {
-      width: 50% !important
-    }
-
-    .w-75 {
-      width: 75% !important
-    }
-
-    .w-100 {
-      width: 100% !important
-    }
-
-    .w-auto {
-      width: auto !important
-    }
-
-    .h-25 {
-      height: 25% !important
-    }
-
-    .h-50 {
-      height: 50% !important
-    }
-
-    .h-75 {
-      height: 75% !important
-    }
-
-    .h-100 {
-      height: 100% !important
-    }
-
-    .h-auto {
-      height: auto !important
-    }
-
-    .mw-100 {
-      max-width: 100% !important
-    }
-
-    .mh-100 {
-      max-height: 100% !important
-    }
-
-    .min-vw-100 {
-      min-width: 100vw !important
-    }
-
-    .min-vh-100 {
-      min-height: 100vh !important
-    }
-
-    .vw-100 {
-      width: 100vw !important
-    }
-
-    .vh-100 {
-      height: 100vh !important
-    }
-
-    .stretched-link::after {
-      position: absolute;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      left: 0;
-      z-index: 1;
-      pointer-events: auto;
-      content: "";
-      background-color: rgba(0, 0, 0, 0)
-    }
-
-    .m-0 {
-      margin: 0 !important
-    }
-
-    .mt-0,
-    .my-0 {
-      margin-top: 0 !important
-    }
-
-    .mr-0,
-    .mx-0 {
-      margin-right: 0 !important
-    }
-
-    .mb-0,
-    .my-0 {
-      margin-bottom: 0 !important
-    }
-
-    .ml-0,
-    .mx-0 {
-      margin-left: 0 !important
-    }
-
-    .m-1 {
-      margin: .25rem !important
-    }
-
-    .mt-1,
-    .my-1 {
-      margin-top: .25rem !important
-    }
-
-    .mr-1,
-    .mx-1 {
-      margin-right: .25rem !important
-    }
-
-    .mb-1,
-    .my-1 {
-      margin-bottom: .25rem !important
-    }
-
-    .ml-1,
-    .mx-1 {
-      margin-left: .25rem !important
-    }
-
-    .m-2 {
-      margin: .5rem !important
-    }
-
-    .mt-2,
-    .my-2 {
-      margin-top: .5rem !important
-    }
-
-    .mr-2,
-    .mx-2 {
-      margin-right: .5rem !important
-    }
-
-    .mb-2,
-    .my-2 {
-      margin-bottom: .5rem !important
-    }
-
-    .ml-2,
-    .mx-2 {
-      margin-left: .5rem !important
-    }
-
-    .m-3 {
-      margin: 1rem !important
-    }
-
-    .mt-3,
-    .my-3 {
-      margin-top: 1rem !important
-    }
-
-    .mr-3,
-    .mx-3 {
-      margin-right: 1rem !important
-    }
-
-    .mb-3,
-    .my-3 {
-      margin-bottom: 1rem !important
-    }
-
-    .ml-3,
-    .mx-3 {
-      margin-left: 1rem !important
-    }
-
-    .m-4 {
-      margin: 1.5rem !important
-    }
-
-    .mt-4,
-    .my-4 {
-      margin-top: 1.5rem !important
-    }
-
-    .mr-4,
-    .mx-4 {
-      margin-right: 1.5rem !important
-    }
-
-    .mb-4,
-    .my-4 {
-      margin-bottom: 1.5rem !important
-    }
-
-    .ml-4,
-    .mx-4 {
-      margin-left: 1.5rem !important
-    }
-
-    .m-5 {
-      margin: 3rem !important
-    }
-
-    .mt-5,
-    .my-5 {
-      margin-top: 3rem !important
-    }
-
-    .mr-5,
-    .mx-5 {
-      margin-right: 3rem !important
-    }
-
-    .mb-5,
-    .my-5 {
-      margin-bottom: 3rem !important
-    }
-
-    .ml-5,
-    .mx-5 {
-      margin-left: 3rem !important
-    }
-
-    .p-0 {
-      padding: 0 !important
-    }
-
-    .pt-0,
-    .py-0 {
-      padding-top: 0 !important
-    }
-
-    .pr-0,
-    .px-0 {
-      padding-right: 0 !important
-    }
-
-    .pb-0,
-    .py-0 {
-      padding-bottom: 0 !important
-    }
-
-    .pl-0,
-    .px-0 {
-      padding-left: 0 !important
-    }
-
-    .p-1 {
-      padding: .25rem !important
-    }
-
-    .pt-1,
-    .py-1 {
-      padding-top: .25rem !important
-    }
-
-    .pr-1,
-    .px-1 {
-      padding-right: .25rem !important
-    }
-
-    .pb-1,
-    .py-1 {
-      padding-bottom: .25rem !important
-    }
-
-    .pl-1,
-    .px-1 {
-      padding-left: .25rem !important
-    }
-
-    .p-2 {
-      padding: .5rem !important
-    }
-
-    .pt-2,
-    .py-2 {
-      padding-top: .5rem !important
-    }
-
-    .pr-2,
-    .px-2 {
-      padding-right: .5rem !important
-    }
-
-    .pb-2,
-    .py-2 {
-      padding-bottom: .5rem !important
-    }
-
-    .pl-2,
-    .px-2 {
-      padding-left: .5rem !important
-    }
-
-    .p-3 {
-      padding: 1rem !important
-    }
-
-    .pt-3,
-    .py-3 {
-      padding-top: 1rem !important
-    }
-
-    .pr-3,
-    .px-3 {
-      padding-right: 1rem !important
-    }
-
-    .pb-3,
-    .py-3 {
-      padding-bottom: 1rem !important
-    }
-
-    .pl-3,
-    .px-3 {
-      padding-left: 1rem !important
-    }
-
-    .p-4 {
-      padding: 1.5rem !important
-    }
-
-    .pt-4,
-    .py-4 {
-      padding-top: 1.5rem !important
-    }
-
-    .pr-4,
-    .px-4 {
-      padding-right: 1.5rem !important
-    }
-
-    .pb-4,
-    .py-4 {
-      padding-bottom: 1.5rem !important
-    }
-
-    .pl-4,
-    .px-4 {
-      padding-left: 1.5rem !important
-    }
-
-    .p-5 {
-      padding: 3rem !important
-    }
-
-    .pt-5,
-    .py-5 {
-      padding-top: 3rem !important
-    }
-
-    .pr-5,
-    .px-5 {
-      padding-right: 3rem !important
-    }
-
-    .pb-5,
-    .py-5 {
-      padding-bottom: 3rem !important
-    }
-
-    .pl-5,
-    .px-5 {
-      padding-left: 3rem !important
-    }
-
-    .m-n1 {
-      margin: -.25rem !important
-    }
-
-    .mt-n1,
-    .my-n1 {
-      margin-top: -.25rem !important
-    }
-
-    .mr-n1,
-    .mx-n1 {
-      margin-right: -.25rem !important
-    }
-
-    .mb-n1,
-    .my-n1 {
-      margin-bottom: -.25rem !important
-    }
-
-    .ml-n1,
-    .mx-n1 {
-      margin-left: -.25rem !important
-    }
-
-    .m-n2 {
-      margin: -.5rem !important
-    }
-
-    .mt-n2,
-    .my-n2 {
-      margin-top: -.5rem !important
-    }
-
-    .mr-n2,
-    .mx-n2 {
-      margin-right: -.5rem !important
-    }
-
-    .mb-n2,
-    .my-n2 {
-      margin-bottom: -.5rem !important
-    }
-
-    .ml-n2,
-    .mx-n2 {
-      margin-left: -.5rem !important
-    }
-
-    .m-n3 {
-      margin: -1rem !important
-    }
-
-    .mt-n3,
-    .my-n3 {
-      margin-top: -1rem !important
-    }
-
-    .mr-n3,
-    .mx-n3 {
-      margin-right: -1rem !important
-    }
-
-    .mb-n3,
-    .my-n3 {
-      margin-bottom: -1rem !important
-    }
-
-    .ml-n3,
-    .mx-n3 {
-      margin-left: -1rem !important
-    }
-
-    .m-n4 {
-      margin: -1.5rem !important
-    }
-
-    .mt-n4,
-    .my-n4 {
-      margin-top: -1.5rem !important
-    }
-
-    .mr-n4,
-    .mx-n4 {
-      margin-right: -1.5rem !important
-    }
-
-    .mb-n4,
-    .my-n4 {
-      margin-bottom: -1.5rem !important
-    }
-
-    .ml-n4,
-    .mx-n4 {
-      margin-left: -1.5rem !important
-    }
-
-    .m-n5 {
-      margin: -3rem !important
-    }
-
-    .mt-n5,
-    .my-n5 {
-      margin-top: -3rem !important
-    }
-
-    .mr-n5,
-    .mx-n5 {
-      margin-right: -3rem !important
-    }
-
-    .mb-n5,
-    .my-n5 {
-      margin-bottom: -3rem !important
-    }
-
-    .ml-n5,
-    .mx-n5 {
-      margin-left: -3rem !important
-    }
-
-    .m-auto {
-      margin: auto !important
-    }
-
-    .mt-auto,
-    .my-auto {
-      margin-top: auto !important
-    }
-
-    .mr-auto,
-    .mx-auto {
-      margin-right: auto !important
-    }
-
-    .mb-auto,
-    .my-auto {
-      margin-bottom: auto !important
-    }
-
-    .ml-auto,
-    .mx-auto {
-      margin-left: auto !important
-    }
-
-    @media (min-width:576px) {
-      .m-sm-0 {
-        margin: 0 !important
-      }
-
-      .mt-sm-0,
-      .my-sm-0 {
-        margin-top: 0 !important
-      }
-
-      .mr-sm-0,
-      .mx-sm-0 {
-        margin-right: 0 !important
-      }
-
-      .mb-sm-0,
-      .my-sm-0 {
-        margin-bottom: 0 !important
-      }
-
-      .ml-sm-0,
-      .mx-sm-0 {
-        margin-left: 0 !important
-      }
-
-      .m-sm-1 {
-        margin: .25rem !important
-      }
-
-      .mt-sm-1,
-      .my-sm-1 {
-        margin-top: .25rem !important
-      }
-
-      .mr-sm-1,
-      .mx-sm-1 {
-        margin-right: .25rem !important
-      }
-
-      .mb-sm-1,
-      .my-sm-1 {
-        margin-bottom: .25rem !important
-      }
-
-      .ml-sm-1,
-      .mx-sm-1 {
-        margin-left: .25rem !important
-      }
-
-      .m-sm-2 {
-        margin: .5rem !important
-      }
-
-      .mt-sm-2,
-      .my-sm-2 {
-        margin-top: .5rem !important
-      }
-
-      .mr-sm-2,
-      .mx-sm-2 {
-        margin-right: .5rem !important
-      }
-
-      .mb-sm-2,
-      .my-sm-2 {
-        margin-bottom: .5rem !important
-      }
-
-      .ml-sm-2,
-      .mx-sm-2 {
-        margin-left: .5rem !important
-      }
-
-      .m-sm-3 {
-        margin: 1rem !important
-      }
-
-      .mt-sm-3,
-      .my-sm-3 {
-        margin-top: 1rem !important
-      }
-
-      .mr-sm-3,
-      .mx-sm-3 {
-        margin-right: 1rem !important
-      }
-
-      .mb-sm-3,
-      .my-sm-3 {
-        margin-bottom: 1rem !important
-      }
-
-      .ml-sm-3,
-      .mx-sm-3 {
-        margin-left: 1rem !important
-      }
-
-      .m-sm-4 {
-        margin: 1.5rem !important
-      }
-
-      .mt-sm-4,
-      .my-sm-4 {
-        margin-top: 1.5rem !important
-      }
-
-      .mr-sm-4,
-      .mx-sm-4 {
-        margin-right: 1.5rem !important
-      }
-
-      .mb-sm-4,
-      .my-sm-4 {
-        margin-bottom: 1.5rem !important
-      }
-
-      .ml-sm-4,
-      .mx-sm-4 {
-        margin-left: 1.5rem !important
-      }
-
-      .m-sm-5 {
-        margin: 3rem !important
-      }
-
-      .mt-sm-5,
-      .my-sm-5 {
-        margin-top: 3rem !important
-      }
-
-      .mr-sm-5,
-      .mx-sm-5 {
-        margin-right: 3rem !important
-      }
-
-      .mb-sm-5,
-      .my-sm-5 {
-        margin-bottom: 3rem !important
-      }
-
-      .ml-sm-5,
-      .mx-sm-5 {
-        margin-left: 3rem !important
-      }
-
-      .p-sm-0 {
-        padding: 0 !important
-      }
-
-      .pt-sm-0,
-      .py-sm-0 {
-        padding-top: 0 !important
-      }
-
-      .pr-sm-0,
-      .px-sm-0 {
-        padding-right: 0 !important
-      }
-
-      .pb-sm-0,
-      .py-sm-0 {
-        padding-bottom: 0 !important
-      }
-
-      .pl-sm-0,
-      .px-sm-0 {
-        padding-left: 0 !important
-      }
-
-      .p-sm-1 {
-        padding: .25rem !important
-      }
-
-      .pt-sm-1,
-      .py-sm-1 {
-        padding-top: .25rem !important
-      }
-
-      .pr-sm-1,
-      .px-sm-1 {
-        padding-right: .25rem !important
-      }
-
-      .pb-sm-1,
-      .py-sm-1 {
-        padding-bottom: .25rem !important
-      }
-
-      .pl-sm-1,
-      .px-sm-1 {
-        padding-left: .25rem !important
-      }
-
-      .p-sm-2 {
-        padding: .5rem !important
-      }
-
-      .pt-sm-2,
-      .py-sm-2 {
-        padding-top: .5rem !important
-      }
-
-      .pr-sm-2,
-      .px-sm-2 {
-        padding-right: .5rem !important
-      }
-
-      .pb-sm-2,
-      .py-sm-2 {
-        padding-bottom: .5rem !important
-      }
-
-      .pl-sm-2,
-      .px-sm-2 {
-        padding-left: .5rem !important
-      }
-
-      .p-sm-3 {
-        padding: 1rem !important
-      }
-
-      .pt-sm-3,
-      .py-sm-3 {
-        padding-top: 1rem !important
-      }
-
-      .pr-sm-3,
-      .px-sm-3 {
-        padding-right: 1rem !important
-      }
-
-      .pb-sm-3,
-      .py-sm-3 {
-        padding-bottom: 1rem !important
-      }
-
-      .pl-sm-3,
-      .px-sm-3 {
-        padding-left: 1rem !important
-      }
-
-      .p-sm-4 {
-        padding: 1.5rem !important
-      }
-
-      .pt-sm-4,
-      .py-sm-4 {
-        padding-top: 1.5rem !important
-      }
-
-      .pr-sm-4,
-      .px-sm-4 {
-        padding-right: 1.5rem !important
-      }
-
-      .pb-sm-4,
-      .py-sm-4 {
-        padding-bottom: 1.5rem !important
-      }
-
-      .pl-sm-4,
-      .px-sm-4 {
-        padding-left: 1.5rem !important
-      }
-
-      .p-sm-5 {
-        padding: 3rem !important
-      }
-
-      .pt-sm-5,
-      .py-sm-5 {
-        padding-top: 3rem !important
-      }
-
-      .pr-sm-5,
-      .px-sm-5 {
-        padding-right: 3rem !important
-      }
-
-      .pb-sm-5,
-      .py-sm-5 {
-        padding-bottom: 3rem !important
-      }
-
-      .pl-sm-5,
-      .px-sm-5 {
-        padding-left: 3rem !important
-      }
-
-      .m-sm-n1 {
-        margin: -.25rem !important
-      }
-
-      .mt-sm-n1,
-      .my-sm-n1 {
-        margin-top: -.25rem !important
-      }
-
-      .mr-sm-n1,
-      .mx-sm-n1 {
-        margin-right: -.25rem !important
-      }
-
-      .mb-sm-n1,
-      .my-sm-n1 {
-        margin-bottom: -.25rem !important
-      }
-
-      .ml-sm-n1,
-      .mx-sm-n1 {
-        margin-left: -.25rem !important
-      }
-
-      .m-sm-n2 {
-        margin: -.5rem !important
-      }
-
-      .mt-sm-n2,
-      .my-sm-n2 {
-        margin-top: -.5rem !important
-      }
-
-      .mr-sm-n2,
-      .mx-sm-n2 {
-        margin-right: -.5rem !important
-      }
-
-      .mb-sm-n2,
-      .my-sm-n2 {
-        margin-bottom: -.5rem !important
-      }
-
-      .ml-sm-n2,
-      .mx-sm-n2 {
-        margin-left: -.5rem !important
-      }
-
-      .m-sm-n3 {
-        margin: -1rem !important
-      }
-
-      .mt-sm-n3,
-      .my-sm-n3 {
-        margin-top: -1rem !important
-      }
-
-      .mr-sm-n3,
-      .mx-sm-n3 {
-        margin-right: -1rem !important
-      }
-
-      .mb-sm-n3,
-      .my-sm-n3 {
-        margin-bottom: -1rem !important
-      }
-
-      .ml-sm-n3,
-      .mx-sm-n3 {
-        margin-left: -1rem !important
-      }
-
-      .m-sm-n4 {
-        margin: -1.5rem !important
-      }
-
-      .mt-sm-n4,
-      .my-sm-n4 {
-        margin-top: -1.5rem !important
-      }
-
-      .mr-sm-n4,
-      .mx-sm-n4 {
-        margin-right: -1.5rem !important
-      }
-
-      .mb-sm-n4,
-      .my-sm-n4 {
-        margin-bottom: -1.5rem !important
-      }
-
-      .ml-sm-n4,
-      .mx-sm-n4 {
-        margin-left: -1.5rem !important
-      }
-
-      .m-sm-n5 {
-        margin: -3rem !important
-      }
-
-      .mt-sm-n5,
-      .my-sm-n5 {
-        margin-top: -3rem !important
-      }
-
-      .mr-sm-n5,
-      .mx-sm-n5 {
-        margin-right: -3rem !important
-      }
-
-      .mb-sm-n5,
-      .my-sm-n5 {
-        margin-bottom: -3rem !important
-      }
-
-      .ml-sm-n5,
-      .mx-sm-n5 {
-        margin-left: -3rem !important
-      }
-
-      .m-sm-auto {
-        margin: auto !important
-      }
-
-      .mt-sm-auto,
-      .my-sm-auto {
-        margin-top: auto !important
-      }
-
-      .mr-sm-auto,
-      .mx-sm-auto {
-        margin-right: auto !important
-      }
-
-      .mb-sm-auto,
-      .my-sm-auto {
-        margin-bottom: auto !important
-      }
-
-      .ml-sm-auto,
-      .mx-sm-auto {
-        margin-left: auto !important
-      }
-    }
-
-    @media (min-width:768px) {
-      .m-md-0 {
-        margin: 0 !important
-      }
-
-      .mt-md-0,
-      .my-md-0 {
-        margin-top: 0 !important
-      }
-
-      .mr-md-0,
-      .mx-md-0 {
-        margin-right: 0 !important
-      }
-
-      .mb-md-0,
-      .my-md-0 {
-        margin-bottom: 0 !important
-      }
-
-      .ml-md-0,
-      .mx-md-0 {
-        margin-left: 0 !important
-      }
-
-      .m-md-1 {
-        margin: .25rem !important
-      }
-
-      .mt-md-1,
-      .my-md-1 {
-        margin-top: .25rem !important
-      }
-
-      .mr-md-1,
-      .mx-md-1 {
-        margin-right: .25rem !important
-      }
-
-      .mb-md-1,
-      .my-md-1 {
-        margin-bottom: .25rem !important
-      }
-
-      .ml-md-1,
-      .mx-md-1 {
-        margin-left: .25rem !important
-      }
-
-      .m-md-2 {
-        margin: .5rem !important
-      }
-
-      .mt-md-2,
-      .my-md-2 {
-        margin-top: .5rem !important
-      }
-
-      .mr-md-2,
-      .mx-md-2 {
-        margin-right: .5rem !important
-      }
-
-      .mb-md-2,
-      .my-md-2 {
-        margin-bottom: .5rem !important
-      }
-
-      .ml-md-2,
-      .mx-md-2 {
-        margin-left: .5rem !important
-      }
-
-      .m-md-3 {
-        margin: 1rem !important
-      }
-
-      .mt-md-3,
-      .my-md-3 {
-        margin-top: 1rem !important
-      }
-
-      .mr-md-3,
-      .mx-md-3 {
-        margin-right: 1rem !important
-      }
-
-      .mb-md-3,
-      .my-md-3 {
-        margin-bottom: 1rem !important
-      }
-
-      .ml-md-3,
-      .mx-md-3 {
-        margin-left: 1rem !important
-      }
-
-      .m-md-4 {
-        margin: 1.5rem !important
-      }
-
-      .mt-md-4,
-      .my-md-4 {
-        margin-top: 1.5rem !important
-      }
-
-      .mr-md-4,
-      .mx-md-4 {
-        margin-right: 1.5rem !important
-      }
-
-      .mb-md-4,
-      .my-md-4 {
-        margin-bottom: 1.5rem !important
-      }
-
-      .ml-md-4,
-      .mx-md-4 {
-        margin-left: 1.5rem !important
-      }
-
-      .m-md-5 {
-        margin: 3rem !important
-      }
-
-      .mt-md-5,
-      .my-md-5 {
-        margin-top: 3rem !important
-      }
-
-      .mr-md-5,
-      .mx-md-5 {
-        margin-right: 3rem !important
-      }
-
-      .mb-md-5,
-      .my-md-5 {
-        margin-bottom: 3rem !important
-      }
-
-      .ml-md-5,
-      .mx-md-5 {
-        margin-left: 3rem !important
-      }
-
-      .p-md-0 {
-        padding: 0 !important
-      }
-
-      .pt-md-0,
-      .py-md-0 {
-        padding-top: 0 !important
-      }
-
-      .pr-md-0,
-      .px-md-0 {
-        padding-right: 0 !important
-      }
-
-      .pb-md-0,
-      .py-md-0 {
-        padding-bottom: 0 !important
-      }
-
-      .pl-md-0,
-      .px-md-0 {
-        padding-left: 0 !important
-      }
-
-      .p-md-1 {
-        padding: .25rem !important
-      }
-
-      .pt-md-1,
-      .py-md-1 {
-        padding-top: .25rem !important
-      }
-
-      .pr-md-1,
-      .px-md-1 {
-        padding-right: .25rem !important
-      }
-
-      .pb-md-1,
-      .py-md-1 {
-        padding-bottom: .25rem !important
-      }
-
-      .pl-md-1,
-      .px-md-1 {
-        padding-left: .25rem !important
-      }
-
-      .p-md-2 {
-        padding: .5rem !important
-      }
-
-      .pt-md-2,
-      .py-md-2 {
-        padding-top: .5rem !important
-      }
-
-      .pr-md-2,
-      .px-md-2 {
-        padding-right: .5rem !important
-      }
-
-      .pb-md-2,
-      .py-md-2 {
-        padding-bottom: .5rem !important
-      }
-
-      .pl-md-2,
-      .px-md-2 {
-        padding-left: .5rem !important
-      }
-
-      .p-md-3 {
-        padding: 1rem !important
-      }
-
-      .pt-md-3,
-      .py-md-3 {
-        padding-top: 1rem !important
-      }
-
-      .pr-md-3,
-      .px-md-3 {
-        padding-right: 1rem !important
-      }
-
-      .pb-md-3,
-      .py-md-3 {
-        padding-bottom: 1rem !important
-      }
-
-      .pl-md-3,
-      .px-md-3 {
-        padding-left: 1rem !important
-      }
-
-      .p-md-4 {
-        padding: 1.5rem !important
-      }
-
-      .pt-md-4,
-      .py-md-4 {
-        padding-top: 1.5rem !important
-      }
-
-      .pr-md-4,
-      .px-md-4 {
-        padding-right: 1.5rem !important
-      }
-
-      .pb-md-4,
-      .py-md-4 {
-        padding-bottom: 1.5rem !important
-      }
-
-      .pl-md-4,
-      .px-md-4 {
-        padding-left: 1.5rem !important
-      }
-
-      .p-md-5 {
-        padding: 3rem !important
-      }
-
-      .pt-md-5,
-      .py-md-5 {
-        padding-top: 3rem !important
-      }
-
-      .pr-md-5,
-      .px-md-5 {
-        padding-right: 3rem !important
-      }
-
-      .pb-md-5,
-      .py-md-5 {
-        padding-bottom: 3rem !important
-      }
-
-      .pl-md-5,
-      .px-md-5 {
-        padding-left: 3rem !important
-      }
-
-      .m-md-n1 {
-        margin: -.25rem !important
-      }
-
-      .mt-md-n1,
-      .my-md-n1 {
-        margin-top: -.25rem !important
-      }
-
-      .mr-md-n1,
-      .mx-md-n1 {
-        margin-right: -.25rem !important
-      }
-
-      .mb-md-n1,
-      .my-md-n1 {
-        margin-bottom: -.25rem !important
-      }
-
-      .ml-md-n1,
-      .mx-md-n1 {
-        margin-left: -.25rem !important
-      }
-
-      .m-md-n2 {
-        margin: -.5rem !important
-      }
-
-      .mt-md-n2,
-      .my-md-n2 {
-        margin-top: -.5rem !important
-      }
-
-      .mr-md-n2,
-      .mx-md-n2 {
-        margin-right: -.5rem !important
-      }
-
-      .mb-md-n2,
-      .my-md-n2 {
-        margin-bottom: -.5rem !important
-      }
-
-      .ml-md-n2,
-      .mx-md-n2 {
-        margin-left: -.5rem !important
-      }
-
-      .m-md-n3 {
-        margin: -1rem !important
-      }
-
-      .mt-md-n3,
-      .my-md-n3 {
-        margin-top: -1rem !important
-      }
-
-      .mr-md-n3,
-      .mx-md-n3 {
-        margin-right: -1rem !important
-      }
-
-      .mb-md-n3,
-      .my-md-n3 {
-        margin-bottom: -1rem !important
-      }
-
-      .ml-md-n3,
-      .mx-md-n3 {
-        margin-left: -1rem !important
-      }
-
-      .m-md-n4 {
-        margin: -1.5rem !important
-      }
-
-      .mt-md-n4,
-      .my-md-n4 {
-        margin-top: -1.5rem !important
-      }
-
-      .mr-md-n4,
-      .mx-md-n4 {
-        margin-right: -1.5rem !important
-      }
-
-      .mb-md-n4,
-      .my-md-n4 {
-        margin-bottom: -1.5rem !important
-      }
-
-      .ml-md-n4,
-      .mx-md-n4 {
-        margin-left: -1.5rem !important
-      }
-
-      .m-md-n5 {
-        margin: -3rem !important
-      }
-
-      .mt-md-n5,
-      .my-md-n5 {
-        margin-top: -3rem !important
-      }
-
-      .mr-md-n5,
-      .mx-md-n5 {
-        margin-right: -3rem !important
-      }
-
-      .mb-md-n5,
-      .my-md-n5 {
-        margin-bottom: -3rem !important
-      }
-
-      .ml-md-n5,
-      .mx-md-n5 {
-        margin-left: -3rem !important
-      }
-
-      .m-md-auto {
-        margin: auto !important
-      }
-
-      .mt-md-auto,
-      .my-md-auto {
-        margin-top: auto !important
-      }
-
-      .mr-md-auto,
-      .mx-md-auto {
-        margin-right: auto !important
-      }
-
-      .mb-md-auto,
-      .my-md-auto {
-        margin-bottom: auto !important
-      }
-
-      .ml-md-auto,
-      .mx-md-auto {
-        margin-left: auto !important
-      }
-    }
-
-    @media (min-width:992px) {
-      .m-lg-0 {
-        margin: 0 !important
-      }
-
-      .mt-lg-0,
-      .my-lg-0 {
-        margin-top: 0 !important
-      }
-
-      .mr-lg-0,
-      .mx-lg-0 {
-        margin-right: 0 !important
-      }
-
-      .mb-lg-0,
-      .my-lg-0 {
-        margin-bottom: 0 !important
-      }
-
-      .ml-lg-0,
-      .mx-lg-0 {
-        margin-left: 0 !important
-      }
-
-      .m-lg-1 {
-        margin: .25rem !important
-      }
-
-      .mt-lg-1,
-      .my-lg-1 {
-        margin-top: .25rem !important
-      }
-
-      .mr-lg-1,
-      .mx-lg-1 {
-        margin-right: .25rem !important
-      }
-
-      .mb-lg-1,
-      .my-lg-1 {
-        margin-bottom: .25rem !important
-      }
-
-      .ml-lg-1,
-      .mx-lg-1 {
-        margin-left: .25rem !important
-      }
-
-      .m-lg-2 {
-        margin: .5rem !important
-      }
-
-      .mt-lg-2,
-      .my-lg-2 {
-        margin-top: .5rem !important
-      }
-
-      .mr-lg-2,
-      .mx-lg-2 {
-        margin-right: .5rem !important
-      }
-
-      .mb-lg-2,
-      .my-lg-2 {
-        margin-bottom: .5rem !important
-      }
-
-      .ml-lg-2,
-      .mx-lg-2 {
-        margin-left: .5rem !important
-      }
-
-      .m-lg-3 {
-        margin: 1rem !important
-      }
-
-      .mt-lg-3,
-      .my-lg-3 {
-        margin-top: 1rem !important
-      }
-
-      .mr-lg-3,
-      .mx-lg-3 {
-        margin-right: 1rem !important
-      }
-
-      .mb-lg-3,
-      .my-lg-3 {
-        margin-bottom: 1rem !important
-      }
-
-      .ml-lg-3,
-      .mx-lg-3 {
-        margin-left: 1rem !important
-      }
-
-      .m-lg-4 {
-        margin: 1.5rem !important
-      }
-
-      .mt-lg-4,
-      .my-lg-4 {
-        margin-top: 1.5rem !important
-      }
-
-      .mr-lg-4,
-      .mx-lg-4 {
-        margin-right: 1.5rem !important
-      }
-
-      .mb-lg-4,
-      .my-lg-4 {
-        margin-bottom: 1.5rem !important
-      }
-
-      .ml-lg-4,
-      .mx-lg-4 {
-        margin-left: 1.5rem !important
-      }
-
-      .m-lg-5 {
-        margin: 3rem !important
-      }
-
-      .mt-lg-5,
-      .my-lg-5 {
-        margin-top: 3rem !important
-      }
-
-      .mr-lg-5,
-      .mx-lg-5 {
-        margin-right: 3rem !important
-      }
-
-      .mb-lg-5,
-      .my-lg-5 {
-        margin-bottom: 3rem !important
-      }
-
-      .ml-lg-5,
-      .mx-lg-5 {
-        margin-left: 3rem !important
-      }
-
-      .p-lg-0 {
-        padding: 0 !important
-      }
-
-      .pt-lg-0,
-      .py-lg-0 {
-        padding-top: 0 !important
-      }
-
-      .pr-lg-0,
-      .px-lg-0 {
-        padding-right: 0 !important
-      }
-
-      .pb-lg-0,
-      .py-lg-0 {
-        padding-bottom: 0 !important
-      }
-
-      .pl-lg-0,
-      .px-lg-0 {
-        padding-left: 0 !important
-      }
-
-      .p-lg-1 {
-        padding: .25rem !important
-      }
-
-      .pt-lg-1,
-      .py-lg-1 {
-        padding-top: .25rem !important
-      }
-
-      .pr-lg-1,
-      .px-lg-1 {
-        padding-right: .25rem !important
-      }
-
-      .pb-lg-1,
-      .py-lg-1 {
-        padding-bottom: .25rem !important
-      }
-
-      .pl-lg-1,
-      .px-lg-1 {
-        padding-left: .25rem !important
-      }
-
-      .p-lg-2 {
-        padding: .5rem !important
-      }
-
-      .pt-lg-2,
-      .py-lg-2 {
-        padding-top: .5rem !important
-      }
-
-      .pr-lg-2,
-      .px-lg-2 {
-        padding-right: .5rem !important
-      }
-
-      .pb-lg-2,
-      .py-lg-2 {
-        padding-bottom: .5rem !important
-      }
-
-      .pl-lg-2,
-      .px-lg-2 {
-        padding-left: .5rem !important
-      }
-
-      .p-lg-3 {
-        padding: 1rem !important
-      }
-
-      .pt-lg-3,
-      .py-lg-3 {
-        padding-top: 1rem !important
-      }
-
-      .pr-lg-3,
-      .px-lg-3 {
-        padding-right: 1rem !important
-      }
-
-      .pb-lg-3,
-      .py-lg-3 {
-        padding-bottom: 1rem !important
-      }
-
-      .pl-lg-3,
-      .px-lg-3 {
-        padding-left: 1rem !important
-      }
-
-      .p-lg-4 {
-        padding: 1.5rem !important
-      }
-
-      .pt-lg-4,
-      .py-lg-4 {
-        padding-top: 1.5rem !important
-      }
-
-      .pr-lg-4,
-      .px-lg-4 {
-        padding-right: 1.5rem !important
-      }
-
-      .pb-lg-4,
-      .py-lg-4 {
-        padding-bottom: 1.5rem !important
-      }
-
-      .pl-lg-4,
-      .px-lg-4 {
-        padding-left: 1.5rem !important
-      }
-
-      .p-lg-5 {
-        padding: 3rem !important
-      }
-
-      .pt-lg-5,
-      .py-lg-5 {
-        padding-top: 3rem !important
-      }
-
-      .pr-lg-5,
-      .px-lg-5 {
-        padding-right: 3rem !important
-      }
-
-      .pb-lg-5,
-      .py-lg-5 {
-        padding-bottom: 3rem !important
-      }
-
-      .pl-lg-5,
-      .px-lg-5 {
-        padding-left: 3rem !important
-      }
-
-      .m-lg-n1 {
-        margin: -.25rem !important
-      }
-
-      .mt-lg-n1,
-      .my-lg-n1 {
-        margin-top: -.25rem !important
-      }
-
-      .mr-lg-n1,
-      .mx-lg-n1 {
-        margin-right: -.25rem !important
-      }
-
-      .mb-lg-n1,
-      .my-lg-n1 {
-        margin-bottom: -.25rem !important
-      }
-
-      .ml-lg-n1,
-      .mx-lg-n1 {
-        margin-left: -.25rem !important
-      }
-
-      .m-lg-n2 {
-        margin: -.5rem !important
-      }
-
-      .mt-lg-n2,
-      .my-lg-n2 {
-        margin-top: -.5rem !important
-      }
-
-      .mr-lg-n2,
-      .mx-lg-n2 {
-        margin-right: -.5rem !important
-      }
-
-      .mb-lg-n2,
-      .my-lg-n2 {
-        margin-bottom: -.5rem !important
-      }
-
-      .ml-lg-n2,
-      .mx-lg-n2 {
-        margin-left: -.5rem !important
-      }
-
-      .m-lg-n3 {
-        margin: -1rem !important
-      }
-
-      .mt-lg-n3,
-      .my-lg-n3 {
-        margin-top: -1rem !important
-      }
-
-      .mr-lg-n3,
-      .mx-lg-n3 {
-        margin-right: -1rem !important
-      }
-
-      .mb-lg-n3,
-      .my-lg-n3 {
-        margin-bottom: -1rem !important
-      }
-
-      .ml-lg-n3,
-      .mx-lg-n3 {
-        margin-left: -1rem !important
-      }
-
-      .m-lg-n4 {
-        margin: -1.5rem !important
-      }
-
-      .mt-lg-n4,
-      .my-lg-n4 {
-        margin-top: -1.5rem !important
-      }
-
-      .mr-lg-n4,
-      .mx-lg-n4 {
-        margin-right: -1.5rem !important
-      }
-
-      .mb-lg-n4,
-      .my-lg-n4 {
-        margin-bottom: -1.5rem !important
-      }
-
-      .ml-lg-n4,
-      .mx-lg-n4 {
-        margin-left: -1.5rem !important
-      }
-
-      .m-lg-n5 {
-        margin: -3rem !important
-      }
-
-      .mt-lg-n5,
-      .my-lg-n5 {
-        margin-top: -3rem !important
-      }
-
-      .mr-lg-n5,
-      .mx-lg-n5 {
-        margin-right: -3rem !important
-      }
-
-      .mb-lg-n5,
-      .my-lg-n5 {
-        margin-bottom: -3rem !important
-      }
-
-      .ml-lg-n5,
-      .mx-lg-n5 {
-        margin-left: -3rem !important
-      }
-
-      .m-lg-auto {
-        margin: auto !important
-      }
-
-      .mt-lg-auto,
-      .my-lg-auto {
-        margin-top: auto !important
-      }
-
-      .mr-lg-auto,
-      .mx-lg-auto {
-        margin-right: auto !important
-      }
-
-      .mb-lg-auto,
-      .my-lg-auto {
-        margin-bottom: auto !important
-      }
-
-      .ml-lg-auto,
-      .mx-lg-auto {
-        margin-left: auto !important
-      }
-    }
-
-    @media (min-width:1200px) {
-      .m-xl-0 {
-        margin: 0 !important
-      }
-
-      .mt-xl-0,
-      .my-xl-0 {
-        margin-top: 0 !important
-      }
-
-      .mr-xl-0,
-      .mx-xl-0 {
-        margin-right: 0 !important
-      }
-
-      .mb-xl-0,
-      .my-xl-0 {
-        margin-bottom: 0 !important
-      }
-
-      .ml-xl-0,
-      .mx-xl-0 {
-        margin-left: 0 !important
-      }
-
-      .m-xl-1 {
-        margin: .25rem !important
-      }
-
-      .mt-xl-1,
-      .my-xl-1 {
-        margin-top: .25rem !important
-      }
-
-      .mr-xl-1,
-      .mx-xl-1 {
-        margin-right: .25rem !important
-      }
-
-      .mb-xl-1,
-      .my-xl-1 {
-        margin-bottom: .25rem !important
-      }
-
-      .ml-xl-1,
-      .mx-xl-1 {
-        margin-left: .25rem !important
-      }
-
-      .m-xl-2 {
-        margin: .5rem !important
-      }
-
-      .mt-xl-2,
-      .my-xl-2 {
-        margin-top: .5rem !important
-      }
-
-      .mr-xl-2,
-      .mx-xl-2 {
-        margin-right: .5rem !important
-      }
-
-      .mb-xl-2,
-      .my-xl-2 {
-        margin-bottom: .5rem !important
-      }
-
-      .ml-xl-2,
-      .mx-xl-2 {
-        margin-left: .5rem !important
-      }
-
-      .m-xl-3 {
-        margin: 1rem !important
-      }
-
-      .mt-xl-3,
-      .my-xl-3 {
-        margin-top: 1rem !important
-      }
-
-      .mr-xl-3,
-      .mx-xl-3 {
-        margin-right: 1rem !important
-      }
-
-      .mb-xl-3,
-      .my-xl-3 {
-        margin-bottom: 1rem !important
-      }
-
-      .ml-xl-3,
-      .mx-xl-3 {
-        margin-left: 1rem !important
-      }
-
-      .m-xl-4 {
-        margin: 1.5rem !important
-      }
-
-      .mt-xl-4,
-      .my-xl-4 {
-        margin-top: 1.5rem !important
-      }
-
-      .mr-xl-4,
-      .mx-xl-4 {
-        margin-right: 1.5rem !important
-      }
-
-      .mb-xl-4,
-      .my-xl-4 {
-        margin-bottom: 1.5rem !important
-      }
-
-      .ml-xl-4,
-      .mx-xl-4 {
-        margin-left: 1.5rem !important
-      }
-
-      .m-xl-5 {
-        margin: 3rem !important
-      }
-
-      .mt-xl-5,
-      .my-xl-5 {
-        margin-top: 3rem !important
-      }
-
-      .mr-xl-5,
-      .mx-xl-5 {
-        margin-right: 3rem !important
-      }
-
-      .mb-xl-5,
-      .my-xl-5 {
-        margin-bottom: 3rem !important
-      }
-
-      .ml-xl-5,
-      .mx-xl-5 {
-        margin-left: 3rem !important
-      }
-
-      .p-xl-0 {
-        padding: 0 !important
-      }
-
-      .pt-xl-0,
-      .py-xl-0 {
-        padding-top: 0 !important
-      }
-
-      .pr-xl-0,
-      .px-xl-0 {
-        padding-right: 0 !important
-      }
-
-      .pb-xl-0,
-      .py-xl-0 {
-        padding-bottom: 0 !important
-      }
-
-      .pl-xl-0,
-      .px-xl-0 {
-        padding-left: 0 !important
-      }
-
-      .p-xl-1 {
-        padding: .25rem !important
-      }
-
-      .pt-xl-1,
-      .py-xl-1 {
-        padding-top: .25rem !important
-      }
-
-      .pr-xl-1,
-      .px-xl-1 {
-        padding-right: .25rem !important
-      }
-
-      .pb-xl-1,
-      .py-xl-1 {
-        padding-bottom: .25rem !important
-      }
-
-      .pl-xl-1,
-      .px-xl-1 {
-        padding-left: .25rem !important
-      }
-
-      .p-xl-2 {
-        padding: .5rem !important
-      }
-
-      .pt-xl-2,
-      .py-xl-2 {
-        padding-top: .5rem !important
-      }
-
-      .pr-xl-2,
-      .px-xl-2 {
-        padding-right: .5rem !important
-      }
-
-      .pb-xl-2,
-      .py-xl-2 {
-        padding-bottom: .5rem !important
-      }
-
-      .pl-xl-2,
-      .px-xl-2 {
-        padding-left: .5rem !important
-      }
-
-      .p-xl-3 {
-        padding: 1rem !important
-      }
-
-      .pt-xl-3,
-      .py-xl-3 {
-        padding-top: 1rem !important
-      }
-
-      .pr-xl-3,
-      .px-xl-3 {
-        padding-right: 1rem !important
-      }
-
-      .pb-xl-3,
-      .py-xl-3 {
-        padding-bottom: 1rem !important
-      }
-
-      .pl-xl-3,
-      .px-xl-3 {
-        padding-left: 1rem !important
-      }
-
-      .p-xl-4 {
-        padding: 1.5rem !important
-      }
-
-      .pt-xl-4,
-      .py-xl-4 {
-        padding-top: 1.5rem !important
-      }
-
-      .pr-xl-4,
-      .px-xl-4 {
-        padding-right: 1.5rem !important
-      }
-
-      .pb-xl-4,
-      .py-xl-4 {
-        padding-bottom: 1.5rem !important
-      }
-
-      .pl-xl-4,
-      .px-xl-4 {
-        padding-left: 1.5rem !important
-      }
-
-      .p-xl-5 {
-        padding: 3rem !important
-      }
-
-      .pt-xl-5,
-      .py-xl-5 {
-        padding-top: 3rem !important
-      }
-
-      .pr-xl-5,
-      .px-xl-5 {
-        padding-right: 3rem !important
-      }
-
-      .pb-xl-5,
-      .py-xl-5 {
-        padding-bottom: 3rem !important
-      }
-
-      .pl-xl-5,
-      .px-xl-5 {
-        padding-left: 3rem !important
-      }
-
-      .m-xl-n1 {
-        margin: -.25rem !important
-      }
-
-      .mt-xl-n1,
-      .my-xl-n1 {
-        margin-top: -.25rem !important
-      }
-
-      .mr-xl-n1,
-      .mx-xl-n1 {
-        margin-right: -.25rem !important
-      }
-
-      .mb-xl-n1,
-      .my-xl-n1 {
-        margin-bottom: -.25rem !important
-      }
-
-      .ml-xl-n1,
-      .mx-xl-n1 {
-        margin-left: -.25rem !important
-      }
-
-      .m-xl-n2 {
-        margin: -.5rem !important
-      }
-
-      .mt-xl-n2,
-      .my-xl-n2 {
-        margin-top: -.5rem !important
-      }
-
-      .mr-xl-n2,
-      .mx-xl-n2 {
-        margin-right: -.5rem !important
-      }
-
-      .mb-xl-n2,
-      .my-xl-n2 {
-        margin-bottom: -.5rem !important
-      }
-
-      .ml-xl-n2,
-      .mx-xl-n2 {
-        margin-left: -.5rem !important
-      }
-
-      .m-xl-n3 {
-        margin: -1rem !important
-      }
-
-      .mt-xl-n3,
-      .my-xl-n3 {
-        margin-top: -1rem !important
-      }
-
-      .mr-xl-n3,
-      .mx-xl-n3 {
-        margin-right: -1rem !important
-      }
-
-      .mb-xl-n3,
-      .my-xl-n3 {
-        margin-bottom: -1rem !important
-      }
-
-      .ml-xl-n3,
-      .mx-xl-n3 {
-        margin-left: -1rem !important
-      }
-
-      .m-xl-n4 {
-        margin: -1.5rem !important
-      }
-
-      .mt-xl-n4,
-      .my-xl-n4 {
-        margin-top: -1.5rem !important
-      }
-
-      .mr-xl-n4,
-      .mx-xl-n4 {
-        margin-right: -1.5rem !important
-      }
-
-      .mb-xl-n4,
-      .my-xl-n4 {
-        margin-bottom: -1.5rem !important
-      }
-
-      .ml-xl-n4,
-      .mx-xl-n4 {
-        margin-left: -1.5rem !important
-      }
-
-      .m-xl-n5 {
-        margin: -3rem !important
-      }
-
-      .mt-xl-n5,
-      .my-xl-n5 {
-        margin-top: -3rem !important
-      }
-
-      .mr-xl-n5,
-      .mx-xl-n5 {
-        margin-right: -3rem !important
-      }
-
-      .mb-xl-n5,
-      .my-xl-n5 {
-        margin-bottom: -3rem !important
-      }
-
-      .ml-xl-n5,
-      .mx-xl-n5 {
-        margin-left: -3rem !important
-      }
-
-      .m-xl-auto {
-        margin: auto !important
-      }
-
-      .mt-xl-auto,
-      .my-xl-auto {
-        margin-top: auto !important
-      }
-
-      .mr-xl-auto,
-      .mx-xl-auto {
-        margin-right: auto !important
-      }
-
-      .mb-xl-auto,
-      .my-xl-auto {
-        margin-bottom: auto !important
-      }
-
-      .ml-xl-auto,
-      .mx-xl-auto {
-        margin-left: auto !important
-      }
-    }
-
-    .text-monospace {
-      font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important
-    }
-
-    .text-justify {
-      text-align: justify !important
-    }
-
-    .text-wrap {
-      white-space: normal !important
-    }
-
-    .text-nowrap {
-      white-space: nowrap !important
-    }
-
-    .text-truncate {
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap
-    }
-
-    .text-left {
-      text-align: left !important
-    }
-
-    .text-right {
-      text-align: right !important
-    }
-
-    .text-center {
-      text-align: center !important
-    }
-
-    @media (min-width:576px) {
-      .text-sm-left {
-        text-align: left !important
-      }
-
-      .text-sm-right {
-        text-align: right !important
-      }
-
-      .text-sm-center {
-        text-align: center !important
-      }
-    }
-
-    @media (min-width:768px) {
-      .text-md-left {
-        text-align: left !important
-      }
-
-      .text-md-right {
-        text-align: right !important
-      }
-
-      .text-md-center {
-        text-align: center !important
-      }
-    }
-
-    @media (min-width:992px) {
-      .text-lg-left {
-        text-align: left !important
-      }
-
-      .text-lg-right {
-        text-align: right !important
-      }
-
-      .text-lg-center {
-        text-align: center !important
-      }
-    }
-
-    @media (min-width:1200px) {
-      .text-xl-left {
-        text-align: left !important
-      }
-
-      .text-xl-right {
-        text-align: right !important
-      }
-
-      .text-xl-center {
-        text-align: center !important
-      }
-    }
-
-    .text-lowercase {
-      text-transform: lowercase !important
-    }
-
-    .text-uppercase {
-      text-transform: uppercase !important
-    }
-
-    .text-capitalize {
-      text-transform: capitalize !important
-    }
-
-    .font-weight-light {
-      font-weight: 300 !important
-    }
-
-    .font-weight-lighter {
-      font-weight: lighter !important
-    }
-
-    .font-weight-normal {
-      font-weight: 400 !important
-    }
-
-    .font-weight-bold {
-      font-weight: 700 !important
-    }
-
-    .font-weight-bolder {
-      font-weight: bolder !important
-    }
-
-    .font-italic {
-      font-style: italic !important
-    }
-
-    .text-white {
-      color: #fff !important
-    }
-
-    .text-primary {
-      color: #007bff !important
-    }
-
-    a.text-primary:focus,
-    a.text-primary:hover {
-      color: #0056b3 !important
-    }
-
-    .text-secondary {
-      color: #6c757d !important
-    }
-
-    a.text-secondary:focus,
-    a.text-secondary:hover {
-      color: #494f54 !important
-    }
-
-    .text-success {
-      color: #28a745 !important
-    }
-
-    a.text-success:focus,
-    a.text-success:hover {
-      color: #19692c !important
-    }
-
-    .text-info {
-      color: #17a2b8 !important
-    }
-
-    a.text-info:focus,
-    a.text-info:hover {
-      color: #0f6674 !important
-    }
-
-    .text-warning {
-      color: #ffc107 !important
-    }
-
-    a.text-warning:focus,
-    a.text-warning:hover {
-      color: #ba8b00 !important
-    }
-
-    .text-danger {
-      color: #dc3545 !important
-    }
-
-    a.text-danger:focus,
-    a.text-danger:hover {
-      color: #a71d2a !important
-    }
-
-    .text-light {
-      color: #f8f9fa !important
-    }
-
-    a.text-light:focus,
-    a.text-light:hover {
-      color: #cbd3da !important
-    }
-
-    .text-dark {
-      color: #343a40 !important
-    }
-
-    a.text-dark:focus,
-    a.text-dark:hover {
-      color: #121416 !important
-    }
-
-    .text-body {
-      color: #212529 !important
-    }
-
-    .text-muted {
-      color: #6c757d !important
-    }
-
-    .text-black-50 {
-      color: rgba(0, 0, 0, .5) !important
-    }
-
-    .text-white-50 {
-      color: rgba(255, 255, 255, .5) !important
-    }
-
-    .text-hide {
-      font: 0/0 a;
-      color: transparent;
-      text-shadow: none;
-      background-color: transparent;
-      border: 0
-    }
-
-    .text-decoration-none {
-      text-decoration: none !important
-    }
-
-    .text-break {
-      word-break: break-word !important;
-      overflow-wrap: break-word !important
-    }
-
-    .text-reset {
-      color: inherit !important
-    }
-
-    .visible {
-      visibility: visible !important
-    }
-
-    .invisible {
-      visibility: hidden !important
-    }
-
-    @media print {
-
-      *,
-      ::after,
-      ::before {
-        text-shadow: none !important;
-        box-shadow: none !important
-      }
-
-      a:not(.btn) {
-        text-decoration: underline
-      }
-
-      abbr[title]::after {
-        content: " (" attr(title) ")"
-      }
-
-      pre {
-        white-space: pre-wrap !important
-      }
-
-      blockquote,
-      pre {
-        border: 1px solid #adb5bd;
-        page-break-inside: avoid
-      }
-
-      thead {
-        display: table-header-group
-      }
-
-      img,
-      tr {
-        page-break-inside: avoid
-      }
-
-      h2,
-      h3,
-      p {
-        orphans: 3;
-        widows: 3
-      }
-
-      h2,
-      h3 {
-        page-break-after: avoid
-      }
-
-      @page {
-        size: a3
-      }
-
-      body {
-        min-width: 992px !important
-      }
-
-      .container {
-        min-width: 992px !important
-      }
-
-      .navbar {
-        display: none
-      }
-
-      .badge {
-        border: 1px solid #000
-      }
-
-      .table {
-        border-collapse: collapse !important
-      }
-
-      .table td,
-      .table th {
-        background-color: #fff !important
-      }
-
-      .table-bordered td,
-      .table-bordered th {
-        border: 1px solid #dee2e6 !important
-      }
-
-      .table-dark {
-        color: inherit
-      }
-
-      .table-dark tbody+tbody,
-      .table-dark td,
-      .table-dark th,
-      .table-dark thead th {
-        border-color: #dee2e6
-      }
-
-      .table .thead-dark th {
-        color: inherit;
-        border-color: #dee2e6
-      }
-    }
-
-    /*# sourceMappingURL=bootstrap.min.css.map */
-  </style>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.1.0/Chart.bundle.min.js"></script>
-  <style>
-    @import url('https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap');
-
-    #loader {
-      background: #0908088c;
-    }
-
-    body::-webkit-scrollbar {
-      width: 0.5em;
-    }
-
-    body::-webkit-scrollbar-track {
-      box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-      background-color: #061e29;
-    }
-
-    body::-webkit-scrollbar-thumb {
-      background-color: #00f1ffab;
-    }
-
-    #in_view_form::-webkit-scrollbar {
-      width: 0.2em;
-    }
-
-    #in_view_form::-webkit-scrollbar-track {
-      background-color: #42424200;
-      margin-bottom: 30px;
-      margin-top: 30px;
-    }
-
-    #in_view_form::-webkit-scrollbar-thumb {
-      background-color: #00f1ff;
-      border-radius: 7px 7px 7px 7px;
-    }
-
-
-    img {
-      object-fit: cover;
-      filter: blur(20px);
-      transition: all 3s;
-    }
-
-    body {
-      background-image: repeating-linear-gradient(90deg, hsla(69, 0%, 61%, 0.05) 0px, hsla(69, 0%, 61%, 0.05) 1px, transparent 1px, transparent 104px), repeating-linear-gradient(0deg, hsla(69, 0%, 61%, 0.05) 0px, hsla(69, 0%, 61%, 0.05) 1px, transparent 1px, transparent 104px), repeating-linear-gradient(0deg, rgba(77, 77, 77, 0.08) 0px, rgba(77, 77, 77, 0.08) 1px, transparent 1px, transparent 13px), repeating-linear-gradient(90deg, rgba(77, 77, 77, 0.08) 0px, rgba(77, 77, 77, 0.08) 1px, transparent 1px, transparent 13px), linear-gradient(45deg, rgb(6, 7, 30), rgb(6, 36, 44));
-      margin: 0;
-      font-family: 'Baloo Chettan 2', cursive, calibri, Arial, Helvetica, sans-serif;
-
-    }
-
-    svg {
-      opacity: 0;
-      filter: blur(4px);
-      animation: fade-in 0.8s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
-      width: 22px;
-      height: 22px;
-    }
-
-    .header1 {
-      width: 100%;
-      display: flex;
-      padding: 2% 2% 2% 2%;
-      color: white;
-      background-image: repeating-linear-gradient(90deg, hsla(69, 0%, 61%, 0.05) 0px, hsla(69, 0%, 61%, 0.05) 1px, transparent 1px, transparent 104px), repeating-linear-gradient(0deg, hsla(69, 0%, 61%, 0.05) 0px, hsla(69, 0%, 61%, 0.05) 1px, transparent 1px, transparent 104px), repeating-linear-gradient(0deg, rgba(77, 77, 77, 0.08) 0px, rgba(77, 77, 77, 0.08) 1px, transparent 1px, transparent 13px), repeating-linear-gradient(90deg, rgba(77, 77, 77, 0.08) 0px, rgba(77, 77, 77, 0.08) 1px, transparent 1px, transparent 13px), linear-gradient(45deg, rgb(6, 7, 30), rgb(6, 36, 44));
-    }
-
-    .head {
-      width: 18%;
-      margin-right: 1%;
-    }
-
-    .head .head-in .img-profile1 img {
-      width: 100%;
-      border-radius: 50%;
-    }
-
-    .head .head-in .img-qr-code1 img {
-      width: 100%;
-    }
-
-
-    .head2 {
-      width: 30%;
-    }
-
-    .head2 .head-in2:nth-child(1) {
-      padding: 3% 4% 1px 4%;
-    }
-
-    .head2 .head-in2 {
-      margin: 0% 3% 2% 3%;
-      padding: 3% 4% 3% 4%;
-      background: #1a67951c;
-    }
-
-    .head2 .head-in2:hover {
-      scale: 1.05;
-      box-shadow: 8px 16px 16px hsl(0deg 0% 0% / 25%);
-    }
-
-    .head2 .head-in2 .head-in2-1 h1 {
-      font-size: x-large;
-      padding: 3% 5% 3% 5%;
-      /* box-shadow: inset 0 1px 0 0 hsl(0deg 0% 100% / 5%);
-      background-color: rgb(30 41 59 / 48%); */
-    }
-
-    .head2 .head-in2 .head-in2-1-1 h2 {
-      font-size: large;
-      padding: 1% 5% 1% 5%;
-      position: relative;
-      top: -10px;
-      cursor: pointer;
-      --s: 1px;
-      --c: #1095c1;
-      padding-bottom: var(--s);
-      background: linear-gradient(90deg, var(--c) 50%, #000 0) calc(100% - var(--_p, 0%))/200% 100%, linear-gradient(var(--c) 0 0) 0% 100%/var(--_p, 0%) var(--s) no-repeat;
-      -webkit-background-clip: text, padding-box;
-      background-clip: text, padding-box;
-      transition: 0.5s;
-    }
-
-    .head2 .head-in2 .head-in2-1-1 a {
-      text-decoration: none;
-    }
-
-    .head2 .head-in2:nth-child(1):hover {
-      --_p: 100%;
-    }
-
-    .head2 .head-in2 .head-in2-1-1 h2 svg {
-      width: 20;
-      height: 20;
-      vertical-align: top;
-    }
-
-
-
-
-    .head2 .head-in2 .head-in2-3 {
-      vertical-align: text-bottom;
-      color: #a58519;
-      /* #00fdab */
-    }
-
-    .head2 .head-in2 .head-in2-4 {
-      font-size: x-large;
-    }
-
-    .head2 .head-in2 .head-in2-4 a svg {
-      width: 10px;
-      height: 10px;
-    }
-
-    .head2 .head-in2 .head-intable1 {
-      font-size: small;
-      color: white;
-      width: 100%;
-      opacity: 0;
-      filter: blur(4px);
-      animation: fade-in 0.8s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
-    }
-
-    .head2 .head-in2 .head-intable1 tr {
-
-      line-height: 2;
-      font-weight: lighter;
-      color: #b9c7cde8;
-    }
-
-    .head2 .head-in2 .head-intable1 tr td .border-gradient-1 {
-      text-align: center;
-      border-bottom: 0.5px solid transparent;
-      border-image: linear-gradient(0.25turn, #ffc107, #fbc00ca6, #f393056e, #b19d6352, rgb(255 255 255 / 0%));
-      border-image-slice: 0.5;
-      width: 100%;
-    }
-
-    .head2 .head-in2 .head-intable1 tr:last-child {
-      border-bottom: none;
-    }
-
-    .head3 {
-      width: 50%;
-      height: min-content;
-      cursor: grab;
-    }
-
-    .head3:active {
-      cursor: grabbing;
-    }
-
-    .head3 .head-in3 {
-      margin: 3%;
-    }
-
-    .slickerslide2 .head-in3 {
-      border-top: 1px solid #cbbc8f;
-      border-bottom: 1px solid #cbbc8f;
-      position: relative;
-      z-index: 1;
-      top: 0px;
-      height: 13px;
-    }
-
-    .head3 .slickerslide2 .head-in3 .head-in3-1 {
-      font-size: small;
-      color: #1c1c1c;
-      background: #cbbc8f;
-      clip-path: polygon(0% 0%, 100% 0%, 75% 100%, 25% 100%);
-      box-shadow: 1px 1px 0px 0px #cbbc8f;
-      position: absolute;
-      text-align: center;
-      top: -21px;
-      left: 0;
-      border-top: 1px solid;
-      border-left: 1px solid;
-      right: 0;
-      width: 107px;
-      padding: 1% 1% 1% 1%;
-      margin: auto;
-    }
-
-
-
-    .head3 .head-in3 .head-in3-1 {
-      font-size: x-large;
-      color: #cdbe91;
-    }
-
-    .head3 .head-in3 .head-in3-2 {
-      text-align: justify;
-      display: block;
-      font-size: small;
-    }
-
-    .head3 .box_gbr-head {
-      border-radius: 5px 5px 5px 5px;
-      height: 100%;
-      margin: 0% 3%;
-      clip-path: polygon(0% 0%, 100% 0%, 75% 100%, 25% 100%);
-    }
-
-    .border-gradient-set {
-      position: relative;
-      top: 0.5em;
-    }
-
-    .border-gradient-main {
-      text-align: center;
-      border-bottom: 0.5px solid transparent;
-      border-image: linear-gradient(0.25turn, rgb(255 255 255 / 0%), #a56a00, rgb(255 255 255 / 0%));
-      border-image-slice: 0.5;
-      width: 100%;
-      position: relative;
-      top: -19px;
-    }
-
-    .border-gradient-main-diamond {
-      background: #a46900;
-      -webkit-clip-path: polygon(50% 94%, 100% 50%, 50% 100%, 0% 50%);
-      clip-path: polygon(50% 94%, 100% 50%, 50% 100%, 0% 50%);
-      width: 50px;
-      height: 50px;
-      margin: auto;
-      position: absolute;
-      top: 0;
-      bottom: 0;
-      right: 0;
-      left: 0;
-    }
-
-    .border-gradient-main-diamond::after {
-      background: #cbbc8f;
-      -webkit-clip-path: polygon(50.1% 0%, 100% 100%, 0% 100%);
-      clip-path: polygon(50.1% 0%, 100% 100%, 0% 100%);
-      margin: auto;
-      position: absolute;
-      top: -23px;
-      bottom: 0;
-      width: 50px;
-      height: 50px;
-      left: 0;
-      content: "";
-    }
-
-    .leher {
-      padding: 1% 0px 1% 0%;
-      font-size: small;
-      display: flex;
-      color: #cdbe91;
-      box-shadow: inset 0 1px 0 0 hsl(0deg 0% 100% / 5%);
-      background-color: rgb(30 41 59 / 48%);
-    }
-
-    .leher .slide-leher {
-      position: absolute;
-      right: 15px;
-      padding: 6px 6px 6px 6px;
-      visibility: hidden;
-      margin-top: 0.2em;
-      cursor: s-resize;
-      border: 2px solid;
-    }
-
-    .leher .slide-leher:hover {
-      border-radius: 50%;
-      ;
-    }
-
-    .leher .leher1 {
-      color: #cdbe91;
-      margin: auto;
-      /* margin: 0px 1% 0px 1%;*/
-    }
-
-    .leher .plugin-ContactForm {
-      cursor: pointer;
-    }
-
-    .btn-infohoveronly:hover {
-      background: linear-gradient(to right, #128f971f, TRANSPARENT);
-      text-decoration: none;
-    }
-
-    .btn-infohoveronly::before {
-      content: "";
-      width: 20px;
-      height: 20px;
-      position: absolute;
-      background: #259990;
-      left: 0;
-      transform: translateX(-40px) rotate(45deg);
-      border: solid 3px #194846;
-      box-shadow: 2px -2px 0px #1A5754;
-      transition: all 0.2s ease;
-    }
-
-    .btn-infohoveronly:hover::before {
-      transform: translateX(-20px) rotate(45deg);
-    }
-
-    .leher .leher1 span {
-      padding-left: 4px;
-    }
-
-    .leher>.leher1>svg {
-      width: 10px;
-      height: 10px;
-      vertical-align: unset;
-    }
-
-    .leher>.plugin-ContactForm>span>svg {
-      width: 15px;
-      height: 15px;
-      vertical-align: sub;
-    }
-
-    .tab-content {
-      padding: 1%;
-    }
-
-    .tab-content>.tab-pane {
-      /* animation: fade-in 0.8s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
-      opacity: 0;
-      filter: blur(4px); */
-    }
-
-    .skill {
-      margin: 3% 0% 1% 0%;
-    }
-
-    .skill table {
-      width: 90%;
-      margin: auto;
-    }
-
-    .skill table tr:nth-child(2) {
-      border-left: 1px dashed #efefef26;
-    }
-
-    .skill table tr:nth-child(3) {
-      border-left: 1px dashed #efefef26;
-    }
-
-    .skill table tr:nth-child(4) {
-      border-left: 1px dashed #efefef26;
-    }
-
-
-    .navlibuttonspan {
-      display: none;
-    }
-
-    .navlibuttonspanopen {
-      background-color: #1e2328;
-      color: #008df1;
-    }
-
-    .navlibuttonspanactive {
-      display: block;
-      text-indent: 8px;
-    }
-
-
-
-
-    #profile h2,
-    h4 {
-      color: white;
-    }
-
-    .col-md-6 {
-      -ms-flex: 0 0 100%;
-      flex: 0 0 100%;
-      max-width: 100%;
-      display: flex;
-    }
-
-    .keahlian-list {
-      padding: 1%;
-      -ms-flex: 0 0 33.333333%;
-      flex: 0 0 33.333333%;
-      max-width: 33.333333%;
-      height: 271px;
-    }
-
-    .keahlian-list:first-child {
-      flex: 0 0 100%;
-      max-width: 100%;
-      height: 300px;
-      /* height: fit-content; */
-      position: relative;
-      display: inline-block;
-      overflow: hidden;
-    }
-
-    .keahlian-list:first-child>.bungkus-skil>img {
-      z-index: 1;
-      width: 100%;
-      height: 100%;
-    }
-
-    .keahlian-list:first-child>.bungkus-skil {
-      backdrop-filter: blur(4px);
-    }
-
-    .keahlian-list:first-child>.bungkus-skil .bagi {
-      height: 100%;
-      display: flex;
-      position: absolute;
-      margin: 0 auto;
-      left: 0;
-      right: 0;
-      top: 0%;
-      width: 100%;
-    }
-
-    .keahlian-list:first-child>.bungkus-skil .bagi-1 {
-      width: 50%;
-      /* height: 100%; */
-      text-align: left;
-    }
-
-
-    .keahlian-list:first-child>.bungkus-skil>.bagi>.bagi-1>ul {
-      margin: auto;
-      width: 95%;
-    }
-
-    .keahlian-list:first-child>.bungkus-skil>.bagi>.bagi-1>ul>li {
-      width: fit-content;
-      display: table-footer-group;
-    }
-
-    .keahlian-list:first-child>.bungkus-skil>.bagi>.bagi-1>ul>li>h4 {
-      font-size: xx-large;
-    }
-
-    .keahlian-list:first-child>.bungkus-skil>.bagi>.bagi-1>ul>li>p {
-      color: white
-    }
-
-    .keahlian-list:first-child>.bungkus-skil>.bagi>.bagi-1>ul>li>span {
-      padding: 0.5% 2% 0.5% 2%;
-      margin: 0;
-      background: #00f0fe;
-      color: #ffffff;
-      border-radius: 10px 10px 10px 10px;
-    }
-
-    .keahlian-list:first-child>.bungkus-skil .bagi-2 {
-      width: 37%;
-      height: 100%;
-      backdrop-filter: blur(4px);
-    }
-
-    .b-chart-FIRST {
-      width: 100%;
-      height: 100%;
-      padding: 4% 4% 4% 4%;
-    }
-
-    .b-chart {
-      width: 60%;
-      margin: auto;
-      margin-top: 48px;
-      margin-bottom: 86px;
-    }
-
-    #jarvis-circle-wrapper {
-      width: 450px;
-      height: 450px;
-      position: absolute;
-      margin: auto;
-      top: 35px;
-      left: 0;
-      right: 0;
-      z-index: -1;
-    }
-
-    #jarvis-circle-inner {
-      width: 100%;
-      height: 100%;
-      border-radius: 50%;
-      border: 3px solid transparent;
-      border-top-color: #4db8ff;
-      border-bottom-color: #b3e0ff;
-      border-right-color: #66c2ff;
-      border-left-color: #80ccff;
-      box-shadow: 0 0 15px #2187e7;
-      -webkit-animation: spinJarvis 30s linear infinite;
-      animation: spinJarvis 30s linear infinite;
-    }
-
-    #jarvis-circle-inner:before {
-      content: "";
-      position: absolute;
-      top: 15px;
-      left: 15px;
-      right: 15px;
-      bottom: 15px;
-      border-radius: 50%;
-      border: 3px solid transparent;
-      border-color: #1d5ca9;
-      border-style: dotted;
-      -webkit-animation: spinJarvis 18s linear infinite;
-      /* Chrome, Opera 15+, Safari 5+ */
-      animation: spinJarvis 18s linear infinite;
-      /* Chrome, Firefox 16+, IE 10+, Opera */
-    }
-
-    #jarvis-circle-inner:after {
-      content: "";
-      position: absolute;
-      top: 25px;
-      left: 25px;
-      right: 25px;
-      bottom: 25px;
-      border-radius: 50%;
-      border: 3px solid transparent;
-      border-color: #429bc078;
-      border-width: 5px;
-      border-style: dotted solid;
-      -webkit-animation: spin 60s linear infinite;
-      /* Chrome, Opera 15+, Safari 5+ */
-      animation: spin 60s linear infinite;
-      /* Chrome, Firefox 16+, IE 10+, Opera */
-    }
-
-    @-webkit-keyframes spinJarvis {
-      0% {
-        -webkit-transform: rotate(0deg);
-        /* Chrome, Opera 15+, Safari 3.1+ */
-        -ms-transform: rotate(0deg);
-        /* IE 9 */
-        transform: rotate(0deg);
-        /* Firefox 16+, IE 10+, Opera */
-      }
-
-      100% {
-        -webkit-transform: rotate(360deg);
-        /* Chrome, Opera 15+, Safari 3.1+ */
-        -ms-transform: rotate(360deg);
-        /* IE 9 */
-        transform: rotate(360deg);
-        /* Firefox 16+, IE 10+, Opera */
-      }
-    }
-
-    @keyframes spinJarvis {
-      0% {
-        -webkit-transform: rotate(0deg);
-        /* Chrome, Opera 15+, Safari 3.1+ */
-        -ms-transform: rotate(0deg);
-        /* IE 9 */
-        transform: rotate(0deg);
-        /* Firefox 16+, IE 10+, Opera */
-      }
-
-      100% {
-        -webkit-transform: rotate(360deg);
-        /* Chrome, Opera 15+, Safari 3.1+ */
-        -ms-transform: rotate(360deg);
-        /* IE 9 */
-        transform: rotate(360deg);
-        /* Firefox 16+, IE 10+, Opera */
-      }
-    }
-
-    .col-md-4 {
-      margin-bottom: 15px;
-    }
-
-    .b-chart-strip1 {
-      height: 3px;
-      background: #80cbfe;
-      width: 200px;
-      position: absolute;
-      top: 259px;
-      left: 185px;
-      box-shadow: rgb(0 67 255 / 20%) 0px 7px 29px 0px;
-    }
-
-    .b-chart-strip2 {
-      height: 1px;
-      background: #ffdf00;
-      width: 200px;
-      position: absolute;
-      top: 242px;
-      right: 185px;
-      box-shadow: rgb(0 67 255 / 20%) 0px 7px 29px 0px;
-    }
-
-    .befortext {
-      width: 27%;
-      color: #ffffff;
-      padding: 0;
-      position: absolute;
-      top: 152px;
-      display: grid;
-      right: 35px;
-    }
-
-    .befortext span:nth-child(1) {
-      background: #a9a9a926;
-      position: relative;
-      top: 13px;
-      color: #bdbdbd9c;
-      text-indent: 1%;
-    }
-
-    .befortext span:nth-child(2) {
-      font-size: 3em;
-      color: #ffe000;
-      text-shadow: 0 0 7px #ffe000;
-      font-weight: lighter;
-    }
-
-    .b-text {
-      color: #a1a1a1;
-      text-align: justify;
-      font-weight: lighter;
-    }
-
-    .bungkus-skil {
-      -moz-transition: all 0.5s ease;
-      -o-transition: all 0.5s ease;
-      transition: all 0.5s ease;
-      background: rgb(255 255 255 / 8%);
-      border-radius: 16px;
-      box-shadow: 0 4px 30px rgb(0 0 0 / 10%);
-      -webkit-backdrop-filter: blur(5px);
-      border: 1px solid rgba(255, 255, 255, 0.3);
-      width: 100%;
-      height: 100%;
-      overflow: hidden;
-      justify-content: center;
-      align-items: center;
-    }
-
-    .bungkus-skil:hover {
-      background: rgb(255 255 255 / 1%);
-    }
-
-    .bungkus-skil button {
-      position: absolute;
-      overflow: hidden;
-      color: #ffffffb5;
-      background-color: #0069d900;
-      border-color: #0062cc00;
-      z-index: 2;
-    }
-
-    .bungkus-skil button:hover {
-      color: white;
-      background-color: #0069d900;
-      border-color: #0062cc00;
-    }
-
-    .bungkus-skil .k-tgl {
-      color: #ffffffb5;
-      float: right;
-      font-size: x-small;
-      padding: 2% 3% 0% 0%;
-      FONT-WEIGHT: lighter;
-      text-transform: uppercase;
-      border-bottom: 2px solid #00f0fe;
-      width: 16%;
-      border-radius: 0px 0px 0px 0px;
-    }
-
-    .bungkus-skil ul {
-      list-style: none;
-      padding: 4%;
-      margin: 0;
-    }
-
-    .bungkus-skil ul li {
-      margin: 0 auto;
-      width: fit-content;
-    }
-
-    .bungkus-skil ul li:nth-child(1) {
-      margin-bottom: 2%
-    }
-
-    .bungkus-skil ul li:nth-child(3) {
-      color: #959595;
-      font-size: 12px;
-      text-align: justify;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      display: -webkit-box;
-      -webkit-line-clamp: 2;
-      -webkit-box-orient: vertical;
-    }
-
-    .bungkus-skil ul li p::first-letter {
-      font-size: 155%;
-      color: #00f1ff;
-    }
-
-
-    .progress {
-      margin-top: 1%;
-      width: 102px;
-      height: 100px !important;
-      line-height: 100px;
-      background: none;
-      box-shadow: none;
-      position: relative;
-    }
-
-    .progress:after {
-      content: "";
-      width: 100%;
-      height: 100%;
-      border-radius: 50%;
-      border: 4px solid #ffffff0f;
-      position: absolute;
-      top: 0;
-      left: 0;
-    }
-
-    .progress>span {
-      width: 50%;
-      height: 100%;
-      overflow: hidden;
-      position: absolute;
-      top: 0;
-      z-index: 1;
-      filter: none;
-      opacity: none;
-    }
-
-    .progress span {
-
-      filter: none;
-      opacity: 2;
-    }
-
-    .progress .progress-left {
-      left: 0;
-    }
-
-    .progress .progress-bar {
-      width: 100%;
-      height: 100%;
-      background: none;
-      border-width: 4px;
-      border-style: solid;
-      position: absolute;
-      top: 0;
-    }
-
-    .progress .progress-left .progress-bar {
-      left: 100%;
-      border-top-right-radius: 80px;
-      border-bottom-right-radius: 80px;
-      border-left: 0;
-      -webkit-transform-origin: center left;
-      transform-origin: center left;
-    }
-
-    .progress .progress-right {
-      right: 0;
-    }
-
-    .progress .progress-right .progress-bar {
-      left: -102%;
-      border-top-left-radius: 80px;
-      border-bottom-left-radius: 80px;
-      border-right: 0;
-      -webkit-transform-origin: center right;
-      transform-origin: center right;
-      animation: loading-1 1.8s linear forwards;
-    }
-
-    .progress .progress-value {
-      width: 100%;
-      height: 100%;
-      border-radius: 50%;
-      background: #ffffff1f;
-      font-size: x-large;
-      color: #fff;
-      text-align: center;
-      position: absolute;
-      top: 0%;
-      left: 0%;
-    }
-
-    .progress.dgm23 .progress-bar {
-      border-color: #00f1ff;
-    }
-
-    .progress.dgm23 .progress-left .progress-bar {
-      animation: loading-70 1.5s linear forwards 1.8s;
-    }
-
-    .progress.DAytc .progress-bar {
-      border-color: #00f1ff;
-    }
-
-    .progress.DAytc .progress-left .progress-bar {
-      animation: loading-72 1.5s linear forwards 1.8s;
-    }
-
-    .progress.office .progress-bar {
-      border-color: #00f1ff;
-    }
-
-    .progress.office .progress-left .progress-bar {
-      animation: loading-90 1.5s linear forwards 1.8s;
-    }
-
-    .progress.manajementdata .progress-bar {
-      border-color: #00f1ff;
-    }
-
-    .progress.manajementdata .progress-left .progress-bar {
-      animation: loading-89 1.5s linear forwards 1.8s;
-    }
-
-    .progress.its .progress-bar {
-      border-color: #00f1ff;
-    }
-
-    .progress.its .progress-left .progress-bar {
-      animation: loading-92 1.5s linear forwards 1.8s;
-    }
-
-    .progress.itn .progress-bar {
-      border-color: #00f1ff;
-    }
-
-    .progress.itn .progress-left .progress-bar {
-      animation: loading-90 1.5s linear forwards 1.8s;
-    }
-
-    .progress.eis .progress-bar {
-      border-color: #00f1ff;
-    }
-
-    .progress.eis .progress-left .progress-bar {
-      animation: loading-98 1.5s linear forwards 1.8s;
-    }
-
-    @keyframes loading-1 {
-      0% {
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
-      }
-
-      100% {
-        -webkit-transform: rotate(180deg);
-        transform: rotate(180deg);
-      }
-    }
-
-    @keyframes loading-65 {
-      0% {
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
-      }
-
-      100% {
-        -webkit-transform: rotate(117deg);
-        transform: rotate(117deg);
-      }
-    }
-
-    @keyframes loading-70 {
-      0% {
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
-      }
-
-      100% {
-        -webkit-transform: rotate(126deg);
-        transform: rotate(126deg);
-      }
-    }
-
-    @keyframes loading-72 {
-      0% {
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
-      }
-
-      100% {
-        -webkit-transform: rotate(130deg);
-        transform: rotate(130deg);
-      }
-    }
-
-    @keyframes loading-80 {
-      0% {
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
-      }
-
-      100% {
-        -webkit-transform: rotate(144deg);
-        transform: rotate(144deg);
-      }
-    }
-
-    @keyframes loading-85 {
-      0% {
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
-      }
-
-      100% {
-        -webkit-transform: rotate(153deg);
-        transform: rotate(153deg);
-      }
-    }
-
-    @keyframes loading-89 {
-      0% {
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
-      }
-
-      100% {
-        -webkit-transform: rotate(160deg);
-        transform: rotate(160deg);
-      }
-    }
-
-    @keyframes loading-90 {
-      0% {
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
-      }
-
-      100% {
-        -webkit-transform: rotate(160deg);
-        transform: rotate(160deg);
-      }
-    }
-
-    @keyframes loading-92 {
-      0% {
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
-      }
-
-      100% {
-        -webkit-transform: rotate(166deg);
-        transform: rotate(166deg);
-      }
-    }
-
-    @keyframes loading-95 {
-      0% {
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
-      }
-
-      100% {
-        -webkit-transform: rotate(171deg);
-        transform: rotate(171deg);
-      }
-    }
-
-    @keyframes loading-98 {
-      0% {
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
-      }
-
-      100% {
-        -webkit-transform: rotate(176deg);
-        transform: rotate(176deg);
-      }
-    }
-
-    @keyframes loading-99 {
-      0% {
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
-      }
-
-      100% {
-        -webkit-transform: rotate(178.2deg);
-        transform: rotate(178.2deg);
-      }
-    }
-
-
-
-
-
-
-
-    .container {
-      width: 100%;
-      margin: auto;
-      width: 100%;
-      margin: auto;
-      background-color: #efefef0f;
-      font-size: small;
-      border: 0.1px solid #061726;
-    }
-
-    .skills {
-      transition: 0.5s;
-      padding-left: 5px;
-      text-align: right;
-      padding-top: 7px;
-      padding-bottom: 7px;
-      color: white;
-    }
-
-    .skills:hover {
-      background: #00000038;
-      transition: width 2s;
-      padding-top: 9px;
-      padding-bottom: 9px;
-    }
-
-    .container .skills i {
-      float: left;
-      text-transform: uppercase;
-      font-weight: 900;
-    }
-
-    .html {
-      width: 99%;
-      background-color: #b3470040;
-      border: 1px solid #ffa50070;
-    }
-
-    .css {
-      width: 90%;
-      background-color: #cc52003b;
-      border: 1px solid #ffa50052;
-    }
-
-
-    .skill>table>tbody>tr:nth-child(3)>td {
-      display: flex;
-    }
-
-    .skill>table>tbody>tr:nth-child(4)>td {
-      display: flex;
-    }
-
-    .b-chart-Skills-Programming {
-      width: 46%;
-      padding: 1%;
-      margin: 1% auto;
-    }
-
-    .b-chart-Skills-Programming .posisichart-Programming {
-      width: 100%;
-    }
-
-    .b-chart-Skills-Programming h3 {
-      padding: 2%;
-      color: whitesmoke;
-      text-align: center;
-    }
-
-    .media-body ul li {
-      text-align: justify;
-    }
-
-
-    @media screen and (min-width: 1200px) {
-      .container {
-        max-width: 100%;
-      }
-    }
-
-    @media screen and (min-width: 992px) {
-      .container {
-        max-width: 100%;
-      }
-    }
-
-    /* Surface DUO================= */
-    @media screen and (min-width : 1113px) and (max-width: 1114px) {
-      .b-chart {
-        left: -8.5em !important;
-        top: 0.5em !important;
-      }
-    }
-
-    /* LAPTOP===================================================================================================================================== */
-    @media screen and (min-width : 1024px) and (max-width :1114px) {
-      .head {
-        width: 30%;
-      }
-
-      .head1 {
-        width: 35%;
-      }
-
-      .head2 {
-        width: 35%;
-      }
-
-      .keahlian-list:first-child>.bungkus-skil .bagi-2 {
-        width: 50%;
-      }
-
-      .b-chart-FIRST {
-        position: relative;
-        top: 14px;
-      }
-
-      #jarvis-circle-wrapper {
-        position: relative;
-        left: 3.5em;
-        margin: 0;
-        top: 2em;
-        width: 400px;
-        height: 400px;
-        margin-bottom: 5em;
-      }
-
-      .b-chart {
-        width: 78%;
-        position: absolute;
-        left: -6.5em;
-        right: 0;
-        top: 1.5em;
-        margin: 48px 0px 86px 0px;
-      }
-
-      .b-chart-strip1 {
-        display: none;
-      }
-
-      .b-chart-strip2 {
-        top: 196px;
-      }
-
-      .befortext {
-        position: absolute;
-        width: 36%;
-        display: grid;
-        margin: 6% 0% 4% 0%;
-        top: 2em;
-        right: 2em;
-      }
-
-      .befortext span:nth-child(2) {
-        margin: 4% 0% 0% 0%;
-      }
-
-      #jarvis-circle-wrapper-profile {
-        left: -2px !important;
-      }
-
-    }
-
-    /* TABLET===================================================================================================================================== */
-    @media screen and (min-width : 601px) and (max-width : 1023px) {
-      .container {
-        max-width: 100%;
-      }
-
-      .col-md-4 {
-        -ms-flex: 0 0 50%;
-        flex: 0 0 50% !important;
-        max-width: 50% !important;
-      }
-
-      .keahlian-list {
-        padding: 1%;
-        -ms-flex: 0 0 49.333333%;
-        flex: 0 0 50%;
-        max-width: 49.333333%;
-        height: 271px;
-        margin: auto;
-      }
-
-      .keahlian-list:first-child>.bungkus-skil .bagi-2 {
-        width: 50%;
-      }
-
-      .b-chart-FIRST {
-        position: relative;
-        top: 23px;
-      }
-
-      #jarvis-circle-wrapper {
-        position: initial;
-      }
-
-      .b-chart {
-        width: 100%;
-        position: absolute;
-        left: -8px;
-        right: 0;
-        top: 8px;
-      }
-
-      .b-chart-strip1 {
-        display: none;
-      }
-
-      .b-chart-strip2 {
-        display: none;
-      }
-
-      .befortext {
-        position: inherit;
-        width: 100%;
-        display: grid;
-        text-align: center;
-        margin: 6% 0% 4% 0%;
-      }
-
-      .befortext span:nth-child(2) {
-        margin: 4% 0% 0% 0%;
-      }
-
-      .header1 {
-        display: block;
-      }
-
-      .head {
-        width: 100%;
-      }
-
-      .head1 {
-        width: 100%;
-      }
-
-      .head2 {
-        width: 100%;
-      }
-
-      .head2 .head-in2 {
-        text-align: center;
-      }
-
-      .head2 .head-in2 .head-intable1 {
-        width: 100%;
-      }
-
-      .head-intable1 tr td:nth-child(1) {
-        text-align: right;
-        width: 50%;
-      }
-
-      .head3 {
-        width: 100%;
-        padding: 2%;
-      }
-
-      .head3 .head-in3 {
-        text-align: center;
-      }
-
-      .leher {
-        display: grid;
-        width: 100%;
-        height: 59px;
-        overflow: hidden;
-      }
-
-      .leher .leher1 {
-        margin: 0px 1% 0px 1%;
-        padding: 13px 1px 7px 1px;
-      }
-
-      .leher .slide-leher {
-        visibility: visible;
-      }
-
-      #profile h2 {
-        font-size: small;
-        margin: 5% 0% 3% 0%;
-        text-align: center;
-      }
-
-      .bungkus-skil .kiri ul li:nth-child(2) {
-        width: 40%;
-      }
-    }
-
-    /* Handphone======================================================================================================= */
-    @media screen and (max-width: 600px) {
-      .posisi-untuk-profession-HP {
-        top: 16em !important;
-        left: 0 !important;
-        right: 0 !important;
-      }
-
-      .circle-fire-wrapper {
-        display: none;
-      }
-
-      .header1 {
-        display: block;
-      }
-
-      .head {
-        width: 100%;
-      }
-
-      .head1 {
-        width: 100%;
-      }
-
-      .head2 {
-        width: 100%;
-        margin-top: -25px;
-      }
-
-      .head2 .head-in2:nth-child(1) {
-        padding: 0%;
-      }
-
-      .head2 .head-in2 {
-        text-align: center;
-        display: flex;
-        background: #1a679538;
-        border-radius: 15px;
-        height: auto;
-        box-shadow: rgb(0 0 0 / 15%) 0px 5px 15px 0px;
-        margin: 3.5%;
-
-      }
-
-      .head2 .head-in2 .head-in2-1-1 a {
-        text-decoration: none;
-      }
-
-      .head2 .head-in2 .head-in2-1-1 h2 {
-        position: relative;
-        border-top: solid 1px rgba(255, 255, 255, 0.2);
-        border-bottom: solid 1px rgba(255, 255, 255, 0.2);
-        text-transform: uppercase;
-        color: #AEEDD7;
-        letter-spacing: 1px;
-        overflow: hidden;
-        text-decoration: none;
-        font-size: unset;
-        text-align: right;
-        top: -14px;
-        margin: 0% 5% 0% 5%;
-        border-radius: 46px;
-      }
-
-      .head2 .head-in2 .head-in2-1-1 h2:before {
-        content: "";
-        width: 20px;
-        height: 20px;
-        position: absolute;
-        background: #259990;
-        left: 7px;
-        transform: translateX(-40px) rotate(45deg);
-        border: solid 3px #194846;
-        box-shadow: 2px -2px 0px #1a5754;
-        transition: all 0.2s ease;
-      }
-
-      .head2 .head-in2:nth-child(2) {
-        box-shadow: none;
-        position: absolute;
-        top: 22.7em;
-        padding: 2% 3% 2% 3%;
-        left: 0.4em;
-        border-top: solid 1px rgba(255, 255, 255, 0.2);
-        display: block;
-        height: auto;
-        background: #1a6bbfe6;
-        border-bottom-left-radius: calc(0.9rem - 1px);
-        border-bottom-right-radius: calc(1.25rem - 1px);
-        border-top-left-radius: calc(0.25rem - 1px);
-        border-top-right-radius: calc(0.25rem - 1px);
-      }
-
-      .head2 .head-in2:nth-child(2)>.head-in2-4 {
-        font-size: medium;
-        position: relative;
-        top: 1px;
-      }
-
-      .head2 .head-in2:nth-child(2)>.head-in2-3 {
-        vertical-align: middle;
-      }
-
-      .head2 .head-in2:nth-child(2)>.head-in2-3>svg {
-        width: 18px;
-        height: 18px;
-        color: #6bb4ff;
-      }
-
-      .head2 .head-in2 .head-in2-1 {
-        width: 100%;
-      }
-
-      .head2 .head-in2 .head-in2-1 h1 {
-        box-shadow: none;
-        background: none;
-        padding: 3% 5% 3% 5%;
-      }
-
-      .head2 .head-in2-mobile {
-        padding: 3% 5% 1% 5%;
-      }
-
-      .head2 .head-in2 .head-intable1 {
-        width: 100%;
-      }
-
-      .head2 .head-in2 .head-intable1 tr td .border-gradient-1 {
-        border-image: linear-gradient(0.25turn, rgb(255 255 255 / 0%), #c5b78ca6, #bbae86, #b19d63b0, rgb(255 255 255 / 0%));
-        border-image-slice: 0.5;
-      }
-
-      .head-intable1 tr td:nth-child(1) {
-        text-align: right;
-        width: 50%;
-      }
-
-      .head3 {
-        width: 100%;
-        padding: 2%;
-      }
-
-      .head3 .head-in3 {
-        text-align: center;
-      }
-
-      .leher {
-        display: grid;
-        width: 100%;
-        height: 59px;
-        overflow: hidden;
-      }
-
-      .leher .slide-leher {
-        visibility: visible;
-      }
-
-      .leher .leher1 {
-        margin: 7px 1% 0px 1%;
-        padding: 3%;
-      }
-
-      #profile h2 {
-        font-size: larger;
-        margin: 5% 0% 5% 0%;
-        text-align: center;
-      }
-
-
-
-      .navlibuttonspanactive {
-        display: block;
-        position: absolute;
-        right: 12px;
-        top: 12px;
-      }
-
-      .bungkus-skil .kiri ul li:nth-child(2) {
-        width: 40%;
-      }
-
-      .keahlian-list:first-child {
-        height: 500px;
-      }
-
-      .keahlian-list:first-child>.bungkus-skil .bagi {
-        display: block;
-      }
-
-      .keahlian-list:first-child>.bungkus-skil .bagi-1 {
-        height: 56%;
-        text-align: center;
-        width: 100%;
-        margin: auto;
-      }
-
-      .keahlian-list:first-child>.bungkus-skil>.bagi>.bagi-1>ul>li {
-        display: block;
-        text-align: center;
-      }
-
-      .keahlian-list:first-child>.bungkus-skil .bagi-2 {
-        width: 100%;
-        height: 50%;
-      }
-
-      img {
-        animation: none;
-      }
-
-      .keahlian-list {
-        padding: 1%;
-        -ms-flex: 0 0 89.333333%;
-        flex: 0 0 89.333333%;
-        max-width: 89.333333%;
-        height: 271px;
-        margin: auto;
-      }
-
-      #jarvis-circle-wrapper {
-        width: 258px;
-        height: 259px;
-        top: 9px;
-        position: relative;
-      }
-
-      .b-chart {
-        width: 100%;
-        position: absolute;
-        left: -8px;
-        right: 0;
-        top: 8px;
-      }
-
-      .b-chart-strip1 {
-        display: none;
-      }
-
-      .b-chart-strip2 {
-        display: none;
-      }
-
-      .befortext {
-        position: inherit;
-        width: 100%;
-        display: grid;
-        text-align: center;
-        margin: 6% 0% 4% 0%;
-      }
-
-      .befortext span:nth-child(2) {
-        margin: 4% 0% 0% 0%;
-      }
-
-
-      .skill>table>tbody>tr:nth-child(1)>td {
-        background: #d5d5d52e;
-      }
-
-      .skill>table>tbody>tr:nth-child(3)>td {
-        display: block;
-      }
-
-      .skill>table>tbody>tr:nth-child(4)>td {
-        display: block;
-      }
-
-      .b-chart-Skills-Programming {
-        width: 98%;
-        padding: 1%;
-        margin: 1% auto;
-        border-bottom: 1px dashed #efefef26;
-        padding-bottom: 15%;
-      }
-
-      .b-chart-Skills-Programming h3 {
-        font-size: medium;
-      }
-
-      .container .skills i {
-        font-size: smaller;
-      }
-
-      .container {
-        padding: 2%;
-      }
-
-      .pendidikan {
-        width: 100% !important;
-        display: block !important;
-      }
-
-      .pendidikan .pendidikan-bagi {
-        width: 100% !important;
-      }
-
-      .card-img-slick {
-        position: absolute;
-        top: 0;
-        bottom: 0;
-        left: 0;
-        right: 0;
-        margin: auto;
-        border: 1px solid #cbbc8f;
-      }
-
-      .head3 .box_gbr-head {
-        /* height: 300px; */
-        background: #08909040;
-      }
-
-      .slickerslide2 .head-in3 {
-        top: 8px;
-      }
-    }
-
-    @media screen and (max-width: 320px) {
-      .animate-text1 {
-        font-size: small;
-      }
-
-      .navlibuttonspanactive {
-        display: flex;
-        position: absolute;
-        right: 10px;
-        top: 0;
-        bottom: 0;
-        width: 79px;
-        line-height: 13px;
-        align-items: center;
-        vertical-align: middle;
-        text-align: center;
-      }
-
-      .leher .slide-leher {
-        margin-top: 0.5em;
-      }
-
-      .leher .leher1 {
-        margin: 7px 1% 0px 1%;
-      }
-
-      .tab-content {
-        display: block;
-      }
-
-      .tab-content>.tab-pane {
-        flex: unset;
-      }
-
-      .card-text {
-        text-align: justify;
-        text-overflow: ellipsis;
-        display: -webkit-box;
-        -webkit-line-clamp: 3;
-        -webkit-box-orient: vertical;
-        overflow: hidden;
-        font-weight: lighter;
-        line-height: 14.5px;
-      }
-
-    }
-
-    @media screen and (min-device-width: 280px) and (-webkit-min-device-pixel-ratio: 3) {
-
-      .navlibuttonspan {
-        font-size: x-small !important;
-      }
-
-
-      .card-body {
-        font-size: x-small !important;
-      }
-
-    }
-  </style>
-</head>
-
-<body style="margin: 0;">
-  <!-- for bing search -->
-  <h1 style="display:none">yusup maulana</h1>
-
-  <div class="header1">
-
-    <div class="head">
-
-
-      <style type="text/css">
-        /* entire container, keeps perspective */
-        .card-container {
-          -webkit-perspective: 800px;
-          -moz-perspective: 800px;
-          -o-perspective: 800px;
-          perspective: 800px;
-          margin-bottom: 30px;
-        }
-
-        /* flip the pane when hovered */
-        .card-container:not(.manual-flip):active .card,
-        .card-container.hover.manual-flip .card {
-          -webkit-transform: rotateY(180deg);
-          -moz-transform: rotateY(180deg);
-          -o-transform: rotateY(180deg);
-          transform: rotateY(180deg);
-        }
-
-
-        .card-container.static:hover .card,
-        .card-container.static.hover .card {
-          -webkit-transform: none;
-          -moz-transform: none;
-          -o-transform: none;
-          transform: none;
-        }
-
-        /* flip speed goes here */
-        .card {
-          -webkit-transition: -webkit-transform .5s;
-          -moz-transition: -moz-transform .5s;
-          -o-transition: -o-transform .5s;
-          transition: transform .5s;
-          -webkit-transform-style: preserve-3d;
-          -moz-transform-style: preserve-3d;
-          -o-transform-style: preserve-3d;
-          transform-style: preserve-3d;
-          position: relative;
-        }
-
-        /* hide back of pane during swap */
-        .front,
-        .back {
-          -webkit-backface-visibility: hidden;
-          -moz-backface-visibility: hidden;
-          -o-backface-visibility: hidden;
-          backface-visibility: hidden;
-          position: absolute;
-          top: 0;
-          left: 0;
-          /* background-color: #3e0a0d;*/
-
-          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.14);
-          /* background-image: radial-gradient(circle at bottom right, rgb(242, 106, 56) 0%, rgb(242, 106, 56) 4%, rgb(238, 120, 55) 4%, rgb(238, 120, 55) 14%, rgb(233, 134, 54) 14%, rgb(233, 134, 54) 25%, rgb(229, 148, 53) 25%, rgb(229, 148, 53) 42%, rgb(246, 178, 57) 42%, rgb(246, 178, 57) 49%, rgb(246, 198, 60) 49%, rgb(246, 198, 60) 66%, rgb(255, 230, 103) 66%, rgb(255, 230, 103) 97%, rgb(255, 247, 128) 97%, rgb(255, 247, 128) 100%); */
-        }
-
-        /* front pane, placed above back */
-        .front {
-          z-index: 2;
-        }
-
-        /* back, initially hidden pane */
-        .back {
-          -webkit-transform: rotateY(180deg);
-          -moz-transform: rotateY(180deg);
-          -o-transform: rotateY(180deg);
-          transform: rotateY(180deg);
-          z-index: 3;
-        }
-
-        .back .btn-simple {
-          position: absolute;
-          left: 0;
-          bottom: 4px;
-        }
-
-        /*        Style       */
-
-
-        .card {
-          /* background: none repeat scroll 0 0 #FFFFFF; */
-          border-radius: 4px;
-          color: #444444;
-        }
-
-        .card-container,
-        .front,
-        .back {
-          width: 100%;
-          height: 300px;
-          border-radius: 4px;
-        }
-
-        .card .cover {
-          height: 105px;
-          overflow: hidden;
-          border-radius: 4px 4px 0 0;
-        }
-
-        .card .user {
-          box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
-          border-radius: 50%;
-          display: block;
-          height: 174px;
-          margin: -55px auto 0;
-          overflow: hidden;
-          width: 178px;
-
-        }
-
-        .card .user img {
-          background: none repeat scroll 0 0 #FFFFFF;
-          width: 100%;
-        }
-
-        .circle-fire-wrapper {
-          width: 230px;
-          height: 230px;
-          position: absolute;
-          margin: auto;
-          top: 22px;
-          left: 0;
-          right: 0;
-          z-index: 4;
-        }
-
-        .circle-fire {
-          width: 100%;
-          height: 100%;
-          filter: url(#wavy) blur(1px);
-        }
-
-        .circle-fire:before {
-          content: "";
-          position: absolute;
-          top: 25px;
-          left: 25px;
-          right: 25px;
-          bottom: 25px;
-          border: 3px solid #FFF;
-          border-radius: 50%;
-          box-shadow: 0 0 50px #0bb3bf, inset 0 0 50px #02b7c7;
-          -webkit-box-reflect: below 10px linear-gradient(transparent, transparent, #0002);
-        }
-
-        .circle-fire:after {
-          content: "";
-          position: absolute;
-          top: 25px;
-          left: 25px;
-          right: 25px;
-          bottom: 25px;
-          border: 5px solid #ffffff;
-          border-radius: 50%;
-          box-shadow: 0 0 50px #0089ff, inset 0 0 50px #fff;
-        }
-
-        .circle-fire:nth-child(2):before {
-          animation-delay: -2.5s;
-        }
-
-        #jarvis-circle-wrapper-profile {
-          width: 230px;
-          height: 230px;
-          position: absolute;
-          margin: auto;
-          top: 22px;
-          left: 0;
-          right: 0;
-          z-index: 4;
-        }
-
-        #jarvis-circle-inner-profile:hover {
-          border-top-color: #ffffff;
-          border-style: dashed solid;
-          border-bottom-color: #cdbe83;
-          border-right-color: #27c0eb;
-          border-left-color: #00ceff;
-          box-shadow: 0 0 15px #ffffff;
-        }
-
-        #jarvis-circle-inner-profile {
-          width: 100%;
-          height: 100%;
-          border-radius: 50%;
-          border: 3px solid transparent;
-          border-top-color: #cdbe83;
-          border-bottom-color: #cdbe83;
-          border-right-color: #eb9b27;
-          border-left-color: #ff9700;
-          box-shadow: 0 0 15px #e76421;
-          -webkit-animation: spinJarvis 30s linear infinite;
-          animation: spinJarvis 30s linear infinite;
-        }
-
-        #jarvis-circle-inner-profile:before {
-          content: "";
-          position: absolute;
-          top: 15px;
-          left: 15px;
-          right: 15px;
-          bottom: 15px;
-          border-radius: 50%;
-          border: 3px dashed transparent;
-          border-color: #00f1ff;
-          border-style: dashed;
-          -webkit-animation: spinJarvis 18s linear infinite;
-          animation: spinJarvis 18s linear infinite;
-          box-shadow: 0 0 10px #ffffff66;
-        }
-
-        #jarvis-circle-inner-profile:after {
-          content: "";
-          position: absolute;
-          top: 25px;
-          left: 25px;
-          right: 25px;
-          bottom: 25px;
-          border-radius: 50%;
-          border: 3px solid transparent;
-          border-color: white;
-          border-width: 3px;
-          border-style: dashed solid;
-          -webkit-animation: spin 60s linear infinite;
-          animation: spin 60s linear infinite;
-        }
-
-        .profile-hold {
-          position: absolute;
-          background: #fcffff14;
-          z-index: 0;
-          width: 11em;
-          color: #ffffff;
-          text-shadow: 3px 3px 0px #000000, -2px 1px 12px #000000;
-          font-weight: 900;
-          border-radius: 50%;
-          left: 4px;
-          right: 0;
-          margin: auto;
-          clip-path: polygon(50% 0%, 100% 44%, 82% 100%, 18% 100%, 0% 44%);
-          border-top: solid 7px #00fbfb;
-          border-bottom: solid 1px #bb8c00;
-          top: 61px;
-          bottom: 61px;
-          text-align: center;
-          padding-top: 33%;
-        }
-
-        .card-container:hover>.card .front>.profile-hold {
-          top: 29px;
-          bottom: 15px;
-          z-index: 2;
-        }
-
-        .card .content {
-          background-color: rgba(0, 0, 0, 0);
-          box-shadow: none;
-
-        }
-
-        .card .back .content .main {
-          height: 215px;
-        }
-
-        .card .name {
-          font-size: 22px;
-          line-height: 28px;
-          margin: 10px 0 0;
-          text-align: center;
-          text-transform: capitalize;
-          height: 25px;
-        }
-
-        .card h5 {
-          margin: 5px 0;
-          font-weight: 700;
-          line-height: 20px;
-        }
-
-        .profession {
-          color: #ffffff;
-          text-align: center;
-          font-size: large;
-          font-weight: lighter;
-          letter-spacing: 7px;
-          position: absolute;
-
-          margin: auto;
-        }
-
-        .posisi-untuk-profession-PC {
-          top: 17.5em;
-          left: 0em;
-          right: 0em;
-          margin-right: 79%;
-        }
-
-        .posisi-untuk-profession-TABLET {
-          top: 18em !important;
-          left: 0 !important;
-          right: 0 !important;
-        }
-
-        .posisi-untuk-profession-LAPTOP {
-          top: 18em !important;
-          left: 0 !important;
-          right: 42em !important;
-        }
-
-        .card {
-          border: none !important;
-        }
-
-        .card .motto {
-
-          color: #999999;
-          font-size: xx-small;
-          padding-bottom: 10px;
-          text-align: center;
-        }
-
-        .main .text-center {
-          font-size: small;
-          text-align: justify !important;
-          color: #778990;
-        }
-
-        @media screen and (-ms-high-contrast: active),
-        (-ms-high-contrast: none) {
-
-          .front,
-          .back {
-            -ms-backface-visibility: visible;
-            backface-visibility: visible;
-          }
-
-          .back {
-            visibility: hidden;
-            -ms-transition: all 0.2s cubic-bezier(.92, .01, .83, .67);
-          }
-
-          .front {
-            z-index: 4;
-          }
-
-          .card-container:not(.manual-flip):hover .back,
-          .card-container.manual-flip.hover .back {
-            z-index: 5;
-            visibility: visible;
-          }
-        }
-
-        .card-img-slick {
-          width: 100%;
-        }
-
-        .slick-dots li button {
-          background: #ffffff14;
-          clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
-        }
-
-        .slick-dots li button:before {
-          color: whitesmoke;
-        }
-
-        .slick-dots li.slick-active button:before {
-          color: #00ecfd;
-        }
-
-        .slick-slide {
-          -webkit-transform: translate3d(0, 0, 0);
-        }
-
-        .slick-track {
-          transition: fade 2000ms ease-out;
-          infinite: true;
-        }
-      </style>
-      <!--start View in Chrome or Firefox Browser only-->
-      <svg>
-        <filter id="wavy">
-          <feTurbulence x="0" y="0" baseFrequency="0.009" numOctaves="5" seed="2">
-            <animate attributeName="baseFrequency" dur="60s" values="0.02;0.005;0.02" repeatCount="indefinite">
-          </feTurbulence>
-          <feDisplacementMap in="SourceGraphic" scale="30">
-        </filter>
-      </svg>
-      <!--end View in Chrome or Firefox Browser only -->
-      <div class="card-container">
-        <div class="card">
-          <div class="front">
-            <div class="cover">
-            </div>
-            <div class="circle-fire-wrapper">
-              <div class="circle-fire"></div>
-            </div>
-            <div id="jarvis-circle-wrapper-profile">
-              <div id="jarvis-circle-inner-profile"></div>
-            </div>
-            <div class="btn-info profile-hold">Hold Me</div>
-            <div class="user">
-              <img class="img-circle" src="IMG/img.png" data-src="IMG/profile.webp" alt="yusup maulana photos" />
-            </div>
-            <div class="content">
-              <div class="main">
-                <h3 class="name"></h3>
-
-              </div>
-            </div>
-
-          </div> <!-- end front panel -->
-          <div class="back">
-            <div class="header">
-              <h5 class="motto">"Aku merindukan kekuatan yang mendominasi"</h5>
-            </div>
-            <div class="border-gradient-set">
-              <div class="border-gradient-main">
-                <div class="border-gradient-main-diamond">
-                  <div class="diamond"></div>
-                </div>
-              </div>
-            </div>
-            <div class="content">
-              <div class="main">
-                <p class="text-center" style="font-size:small; padding: 12%;">Assalamualaikum.. Saya sedang mencari
-                  peluang baru, kotak
-                  masuk saya selalu terbuka. Apakah Anda memiliki pertanyaan atau hanya ingin menyapa, saya akan mencoba
-                  yang terbaik untuk menghubungi Anda kembali!</p>
-
-
-              </div>
-            </div>
-
-          </div> <!-- end back panel -->
-        </div> <!-- end card -->
-      </div> <!-- end card-container -->
-
-    </div>
-
-    <div class="head2">
-      <div class="head-in2">
-        <span class="head-in2-1">
-          <h1>Yusup maulana</h1>
-          <span class="head-in2-1-1"><a href="https://resume.showwcase.com/yusup-maulana.pdf" target="_blank">
-              <h2>Resume <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
-                  class="bi bi-cloud-arrow-down-fill" viewBox="0 0 16 16">
-                  <path
-                    d="M8 2a5.53 5.53 0 0 0-3.594 1.342c-.766.66-1.321 1.52-1.464 2.383C1.266 6.095 0 7.555 0 9.318 0 11.366 1.708 13 3.781 13h8.906C14.502 13 16 11.57 16 9.773c0-1.636-1.242-2.969-2.834-3.194C12.923 3.999 10.69 2 8 2zm2.354 6.854-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 9.293V5.5a.5.5 0 0 1 1 0v3.793l1.146-1.147a.5.5 0 0 1 .708.708z" />
-                </svg> <i class="bi bi-cloud-arrow-down-fill"></i></h2>
-            </a></span>
-        </span>
-      </div>
-
-      <div class="head-in2">
-        <span class="head-in2-3"><i class="bi bi-whatsapp"></i><svg xmlns="http://www.w3.org/2000/svg" width="20"
-            height="20" fill="currentColor" class="bi bi-whatsapp" viewBox="0 0 16 16">
-            <path
-              d="M13.601 2.326A7.854 7.854 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.933 7.933 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.898 7.898 0 0 0 13.6 2.326zM7.994 14.521a6.573 6.573 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.557 6.557 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592zm3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.729.729 0 0 0-.529.247c-.182.198-.691.677-.691 1.654 0 .977.71 1.916.81 2.049.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232z" />
-          </svg></span><span class="head-in2-4"> <a target="_blank" style="color:#9eaeb5;"
-            href="https://api.whatsapp.com/send?phone=6283898610918">083898610918 <svg
-              xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
-              class="bi bi-box-arrow-up-right" viewBox="0 0 16 16">
-              <path fill-rule="evenodd"
-                d="M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z" />
-              <path fill-rule="evenodd"
-                d="M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z" />
-            </svg> <i class="bi bi-box-arrow-up-right"></i></a></span>
-      </div>
-      <div class="head-in2 head-in2-mobile">
-        <table class="head-intable1">
-          <tr>
-            <td>Menguasai Bahasa </td>
-            <td>: Indonesia & Sunda</td>
-          </tr>
-          <tr>
-            <td colspan="2">
-              <div class="border-gradient-1"></div>
-            </td>
-          </tr>
-          <tr>
-            <td>Status</td>
-            <td>: Lajang </td>
-          </tr>
-          <tr>
-            <td colspan="2">
-              <div class="border-gradient-1"></div>
-            </td>
-          </tr>
-          <tr>
-            <td>Hobi</td>
-            <td>: Ngaji</td>
-          </tr>
-          <tr>
-            <td colspan="2">
-              <div class="border-gradient-1"></div>
-            </td>
-          </tr>
-          <tr>
-            <td>Usia</td>
-            <td>: <span class="usia"></span></td>
-          </tr>
-
-        </table>
-      </div>
-    </div>
-
-    <div class="head3" data-ride="slick" data-slick='{   "arrows":false }'>
-      <div> <!-- slide slick 1 -->
-        <div class="head-in3">
-          <span class="head-in3-1">Tentang Saya</span>
-        </div>
-
-        <div class="head-in3">
-          <style type="text/css">
-            .animate-text1 {
-              text-align: justify;
-              transform: scale(0.94);
-              animation: scale 3s forwards cubic-bezier(0.5, 1, 0.89, 1);
-              font-weight: lighter;
-              color: #b9c7cde8;
-            }
-
-            @keyframes scale {
-              100% {
-                transform: scale(1);
-              }
-            }
-
-            span {
-              opacity: 0;
-              filter: blur(4px);
-            }
-
-            span:nth-child(1) {
-              animation: fade-in 0.8s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(2) {
-              animation: fade-in 0.8s 0.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(3) {
-              animation: fade-in 0.8s 0.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(4) {
-              animation: fade-in 0.8s 0.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(5) {
-              animation: fade-in 0.8s 0.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(6) {
-              animation: fade-in 0.8s 0.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(7) {
-              animation: fade-in 0.8s 0.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(8) {
-              animation: fade-in 0.8s 0.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(9) {
-              animation: fade-in 0.8s 0.9s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(10) {
-              animation: fade-in 0.8s 1s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(11) {
-              animation: fade-in 0.8s 1.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(12) {
-              animation: fade-in 0.8s 1.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(13) {
-              animation: fade-in 0.8s 1.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(14) {
-              animation: fade-in 0.8s 1.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(15) {
-              animation: fade-in 0.8s 1.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(16) {
-              animation: fade-in 0.8s 1.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(17) {
-              animation: fade-in 0.8s 1.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(18) {
-              animation: fade-in 0.8s 1.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(19) {
-              animation: fade-in 0.8s 1.9s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(20) {
-              animation: fade-in 0.8s 2s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(21) {
-              animation: fade-in 0.8s 2.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(22) {
-              animation: fade-in 0.8s 2.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(23) {
-              animation: fade-in 0.8s 2.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(24) {
-              animation: fade-in 0.8s 2.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(25) {
-              animation: fade-in 0.8s 2.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(26) {
-              animation: fade-in 0.8s 2.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(27) {
-              animation: fade-in 0.8s 2.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(28) {
-              animation: fade-in 0.8s 2.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(29) {
-              animation: fade-in 0.8s 2.9s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(30) {
-              animation: fade-in 0.8s 3s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(31) {
-              animation: fade-in 0.8s 3.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(32) {
-              animation: fade-in 0.8s 3.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(33) {
-              animation: fade-in 0.8s 3.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(34) {
-              animation: fade-in 0.8s 3.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(35) {
-              animation: fade-in 0.8s 3.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(36) {
-              animation: fade-in 0.8s 3.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(37) {
-              animation: fade-in 0.8s 3.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(38) {
-              animation: fade-in 0.8s 3.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(39) {
-              animation: fade-in 0.8s 3.9s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(40) {
-              animation: fade-in 0.8s 4s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(41) {
-              animation: fade-in 0.8s 4.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(42) {
-              animation: fade-in 0.8s 4.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(43) {
-              animation: fade-in 0.8s 4.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(44) {
-              animation: fade-in 0.8s 4.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(45) {
-              animation: fade-in 0.8s 4.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(46) {
-              animation: fade-in 0.8s 4.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(47) {
-              animation: fade-in 0.8s 4.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(48) {
-              animation: fade-in 0.8s 4.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(49) {
-              animation: fade-in 0.8s 4.9s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(50) {
-              animation: fade-in 0.8s 5s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(51) {
-              animation: fade-in 0.8s 5.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(52) {
-              animation: fade-in 0.8s 5.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(53) {
-              animation: fade-in 0.8s 5.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(54) {
-              animation: fade-in 0.8s 5.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(55) {
-              animation: fade-in 0.8s 5.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(56) {
-              animation: fade-in 0.8s 5.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(57) {
-              animation: fade-in 0.8s 5.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(58) {
-              animation: fade-in 0.8s 5.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(59) {
-              animation: fade-in 0.8s 5.9s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(60) {
-              animation: fade-in 0.8s 6s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(61) {
-              animation: fade-in 0.8s 6.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(62) {
-              animation: fade-in 0.8s 6.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(63) {
-              animation: fade-in 0.8s 6.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            @keyframes fade-in {
-              100% {
-                opacity: 1;
-                filter: blur(0);
-              }
-            }
-          </style>
-          <div class="animate-text1">
-            <span>Keahlian</span>
-            <span>favorit</span>
-            <span>saya</span>
-            <span>adalah</span>
-            <span>membangun</span>
-            <span>sebuah</span>
-            <span>Web dalam</span>
-            <span style="    color: #0bb4c0; font-weight: 600;text-shadow: 0 0 5px #ffffff47;">Pemograman Native</span>
-            <span>dan membuat</span>
-            <span>sebuah Jaringan Komputer</span>
-            <span>Selain itu,</span>
-            <span>saya berpengalaman</span>
-            <span>dalam Tender</span>
-            <span>Proyek</span>
-            <span>pengadaan</span>
-            <span>barang/jasa</span>
-            <span>di lingkungan</span>
-            <span>PT PLN (Persero),</span>
-            <span>juga</span>
-            <span>sebagai</span>
-            <span>IT Support</span>
-            <span>dan Administrasi</span>
-            <span>lebih</span>
-            <span>dari</span>
-            <span>4 tahun</span>
-            <span>di PT. Raya Azura Persada</span>
-            <span>dengan</span>
-            <span>hasil</span>
-            <span>efisiensi</span>
-            <span>dalam</span>
-            <span>pengelolaan</span>
-            <span>data</span>
-            <span>meningkat</span>
-            <span>sebesar</span>
-            <span>60%,</span>
-            <span>Saya</span>
-            <span>juga</span>
-            <span>dapat</span>
-            <span>mengelola</span>
-            <span>beberapa</span>
-            <span>tanggung</span>
-            <span>jawab</span>
-            <span>sekaligus</span>
-            <span>dengan</span>
-            <span>berfokus</span>
-            <span>pada</span>
-            <span>satu tugas</span>
-            <span>sambil melacak</span>
-            <span>yang lain.</span>
-            <span>Sehingga</span>
-            <span>Perasaan</span>
-            <span>produktivitas</span>
-            <span>saya,</span>
-            <span>dapat</span>
-            <span>meningkatkan</span>
-            <span>motivasi</span>
-            <span>orang</span>
-            <span>lain</span>
-            <span>untuk</span>
-            <span>terus</span>
-            <span>mengerjakan</span>
-            <span>tugas</span>
-            <span>mereka.</span>
-          </div>
-        </div>
-      </div><!-- end slide slick 1 -->
-
-      <div class="slickerslide2"><!--  slide slick 2 -->
-        <div class="head-in3">
-          <span class="head-in3-1">Temui Saya</span>
-        </div>
-        <div class="box_gbr-head">
-          <img src="IMG/img.png" class="card-img-slick" data-src="IMG/me2.webp" alt="Cashflow Proyek">
-        </div>
-      </div><!-- end slide slick 2 -->
-
-      <div><!--  slide slick 3 -->
-        your content 2
-      </div><!-- end slide slick 3 -->
-
-    </div> <!--end head3-->
-  </div>
-
-
-
-  <div class="leher">
-    <div class="slide-leher"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
-        class="bi bi-chevron-bar-down" viewBox="0 0 16 16">
-        <path fill-rule="evenodd"
-          d="M3.646 4.146a.5.5 0 0 1 .708 0L8 7.793l3.646-3.647a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 0-.708zM1 11.5a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13a.5.5 0 0 1-.5-.5z" />
-      </svg><i class="bi bi-chevron-bar-down"></i></div>
-    <div class="leher1 plugin-ContactForm btn-infohoveronly"><span><svg xmlns="http://www.w3.org/2000/svg" width="16"
-          height="16" fill="currentColor" class="bi bi-google" viewBox="0 0 16 16">
-          <path
-            d="M15.545 6.558a9.42 9.42 0 0 1 .139 1.626c0 2.434-.87 4.492-2.384 5.885h.002C11.978 15.292 10.158 16 8 16A8 8 0 1 1 8 0a7.689 7.689 0 0 1 5.352 2.082l-2.284 2.284A4.347 4.347 0 0 0 8 3.166c-2.087 0-3.86 1.408-4.492 3.304a4.792 4.792 0 0 0 0 3.063h.003c.635 1.893 2.405 3.301 4.492 3.301 1.078 0 2.004-.276 2.722-.764h-.003a3.702 3.702 0 0 0 1.599-2.431H8v-3.08h7.545z" />
-        </svg><i class="bi bi-google"></i></span> <span>yusupmaulana.net@gmail.com <svg viewBox="0 0 24 24">
-          <path fill="currentColor"
-            d="M21.36,10.46L13.54,2.64C12.69,1.79 11.31,1.79 10.46,2.64L2.64,10.46C1.79,11.31 1.79,12.69 2.64,13.54L10.46,21.36C11.31,22.21 12.69,22.21 13.54,21.36L21.36,13.54C22.21,12.69 22.21,11.31 21.36,10.46M12,19L5,12L12,5L19,12L12,19M16.5,12L12,16.5L7.5,12L12,7.5L16.5,12Z" />
-        </svg></span>
-    </div>
-    <a class="leher1 btn-infohoveronly" href="https://www.nyenang.com/" target="_blank"><span><svg
-          xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-globe"
-          viewBox="0 0 16 16">
-          <path
-            d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm7.5-6.923c-.67.204-1.335.82-1.887 1.855A7.97 7.97 0 0 0 5.145 4H7.5V1.077zM4.09 4a9.267 9.267 0 0 1 .64-1.539 6.7 6.7 0 0 1 .597-.933A7.025 7.025 0 0 0 2.255 4H4.09zm-.582 3.5c.03-.877.138-1.718.312-2.5H1.674a6.958 6.958 0 0 0-.656 2.5h2.49zM4.847 5a12.5 12.5 0 0 0-.338 2.5H7.5V5H4.847zM8.5 5v2.5h2.99a12.495 12.495 0 0 0-.337-2.5H8.5zM4.51 8.5a12.5 12.5 0 0 0 .337 2.5H7.5V8.5H4.51zm3.99 0V11h2.653c.187-.765.306-1.608.338-2.5H8.5zM5.145 12c.138.386.295.744.468 1.068.552 1.035 1.218 1.65 1.887 1.855V12H5.145zm.182 2.472a6.696 6.696 0 0 1-.597-.933A9.268 9.268 0 0 1 4.09 12H2.255a7.024 7.024 0 0 0 3.072 2.472zM3.82 11a13.652 13.652 0 0 1-.312-2.5h-2.49c.062.89.291 1.733.656 2.5H3.82zm6.853 3.472A7.024 7.024 0 0 0 13.745 12H11.91a9.27 9.27 0 0 1-.64 1.539 6.688 6.688 0 0 1-.597.933zM8.5 12v2.923c.67-.204 1.335-.82 1.887-1.855.173-.324.33-.682.468-1.068H8.5zm3.68-1h2.146c.365-.767.594-1.61.656-2.5h-2.49a13.65 13.65 0 0 1-.312 2.5zm2.802-3.5a6.959 6.959 0 0 0-.656-2.5H12.18c.174.782.282 1.623.312 2.5h2.49zM11.27 2.461c.247.464.462.98.64 1.539h1.835a7.024 7.024 0 0 0-3.072-2.472c.218.284.418.598.597.933zM10.855 4a7.966 7.966 0 0 0-.468-1.068C9.835 1.897 9.17 1.282 8.5 1.077V4h2.355z" />
-        </svg><i class="bi bi-globe"></i></span> <span>nyenang.com </span><svg xmlns="http://www.w3.org/2000/svg"
-        width="16" height="16" fill="currentColor" class="bi bi-box-arrow-up-right" viewBox="0 0 16 16">
-        <path fill-rule="evenodd"
-          d="M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z" />
-        <path fill-rule="evenodd"
-          d="M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z" />
-      </svg> <i class="bi bi-box-arrow-up-right"></i>
-    </a>
-    <a class="leher1 btn-infohoveronly" href="https://www.instagram.com/maulana_net" target="_blank"><span><svg
-          xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-instagram"
-          viewBox="0 0 16 16">
-          <path
-            d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z" />
-        </svg><i class="bi bi-instagram"></i></span> <span>Instagram </span><svg xmlns="http://www.w3.org/2000/svg"
-        width="16" height="16" fill="currentColor" class="bi bi-box-arrow-up-right" viewBox="0 0 16 16">
-        <path fill-rule="evenodd"
-          d="M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z" />
-        <path fill-rule="evenodd"
-          d="M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z" />
-      </svg> <i class="bi bi-box-arrow-up-right"></i>
-    </a>
-    <a class="leher1 btn-infohoveronly" href="https://www.facebook.com/chunk.lovereggae/" target="_blank">
-      <span><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-facebook"
-          viewBox="0 0 16 16">
-          <path
-            d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z" />
-        </svg>
-        <i class="bi bi-facebook"></i></span> <span>Facebook </span><svg xmlns="http://www.w3.org/2000/svg" width="16"
-        height="16" fill="currentColor" class="bi bi-box-arrow-up-right" viewBox="0 0 16 16">
-        <path fill-rule="evenodd"
-          d="M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z" />
-        <path fill-rule="evenodd"
-          d="M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z" />
-      </svg> <i class="bi bi-box-arrow-up-right"></i>
-    </a>
-    <a class="leher1 btn-infohoveronly" href="https://github.com/yusup-maulana" target="_blank"><span><svg
-          xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-github"
-          viewBox="0 0 16 16">
-          <path
-            d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z" />
-        </svg><i class="bi bi-github"></i></span> <span>Github </span><svg xmlns="http://www.w3.org/2000/svg" width="16"
-        height="16" fill="currentColor" class="bi bi-box-arrow-up-right" viewBox="0 0 16 16">
-        <path fill-rule="evenodd"
-          d="M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z" />
-        <path fill-rule="evenodd"
-          d="M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z" />
-      </svg> <i class="bi bi-box-arrow-up-right"></i></a>
-    <a class="leher1 btn-infohoveronly" href="https://www.youtube.com/channel/UCrnSCuFBjzBE6RuEiV-IKzg/featured"
-      target="_blank"><span><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
-          class="bi bi-youtube" viewBox="0 0 16 16">
-          <path
-            d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408L6.4 5.209z" />
-        </svg><i class="bi bi-youtube"></i></span> <span>Youtube </span><svg xmlns="http://www.w3.org/2000/svg"
-        width="16" height="16" fill="currentColor" class="bi bi-box-arrow-up-right" viewBox="0 0 16 16">
-        <path fill-rule="evenodd"
-          d="M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z" />
-        <path fill-rule="evenodd"
-          d="M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z" />
-      </svg> <i class="bi bi-box-arrow-up-right"></i></a>
-    <a class="leher1 btn-infohoveronly" href="https://www.linkedin.com/in/nyenang/" target="_blank"><span><svg
-          xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-linkedin"
-          viewBox="0 0 16 16">
-          <path
-            d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z" />
-        </svg><i class="bi bi-linkedin"></i></span> <span>linked </span><svg xmlns="http://www.w3.org/2000/svg"
-        width="16" height="16" fill="currentColor" class="bi bi-box-arrow-up-right" viewBox="0 0 16 16">
-        <path fill-rule="evenodd"
-          d="M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z" />
-        <path fill-rule="evenodd"
-          d="M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z" />
-      </svg> <i class="bi bi-box-arrow-up-right"></i></a>
-  </div>
-  <script>
-
-    $('.head3').slick({
-      lazyLoad: 'ondemand',
-      dots: true,
-      infinite: true,
-      speed: 300,
-      slidesToShow: 1,
-      adaptiveHeight: true
-    });
-
-
-    var btnSlideLeherval = 0;
-    $(document).on('click', '.slide-leher', function () {
-      if (btnSlideLeherval == 0) {
-        $('.leher').animate({
-          height: '364px'
-        });
-        $('.slide-leher').html('<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-bar-up" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M3.646 11.854a.5.5 0 0 0 .708 0L8 8.207l3.646 3.647a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 0 0 0 .708zM2.4 5.2c0 .22.18.4.4.4h10.4a.4.4 0 0 0 0-.8H2.8a.4.4 0 0 0-.4.4z"/></svg><i class="bi bi-chevron-bar-up"></i>');
-
-        btnSlideLeherval = 1;
-      } else {
-        $('.leher').animate({
-          height: '59px'
-        });
-        $('.slide-leher').html('<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-bar-down" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M3.646 4.146a.5.5 0 0 1 .708 0L8 7.793l3.646-3.647a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 0-.708zM1 11.5a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13a.5.5 0 0 1-.5-.5z"/></svg><i class="bi bi-chevron-bar-down"></i>');
-        btnSlideLeherval = 0;
-      }
-
-    });
-  </script>
-
-
-
-
-
-
-  <!-- ======================================================================================================================== START TAB 1 -->
-  <style type="text/css">
-    .card-body {
-      position: absolute;
-      border-radius: 5px 5px 5px 5px;
-      width: 100%;
-      height: -webkit-fill-available;
-      height: 100%;
-      background-image: linear-gradient(45deg, rgb(100 126 159 / 18%) 0%, rgb(29 159 199 / 25%) 24%, rgb(0 184 255 / 25%) 24%, rgb(112 112 163 / 0%) 28%, rgb(79 124 166 / 0%) 28%, rgb(21 104 181 / 28%) 40%, rgb(47 136 170 / 0%) 40%, rgb(47 136 170 / 0%) 84%, rgb(14 148 173 / 13%) 84%, rgb(14 148 173 / 0%) 100%), linear-gradient(0deg, rgb(144 100 159 / 0%) 0%, rgb(144 100 159 / 0%) 24%, rgb(112 112 163 / 0%) 24%, rgb(112 112 163 / 0%) 28%, rgb(79 124 166 / 0%) 28%, rgb(79 124 166 / 0%) 40%, rgb(47 136 170 / 0%) 40%, rgb(47 136 170 / 0%) 84%, rgb(14 148 173 / 0%) 84%, rgb(14 148 173 / 0%) 100%), linear-gradient(135deg, rgb(27 162 167 / 0%) 0%, rgb(4 167 185 / 35%) 24%, rgb(112 112 163 / 0%) 24%, rgb(112 112 163 / 0%) 28%, rgb(79 124 166 / 0%) 28%, rgb(79 124 166 / 8%) 40%, rgb(47 136 170 / 0%) 40%, rgb(47 136 170 / 0%) 84%, rgb(14 148 173 / 0%) 84%, rgb(14 148 173 / 12%) 100%), linear-gradient(90deg, rgb(35 122 157 / 22%), rgb(43 171 222 / 15%));
-      background-blend-mode: overlay, overlay, overlay, normal;
-    }
-
-    .card-body:hover {
-      box-shadow: rgb(0 241 255) 0px 0px 5px;
-      border-top: 2px solid #ffffff;
-      /* background-image: linear-gradient(112.5deg, rgba(250, 109, 130, 0.38) 0%, rgba(250, 109, 130, 0.38) 3%, rgba(219, 107, 130, 0.35) 3%, rgba(219, 107, 130, 0.35) 34%, rgba(187, 104, 131, 0.41) 34%, rgba(187, 104, 131, 0.41) 46%, rgba(156, 102, 131, 0.48) 46%, rgba(156, 102, 131, 0.48) 51%, rgba(124, 99, 132, 0.37) 51%, rgba(124, 99, 132, 0.37) 52%, rgba(93, 97, 132, 0.31) 52%, rgba(93, 97, 132, 0.31) 76%, rgba(61, 94, 133, 0.37) 76%, rgba(61, 94, 133, 0.37) 84%, rgba(30, 92, 133, 0.36) 84%, rgba(30, 92, 133, 0.36) 100%), linear-gradient(157.5deg, rgba(250, 109, 130, 0.38) 0%, rgba(250, 109, 130, 0.38) 3%, rgba(219, 107, 130, 0.35) 3%, rgba(219, 107, 130, 0.35) 34%, rgba(187, 104, 131, 0.41) 34%, rgba(187, 104, 131, 0.41) 46%, rgba(156, 102, 131, 0.48) 46%, rgba(156, 102, 131, 0.48) 51%, rgba(124, 99, 132, 0.37) 51%, rgba(124, 99, 132, 0.37) 52%, rgba(93, 97, 132, 0.31) 52%, rgba(93, 97, 132, 0.31) 76%, rgba(61, 94, 133, 0.37) 76%, rgba(61, 94, 133, 0.37) 84%, rgba(30, 92, 133, 0.36) 84%, rgba(30, 92, 133, 0.36) 100%), linear-gradient(45deg, rgba(250, 109, 130, 0.38) 0%, rgba(250, 109, 130, 0.38) 3%, rgba(219, 107, 130, 0.35) 3%, rgba(219, 107, 130, 0.35) 34%, rgba(187, 104, 131, 0.41) 34%, rgba(187, 104, 131, 0.41) 46%, rgba(156, 102, 131, 0.48) 46%, rgba(156, 102, 131, 0.48) 51%, rgba(124, 99, 132, 0.37) 51%, rgba(124, 99, 132, 0.37) 52%, rgba(93, 97, 132, 0.31) 52%, rgba(93, 97, 132, 0.31) 76%, rgba(61, 94, 133, 0.37) 76%, rgba(61, 94, 133, 0.37) 84%, rgba(30, 92, 133, 0.36) 84%, rgba(30, 92, 133, 0.36) 100%), linear-gradient(90deg, rgba(71, 69, 135, 0.33), rgba(241, 26, 171, 0.39));
-      background-blend-mode: overlay, overlay, overlay, normal; */
-    }
-
-    .card-body a svg {
-      width: 18px;
-      height: 18px;
-      position: absolute;
-      top: 0;
-      bottom: 0;
-      margin: auto;
-    }
-
-    .card-body button svg {
-      width: 15px;
-      height: 15px;
-      position: absolute;
-      top: 0;
-      bottom: 0;
-      right: 0;
-      margin: auto;
-    }
-
-    .card-body button:hover>svg path {
-      d: path("M21.36,10.46L13.54,2.64C12.69,1.79 11.31,1.79 10.46,2.64L2.64,10.46C1.79,11.31 1.79,12.69 2.64,13.54L10.46,21.36C11.31,22.21 12.69,22.21 13.54,21.36L21.36,13.54C22.21,12.69 22.21,11.31 21.36,10.46M12,19L1,12L12,5L23,12L12,19M16.5,12L12,16.5L7.5,12L12,7.5L16.5,12Z");
-    }
-
-    .card-body a:hover>svg path {
-      d: path("M 19 3 C 20 3 21 3.9 21 5 V 19 C 21 20.1 20.1 21 19 21 H 5 C 3.9 21 3 20.1 3 19 V 5 C 3 3.9 3.9 3 5 3 H 19 M 7 8 L 12 10 L 8 16 L 8 16 L 14 12 L 16 17 V 8 H 7 Z");
-    }
-
-    .card .card_status:after {
-      max-width: 100%;
-      height: 35px;
-      display: block;
-      content: "";
-      position: relative;
-      bottom: 0px;
-      left: -12px;
-      z-index: -1;
-      top: -17px;
-      transform: skew(33deg, 0deg);
-      padding: 0px 0px;
-      box-shadow: rgb(0 0 0 / 39%) 0px 1px 0px 0px;
-    }
-
-    .box_gbr {
-      border-radius: 5px 5px 83px 5px;
-      height: 200px;
-      object-fit: contain;
-      position: relative;
-      top: 0px;
-      left: 0%;
-      box-shadow: 0 3px 0px #ff9700, 0 3px 0px rgb(205 190 131);
-      overflow: hidden;
-      opacity: 0.7;
-    }
-
-
-    .card_status_completed:after {
-      background: #b47009;
-      background: -webkit-linear-gradient(to right, #155799, #159957);
-      background: linear-gradient(to right, #155799, #b47009);
-    }
-
-    .card .card_status {
-      position: absolute;
-      left: 0px;
-      top: 169px;
-      padding: 0px 0px;
-      font-size: 10px;
-      text-align: center;
-      color: #d5d5d5b5;
-      transition: all 0.5s ease;
-      text-transform: capitalize;
-      z-index: 1;
-      width: 132px;
-
-      overflow: auto;
-    }
-
-    .card .card_status span {
-      position: relative;
-      left: -6px;
-      top: 9px;
-    }
-
-    .card .card_tahun {
-      position: absolute;
-      right: 0px;
-      background: #1e2328;
-      font-weight: 600;
-      top: 6px;
-      padding: 2px 3px 2px 7px;
-      font-size: 11px;
-      text-align: center;
-      color: #ffffff;
-      border-radius: 10px 0px 0px 10px;
-      transition: all 0.5s ease;
-      /* text-shadow: 0px 1px 2px #000000d1; */
-      box-shadow: rgb(0 0 0 / 39%) 0px 1px 0px 0px;
-      text-transform: capitalize;
-    }
-  </style>
-  <div class="tab-content">
-    <div class="tab-pane active" id="home" role="tabpanel" aria-labelledby="home-tab">
-      <div class="row">
-        <div class="col-md-4">
-          <div class="card mb-4 border-dark " style="box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">
-            <div class="card_status card_status_completed" style-hover="background:green"><span>Februari - Maret
-                2022</span></div>
-            <div class=" box_gbr" tabindex="0" id="">
-              <img src="IMG/img.png" class="card-img-top" data-src="IMG/manpumpingchar.webp"
-                alt="Man. Pumping charity web program">
-            </div>
-            <div class="card-body">
-              <h5 class="card-title">Man. Pumping Charity</h5>
-              <p class="card-text" style="font-size: smaller;">Sebuah aplikasi web pengelolaan data SPT control, dana
-                kelola, member, basecamp, profit, inventaris, transaksi, kas, dan laporan yang kompleks dengan 3 sisi
-                user</p>
-
-              <a target="_blank" href="https://maulana-project122.000webhostapp.com/" class="btn btn-info btn-sm">Demo
-                <svg viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M19 3C20.1 3 21 3.9 21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19M8.7 8L10.8 10.1L7 14L9.8 16.8L13.6 12.9L15.7 15V8H8.7Z" />
-                </svg>
-              </a>
-              <button id="portofolio-manpumping" class="btn btn-info btn-sm in_view">Selengkapnya<svg
-                  viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M21.36,10.46L13.54,2.64C12.69,1.79 11.31,1.79 10.46,2.64L2.64,10.46C1.79,11.31 1.79,12.69 2.64,13.54L10.46,21.36C11.31,22.21 12.69,22.21 13.54,21.36L21.36,13.54C22.21,12.69 22.21,11.31 21.36,10.46M12,19L5,12L12,5L19,12L12,19M16.5,12L12,16.5L7.5,12L12,7.5L16.5,12Z" />
-                </svg></button>
-            </div>
-          </div>
-        </div>
-
-        <div class="col-md-4">
-          <div class="card mb-4 border-dark " style="box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">
-            <div class="card_status card_status_completed" style-hover="background:green"><span>Januari - Februari
-                2021</span></div>
-            <div class=" box_gbr" tabindex="0" id="">
-              <img src="IMG/img.png" class="card-img-top" data-src="IMG/webanime.webp"
-                alt="Website Video Anime yang sedang dikembangkan">
-            </div>
-            <div class="card-body">
-              <h5 class="card-title">Website Video Anime</h5>
-              <p class="card-text" style="font-size: smaller;">Sebuah Website single page pengelola link video /
-                template web didesain khusus untuk layanan video dari pihak ketiga</p>
-              <a target="_blank" href="https://maulanaproject1.000webhostapp.com/" class="btn btn-info btn-sm">Demo <svg
-                  viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M19 3C20.1 3 21 3.9 21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19M8.7 8L10.8 10.1L7 14L9.8 16.8L13.6 12.9L15.7 15V8H8.7Z" />
-                </svg></a>
-              <button id="portofolio-webanime" class="btn btn-info btn-sm in_view">Selengkapnya<svg viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M21.36,10.46L13.54,2.64C12.69,1.79 11.31,1.79 10.46,2.64L2.64,10.46C1.79,11.31 1.79,12.69 2.64,13.54L10.46,21.36C11.31,22.21 12.69,22.21 13.54,21.36L21.36,13.54C22.21,12.69 22.21,11.31 21.36,10.46M12,19L5,12L12,5L19,12L12,19M16.5,12L12,16.5L7.5,12L12,7.5L16.5,12Z" />
-                </svg></button>
-            </div>
-          </div>
-        </div>
-
-        <div class="col-md-4">
-          <div class="card mb-4 border-dark " style="box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">
-            <div class="card_status card_status_completed" style-hover="background:green"><span>Oktober - Desember
-                2019</span></div>
-            <div class=" box_gbr" tabindex="0" id="">
-              <img src="IMG/img.png" class="card-img-top" data-src="IMG/pwebazura.webp"
-                alt="sebuah website dari PT. Raya Azura Persada">
-            </div>
-            <div class="card-body">
-              <h5 class="card-title">Website RAP</h5>
-              <p class="card-text" style="font-size: smaller;">Merupakan sebuah website dari PT. Raya Azura Persada.
-                unik, simpel, dan user friendly</p>
-
-              <a target="_blank" href="https://salamnunggal.000webhostapp.com//" class="btn btn-info btn-sm">Demo <svg
-                  viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M19 3C20.1 3 21 3.9 21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19M8.7 8L10.8 10.1L7 14L9.8 16.8L13.6 12.9L15.7 15V8H8.7Z" />
-                </svg></a>
-              <button id="portofolio-websiteRAP" class="btn btn-info btn-sm in_view">Selengkapnya<svg
-                  viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M21.36,10.46L13.54,2.64C12.69,1.79 11.31,1.79 10.46,2.64L2.64,10.46C1.79,11.31 1.79,12.69 2.64,13.54L10.46,21.36C11.31,22.21 12.69,22.21 13.54,21.36L21.36,13.54C22.21,12.69 22.21,11.31 21.36,10.46M12,19L5,12L12,5L19,12L12,19M16.5,12L12,16.5L7.5,12L12,7.5L16.5,12Z" />
-                </svg></button>
-            </div>
-          </div>
-        </div>
-        <div class="col-md-4">
-          <div class="card mb-4 border-dark " style="box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">
-            <div class="card_status card_status_completed" style-hover="background:green"><span>September 2019</span>
-            </div>
-            <div class=" box_gbr" tabindex="0" id="">
-              <img src="IMG/img.png" class="target card-img-top" data-src="IMG/sipem.webp"
-                alt="pemberdayaan masyarakat seperti agenda">
-            </div>
-            <div class="card-body">
-              <h5 class="card-title">SIPEM Bankul</h5>
-              <p class="card-text" style="font-size: smaller;">Sebuah aplikasi berbasis desktop untuk pengelolaan data
-                pemberdayaan masyarakat seperti agenda, kegiatan atau acara validasi proposal dan lain-lain</p>
-              <a target="_blank" href="https://www.nyenang.com/2022/11/sipem-sistem-informasi-pemberdayan.html"
-                class="btn btn-info btn-sm">Selengkapnya <svg viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M19 3C20.1 3 21 3.9 21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19M8.7 8L10.8 10.1L7 14L9.8 16.8L13.6 12.9L15.7 15V8H8.7Z" />
-                </svg>
-              </a>
-            </div>
-          </div>
-        </div>
-        <div class="col-md-4">
-          <div class="card mb-4 border-dark " style="box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">
-            <div class="card_status card_status_completed" style-hover="background:green"><span>Juli - Agustus
-                2019</span></div>
-            <div class=" box_gbr" tabindex="0" id="">
-              <img src="IMG/img.png" class="target card-img-top" data-src="IMG/inventaris.webp" alt="Inventaris RAP">
-            </div>
-            <div class="card-body">
-              <h5 class="card-title">Inventaris RAP</h5>
-              <p class="card-text" style="font-size: smaller;">Sebuah aplikasi web pengelolaan data inventaris yang
-                terintegrasi dengan web PT. Raya Azura Persada</p>
-              <a target="_blank" href="https://inventaris-maulana.000webhostapp.com/master_gudang.php"
-                class="btn btn-info btn-sm">Demo <svg viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M19 3C20.1 3 21 3.9 21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19M8.7 8L10.8 10.1L7 14L9.8 16.8L13.6 12.9L15.7 15V8H8.7Z" />
-                </svg></a>
-              <button id="portofolio-inventarisRAP" class="btn btn-info btn-sm in_view">Selengkapnya<svg
-                  viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M21.36,10.46L13.54,2.64C12.69,1.79 11.31,1.79 10.46,2.64L2.64,10.46C1.79,11.31 1.79,12.69 2.64,13.54L10.46,21.36C11.31,22.21 12.69,22.21 13.54,21.36L21.36,13.54C22.21,12.69 22.21,11.31 21.36,10.46M12,19L5,12L12,5L19,12L12,19M16.5,12L12,16.5L7.5,12L12,7.5L16.5,12Z" />
-                </svg></button>
-            </div>
-          </div>
-        </div>
-
-        <div class="col-md-4">
-          <div class="card mb-4 border-dark " style="box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">
-            <div class="card_status card_status_completed" style-hover="background:green"><span>Maret - Maret
-                2019</span></div>
-            <div class=" box_gbr" tabindex="0" id="">
-              <img src="IMG/img.png" class="card-img-top" data-src="IMG/cashflow.webp" alt="Cashflow Proyek">
-            </div>
-            <div class="card-body">
-              <h5 class="card-title">Cashflow Proyek</h5>
-              <p class="card-text" style="font-size: smaller;">Sebuah aplikasi web untuk membantu estimasi pengeluaran
-                rencana dan aktual Proyek </p>
-              <a target="_blank" href="https://internetclanc.000webhostapp.com/" class="btn btn-info btn-sm">Demo <svg
-                  viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M19 3C20.1 3 21 3.9 21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19M8.7 8L10.8 10.1L7 14L9.8 16.8L13.6 12.9L15.7 15V8H8.7Z" />
-                </svg></a>
-              <button id="portofolio-cashflow" class="btn btn-info btn-sm in_view">Selengkapnya<svg viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M21.36,10.46L13.54,2.64C12.69,1.79 11.31,1.79 10.46,2.64L2.64,10.46C1.79,11.31 1.79,12.69 2.64,13.54L10.46,21.36C11.31,22.21 12.69,22.21 13.54,21.36L21.36,13.54C22.21,12.69 22.21,11.31 21.36,10.46M12,19L5,12L12,5L19,12L12,19M16.5,12L12,16.5L7.5,12L12,7.5L16.5,12Z" />
-                </svg></button>
-            </div>
-          </div>
-        </div>
-
-        <div class="col-md-4">
-          <div class="card mb-4 border-dark " style="box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">
-            <div class="card_status card_status_completed" style-hover="background:green"><span>Januari 2019</span>
-            </div>
-            <div class=" box_gbr" tabindex="0" id="">
-              <img src="IMG/img.png" class="card-img-top" data-src="IMG/siauptutc.webp"
-                alt="Sistem informasi peminjaman berbasis desktop">
-            </div>
-            <div class="card-body">
-              <h5 class="card-title">SIAU</h5>
-              <p class="card-text" style="font-size: smaller;">Sistem informasi peminjaman berbasis desktop yang dibuat
-                guna mempermudah pengelolaan alat ukur dibuat untuk memenuhi tugas skripsi</p>
-              <a target="_blank" href="https://www.nyenang.com/2022/11/sistem-informasi-peminjaman-alat-ukur.html"
-                class="btn btn-info btn-sm">Selengkapnya
-                <svg viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M19 3C20.1 3 21 3.9 21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19M8.7 8L10.8 10.1L7 14L9.8 16.8L13.6 12.9L15.7 15V8H8.7Z" />
-                </svg>
-              </a>
-            </div>
-          </div>
-        </div>
-
-        <div class="col-md-4">
-          <div class="card mb-4 border-dark " style="box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">
-            <div class="card_status card_status_completed" style-hover="background:green"><span>Agustus - agustus
-                2018</span></div>
-            <div class=" box_gbr" tabindex="0" id="">
-              <img src="IMG/img.png" class="card-img-top" data-src="IMG/siak.webp"
-                alt="Sebuah sistem informasi administrasi kependudukan untuk              mengelola data KTP + KK berbasis dekstop">
-            </div>
-            <div class="card-body">
-              <h5 class="card-title">SIAK Andir</h5>
-              <p class="card-text" style="font-size: smaller;">Sebuah sistem informasi administrasi kependudukan untuk
-                mengelola data KTP + KK berbasis dekstop</p>
-              <a target="_blank" href="https://www.nyenang.com/2022/10/sistem-informasi-administrasi.html"
-                class="btn btn-info btn-sm">Selengkapnya <svg viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M19 3C20.1 3 21 3.9 21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19M8.7 8L10.8 10.1L7 14L9.8 16.8L13.6 12.9L15.7 15V8H8.7Z" />
-                </svg></a>
-            </div>
-          </div>
-        </div>
-
-        <div class="col-md-4">
-          <div class="card mb-4 border-dark " style="box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">
-            <div class="card_status card_status_completed" style-hover="background:green"><span>April - April
-                2018</span></div>
-            <div class=" box_gbr" tabindex="0" id="">
-              <img src="IMG/img.png" class="card-img-top" data-src="IMG/osengmercon.webp"
-                alt="Sebuah aplikasi pengelola stok bahan makanan untuk multi              outlet berbasis web">
-            </div>
-            <div class="card-body">
-              <h5 class="card-title">Oseng Mercon</h5>
-              <p class="card-text" style="font-size: smaller;">Sebuah aplikasi pengelola stok bahan makanan untuk multi
-                outlet berbasis web</p>
-              <a target="_blank" href="https://internetclan.000webhostapp.com/" class="btn btn-info btn-sm">Demo <svg
-                  viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M19 3C20.1 3 21 3.9 21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19M8.7 8L10.8 10.1L7 14L9.8 16.8L13.6 12.9L15.7 15V8H8.7Z" />
-                </svg></a>
-              <button id="portofolio-osengmercon" class="btn btn-info btn-sm in_view">Selengkapnya<svg
-                  viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M21.36,10.46L13.54,2.64C12.69,1.79 11.31,1.79 10.46,2.64L2.64,10.46C1.79,11.31 1.79,12.69 2.64,13.54L10.46,21.36C11.31,22.21 12.69,22.21 13.54,21.36L21.36,13.54C22.21,12.69 22.21,11.31 21.36,10.46M12,19L5,12L12,5L19,12L12,19M16.5,12L12,16.5L7.5,12L12,7.5L16.5,12Z" />
-                </svg></button>
-            </div>
-          </div>
-        </div>
-
-        <div class="col-md-4">
-          <div class="card mb-4 border-dark " style="box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">
-            <div class="card_status card_status_completed" style-hover="background:green"><span>Maret 2018</span></div>
-            <div class=" box_gbr" tabindex="0" id="">
-              <img src="IMG/img.png" class="card-img-top" data-src="IMG/rabp1.webp"
-                alt="Aplikasi berbasis desktop yang terintegrasi dengan MAN.              KTR, untuk mengelola rancangan anggaran biaya proyek serta estimasi harga barang">
-            </div>
-            <div class="card-body">
-              <h5 class="card-title">RABP Man. QBarang</h5>
-              <p class="card-text" style="font-size: smaller;">Aplikasi berbasis desktop yang terintegrasi dengan MAN.
-                KTR, untuk mengelola rancangan anggaran biaya proyek serta estimasi harga barang </p>
-              <button id="portofolio-rabp" class="btn btn-info btn-sm in_view"> Selengkapnya <svg viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M21.36,10.46L13.54,2.64C12.69,1.79 11.31,1.79 10.46,2.64L2.64,10.46C1.79,11.31 1.79,12.69 2.64,13.54L10.46,21.36C11.31,22.21 12.69,22.21 13.54,21.36L21.36,13.54C22.21,12.69 22.21,11.31 21.36,10.46M12,19L5,12L12,5L19,12L12,19M16.5,12L12,16.5L7.5,12L12,7.5L16.5,12Z" />
-                </svg></button>
-            </div>
-          </div>
-        </div>
-
-        <div class="col-md-4">
-          <div class="card mb-4 border-dark " style="box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">
-            <div class="card_status card_status_completed" style-hover="background:green"><span>Januari - Maret
-                2018</span></div>
-            <div class=" box_gbr" tabindex="0" id="">
-              <img src="IMG/img.png" class="card-img-top" data-src="IMG/manktr.webp"
-                alt="Sebuah aplikasi berbasis web untuk pengelolaan data">
-            </div>
-            <div class="card-body">
-              <h5 class="card-title">Man. KTR</h5>
-              <p class="card-text" style="font-size: smaller;">Sebuah aplikasi berbasis web untuk pengelolaan data, baik
-                logistik, transaksi, karyawan dan info harga barang </p>
-              <a target="_blank" href="https://maulana-project10.000webhostapp.com/#popuplogin"
-                class="btn btn-info btn-sm">Demo <svg viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M19 3C20.1 3 21 3.9 21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19M8.7 8L10.8 10.1L7 14L9.8 16.8L13.6 12.9L15.7 15V8H8.7Z" />
-                </svg></a>
-              <button id="portofolio-manktr" class="btn btn-info btn-sm in_view">Selengkapnya<svg viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M21.36,10.46L13.54,2.64C12.69,1.79 11.31,1.79 10.46,2.64L2.64,10.46C1.79,11.31 1.79,12.69 2.64,13.54L10.46,21.36C11.31,22.21 12.69,22.21 13.54,21.36L21.36,13.54C22.21,12.69 22.21,11.31 21.36,10.46M12,19L5,12L12,5L19,12L12,19M16.5,12L12,16.5L7.5,12L12,7.5L16.5,12Z" />
-                </svg></button>
-            </div>
-          </div>
-        </div>
-        <div class="col-md-4">
-          <div class="card mb-4 border-dark " style="box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">
-            <div class="card_status card_status_completed" style-hover="background:green"><span>September 2017</span>
-            </div>
-            <div class=" box_gbr" tabindex="0" id="">
-              <img src="IMG/img.png" class="card-img-top" data-src="IMG/sbmart.webp"
-                alt="Aplikasi pengelolaan barang bedasarkan rak-rak pengelola">
-            </div>
-            <div class="card-body">
-              <h5 class="card-title">Bazar SBmart</h5>
-              <p class="card-text" style="font-size: smaller;">Aplikasi pengelolaan barang bedasarkan rak-rak pengelola
-                yang akan expired untuk dibazarkan</p>
-              <a target="_blank" href="https://www.nyenang.com/2022/11/aplikasi-bazar-sbmart-menggunakan.html"
-                class="btn btn-info btn-sm">Selengkapnya <svg viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M19 3C20.1 3 21 3.9 21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19M8.7 8L10.8 10.1L7 14L9.8 16.8L13.6 12.9L15.7 15V8H8.7Z" />
-                </svg></a>
-            </div>
-          </div>
-        </div>
-
-        <div class="col-md-4">
-          <div class="card mb-4 border-dark " style="box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">
-            <div class="card_status card_status_completed" style-hover="background:green"><span>Agustus - Agustus
-                2017</span></div>
-            <div class=" box_gbr" tabindex="0" id="">
-              <img src="IMG/img.png" class="card-img-top" data-src="IMG/webcommandcentre.webp"
-                alt="Website Command Centre untuk kecamatan Andir">
-            </div>
-            <div class="card-body">
-              <h5 class="card-title">Website Andir</h5>
-              <p class="card-text" style="font-size: smaller;">Website Command Centre untuk kecamatan Andir Bandung
-                untuk memenuhi tugas skripsi</p>
-              <a target="_blank" href="https://commandcenter-maulanaproject.000webhostapp.com/"
-                class="btn btn-info btn-sm">Demo <svg viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M19 3C20.1 3 21 3.9 21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19M8.7 8L10.8 10.1L7 14L9.8 16.8L13.6 12.9L15.7 15V8H8.7Z" />
-                </svg></a>
-              <button id="portofolio-webcommandcentre" class="btn btn-info btn-sm in_view">Selengkapnya<svg
-                  viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M21.36,10.46L13.54,2.64C12.69,1.79 11.31,1.79 10.46,2.64L2.64,10.46C1.79,11.31 1.79,12.69 2.64,13.54L10.46,21.36C11.31,22.21 12.69,22.21 13.54,21.36L21.36,13.54C22.21,12.69 22.21,11.31 21.36,10.46M12,19L5,12L12,5L19,12L12,19M16.5,12L12,16.5L7.5,12L12,7.5L16.5,12Z" />
-                </svg></button>
-            </div>
-          </div>
-        </div>
-
-      </div>
-
-    </div>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    <!-- ======================================================================================================================== START TAB 2 -->
-    <div class="tab-pane" id="profile" role="tabpanel" aria-labelledby="profile-tab">
-      <h2 style="text-align: center;">Kemampuan & Kompetensi</h2>
-
-      <h4 style="text-align: center;">Professional Skills</h4>
-      <div class="row mt-100">
-
-
-        <div class="keahlian-list">
-          <div id="DIGImar" class="bungkus-skil in_view">
-            <button class="btn btn-sm btn-primary "><i class="bi bi-eye-fill"></i><svg
-                xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye-fill"
-                viewBox="0 0 16 16">
-                <path d="M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z" />
-                <path d="M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8zm8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z" />
-              </svg></button>
-            <div class="bagi">
-              <div class="bagi-1">
-                <ul>
-                  <li>
-                    <div class="progress dgm23">
-                      <span class="progress-left"><span class="progress-bar"></span></span><span
-                        class="progress-right"><span class="progress-bar"></span></span>
-                      <div class="progress-value">65%</div>
-                    </div>
-                  </li>
-                  <li>
-                    <h4>Digital Marketing</h4>
-                  </li>
-                  <li>
-                    <span>On Going</span>
-                    <p>Terlatih dalam menggunakan media digital atau internet dengan tujuan untuk menarik konsumen atau
-                      calon konsumen secara cepat</p>
-                  </li>
-                </ul>
-              </div>
-              <div class="bagi-2">
-                <div class="b-chart-FIRST"><canvas id="chart-DGM"></canvas></div>
-                <script>
-                  var configchartDGM = {
-                    type: 'radar',
-                    data: {
-                      labels: ['Paid Advertising', 'Funneling Strategy', 'SEO / SEM', 'Social Media Marketing', 'Foreign language', 'Market research capabilities', 'Writing & Storytelling'],
-                      datasets: [{
-                        label: "DM Skills",
-                        data: [50, 85, 70, 80, 10, 90, 70],
-                        backgroundColor: 'rgba(99, 211, 255, 0.2)',
-                        borderColor: '#00f1ff',
-                        pointBackgroundColor: '#00f1ff',
-                        pointBorderColor: '#fff',
-                        pointHoverBackgroundColor: '#fff',
-                        pointHoverBorderColor: '#00f1ff'
-                      }, {
-                        label: '',
-                        data: [0, 0, 0, 0, 0, 0],
-                      }]
-                    },
-                    options: {
-                      legend: {
-                        display: false
-                      },
-                      scale: {
-                        gridLines: {
-                          color: ['#d4d4d4']
-                        }
-                      }
-                    }
-                  };
-                  var chartDGM = document.getElementById("chart-DGM");
-                  new Chart(chartDGM, configchartDGM);
-                  Chart.defaults.global.defaultFontColor = '#cccccc';
-                </script>
-              </div>
-            </div>
-          </div>
-        </div>
-
-
-        <div class="keahlian-list">
-          <div id="DataAnalytic" class="bungkus-skil in_view">
-            <span class="k-tgl">16 NOV 2022</span>
-            <button class="btn btn-sm btn-primary in_view"><i class="bi bi-eye-fill"></i><svg
-                xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye-fill"
-                viewBox="0 0 16 16">
-                <path d="M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z" />
-                <path d="M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8zm8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z" />
-              </svg></button>
-            <ul>
-              <li>
-                <div class="progress DAytc">
-                  <span class="progress-left"><span class="progress-bar"></span></span><span
-                    class="progress-right"><span class="progress-bar"></span></span>
-                  <div class="progress-value">72%</div>
-                </div>
-              </li>
-              <li>
-                <b class="hh4"></b>
-                <h4>Data Analytic </h4>
-              </li>
-              <li>
-                <p>Ulet ketika menganalisa, sehingga teliti dalam menyajikan dan menginterpretasikan Data dengan sangat
-                  baik</p>
-              </li>
-            </ul>
-          </div>
-        </div>
-
-        <div class="keahlian-list">
-          <div id="ManajemenData" class="bungkus-skil in_view">
-            <span class="k-tgl">15 Okt 2018</span>
-            <button class="btn btn-sm btn-primary in_view"><i class="bi bi-eye-fill"></i><svg
-                xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye-fill"
-                viewBox="0 0 16 16">
-                <path d="M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z" />
-                <path d="M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8zm8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z" />
-              </svg></button>
-            <ul>
-              <li>
-                <div class="progress manajementdata">
-                  <span class="progress-left"><span class="progress-bar"></span></span><span
-                    class="progress-right"><span class="progress-bar"></span></span>
-                  <div class="progress-value">89%</div>
-                </div>
-              </li>
-              <li>
-                <b class="hh4"></b>
-                <h4>Manajemen Informatika</h4>
-              </li>
-              <li>
-                <p>Mampu membangun, merancang dan mengembangkan sebuah sistem software dan juga Aplikasi Berbasis WEB.
-                  Melakukan analisis secara menyeluruh pada sistem komputer. Mengelola, merapikan data-data agar sumber
-                  data tetap aktual. Pelayanan konsultasi di bidang IT dan menyusun rancangan jaringan komputer</p>
-              </li>
-            </ul>
-          </div>
-        </div>
-
-        <div class="keahlian-list">
-          <div id="EngineringInformationSystem" class="bungkus-skil in_view">
-            <span class="k-tgl">29 Nov 2017</span>
-            <button class="btn btn-sm btn-primary in_view"><i class="bi bi-eye-fill"></i><svg
-                xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye-fill"
-                viewBox="0 0 16 16">
-                <path d="M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z" />
-                <path d="M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8zm8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z" />
-              </svg></button>
-            <ul>
-              <li>
-                <div class="progress eis">
-                  <span class="progress-left"><span class="progress-bar"></span></span><span
-                    class="progress-right"><span class="progress-bar"></span></span>
-                  <div class="progress-value">98%</div>
-                </div>
-              </li>
-              <li>
-                <b class="hh4"></b>
-                <h4>Engineering Information System </h4>
-              </li>
-              <li>
-                <p>Cakap dalam membuat algoritma, menulis atau membuat dokumen kode pemograman yang terstruktur dan
-                  Tangkas dalam mengoprasikan aplikasi basis data</p>
-              </li>
-            </ul>
-          </div>
-        </div>
-
-        <div class="keahlian-list">
-          <div id="MircrosoftOfficeSpecialist" class="bungkus-skil in_view">
-            <span class="k-tgl">18 Nov 2017</span>
-            <button class="btn btn-sm btn-primary in_view"><i class="bi bi-eye-fill"></i><svg
-                xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye-fill"
-                viewBox="0 0 16 16">
-                <path d="M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z" />
-                <path d="M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8zm8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z" />
-              </svg></button>
-            <ul>
-              <li>
-                <div class="progress office">
-                  <span class="progress-left"><span class="progress-bar"></span></span><span
-                    class="progress-right"><span class="progress-bar"></span></span>
-                  <div class="progress-value">90%</div>
-                </div>
-              </li>
-              <li>
-                <b class="hh4"></b>
-                <h4>Mircrosoft Office Specialist </h4>
-              </li>
-              <li>
-                <p>Menguasai fitur dan fungsionalitas lengkap Microsoft Office, mulai dari Excel, Word, Power Point,
-                  Publisher, Acces dan telah memiliki sertifikasi yang dikeluarkan oleh Certiport, Kredensial yang
-                  diakui secara global</p>
-              </li>
-            </ul>
-          </div>
-        </div>
-
-        <div class="keahlian-list">
-          <div id="InformationTechnologyNetwork" class="bungkus-skil in_view">
-            <span class="k-tgl">02 Des 2016</span>
-            <button class="btn btn-sm btn-primary in_view"><i class="bi bi-eye-fill"></i><svg
-                xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye-fill"
-                viewBox="0 0 16 16">
-                <path d="M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z" />
-                <path d="M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8zm8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z" />
-              </svg></button>
-            <ul>
-              <li>
-                <div class="progress itn">
-                  <span class="progress-left"><span class="progress-bar"></span></span><span
-                    class="progress-right"><span class="progress-bar"></span></span>
-                  <div class="progress-value">90%</div>
-                </div>
-              </li>
-              <li>
-                <b class="hh4"></b>
-                <h4>Information Technology Network </h4>
-              </li>
-              <li>
-                <p>Lihai membuat jaringan lokal, dan nirkabel dan juga Terampil melaksanakan prosedur perawatan serta
-                  menyelenggarakan adm sistem jaringan, maupun menginstal sumber daya berbagi pada jaringan</p>
-              </li>
-            </ul>
-          </div>
-        </div>
-
-        <div class="keahlian-list">
-          <div id="InformationTechnologySupport" class="bungkus-skil in_view">
-            <span class="k-tgl">28 Okt 2015</span>
-            <button class="btn btn-sm btn-primary in_view"><i class="bi bi-eye-fill"></i><svg
-                xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye-fill"
-                viewBox="0 0 16 16">
-                <path d="M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z" />
-                <path d="M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8zm8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z" />
-              </svg></button>
-            <ul>
-              <li>
-                <div class="progress its">
-                  <span class="progress-left"><span class="progress-bar"></span></span><span
-                    class="progress-right"><span class="progress-bar"></span></span>
-                  <div class="progress-value">92%</div>
-                </div>
-              </li>
-              <li>
-                <b class="hh4"></b>
-                <h4>Information Technology Support </h4>
-              </li>
-              <li>
-                <p>Mahir dalam mengidentifikasi, memasang perlengkapan, mengoprasikan perangkat komputer, dan melakukan
-                  instalasi jaringan serta instalasi operating system</p>
-              </li>
-            </ul>
-          </div>
-        </div>
-      </div>
-      <script>
-        $('.keahlian-list').hover(function () {
-          var $this = $(this).find(".progress-value");
-          $this.data('defaultText', $this.text());
-          $this.text("Open");
-          $(this).find(".progress-value").css('background', 'rgba(0,231,255,0.12)');
-        },
-          function () {
-            var $this = $(this).find(".progress-value"); // caching $(this)
-            $this.text($this.data('defaultText'));
-            $(this).find(".progress-value").css('background', '#ffffff1f');
-          }
-        );
-      </script>
-
-      <div class="skill">
-        <table>
-          <tr>
-            <td>
-              <h2>Programming Skills</h2>
-            </td>
-          </tr>
-          <tr>
-            <td>
-              <div class="container">
-                <div class="skills html"><i>HTML - HyperText Markup Language </i> 99%</div>
-              </div>
-              <div class="container">
-                <div class="skills css"><i>CSS - Cascading Style Sheet</i> 90%</div>
-              </div>
-            </td>
-          </tr>
-          <tr>
-            <td>
-              <div class="b-chart-Skills-Programming">
-                <h3>Programming language</h3>
-                <div class="posisichart-Programming"><canvas id="chart-Skills-Programming-language"></canvas></div>
-              </div>
-              <script>DatasetsProgramminglanguage = [94, 60, 40, 80]; var ctxProgramminglanguage = document.getElementById("chart-Skills-Programming-language"); var myChartctxProgrammingskil = new Chart(ctxProgramminglanguage, { type: 'bar', data: { labels: ['PHP', 'Javascript', 'Java', 'Visual Basic .NET'], datasets: [{ label: 'Result', fill: false, data: DatasetsProgramminglanguage, backgroundColor: ['rgba(255, 99, 132, 0.2)', 'rgba(255, 159, 64, 0.2)', 'rgba(255, 205, 86, 0.2)', 'rgba(75, 192, 192, 0.2)'], borderColor: ['rgb(255, 99, 132)', 'rgb(255, 159, 64)', 'rgb(255, 205, 86)', 'rgb(75, 192, 192)'], borderWidth: 1 }] }, options: { scales: { yAxes: [{ ticks: { beginAtZero: true } }] }, responsive: true, tooltips: { callbacks: { labelColor: function (tooltipItem, chart) { return { borderColor: 'rgb(255, 0, 20)', backgroundColor: 'rgb(255,20, 0)' } } } }, legend: { display: false }, } });</script>
-
-              <div class="b-chart-Skills-Programming">
-                <h3>Database</h3>
-                <div class="posisichart-Programming"><canvas id="chart-Skills-database"></canvas></div>
-                <script>Datasetsdatabase = [95, 30, 60]; var ctxProgrammingDatabase = document.getElementById("chart-Skills-database"); var myChartctxProgrammingskil = new Chart(ctxProgrammingDatabase, { type: 'pie', data: { labels: ['MYSQL', 'MS. SQL Server', 'Access'], datasets: [{ label: 'Result', fill: true, data: Datasetsdatabase, backgroundColor: ['rgba(255, 99, 132, 0.2)', 'rgba(75, 192, 192, 0.2)', 'rgba(255, 159, 64, 0.2)'], borderColor: ['rgb(255, 99, 132)', 'rgb(255, 159, 64)', 'rgb(255, 205, 86)', 'rgb(75, 192, 192)'], borderWidth: 1 }] }, options: { responsive: true, tooltips: { callbacks: { labelColor: function (tooltipItem, chart) { return { borderColor: 'rgb(255, 0, 20)', backgroundColor: 'rgb(255,20, 0)' } } } }, legend: { display: true }, } });</script>
-            </td>
-          </tr>
-          <tr>
-            <td>
-              <div class="b-chart-Skills-Programming">
-                <h3>Frequently used technologies stack</h3>
-                <div class="posisichart-Programming"><canvas id="chart-Skills-frameworkorlbr"></canvas></div>
-              </div>
-              <script>Datasetsframeworkorlbr = [80, 90, 60, 50, 30, 60, 80]; var ctxframeworkorlbr = document.getElementById("chart-Skills-frameworkorlbr"); var myChartctxProgrammingskil = new Chart(ctxframeworkorlbr, { type: 'bar', data: { labels: ['jQuery', 'Bootstrap', 'Chartjs', 'Highchart', 'Code igniter', 'Pusher', 'Slickjs'], datasets: [{ label: 'Result', fill: false, data: Datasetsframeworkorlbr, backgroundColor: ['rgba(255, 99, 132, 0.2)', 'rgba(255, 159, 64, 0.2)', 'rgba(255, 205, 86, 0.2)', 'rgba(75, 192, 192, 0.2)', 'rgba(75, 192, 76, 0.2)', 'rgba(56, 24, 167, 0.2)', 'rgba(240, 41, 144, 0.13)'], borderColor: ['rgb(255, 99, 132)', 'rgb(255, 159, 64)', 'rgb(255, 205, 86)', 'rgb(75, 192, 192)', '#65cc00', 'rgb(133, 0, 255)', 'rgba(240, 41, 144, 1)'], borderWidth: 1 }] }, options: { scales: { yAxes: [{ ticks: { beginAtZero: true } }] }, responsive: true, tooltips: { callbacks: { labelColor: function (tooltipItem, chart) { return { borderColor: 'rgb(255, 0, 20)', backgroundColor: 'rgb(255,20, 0)' } } } }, legend: { display: false }, } });</script>
-
-              <div class="b-chart-Skills-Programming">
-                <h3>Programming Desktop Tools</h3>
-                <div class="posisichart-Programming"><canvas id="chart-Skills-DeskTools"></canvas></div>
-              </div>
-              <script>var configchartDeskTools = { type: 'radar', data: { labels: ['Visual Studio Code', 'Sublime Text', 'Microsoft Visual Studio', 'Netbeans', 'Android Studio', 'Crystal Report'], datasets: [{ label: "DT Skills", data: [70, 80, 90, 60, 30, 85], backgroundColor: 'rgba(255, 99, 132, 0.2)', borderColor: 'rgb(255, 99, 132)', pointBackgroundColor: 'rgb(255, 99, 132)', pointBorderColor: '#fff', pointHoverBackgroundColor: '#fff', pointHoverBorderColor: 'rgb(255, 99, 132)' }, { label: '', data: [0, 0, 0, 0, 0, 0], }] }, options: { legend: { display: false }, scale: { gridLines: { color: ['#d4d4d4'] } } } }; var chartDeskTools = document.getElementById("chart-Skills-DeskTools"); new Chart(chartDeskTools, configchartDeskTools); </script>
-            </td>
-          </tr>
-        </table>
-      </div>
-
-
-      <div class="skill">
-        <table>
-          <tr>
-            <td>
-              <h2>Technical and Other Skills</h2>
-            </td>
-          </tr>
-          <tr>
-            <td>
-
-              <div class="container">
-                <div class="skills js"><i>Build a Mikrotik Network</i> 85%</div>
-              </div>
-              <div class="container">
-                <div class="skills php"><i>Google Office</i> 90%</div>
-              </div>
-              <div class="container">
-                <div class="skills jquery"><i>Adobe Photoshop</i> 90%</div>
-              </div>
-
-              <div class="container">
-                <div class="skills vb"><i>Adobe Priemere</i> 70%</div>
-              </div>
-              <div class="container">
-                <div class="skills java"><i>Sony Vegas</i> 90%</div>
-              </div>
-
-            </td>
-          </tr>
-        </table>
-      </div>
-    </div>
-
-
-
-
-
-
-    <!-- ======================================================================================================================== START TAB 3 -->
-    <div class="tab-pane" id="messages" role="tabpanel" aria-labelledby="messages-tab">
-      <style type="text/css">
-        .pendidikan {
-          width: 100%;
-          display: flex;
-        }
-
-        .pendidikan .pendidikan-bagi {
-          width: 50%;
-        }
-
-        .pendidikan .pendidikan-bagi h2 {
-          color: white;
-        }
-
-        .pendidikan .pendidikan-bagi .ULLastActivity {
-          border-left: 1px solid #4848488f;
-          margin-left: 3%;
-          padding-left: 2%;
-          list-style: none;
-        }
-
-        .pendidikan .pendidikan-bagi .ULLastActivity li {
-          margin: 0px 0px 1% 0px;
-          background: #0084c30d;
-          padding: 2%;
-          cursor: pointer;
-        }
-
-        .pendidikan .pendidikan-bagi .ULLastActivity li:hover {
-          background: #0084c34a;
-        }
-
-        .pendidikan .pendidikan-bagi .ULLastActivity li span:nth-child(1) {
-          padding: 1px 5px 1px 0px;
-          border-radius: 5px;
-          font-size: small;
-          color: #cdbe91;
-        }
-
-        .pendidikan .pendidikan-bagi .ULLastActivity li span:nth-child(2) {
-          background: rgb(255 255 255 / 0%);
-          padding: 1px 5px 1px 5px;
-          border-radius: 3px;
-          font-size: small;
-          color: #cdbe91;
-          border: 2px solid #cdbe91;
-        }
-
-        .pendidikan .pendidikan-bagi .ULLastActivity li h4 {
-          font-size: large;
-          padding: 0;
-          margin: 4px 0px 0px 0px;
-        }
-
-        ul.timeline {
-          color: #adadad;
-          list-style-type: none;
-          position: relative;
-        }
-
-        ul.timeline:before {
-          content: ' ';
-          background: #d4d9df;
-          display: inline-block;
-          position: absolute;
-          left: 29px;
-          width: 2px;
-          height: 100%;
-          z-index: 400;
-        }
-
-        ul.timeline>li {
-          margin: 30px 0;
-          padding: 0px 3% 0px 4px;
-        }
-
-        ul.timeline>li:before {
-          content: ' ';
-          background: white;
-          display: inline-block;
-          position: absolute;
-          border-radius: 50%;
-          border: 3px solid #22c0e8;
-          left: 20px;
-          width: 20px;
-          height: 20px;
-          z-index: 400;
-        }
-
-        ul.timeline>li span {
-          color: #727272;
-        }
-
-        ul.timeline>li ul li ul li {
-          margin: 0% 0% 0.5% 0%;
-        }
-
-        ul.timeline>li p {
-          text-align: justify;
-        }
-      </style>
-      <div class="pendidikan">
-        <div class="pendidikan-bagi">
-          <h2>Riwayat Pendidikan</h2>
-          <div class="row">
-            <div class="">
-              <ul class="timeline">
-                <li>
-                  <span>September 2014 - Oktober 2018</span>
-                  <a href="#" class="float-right"> </a>
-                  <h3> <a target="_blank" href="https://www.piksi.ac.id/">Politeknik Piksi Ganesha Bandung</a></h3>
-                  <h5>DIV Manajemen Informatika - IPK 3.09</h5>
-                  <button class="btn btn-outline-primary btn-sm in_view" id="LihatIjazah">Lihat Ijazah</button>
-                  <button class="btn btn-outline-primary btn-sm in_view" id="KeteranganLulus">Keterangan Lulus</button>
-                  <button class="btn btn-outline-primary btn-sm in_view" id="SKHUN-PIKSI">Rekap Nilai</button>
-                  <ul style="margin-top: 1%;">
-                    <li>
-                      <p>Setiap masuk kuliah saya ditantang untuk menempuh 60 km perjalanan dari rumah sampai kampus
-                        dengan
-                        menggunakan sepeda motor, diperlukan waktu kurang lebih 2-3 jam untuk sampai dan itu saya
-                        lakukan
-                        konsisten selama 4 tahun.</p>
-                    </li>
-                    <li>
-                      <p>Saya aktif mengikuti seminar dan kompetensi, selama kuliah</p>
-                      <ul>
-                        <li><button class="btn btn-info btn-sm in_view" id="CALLFORPAPER">Seminar Nasional dan Call For
-                            Paper Information Technology & Computer</button> </li>
-                        <li><button class="btn btn-info btn-sm in_view" id="TOEIC">Sertifikasi TOEIC</button> </li>
-                        <li><button class="btn btn-info btn-sm in_view" id="ORACLE">Introduction to Big Data : Limitless
-                            Possibilities</button> </li>
-                        <li><button class="btn btn-info btn-sm in_view" id="EKSIS2017">Ekonomi Kesehatan Sistem
-                            Informasi
-                            Bisnis (EKSIS) 2017</button> </li>
-                        <li><button class="btn btn-info btn-sm in_view" id="PICKS2016">Piksi International Conference on
-                            Knowledge and Sciences (PICKS) 2016</button></li>
-                      </ul>
-                    </li>
-                  </ul>
-                </li>
-
-                <li style="margin-top: 5%;">
-                  <span>Juli 2011 - Mei 2014</span>
-                  <a href="#" class="float-right"> </a>
-                  <h3> <a target="_blank" href="https://goo.gl/maps/LE4vZkz2FK5UE2aa8">Madrasah Aliyah Muslimin
-                      Cipeundeuy</a></h3>
-                  <h5>Jurusan Ilmu Pengetahuan Sosial (IPS)</h5>
-                  <button class="btn btn-outline-primary btn-sm in_view" id="LihatIjazah-MA">Lihat Ijazah</button>
-                  <button class="btn btn-outline-primary btn-sm in_view" id="SKHUN-MA">SKHUN</button>
-                  <ul style="margin-top: 1%;">
-                    <li>
-                      <p>Pernah mewakili sekolah dalam mengikuti lomba catur tingkat kecamatan.</p>
-                    </li>
-                    <li>
-                      <p>Mengikuti organisasi IKRIMA sebagai anggota</p>
-                    </li>
-                  </ul>
-                </li>
-
-                <li style="margin-top: 5%;">
-                  <span>2007 - Juni 2011</span>
-                  <a href="#" class="float-right"> </a>
-                  <h3> <a target="_blank"
-                      href="https://www.google.com/maps/place/6%C2%B044'17.4%22S+107%C2%B021'49.8%22E/@-6.7381707,107.3632978,19z/data=!3m1!4b1!4m6!3m5!1s0x0:0x14e44832bcfe5168!7e2!8m2!3d-6.7381721!4d107.3638448">Madrasah
-                      Tsanawiyah Muslimin Cipeundeuy</a></h3>
-
-                  <button class="btn btn-outline-primary btn-sm in_view" id="LihatIjazah-MTS">Lihat Ijazah</button>
-                  <button class="btn btn-outline-primary btn-sm in_view" id="SKHUN-MTS">SKHUN</button>
-                  <ul style="margin-top: 1%;">
-                    <li>
-                      <p>2.5 Tahun pernah mondok di <a target="_blank"
-                          href="https://goo.gl/maps/pVkRSEpvG6P3rp147">PONPES
-                          SABIILUNNAJA</a> dimulai kelas 1 sampai kelas 3 MTS</p>
-                    </li>
-
-                  </ul>
-                </li>
-
-                <li style="margin-top: 5%;">
-                  <span>2002 - 2007</span>
-                  <a href="#" class="float-right"> </a>
-                  <h3> <a target="_blank" href="https://goo.gl/maps/9cN6afUvH75b69y4A">Madrasah Ibtidaiyah Nyenang</a>
-                  </h3>
-
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-        <div class="pendidikan-bagi">
-          <h2>Latest</h2>
-          <ul class="ULLastActivity">
-            <li id="Course-DigitalMarketing" class="in_view "><span>OnGoing</span><span>Kursus</span>
-              <h4>Digital Marketing Kelas Professional</h4><span><a target="_blank"
-                  href="https://jabarcodingcamp.jabarprov.go.id/">Candradimuka Jabar Coding Camp</a></span>
-            </li>
-            <li id="Course-RevouMiniCourseDataAnalytics" class="in_view "><span>2022/11/16</span><span>Kursus</span>
-              <h4>Revou Mini Course Data Analytics</h4><span><a target="_blank"
-                  href="https://revou.co/">RevoU</a></span>
-            </li>
-            <li id="Course-BelajarPrinsipPemrogramanSOLID" class="in_view "><span>2022/11/11</span><span>Kursus</span>
-              <h4>Belajar Prinsip Pemrograman SOLID</h4><span><a target="_blank"
-                  href="https://www.dicoding.com/">Dicoding Indonesia</a></span>
-            </li>
-            <li id="Course-BukitAlgoritmadanMasaDepanTeknologiDatadiIndonesia" class="in_view ">
-              <span>2021/10/02</span><span>Webinar</span>
-              <h4>Bukit Algoritma dan Masa Depan Teknologi Data di Indonesia</h4><span><a target="_blank"
-                  href="https://www.instagram.com/taudata.analytics/">taudata</a></span>
-            </li>
-          </ul>
-        </div>
-      </div>
-    </div>
-
-    <!-- ======================================================================================================================== START TAB 4 -->
-    <style type="text/css">
-      .media {
-        color: #adadad;
-      }
-    </style>
-    <div class="tab-pane" id="settings" role="tabpanel" aria-labelledby="settings-tab">
-      <div class="row">
-        <div class="col-12">
-          <div class="media  p-3 flex-column flex-md-row">
-            <img src="IMG/img.png" data-src="IMG/rap.webp" alt="#" class="mr-3 rounded-circle" alt="logo rap"
-              style="width: 50px;    background: #e3e3e3;    border-radius: 50%;    padding: 6px; ">
-            <div class="media-body align-self-center">
-              <h4><a target="_blank" href="https://goo.gl/maps/TLHgSqZvYX9LZ94c9">PT. Raya Azura Persada</a></h4>
-              <small>
-                <p>Januari 2020 - Sekarang (Pesanggrahan, Jakarta Selatan)</p>
-              </small>
-              <h5>Administrative Officer</h5>
-              <ul>
-                <li>Menyiapkan serta memvalidasi data-data perusahaan serta mengorganisasi kelengkapan dokumen untuk
-                  proses Tender Proyek dan persyaratan lainnya yang berkaitan dengan perizinan</li>
-                <li>Bertanggung jawab mengelola dan mengarsipkan dokumen kelengkapan kebutuhan legalitas perusahaan,
-                  baik yang bentuknya fisik atau digital</li>
-                <li>Memanipulasi data statistik, apabila ada tuntutan dari atasan atau situasi yang mendesak</li>
-                <li>Mengelola setiap surat yang keluar ataupun masuk ke perusahaan</li>
-                <li>Bertanggung jawab dalam pengelolaan peralatan dan kelengkapan inventaris perusahaan</li>
-                <li>Mengoperasikan peralatan mesin fotokopi, mesin faks, printer, dan sebagainya</li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="row">
-        <div class="col-12">
-          <div class="media  p-3 flex-column flex-md-row">
-            <img src="IMG/img.png" data-src="IMG/rap.webp" alt="#" class="mr-3 rounded-circle" alt="logo rap"
-              style="width: 50px;    background: #e3e3e3;    border-radius: 50%;    padding: 6px;">
-            <div class="media-body align-self-center">
-              <h4><a target="_blank" href="https://goo.gl/maps/TLHgSqZvYX9LZ94c9">PT. Raya Azura Persada</a></h4>
-              <small>
-                <p>Januari 2018 - Desember 2019 (Pesanggrahan, Jakarta Selatan)</p>
-              </small>
-              <button class="btn btn-info btn-sm in_view" id="SuketKerjaRAP">Surat Keterangan</button>
-              <h5>IT Support</h5>
-              <ul>
-                <li>Mendevelop website perusahaan berbasis PHP dengan database Mysql dan mengoprasikannya </li>
-                <li>Membuat Aplikasi Inventaris peralatan dan barang berbasis WEB yang terintegrasi dengan website
-                  perusahaan dan mengoprasikannya</li>
-                <li>Mendevelop Aplikasi management kantor, accounting, kepegawaian, Logistik local LAN berbasis WEB dan
-                  mengimplementasikannya..</li>
-                <li>Membuat aplikasi Logistik berbasis Dekstop terintegrasi dengan Aplikasi WEB Local Lan</li>
-                <li>Membantu setiap senior karyawan perusahaan terkait masalah software, hardware dan Mengkoordinasikan
-                  ruang kerja serta hal-hal yang berkaitan dengan informasi teknologi juga persiapan meeting</li>
-                <li>Membantu mengurus dokumen perusahaan, disposisi surat, baik yang bentuknya fisik atau digital dan
-                  menyiapkan data-data legalitas perusahaan untuk proses Tender Proyek</li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="row">
-        <div class="col-12">
-          <div class="media  p-3 flex-column flex-md-row">
-            <img src="IMG/img.png" data-src="IMG/kbk.webp" alt="#" class="mr-3 rounded-circle"
-              alt="logo pemerintah bandung"
-              style="width: 50px;    background: #e3e3e3;    border-radius: 50%;    padding: 6px;">
-            <div class="media-body align-self-center">
-              <h4><a target="_blank" href="https://twitter.com/KecBankul">Kantor Kecamatan Bandung Kulon</a></h4>
-              <small>
-                <p>Oktober 2017 - Desember 2017 (Bandung kulon, Kota Bandung)</p>
-              </small>
-              <button class="btn btn-info btn-sm in_view" id="Pengantar">Pengantar</button>
-              <button class="btn btn-info btn-sm in_view" id="Absen">Absen</button>
-              <h5>Praktek Kerja Lapangan Rolling Staff Kepala Sub Bagian (KASUBAG)</h5>
-              <ul>
-                <li>Membantu mengolah data penduduk pada setiap kelurahan, Update media sosial di KASUBAG Command Centre
-                </li>
-                <li>Membantu Acara Sosialisasi masyarakat serta mendokumentasikan dan membuat notulen pada setiap acara
-                  yang berlangsung di KASUBAG Unit Pemberdayaan Masyarakat</li>
-                <li>Membantu Disposisi Surat di KASUBAG Unit Kepegawaian</li>
-                <li>Membantu mengolah permintaan, Perubahan, data KTP, Kartu Keluarga di KASUBAG Unit Pelayanan</li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-
-
-  </div>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <!-- ====================================================================================================== START contactform -->
-  <style>
-    /*=== Trigger  ===*/
-    .animasikan {
-      -webkit-animation-duration: 1s;
-      animation-duration: 1s;
-      -webkit-animation-fill-mode: both;
-      animation-fill-mode: both;
-    }
-
-    /*=== FADE IN DOWN ===*/
-    .fadeInDown {
-      -webkit-animation-name: fadeInDown;
-      animation-name: fadeInDown;
-    }
-
-    @-webkit-keyframes fadeInDown {
-      0% {
-        opacity: 0;
-        -webkit-transform: translate3d(0, -100%, 0);
-        transform: translate3d(0, -100%, 0);
-      }
-
-      100% {
-        opacity: 1;
-        -webkit-transform: none;
-        transform: none;
-      }
-    }
-
-    @keyframes fadeInDown {
-      0% {
-        opacity: 0;
-        -webkit-transform: translate3d(0, -100%, 0);
-        transform: translate3d(0, -100%, 0);
-      }
-
-      100% {
-        opacity: 1;
-        -webkit-transform: none;
-        transform: none;
-      }
-    }
-
-    /*==== FADE IN UP ===*/
-    @-webkit-keyframes fadeInUp {
-      from {
-        opacity: 1;
-        -webkit-transform: none;
-        transform: none;
-      }
-
-      to {
-        opacity: 0;
-        -webkit-transform: translate3d(0, 100%, 0);
-        transform: translate3d(0, 100%, 0);
-      }
-    }
-
-    @keyframes fadeInUp {
-      from {
-        opacity: 1;
-        -webkit-transform: none;
-        transform: none;
-      }
-
-      to {
-        opacity: 0;
-        -webkit-transform: translate3d(0, 100%, 0);
-        transform: translate3d(0, 100%, 0);
-      }
-    }
-
-    .fadeInUp {
-      -webkit-animation-name: fadeInUp;
-      animation-name: fadeInUp;
-      display: none;
-    }
-  </style>
-  <div id="ContactForm">
-
-  </div>
-  <script>
-    $(document).on('click', '.plugin-ContactForm', function () {
-      $('#ContactForm').html();
-      $('#ContactForm').load("plugin-ContactForm.html");
-    });
-
-    $(document).on('click', '.screen-header-button ', function () {
-      $('.background-style-linux').removeClass("fadeInDown").addClass("fadeInUp");
-    });
-  </script>
-
-  <!-- ====================================================================================================== START Inview klik open -->
-
-  <style type="text/css">
-    #loader-line {
-      height: 3px;
-      position: relative;
-      overflow: hidden;
-      background-color: #ddd;
-      margin: auto;
-      -webkit-border-radius: 20px;
-      -moz-border-radius: 20px;
-      border-radius: 20px;
-    }
-
-    #loader-line:before {
-      content: "";
-      position: absolute;
-      left: -50%;
-      height: 3px;
-      width: 40%;
-      background-color: #00b2ff;
-      -webkit-animation: lineAnim 1s linear infinite;
-      -moz-animation: lineAnim 1s linear infinite;
-      animation: lineAnim 1s linear infinite;
-      -webkit-border-radius: 20px;
-      -moz-border-radius: 20px;
-      border-radius: 20px;
-    }
-
-    @keyframes lineAnim {
-      0% {
-        left: -40%;
-      }
-
-      50% {
-        left: 20%;
-        width: 80%;
-      }
-
-      100% {
-        left: 100%;
-        width: 100%;
-      }
-    }
-
-    /* end css loading......... */
-    .in_view {
-      cursor: pointer;
-    }
-
-    #in_view_form {
-      display: none;
-      /* transition: all 0.3s ease-out; */
-      border-radius: 20px;
-      background: #ebebeb2e;
-      backdrop-filter: blur(15px);
-      overflow: auto;
-      z-index: 999;
-      position: fixed;
-      top: -100%;
-      right: 0;
-      left: 0;
-      bottom: 0;
-      width: 98%;
-      height: 92%;
-      margin: 2% auto;
-      padding: 2%;
-      box-shadow: rgb(0 0 0 / 18%) -1px 1px 17px 7px;
-    }
-
-    .close-button {
-      width: 30px;
-      height: 30px;
-      border-radius: 50%;
-      background: #3e3e3e;
-      right: 1%;
-      top: 1%;
-      position: absolute;
-      display: block;
-      z-index: 200;
-      text-indent: -9999px;
-      box-shadow: rgb(0 243 255) 0px 0px 0px 2px;
-      border: none;
-    }
-
-    .close-button:before,
-    .close-button:after {
-      content: '';
-      width: 55%;
-      height: 2px;
-      background: #fff;
-      position: absolute;
-      top: 48%;
-      left: 22%;
-      -webkit-transform: rotate(-45deg);
-      -moz-transform: rotate(-45deg);
-      -ms-transform: rotate(-45deg);
-      -o-transform: rotate(-45deg);
-      transform: rotate(-45deg);
-      -webkit-transition: all 0.3s ease-out;
-      -moz-transition: all 0.3s ease-out;
-      -ms-transition: all 0.3s ease-out;
-      -o-transition: all 0.3s ease-out;
-      transition: all 0.3s ease-out;
-    }
-
-    .close-button:after {
-      -webkit-transform: rotate(45deg);
-      -moz-transform: rotate(45deg);
-      -ms-transform: rotate(45deg);
-      -o-transform: rotate(45deg);
-      transform: rotate(45deg);
-      -webkit-transition: all 0.3s ease-out;
-      -moz-transition: all 0.3s ease-out;
-      -ms-transition: all 0.3s ease-out;
-      -o-transition: all 0.3s ease-out;
-      transition: all 0.3s ease-out;
-    }
-
-    .close-button:hover:before,
-    .close-button:hover:after {
-      -webkit-transform: rotate(180deg);
-      -moz-transform: rotate(180deg);
-      -ms-transform: rotate(180deg);
-      -o-transform: rotate(180deg);
-      transform: rotate(180deg);
-    }
-
-    .inview_frame iframe {
-      width: 100%;
-      height: 100%;
-      border: none;
-    }
-
-    .inview_frame img {
-      max-width: 100%;
-    }
-  </style>
-
-
-  <div id="in_view_form" title="Detail">
-    <button class="close-button">x</button>
-
-    <div class="inview_frame"></div>
-  </div>
-
-  <script>
-    function hideLoadingiframe() {
-      document.getElementById('loader-line').style.display = "none";
-      document.getElementById('iframeid').style.display = "block";
-    }
-
-    function klikClosebtninview(argument) {
-      // $("#in_view_form").css('display','none');
-      $("#in_view_form").slideUp();
-      $("#in_view_form").animate({
-        top: '-100%',
-      });
-      $(".inview_frame").empty();
-    }
-    $(document).on('click', '.close-button', function () {
-      klikClosebtninview();
-    });
-    $(document).on('click', '.in_view', function () {
-      $(".inview_frame").empty();
-      var stat = $(this).attr("id");
-      if (stat == "DataAnalytic") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><div id="jarvis-circle-wrapper"><div id="jarvis-circle-inner"></div></div><div class="b-chart-strip1"></div><div class="b-chart-strip2"></div><div class="b-chart"><canvas id="chart-DAtyc"></canvas></div><div class="befortext"><span>Average</span><span>72%</span><div class="b-text">Ulet ketika menganalisa, sehingga teliti dalam menyajikan dan menginterpretasikan Data dengan sangat baik</div></div><iframe onload="hideLoadingiframe()" id="iframeid"   scrolling="auto" src="https://drive.google.com/file/d/127ieaRo7ngK4_uCAjCcBUV3_27eJSt2E/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" ></iframe><br/><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://apply.revou.co/mc-report?name=Yusup+Maulana&tier=DA3&code=yusupmaulana.net@gmail.com" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" ></iframe></div>'
-        );
-        var configchartDAtyc = {
-          type: 'radar',
-          data: {
-            labels: ['R & Phyton', 'Mathematics', 'Visualization', 'Data Cleaning', 'Data Mining', 'MYSQL'],
-            datasets: [{
-              label: "DA Skills",
-              data: [40, 60, 95, 80, 65, 90],
-              backgroundColor: 'rgba(99, 211, 255, 0.2)',
-              borderColor: '#00f1ff',
-              pointBackgroundColor: '#00f1ff',
-              pointBorderColor: '#fff',
-              pointHoverBackgroundColor: '#fff',
-              pointHoverBorderColor: '#00f1ff'
-            }, {
-              label: '',
-              data: [0, 0, 0, 0, 0, 0],
-            }]
-          },
-          options: {
-            legend: {
-              display: false
-            },
-            scale: {
-              gridLines: {
-                color: ['#d4d4d4']
-              }
-            }
-          }
-        };
-        var chartDAtyc = document.getElementById("chart-DAtyc");
-        new Chart(chartDAtyc, configchartDAtyc);
-      } else if (stat == "DIGImar") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><div id="jarvis-circle-wrapper"><div id="jarvis-circle-inner"></div></div><div class="b-chart-strip1"></div><div class="b-chart-strip2"></div><div class="b-chart"><canvas id="chart-DIGImar"></canvas></div><div class="befortext"><span>Average</span><span>65%</span><div class="b-text">Terlatih dalam menggunakan media digital atau internet dengan tujuan untuk menarik konsumen atau calon konsumen secara cepat</div></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://apply.revou.co/mc-report?name=Yusup+maulana&tier=DM4&code=yusupmaulana.net@gmail.com" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-        var configchartDIGImar = {
-          type: 'radar',
-          data: {
-            labels: ['Paid Advertising', 'Funneling Strategy', 'SEO / SEM', 'Social Media Marketing', 'Foreign language', 'Market research capabilities', 'Writing & Storytelling'],
-            datasets: [{
-              label: "DM Skills",
-              data: [50, 85, 70, 80, 10, 90, 70],
-              backgroundColor: 'rgba(99, 211, 255, 0.2)',
-              borderColor: '#00f1ff',
-              pointBackgroundColor: '#00f1ff',
-              pointBorderColor: '#fff',
-              pointHoverBackgroundColor: '#fff',
-              pointHoverBorderColor: '#00f1ff'
-            }, {
-              label: '',
-              data: [0, 0, 0, 0, 0, 0],
-            }]
-          },
-          options: {
-            legend: {
-              display: false
-            },
-            scale: {
-              gridLines: {
-                color: ['#d4d4d4']
-              }
-            }
-          }
-        };
-        var chartDIGImar = document.getElementById("chart-DIGImar");
-        new Chart(chartDIGImar, configchartDIGImar);
-      }
-      else if (stat == "MircrosoftOfficeSpecialist") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><div id="jarvis-circle-wrapper"><div id="jarvis-circle-inner"></div></div><div class="b-chart-strip1"></div><div class="b-chart-strip2"></div><div class="b-chart"><canvas id="chart-MOS"></canvas></div><div class="befortext"><span>Average</span><span>90%</span><div class="b-text">Menguasai fitur dan fungsionalitas lengkap Microsoft Office, mulai dari Excel, Word, Power Point, Publisher, Acces dan telah memiliki sertifikasi yang dikeluarkan oleh Certiport, Kredensial yang diakui secara global</div></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/16LDi4XU0qaFX-wQsOnKpRu3ahG1LIG5I/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-        var configchartMOS = {
-          type: 'radar',
-          data: {
-            labels: ['Ms. Word', 'Ms. Excel', 'Ms. Power Point', 'Ms. Acces', 'Ms. Publisher', 'Ms. Project'],
-            datasets: [{
-              label: "MOS Skills",
-              data: [99, 95, 99, 95, 95, 55],
-              backgroundColor: 'rgba(99, 211, 255, 0.2)',
-              borderColor: '#00f1ff',
-              pointBackgroundColor: '#00f1ff',
-              pointBorderColor: '#fff',
-              pointHoverBackgroundColor: '#fff',
-              pointHoverBorderColor: '#00f1ff'
-            }, {
-              label: '',
-              data: [0, 0, 0, 0, 0, 0],
-            }]
-          },
-          options: {
-            legend: {
-              display: false
-            },
-            scale: {
-              gridLines: {
-                color: ['#d4d4d4']
-              }
-            }
-          }
-        };
-        var chartMOS = document.getElementById("chart-MOS");
-        new Chart(chartMOS, configchartMOS);
-      } else if (stat == "ManajemenData") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><div id="jarvis-circle-wrapper"><div id="jarvis-circle-inner"></div></div><div class="b-chart-strip1"></div><div class="b-chart-strip2"></div><div class="b-chart"><canvas id="chart-MANINF"></canvas></div><div class="befortext"><span>Average</span><span>89%</span><div class="b-text">Mampu membangun, merancang dan mengembangkan sebuah sistem software dan juga Aplikasi Berbasis WEB. Melakukan analisis secara menyeluruh pada sistem komputer. Mengelola, merapikan data-data agar sumber data tetap aktual. Pelayanan konsultasi di bidang IT dan menyusun rancangan jaringan komputer</div></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/1RxNHpvfPc1dE3xidyTmB2fqs-zohkPrw/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-        var configchartMANINF = {
-          type: 'radar',
-          data: {
-            labels: ['Programmer', 'Software Engineer', 'System Analyst', 'Database Adm', 'IT Consultant', 'Web Developer', 'C. Network Architect'],
-            datasets: [{
-              label: "MD Skills",
-              data: [85, 95, 90, 88, 85, 97, 84],
-              backgroundColor: 'rgba(99, 211, 255, 0.2)',
-              borderColor: '#00f1ff',
-              pointBackgroundColor: '#00f1ff',
-              pointBorderColor: '#fff',
-              pointHoverBackgroundColor: '#fff',
-              pointHoverBorderColor: '#00f1ff'
-            }, {
-              label: '',
-              data: [0, 0, 0, 0, 0, 0],
-            }]
-          },
-          options: {
-            legend: {
-              display: false
-            },
-            scale: {
-              gridLines: {
-                color: ['#d4d4d4']
-              }
-            }
-          }
-        };
-        var chartMANINF = document.getElementById("chart-MANINF");
-        new Chart(chartMANINF, configchartMANINF);
-      } else if (stat == "InformationTechnologySupport") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><div id="jarvis-circle-wrapper"><div id="jarvis-circle-inner"></div></div><div class="b-chart-strip1"></div><div class="b-chart-strip2"></div><div class="b-chart"><canvas id="chart-InformationTechnologySupport"></canvas></div> <div class="befortext"><span>Average</span><span>92%</span><div class="b-text">Mahir dalam mengidentifikasi spesifikasi, memasang perlengkapan, mengoprasikan perangkat komputer, dan melakukan instalasi jaringan serta instalasi operating system</div></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/1GRKu-OdNKD_TFHURZimDeM2YJLpLXuL1/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-        var configchartInformationTechnologySupport = {
-          type: 'radar',
-          data: {
-            labels: ['Install Pheriperal', 'PC Stand Alone', 'Instalation Network', 'Instalation OS', 'Ident spec'],
-            datasets: [{
-              label: "ITS Skills",
-              data: [99, 99, 85, 95, 80],
-              backgroundColor: 'rgba(99, 211, 255, 0.2)',
-              borderColor: '#00f1ff',
-              pointBackgroundColor: '#00f1ff',
-              pointBorderColor: '#fff',
-              pointHoverBackgroundColor: '#fff',
-              pointHoverBorderColor: '#00f1ff'
-            }, {
-              label: ' Skills',
-              data: [0, 0, 0, 0, 0, 0],
-            }]
-          },
-          options: {
-            legend: {
-              display: false
-            },
-            scale: {
-              gridLines: {
-                color: ['#d4d4d4']
-              }
-            }
-          }
-        };
-        var chartInformationTechnologySupport = document.getElementById("chart-InformationTechnologySupport");
-        new Chart(chartInformationTechnologySupport, configchartInformationTechnologySupport);
-      } else if (stat == "InformationTechnologyNetwork") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><div id="jarvis-circle-wrapper"><div id="jarvis-circle-inner"></div></div><div class="b-chart-strip1"></div><div class="b-chart-strip2"></div><div class="b-chart"><canvas id="chart-ITN"></canvas></div> <div class="befortext"><span>Average</span><span>90%</span><div class="b-text">Lihai membuat jaringan lokal, dan nirkabel dan juga Terampil melaksanakan prosedur perawatan serta menyelenggarakan adm sistem jaringan, maupun menginstal sumber daya berbagi pada jaringan</div></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/12yPnLG5v5e1VtWNfA3VkgK1sQPNakOCC/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>');
-        var configchartITN = {
-          type: 'radar',
-          data: {
-            labels: ['Desain LAN', 'Cable UTP & BNC', 'Install Wireless', 'Network resources', 'Network administration', 'Procedure maintenance'],
-            datasets: [{
-              label: "ITN Skills",
-              data: [90, 99, 91, 85, 80, 94],
-              backgroundColor: 'rgba(99, 211, 255, 0.2)',
-              borderColor: '#00f1ff',
-              pointBackgroundColor: '#00f1ff',
-              pointBorderColor: '#fff',
-              pointHoverBackgroundColor: '#fff',
-              pointHoverBorderColor: '#00f1ff'
-            }, {
-              label: '',
-              data: [0, 0, 0, 0, 0, 0],
-            }]
-          },
-          options: {
-            legend: {
-              display: false
-            },
-            scale: {
-              gridLines: {
-                color: ['#d4d4d4']
-              }
-            }
-          }
-        };
-        var chartITN = document.getElementById("chart-ITN");
-        new Chart(chartITN, configchartITN);
-      } else if (stat == "EngineringInformationSystem") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><div id="jarvis-circle-wrapper"><div id="jarvis-circle-inner"></div></div><div class="b-chart-strip1"></div><div class="b-chart-strip2"></div><div class="b-chart"><canvas id="chart-EIS"></canvas></div><div class="befortext"><span>Average</span><span>98%</span><div class="b-text">Cakap dalam membuat algoritma, menulis atau membuat dokumen kode pemograman yang terstruktur dan Tangkas dalam mengoprasikan aplikasi basis data</div></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/1Pkhz1i4Mw6OCRKCDSvgKVwc7AkGKTBfX/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-        var configchartEIS = {
-          type: 'radar',
-          data: {
-            labels: ['Algorithm', 'Write basic programs', 'Code documents', 'Operate Database'],
-            datasets: [{
-              label: "EIS Skills",
-              data: [95, 99, 99, 98],
-              backgroundColor: 'rgba(99, 211, 255, 0.2)',
-              borderColor: '#00f1ff',
-              pointBackgroundColor: '#00f1ff',
-              pointBorderColor: '#fff',
-              pointHoverBackgroundColor: '#fff',
-              pointHoverBorderColor: '#00f1ff'
-            }, {
-              label: '',
-              data: [0, 0, 0, 0, 0, 0],
-            }]
-          },
-          options: {
-            legend: {
-              display: false
-            },
-            scale: {
-              gridLines: {
-                color: ['#d4d4d4']
-              }
-            }
-          }
-        };
-        var chartEIS = document.getElementById("chart-EIS");
-        new Chart(chartEIS, configchartEIS);
-      } else if (stat == "LihatIjazah") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/1RxNHpvfPc1dE3xidyTmB2fqs-zohkPrw/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-      } else if (stat == "KeteranganLulus") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/1LohMqstmsX4ujx74yaJbg41SEOSWG1CD/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-      } else if (stat == "CALLFORPAPER") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/1LLkm3GmxhXWPbo2HuawRnJV7ab2rW5Zi/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-      } else if (stat == "TOEIC") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/1MbFAvmm47GoR5rEoMdj6JgZVdQaPn0qz/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-      } else if (stat == "ORACLE") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/1fBrfSLDw3EeQRQ-HsO1dFSN4lApeX3py/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-      } else if (stat == "EKSIS2017") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/1BA9KvDkAmDQhx_WclroQ2R0RaVKV3_BM/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-      } else if (stat == "PICKS2016") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/1sm63YoLQsDy1ob1p_DVph5H0XOClyONJ/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-      } else if (stat == "LihatIjazah-MA") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/1IIcC3sZW2nZoVDniDs-XdHJa5XUehQ-o/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-      } else if (stat == "SKHUN-MA") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/1S4EobZy1FW1mQoqXClK_0DHs51GZmxLC/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-      } else if (stat == "LihatIjazah-MTS") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/1u5qAPLCxngIvfkh-pdg9_b7jhpsRK-uF/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-      } else if (stat == "SKHUN-MTS") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/18WXcldAqJFhpefVmYUZaBs-ophyRwAN2/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-      } else if (stat == "SKHUN-PIKSI") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/1PuSQ6CJ6Khn6uF1Igv2CYe57XKIlbXta/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-      } else if (stat == "Pengantar") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/1ZepM4Xno5bMo27X2-k80565bCzojTFpf/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-      } else if (stat == "Absen") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/16eHkXyKMTDY1IoF8hXu8fzE5CbUvfnTC/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-      } else if (stat == "SuketKerjaRAP") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/105pgmA3CPSVtPPrnvPcuhHrHAjqk6QsR/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-      } else if (stat == "Course-DigitalMarketing") {
-        $(".inview_frame").html(
-          '<h1 style="color:white;text-align:center">On Going</h1>'
-        );
-      } else if (stat == "Course-BelajarPrinsipPemrogramanSOLID") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/1i9zmAJ7v1GxGLvbziFqfUIWhz6s6w2C1/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-      } else if (stat == "Course-RevouMiniCourseDataAnalytics") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/127ieaRo7ngK4_uCAjCcBUV3_27eJSt2E/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-      } else if (stat == "Course-BukitAlgoritmadanMasaDepanTeknologiDatadiIndonesia") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/1U0Q6F7Xt0DJyeof6-Ap679-f9UBoRokr/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-      } else if (stat == "portofolio-webanime") {
-        $(".inview_frame").append('<iframe  src="portofolio-webanime.html" />');
-      } else if (stat == "portofolio-websiteRAP") {
-        $(".inview_frame").append('<iframe  src="portofolio-websiteRAP.html" />');
-      } else if (stat == "portofolio-inventarisRAP") {
-        $(".inview_frame").append('<iframe  src="portofolio-inventarisRAP.html" />');
-      } else if (stat == "portofolio-cashflow") {
-        $(".inview_frame").append('<iframe  src="portofolio-cashflow.html" />');
-      } else if (stat == "portofolio-manktr") {
-        $(".inview_frame").append('<iframe  src="portofolio-manktr.html" />');
-      } else if (stat == "portofolio-osengmercon") {
-        $(".inview_frame").append('<iframe  src="portofolio-osengmercon.html" />');
-      } else if (stat == "portofolio-webcommandcentre") {
-        $(".inview_frame").append('<iframe  src="portofolio-webcommandcentre.html" />');
-      } else if (stat == "portofolio-manpumping") {
-        $(".inview_frame").append('<iframe  src="portofolio-manpumping.html" />');
-      } else if (stat == "portofolio-rabp") {
-        $(".inview_frame").append('<iframe  src="portofolio-rabp.html" />');
-      }
-      $("#in_view_form").css('display', 'block');
-      $("#in_view_form").animate({
-        top: '0%',
-      });
-
-    });
-  </script>
-  <!-- ====================================================================================================== END Inview klik open -->
-
-</body>
-
-</html>
-
-<script>
-  // loading firstime===============================================================================
-  document.onreadystatechange = function () {
-    if (document.readyState !== "complete") {
-      // document.querySelector(
-      //   "body").style.visibility = "hidden";
-      // document.querySelector(
-      //   "#loader").style.visibility = "visible";
-    } else {
-      document.querySelector(
-        "#loader").style.display = "none";
-      document.querySelector(
-        "body").style.visibility = "visible";
-    }
-  };
-
-
-  // image even lazyload preloader===============================================================================
-  const images = document.querySelectorAll("img");
-
-  const imgOptions = {};
-  const imgObserver = new IntersectionObserver((entries, imgObserver) => {
-    entries.forEach((entry) => {
-      if (!entry.isIntersecting) return;
-
-      const img = entry.target;
-      const realSRC = img.dataset.src;
-      console.log(realSRC);
-      img.setAttribute('src', realSRC);
-      img.style.filter = "blur(0px)";
-      // img.src = img.src.replace("w=10&", "w=800&");
-      imgObserver.unobserve(entry.target);
-    });
-  }, imgOptions);
-
-  images.forEach((img) => {
-    imgObserver.observe(img);
-  });
-
-
-
-
-
-  // proffesion change posisi===============================================================================
-  $(document).ready(function () {
-    let deviceType;
-    let windowWidth = $(window).width();
-    if (windowWidth < 767) {
-      $(".profession").addClass("posisi-untuk-profession-HP");
-    } else if (windowWidth < 1023) {
-      $(".profession").addClass("posisi-untuk-profession-TABLET");
-    } else if (windowWidth < 1025) {
-      $(".profession").addClass("posisi-untuk-profession-LAPTOP");
-    } else if (windowWidth < 1280) {
-      $(".profession").addClass("posisi-untuk-profession-LAPTOP");
-    } else {
-      $(".profession").addClass("posisi-untuk-profession-PC");
-    }
-  });
-  let TxtType = function (el, toRotate, period) {
-    this.toRotate = toRotate;
-    this.el = el;
-    this.loopNum = 0;
-    this.period = parseInt(period, 10) || 2000;
-    this.txt = "";
-    this.tick();
-    this.isDeleting = false;
-  };
-
-  TxtType.prototype.tick = function () {
-    var i = this.loopNum % this.toRotate.length;
-    var fullTxt = this.toRotate[i];
-
-    if (this.isDeleting) {
-      this.txt = fullTxt.substring(0, this.txt.length - 1);
-    } else {
-      this.txt = fullTxt.substring(0, this.txt.length + 1);
-    }
-
-    this.el.innerHTML = '<b class="wrap">' + this.txt + "</b>";
-
-    var that = this;
-    var delta = 200 - Math.random() * 100;
-
-    if (this.isDeleting) {
-      delta /= 2;
-    }
-
-    if (!this.isDeleting && this.txt === fullTxt) {
-      delta = this.period;
-      this.isDeleting = true;
-    } else if (this.isDeleting && this.txt === "") {
-      this.isDeleting = false;
-      this.loopNum++;
-      delta = 500;
-    }
-
-    setTimeout(function () {
-      that.tick();
-    }, delta);
-  };
-
-  window.onload = function () {
-    var elements = document.getElementsByClassName("profession");
-    for (var i = 0; i < elements.length; i++) {
-      var toRotate = elements[i].getAttribute("data-type");
-      var period = elements[i].getAttribute("data-period");
-      if (toRotate) {
-        new TxtType(elements[i], JSON.parse(toRotate), period);
-      }
-    }
-    // INJECT CSS
-    var css = document.createElement("style");
-    css.type = "text/css";
-    css.innerHTML = ".profession > .wrap { border-right: 0.08em solid #fff}";
-    document.body.appendChild(css);
-  };
-</script>
-<div class="untuk-profession"></div>
-<p class="profession" data-period="2000" data-type='["PROGRAMMER", "Administrative"]'></p>
-
-
-
-
-
-
-
-<!-- navigasi ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// -->
-
-<script type="text/javascript">
-  function getAge(dateString) {
-    var today = new Date();
-    var birthDate = new Date(dateString);
-    var age = today.getFullYear() - birthDate.getFullYear();
-    var m = today.getMonth() - birthDate.getMonth();
-    if (m < 0 || (m === 0 && today.getDate() < birthDate.getDate())) {
-      age--;
-    }
-    return age;
-  }
-  var usia = getAge("1996-07-07");
-  $(".usia").html(usia + " Tahun");
-
-
-  function openTabs(evt, TabsName) {
-    var i, tabcontent, tablinks;
-    tabcontent = document.getElementsByClassName("tab-pane");
-    for (i = 0; i < tabcontent.length; i++) {
-      tabcontent[i].className = tabcontent[i].className.replace(" active", "");
-      tabcontent[i].style.display = "none";
-    }
-
-    document.getElementById(TabsName).style.display = "block";
-
-    evt.currentTarget.className += " active";
-    $("html, body").animate({
-      scrollTop: $("#" + TabsName).offset().top
-    }, 1000, function () {
-      window.scrollTo(0, $("#" + TabsName).offset().top);
-    });
-  }
-
-  // $(document).on("click", "", function () {
-
-  // })
-</script>
-
-
-<style>
-  .tabbar {
-    --icon-active: #275efe;
-    --icon-inactive: #6c7486;
-    --icon-hover: #99a3ba;
-    --text: #e4ecfa;
-    --circle: #e4ecfa;
-    --background: #171c28;
-    --shadow: rgba(18, 22, 33, 0.1);
-    border-radius: 0 0 12px 12px;
-    background: var(--background);
-    position: sticky;
-    bottom: 0px;
-    height: 50px;
-    padding: 0 12px;
-    box-shadow: 0 8px 16px var(--shadow);
-    z-index:10;
-  }
-
-  .tabbar>div {
-    display: flex;
-    height: 100%;
-    position: relative;
-  }
-
-  .tabbar>div label {
-    flex: 0 0 25%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    position: relative;
-    cursor: pointer;
-    z-index: 1;
-    overflow: hidden;
-  }
-
-  .tabbar>div label svg,
-  .tabbar>div label span {
-    display: block;
-    -webkit-backface-visibility: hidden;
-    transition: transform 0.4s cubic-bezier(0.2, 0.64, 0.48, 1.12), opacity 0.4s ease, color 0.4s ease;
-    transform: translateY(var(--y)) scale(var(--s));
-  }
-
-  .tabbar>div label svg {
-    --y: 0;
-    --s: 0.84;
-    width: 24px;
-    height: 24px;
-    margin: auto;
-    color: var(--icon-inactive);
-    transform-origin: 50% 50%;
-  }
-
-  .tabbar>div label span {
-    --y: 25px;
-    --s: 0.92;
-    font-size: 10px;
-    font-weight: 500;
-    position: absolute;
-    left: 0;
-    right: 0;
-    text-align: center;
-    bottom: 0;
-    opacity: 0;
-    color: var(--text);
-    transform-origin: 50% 0;
-  }
-
-  .tabbar>div label:hover svg {
-    color: var(--icon-hover);
-  }
-
-  .tabbar>div label:active svg {
-    --s: 0.76;
-  }
-
-  .tabbar>div input {
-    display: none;
-  }
-
-  .tabbar>div input:nth-of-type(1):checked+label+input+label+input+label+span {
-    --x: 0;
-  }
-
-  .tabbar>div input:nth-of-type(2):checked+label+input+label+input+label+span {
-    --x: 100%;
-  }
-
-  .tabbar>div input:nth-of-type(3):checked+label+input+label+span {
-    --x: 200%;
-  }
-
-  .tabbar>div input:nth-of-type(4):checked+label+span {
-    --x: 300%;
-  }
-
-
-
-  .tabbar>div input:checked+label svg {
-    --y: -14px;
-    --s: 1;
-    color: var(--icon-active);
-  }
-
-  .tabbar>div input:checked+label span {
-    --s: 1;
-    --y: 3px;
-    opacity: 1;
-  }
-
-  .tabbar>div>span {
-    --x: 0;
-    display: block;
-    position: absolute;
-    left: 0;
-    top: 0;
-    bottom: 0;
-    width: 25%;
-    transition: transform 0.4s cubic-bezier(0.2, 0.64, 0.48, 1.12);
-    transform: translateX(var(--x));
-    -webkit-backface-visibility: hidden;
-  }
-
-  .tabbar>div>span:after {
-    content: "";
-    width: 44px;
-    height: 44px;
-    display: block;
-    border-radius: 50%;
-    background: var(--circle);
-    position: absolute;
-    left: 50%;
-    top: 0;
-    box-shadow: 0 2px 8px var(--shadow);
-    margin: -14px 0 0 -22px;
-  }
-</style>
-
-<nav class="tabbar">
-  <div>
-
-    <input id="menu-1" type="radio" name="menu" checked>
-    <label for="menu-1" onclick="openTabs(event, 'home')">
-      <svg>
-        <use xlink:href="#portfolioicon">
-      </svg>
-      <span>Portofolio</span>
-    </label>
-
-    <input id="menu-2" type="radio" name="menu">
-    <label for="menu-2" onclick="openTabs(event, 'profile')">
-      <svg>
-        <use xlink:href="#skiilssicon">
-      </svg>
-      <span>Skills</span>
-    </label>
-
-    <input id="menu-3" type="radio" name="menu">
-    <label for="menu-3" onclick="openTabs(event, 'messages')">
-      <svg>
-        <use xlink:href="#educationicon">
-      </svg>
-      <span>Education</span>
-    </label>
-
-    <input id="menu-4" type="radio" name="menu">
-    <label for="menu-4" onclick="openTabs(event, 'settings')">
-      <svg>
-        <use xlink:href="#workicon">
-      </svg>
-      <span>Work Record</span>
-    </label>
-
-    <span></span>
-  </div>
-</nav>
-
-<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
-  <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="portfolioicon" fill="currentColor">
-    <path
-      d="M21,2H3A2,2 0 0,0 1,4V20A2,2 0 0,0 3,22H21A2,2 0 0,0 23,20V4A2,2 0 0,0 21,2M11,17.5L9.5,19L5,14.5L9.5,10L11,11.5L8,14.5L11,17.5M14.5,19L13,17.5L16,14.5L13,11.5L14.5,10L19,14.5L14.5,19M21,7H3V4H21V7Z" />
-  </symbol>
-  <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="skiilssicon" fill="currentColor">
-    <path
-      d="M20,2H4V4L9.81,8.36C6.14,9.57 4.14,13.53 5.35,17.2C6.56,20.87 10.5,22.87 14.19,21.66C17.86,20.45 19.86,16.5 18.65,12.82C17.95,10.71 16.3,9.05 14.19,8.36L20,4V2M14.94,19.5L12,17.78L9.06,19.5L9.84,16.17L7.25,13.93L10.66,13.64L12,10.5L13.34,13.64L16.75,13.93L14.16,16.17L14.94,19.5Z" />
-  </symbol>
-  <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="educationicon" fill="currentColor">
-    <circle cx="12" cy="12" r="1.5" />
-    <path d="M12,3L1,9L12,15L21,10.09V17H23V9M5,13.18V17.18L12,21L19,17.18V13.18L12,17L5,13.18Z" />
-  </symbol>
-  <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="workicon" fill="currentColor">
-    <path
-      d="M10,2H14A2,2 0 0,1 16,4V6H20A2,2 0 0,1 22,8V19A2,2 0 0,1 20,21H4C2.89,21 2,20.1 2,19V8C2,6.89 2.89,6 4,6H8V4C8,2.89 8.89,2 10,2M14,6V4H10V6H14Z" />
-  </symbol>
\ No newline at end of file
diff --git a/.history/index_20231006230854.html b/.history/index_20231006230854.html
deleted file mode 100644
index 7db0e93..0000000
--- a/.history/index_20231006230854.html
+++ /dev/null
@@ -1,19572 +0,0 @@
-<div id="loader">
-  <b class="loader2"></b>
-  <img src="IMG/me.webp" data-src="IMG/me.webp" class="imageloading" alt="loading first time" />
-</div>
-<style type="text/css">
-  /*body{visibility: hidden;}*/
-  * {
-    -webkit-transition: all 0.2s ease;
-    -moz-transition: all 0.2s ease;
-    -o-transition: all 0.2s ease;
-    transition: all 0.2s ease;
-  }
-
-  .imageloading {
-    width: 120px;
-    margin: auto;
-    filter: none;
-  }
-
-  @keyframes rotate {
-    100% {
-      transform: rotate(360deg);
-    }
-  }
-
-  .loader2 {
-    width: 120px;
-    height: 118px;
-    border-radius: 50%;
-    display: inline-block;
-    position: absolute;
-    background: linear-gradient(0deg, rgba(18, 140, 83, 0.17) 33%, #05e8ff 100%);
-    box-sizing: border-box;
-    animation: rotation 1s linear infinite !important;
-    margin: auto;
-  }
-
-  .loader2::after {
-    content: '';
-    box-sizing: border-box;
-    position: absolute;
-    left: 50%;
-    top: 50%;
-    transform: translate(-50%, -50%);
-    width: 100px;
-    height: 100px;
-    border-radius: 50%;
-    background: #027eae26;
-  }
-
-  @keyframes rotation {
-    0% {
-      transform: rotate(0deg)
-    }
-
-    100% {
-      transform: rotate(360deg)
-    }
-  }
-
-  /* start css loading......... */
-
-  #loader {
-    z-index: 999;
-    position: fixed;
-    width: 100%;
-    height: 100%;
-    text-align: center;
-    padding: 10% 0px 0px 0px;
-  }
-
-  /* end css loading......... */
-</style>
-
-
-<!-- <!DOCTYPE html> -->
-<html lang="id-ID">
-
-<head>
-  <title>Yusup maulana | Programmer</title>
-  <meta charset="UTF-8">
-  <link rel="icon" type="image/x-icon" href="IMG/f.ico">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <meta name='description'
-    content='yusup maulana atau dikenal dengan sebutan maulana.net adalah seorang web programmer. dan juga membuka sebuah Jasa Website, seperti layaknya ini yang dibuat menggunakan pemograman native, HTML, CSS, javascript, Jquery, bootstrap 4, bisa jasa website, jasa aplikasi berbasis web, hubungi saja pada contact yang tercantum'>
-  <meta
-    content='yusup maulana, CV (Curriculum vitae), resume, portofolio, riwayat hidup, maulana.net, web programmer, pemograman native, HTML, CSS, javascript, Jquery, bootstrap 4, bisa jasa website, jasa aplikasi berbasis web, website programmer'
-    name='keywords' />
-  <meta name="author" content="yusup maulana">
-  <meta name="google-site-verification" content="B01fQU13pBHkgqGVwCV5DwMFfYZTHM5yT-vzihImekQ">
-
-  <!-- Slick CSS -->
-  <!-- src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js" -->
-  <script>
-    /*! jQuery v3.6.0 | (c) OpenJS Foundation and other contributors | jquery.org/license */ ! function (e, t) {
-      "use strict";
-      "object" == typeof module && "object" == typeof module.exports ? module.exports = e.document ? t(e, !0) :
-        function (e) {
-          if (!e.document) throw new Error("jQuery requires a window with a document");
-          return t(e)
-        } : t(e)
-    }("undefined" != typeof window ? window : this, function (C, e) {
-      "use strict";
-      var t = [],
-        r = Object.getPrototypeOf,
-        s = t.slice,
-        g = t.flat ? function (e) {
-          return t.flat.call(e)
-        } : function (e) {
-          return t.concat.apply([], e)
-        },
-        u = t.push,
-        i = t.indexOf,
-        n = {},
-        o = n.toString,
-        v = n.hasOwnProperty,
-        a = v.toString,
-        l = a.call(Object),
-        y = {},
-        m = function (e) {
-          return "function" == typeof e && "number" != typeof e.nodeType && "function" != typeof e.item
-        },
-        x = function (e) {
-          return null != e && e === e.window
-        },
-        E = C.document,
-        c = {
-          type: !0,
-          src: !0,
-          nonce: !0,
-          noModule: !0
-        };
-
-      function b(e, t, n) {
-        var r, i, o = (n = n || E).createElement("script");
-        if (o.text = e, t)
-          for (r in c) (i = t[r] || t.getAttribute && t.getAttribute(r)) && o.setAttribute(r, i);
-        n.head.appendChild(o).parentNode.removeChild(o)
-      }
-
-      function w(e) {
-        return null == e ? e + "" : "object" == typeof e || "function" == typeof e ? n[o.call(e)] || "object" :
-          typeof e
-      }
-      var f = "3.6.0",
-        S = function (e, t) {
-          return new S.fn.init(e, t)
-        };
-
-      function p(e) {
-        var t = !!e && "length" in e && e.length,
-          n = w(e);
-        return !m(e) && !x(e) && ("array" === n || 0 === t || "number" == typeof t && 0 < t && t - 1 in e)
-      }
-      S.fn = S.prototype = {
-        jquery: f,
-        constructor: S,
-        length: 0,
-        toArray: function () {
-          return s.call(this)
-        },
-        get: function (e) {
-          return null == e ? s.call(this) : e < 0 ? this[e + this.length] : this[e]
-        },
-        pushStack: function (e) {
-          var t = S.merge(this.constructor(), e);
-          return t.prevObject = this, t
-        },
-        each: function (e) {
-          return S.each(this, e)
-        },
-        map: function (n) {
-          return this.pushStack(S.map(this, function (e, t) {
-            return n.call(e, t, e)
-          }))
-        },
-        slice: function () {
-          return this.pushStack(s.apply(this, arguments))
-        },
-        first: function () {
-          return this.eq(0)
-        },
-        last: function () {
-          return this.eq(-1)
-        },
-        even: function () {
-          return this.pushStack(S.grep(this, function (e, t) {
-            return (t + 1) % 2
-          }))
-        },
-        odd: function () {
-          return this.pushStack(S.grep(this, function (e, t) {
-            return t % 2
-          }))
-        },
-        eq: function (e) {
-          var t = this.length,
-            n = +e + (e < 0 ? t : 0);
-          return this.pushStack(0 <= n && n < t ? [this[n]] : [])
-        },
-        end: function () {
-          return this.prevObject || this.constructor()
-        },
-        push: u,
-        sort: t.sort,
-        splice: t.splice
-      }, S.extend = S.fn.extend = function () {
-        var e, t, n, r, i, o, a = arguments[0] || {},
-          s = 1,
-          u = arguments.length,
-          l = !1;
-        for ("boolean" == typeof a && (l = a, a = arguments[s] || {}, s++), "object" == typeof a || m(a) || (
-          a = {}), s === u && (a = this, s--); s < u; s++)
-          if (null != (e = arguments[s]))
-            for (t in e) r = e[t], "__proto__" !== t && a !== r && (l && r && (S.isPlainObject(r) || (i = Array
-              .isArray(r))) ? (n = a[t], o = i && !Array.isArray(n) ? [] : i || S.isPlainObject(n) ? n : {},
-                i = !1, a[t] = S.extend(l, o, r)) : void 0 !== r && (a[t] = r));
-        return a
-      }, S.extend({
-        expando: "jQuery" + (f + Math.random()).replace(/\D/g, ""),
-        isReady: !0,
-        error: function (e) {
-          throw new Error(e)
-        },
-        noop: function () { },
-        isPlainObject: function (e) {
-          var t, n;
-          return !(!e || "[object Object]" !== o.call(e)) && (!(t = r(e)) || "function" == typeof (n = v.call(t,
-            "constructor") && t.constructor) && a.call(n) === l)
-        },
-        isEmptyObject: function (e) {
-          var t;
-          for (t in e) return !1;
-          return !0
-        },
-        globalEval: function (e, t, n) {
-          b(e, {
-            nonce: t && t.nonce
-          }, n)
-        },
-        each: function (e, t) {
-          var n, r = 0;
-          if (p(e)) {
-            for (n = e.length; r < n; r++)
-              if (!1 === t.call(e[r], r, e[r])) break
-          } else
-            for (r in e)
-              if (!1 === t.call(e[r], r, e[r])) break;
-          return e
-        },
-        makeArray: function (e, t) {
-          var n = t || [];
-          return null != e && (p(Object(e)) ? S.merge(n, "string" == typeof e ? [e] : e) : u.call(n, e)), n
-        },
-        inArray: function (e, t, n) {
-          return null == t ? -1 : i.call(t, e, n)
-        },
-        merge: function (e, t) {
-          for (var n = +t.length, r = 0, i = e.length; r < n; r++) e[i++] = t[r];
-          return e.length = i, e
-        },
-        grep: function (e, t, n) {
-          for (var r = [], i = 0, o = e.length, a = !n; i < o; i++) !t(e[i], i) !== a && r.push(e[i]);
-          return r
-        },
-        map: function (e, t, n) {
-          var r, i, o = 0,
-            a = [];
-          if (p(e))
-            for (r = e.length; o < r; o++) null != (i = t(e[o], o, n)) && a.push(i);
-          else
-            for (o in e) null != (i = t(e[o], o, n)) && a.push(i);
-          return g(a)
-        },
-        guid: 1,
-        support: y
-      }), "function" == typeof Symbol && (S.fn[Symbol.iterator] = t[Symbol.iterator]), S.each(
-        "Boolean Number String Function Array Date RegExp Object Error Symbol".split(" "),
-        function (e, t) {
-          n["[object " + t + "]"] = t.toLowerCase()
-        });
-      var d = function (n) {
-        var e, d, b, o, i, h, f, g, w, u, l, T, C, a, E, v, s, c, y, S = "sizzle" + 1 * new Date,
-          p = n.document,
-          k = 0,
-          r = 0,
-          m = ue(),
-          x = ue(),
-          A = ue(),
-          N = ue(),
-          j = function (e, t) {
-            return e === t && (l = !0), 0
-          },
-          D = {}.hasOwnProperty,
-          t = [],
-          q = t.pop,
-          L = t.push,
-          H = t.push,
-          O = t.slice,
-          P = function (e, t) {
-            for (var n = 0, r = e.length; n < r; n++)
-              if (e[n] === t) return n;
-            return -1
-          },
-          R =
-            "checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",
-          M = "[\\x20\\t\\r\\n\\f]",
-          I = "(?:\\\\[\\da-fA-F]{1,6}" + M + "?|\\\\[^\\r\\n\\f]|[\\w-]|[^\0-\\x7f])+",
-          W = "\\[" + M + "*(" + I + ")(?:" + M + "*([*^$|!~]?=)" + M +
-            "*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|(" + I + "))|)" + M + "*\\]",
-          F = ":(" + I + ")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|" +
-            W + ")*)|.*)\\)|)",
-          B = new RegExp(M + "+", "g"),
-          $ = new RegExp("^" + M + "+|((?:^|[^\\\\])(?:\\\\.)*)" + M + "+$", "g"),
-          _ = new RegExp("^" + M + "*," + M + "*"),
-          z = new RegExp("^" + M + "*([>+~]|" + M + ")" + M + "*"),
-          U = new RegExp(M + "|>"),
-          X = new RegExp(F),
-          V = new RegExp("^" + I + "$"),
-          G = {
-            ID: new RegExp("^#(" + I + ")"),
-            CLASS: new RegExp("^\\.(" + I + ")"),
-            TAG: new RegExp("^(" + I + "|[*])"),
-            ATTR: new RegExp("^" + W),
-            PSEUDO: new RegExp("^" + F),
-            CHILD: new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\(" + M +
-              "*(even|odd|(([+-]|)(\\d*)n|)" + M + "*(?:([+-]|)" + M + "*(\\d+)|))" + M + "*\\)|)", "i"),
-            bool: new RegExp("^(?:" + R + ")$", "i"),
-            needsContext: new RegExp("^" + M + "*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\(" + M +
-              "*((?:-\\d)?\\d*)" + M + "*\\)|)(?=[^-]|$)", "i")
-          },
-          Y = /HTML$/i,
-          Q = /^(?:input|select|textarea|button)$/i,
-          J = /^h\d$/i,
-          K = /^[^{]+\{\s*\[native \w/,
-          Z = /^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,
-          ee = /[+~]/,
-          te = new RegExp("\\\\[\\da-fA-F]{1,6}" + M + "?|\\\\([^\\r\\n\\f])", "g"),
-          ne = function (e, t) {
-            var n = "0x" + e.slice(1) - 65536;
-            return t || (n < 0 ? String.fromCharCode(n + 65536) : String.fromCharCode(n >> 10 | 55296, 1023 & n |
-              56320))
-          },
-          re = /([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,
-          ie = function (e, t) {
-            return t ? "\0" === e ? "\ufffd" : e.slice(0, -1) + "\\" + e.charCodeAt(e.length - 1).toString(16) +
-              " " : "\\" + e
-          },
-          oe = function () {
-            T()
-          },
-          ae = be(function (e) {
-            return !0 === e.disabled && "fieldset" === e.nodeName.toLowerCase()
-          }, {
-            dir: "parentNode",
-            next: "legend"
-          });
-        try {
-          H.apply(t = O.call(p.childNodes), p.childNodes), t[p.childNodes.length].nodeType
-        } catch (e) {
-          H = {
-            apply: t.length ? function (e, t) {
-              L.apply(e, O.call(t))
-            } : function (e, t) {
-              var n = e.length,
-                r = 0;
-              while (e[n++] = t[r++]);
-              e.length = n - 1
-            }
-          }
-        }
-
-        function se(t, e, n, r) {
-          var i, o, a, s, u, l, c, f = e && e.ownerDocument,
-            p = e ? e.nodeType : 9;
-          if (n = n || [], "string" != typeof t || !t || 1 !== p && 9 !== p && 11 !== p) return n;
-          if (!r && (T(e), e = e || C, E)) {
-            if (11 !== p && (u = Z.exec(t)))
-              if (i = u[1]) {
-                if (9 === p) {
-                  if (!(a = e.getElementById(i))) return n;
-                  if (a.id === i) return n.push(a), n
-                } else if (f && (a = f.getElementById(i)) && y(e, a) && a.id === i) return n.push(a), n
-              } else {
-                if (u[2]) return H.apply(n, e.getElementsByTagName(t)), n;
-                if ((i = u[3]) && d.getElementsByClassName && e.getElementsByClassName) return H.apply(n, e
-                  .getElementsByClassName(i)), n
-              } if (d.qsa && !N[t + " "] && (!v || !v.test(t)) && (1 !== p || "object" !== e.nodeName
-                .toLowerCase())) {
-              if (c = t, f = e, 1 === p && (U.test(t) || z.test(t))) {
-                (f = ee.test(t) && ye(e.parentNode) || e) === e && d.scope || ((s = e.getAttribute("id")) ? s = s
-                  .replace(re, ie) : e.setAttribute("id", s = S)), o = (l = h(t)).length;
-                while (o--) l[o] = (s ? "#" + s : ":scope") + " " + xe(l[o]);
-                c = l.join(",")
-              }
-              try {
-                return H.apply(n, f.querySelectorAll(c)), n
-              } catch (e) {
-                N(t, !0)
-              } finally {
-                s === S && e.removeAttribute("id")
-              }
-            }
-          }
-          return g(t.replace($, "$1"), e, n, r)
-        }
-
-        function ue() {
-          var r = [];
-          return function e(t, n) {
-            return r.push(t + " ") > b.cacheLength && delete e[r.shift()], e[t + " "] = n
-          }
-        }
-
-        function le(e) {
-          return e[S] = !0, e
-        }
-
-        function ce(e) {
-          var t = C.createElement("fieldset");
-          try {
-            return !!e(t)
-          } catch (e) {
-            return !1
-          } finally {
-            t.parentNode && t.parentNode.removeChild(t), t = null
-          }
-        }
-
-        function fe(e, t) {
-          var n = e.split("|"),
-            r = n.length;
-          while (r--) b.attrHandle[n[r]] = t
-        }
-
-        function pe(e, t) {
-          var n = t && e,
-            r = n && 1 === e.nodeType && 1 === t.nodeType && e.sourceIndex - t.sourceIndex;
-          if (r) return r;
-          if (n)
-            while (n = n.nextSibling)
-              if (n === t) return -1;
-          return e ? 1 : -1
-        }
-
-        function de(t) {
-          return function (e) {
-            return "input" === e.nodeName.toLowerCase() && e.type === t
-          }
-        }
-
-        function he(n) {
-          return function (e) {
-            var t = e.nodeName.toLowerCase();
-            return ("input" === t || "button" === t) && e.type === n
-          }
-        }
-
-        function ge(t) {
-          return function (e) {
-            return "form" in e ? e.parentNode && !1 === e.disabled ? "label" in e ? "label" in e.parentNode ? e
-              .parentNode.disabled === t : e.disabled === t : e.isDisabled === t || e.isDisabled !== !t && ae(
-                e) === t : e.disabled === t : "label" in e && e.disabled === t
-          }
-        }
-
-        function ve(a) {
-          return le(function (o) {
-            return o = +o, le(function (e, t) {
-              var n, r = a([], e.length, o),
-                i = r.length;
-              while (i--) e[n = r[i]] && (e[n] = !(t[n] = e[n]))
-            })
-          })
-        }
-
-        function ye(e) {
-          return e && "undefined" != typeof e.getElementsByTagName && e
-        }
-        for (e in d = se.support = {}, i = se.isXML = function (e) {
-          var t = e && e.namespaceURI,
-            n = e && (e.ownerDocument || e).documentElement;
-          return !Y.test(t || n && n.nodeName || "HTML")
-        }, T = se.setDocument = function (e) {
-          var t, n, r = e ? e.ownerDocument || e : p;
-          return r != C && 9 === r.nodeType && r.documentElement && (a = (C = r).documentElement, E = !i(C), p !=
-            C && (n = C.defaultView) && n.top !== n && (n.addEventListener ? n.addEventListener("unload", oe, !
-              1) : n.attachEvent && n.attachEvent("onunload", oe)), d.scope = ce(function (e) {
-                return a.appendChild(e).appendChild(C.createElement("div")), "undefined" != typeof e
-                  .querySelectorAll && !e.querySelectorAll(":scope fieldset div").length
-              }), d.attributes = ce(function (e) {
-                return e.className = "i", !e.getAttribute("className")
-              }), d.getElementsByTagName = ce(function (e) {
-                return e.appendChild(C.createComment("")), !e.getElementsByTagName("*").length
-              }), d.getElementsByClassName = K.test(C.getElementsByClassName), d.getById = ce(function (e) {
-                return a.appendChild(e).id = S, !C.getElementsByName || !C.getElementsByName(S).length
-              }), d.getById ? (b.filter.ID = function (e) {
-                var t = e.replace(te, ne);
-                return function (e) {
-                  return e.getAttribute("id") === t
-                }
-              }, b.find.ID = function (e, t) {
-                if ("undefined" != typeof t.getElementById && E) {
-                  var n = t.getElementById(e);
-                  return n ? [n] : []
-                }
-              }) : (b.filter.ID = function (e) {
-                var n = e.replace(te, ne);
-                return function (e) {
-                  var t = "undefined" != typeof e.getAttributeNode && e.getAttributeNode("id");
-                  return t && t.value === n
-                }
-              }, b.find.ID = function (e, t) {
-                if ("undefined" != typeof t.getElementById && E) {
-                  var n, r, i, o = t.getElementById(e);
-                  if (o) {
-                    if ((n = o.getAttributeNode("id")) && n.value === e) return [o];
-                    i = t.getElementsByName(e), r = 0;
-                    while (o = i[r++])
-                      if ((n = o.getAttributeNode("id")) && n.value === e) return [o]
-                  }
-                  return []
-                }
-              }), b.find.TAG = d.getElementsByTagName ? function (e, t) {
-                return "undefined" != typeof t.getElementsByTagName ? t.getElementsByTagName(e) : d.qsa ? t
-                  .querySelectorAll(e) : void 0
-              } : function (e, t) {
-                var n, r = [],
-                  i = 0,
-                  o = t.getElementsByTagName(e);
-                if ("*" === e) {
-                  while (n = o[i++]) 1 === n.nodeType && r.push(n);
-                  return r
-                }
-                return o
-              }, b.find.CLASS = d.getElementsByClassName && function (e, t) {
-                if ("undefined" != typeof t.getElementsByClassName && E) return t.getElementsByClassName(e)
-              }, s = [], v = [], (d.qsa = K.test(C.querySelectorAll)) && (ce(function (e) {
-                var t;
-                a.appendChild(e).innerHTML = "<a id='" + S + "'></a><select id='" + S +
-                  "-\r\\' msallowcapture=''><option selected=''></option></select>", e.querySelectorAll(
-                    "[msallowcapture^='']").length && v.push("[*^$]=" + M + "*(?:''|\"\")"), e
-                      .querySelectorAll("[selected]").length || v.push("\\[" + M + "*(?:value|" + R + ")"), e
-                        .querySelectorAll("[id~=" + S + "-]").length || v.push("~="), (t = C.createElement("input"))
-                          .setAttribute("name", ""), e.appendChild(t), e.querySelectorAll("[name='']").length || v
-                            .push("\\[" + M + "*name" + M + "*=" + M + "*(?:''|\"\")"), e.querySelectorAll(":checked")
-                              .length || v.push(":checked"), e.querySelectorAll("a#" + S + "+*").length || v.push(
-                                ".#.+[+~]"), e.querySelectorAll("\\\f"), v.push("[\\r\\n\\f]")
-              }), ce(function (e) {
-                e.innerHTML =
-                  "<a href='' disabled='disabled'></a><select disabled='disabled'><option/></select>";
-                var t = C.createElement("input");
-                t.setAttribute("type", "hidden"), e.appendChild(t).setAttribute("name", "D"), e
-                  .querySelectorAll("[name=d]").length && v.push("name" + M + "*[*^$|!~]?="), 2 !== e
-                    .querySelectorAll(":enabled").length && v.push(":enabled", ":disabled"), a.appendChild(e)
-                      .disabled = !0, 2 !== e.querySelectorAll(":disabled").length && v.push(":enabled",
-                        ":disabled"), e.querySelectorAll("*,:x"), v.push(",.*:")
-              })), (d.matchesSelector = K.test(c = a.matches || a.webkitMatchesSelector || a.mozMatchesSelector ||
-                a.oMatchesSelector || a.msMatchesSelector)) && ce(function (e) {
-                  d.disconnectedMatch = c.call(e, "*"), c.call(e, "[s!='']:x"), s.push("!=", F)
-                }), v = v.length && new RegExp(v.join("|")), s = s.length && new RegExp(s.join("|")), t = K.test(a
-                  .compareDocumentPosition), y = t || K.test(a.contains) ? function (e, t) {
-                    var n = 9 === e.nodeType ? e.documentElement : e,
-                      r = t && t.parentNode;
-                    return e === r || !(!r || 1 !== r.nodeType || !(n.contains ? n.contains(r) : e
-                      .compareDocumentPosition && 16 & e.compareDocumentPosition(r)))
-                  } : function (e, t) {
-                    if (t)
-                      while (t = t.parentNode)
-                        if (t === e) return !0;
-                    return !1
-                  }, j = t ? function (e, t) {
-                    if (e === t) return l = !0, 0;
-                    var n = !e.compareDocumentPosition - !t.compareDocumentPosition;
-                    return n || (1 & (n = (e.ownerDocument || e) == (t.ownerDocument || t) ? e
-                      .compareDocumentPosition(t) : 1) || !d.sortDetached && t.compareDocumentPosition(e) === n ?
-                      e == C || e.ownerDocument == p && y(p, e) ? -1 : t == C || t.ownerDocument == p && y(p, t) ?
-                        1 : u ? P(u, e) - P(u, t) : 0 : 4 & n ? -1 : 1)
-                  } : function (e, t) {
-                    if (e === t) return l = !0, 0;
-                    var n, r = 0,
-                      i = e.parentNode,
-                      o = t.parentNode,
-                      a = [e],
-                      s = [t];
-                    if (!i || !o) return e == C ? -1 : t == C ? 1 : i ? -1 : o ? 1 : u ? P(u, e) - P(u, t) : 0;
-                    if (i === o) return pe(e, t);
-                    n = e;
-                    while (n = n.parentNode) a.unshift(n);
-                    n = t;
-                    while (n = n.parentNode) s.unshift(n);
-                    while (a[r] === s[r]) r++;
-                    return r ? pe(a[r], s[r]) : a[r] == p ? -1 : s[r] == p ? 1 : 0
-                  }), C
-        }, se.matches = function (e, t) {
-          return se(e, null, null, t)
-        }, se.matchesSelector = function (e, t) {
-          if (T(e), d.matchesSelector && E && !N[t + " "] && (!s || !s.test(t)) && (!v || !v.test(t))) try {
-            var n = c.call(e, t);
-            if (n || d.disconnectedMatch || e.document && 11 !== e.document.nodeType) return n
-          } catch (e) {
-            N(t, !0)
-          }
-          return 0 < se(t, C, null, [e]).length
-        }, se.contains = function (e, t) {
-          return (e.ownerDocument || e) != C && T(e), y(e, t)
-        }, se.attr = function (e, t) {
-          (e.ownerDocument || e) != C && T(e);
-          var n = b.attrHandle[t.toLowerCase()],
-            r = n && D.call(b.attrHandle, t.toLowerCase()) ? n(e, t, !E) : void 0;
-          return void 0 !== r ? r : d.attributes || !E ? e.getAttribute(t) : (r = e.getAttributeNode(t)) && r
-            .specified ? r.value : null
-        }, se.escape = function (e) {
-          return (e + "").replace(re, ie)
-        }, se.error = function (e) {
-          throw new Error("Syntax error, unrecognized expression: " + e)
-        }, se.uniqueSort = function (e) {
-          var t, n = [],
-            r = 0,
-            i = 0;
-          if (l = !d.detectDuplicates, u = !d.sortStable && e.slice(0), e.sort(j), l) {
-            while (t = e[i++]) t === e[i] && (r = n.push(i));
-            while (r--) e.splice(n[r], 1)
-          }
-          return u = null, e
-        }, o = se.getText = function (e) {
-          var t, n = "",
-            r = 0,
-            i = e.nodeType;
-          if (i) {
-            if (1 === i || 9 === i || 11 === i) {
-              if ("string" == typeof e.textContent) return e.textContent;
-              for (e = e.firstChild; e; e = e.nextSibling) n += o(e)
-            } else if (3 === i || 4 === i) return e.nodeValue
-          } else
-            while (t = e[r++]) n += o(t);
-          return n
-        }, (b = se.selectors = {
-          cacheLength: 50,
-          createPseudo: le,
-          match: G,
-          attrHandle: {},
-          find: {},
-          relative: {
-            ">": {
-              dir: "parentNode",
-              first: !0
-            },
-            " ": {
-              dir: "parentNode"
-            },
-            "+": {
-              dir: "previousSibling",
-              first: !0
-            },
-            "~": {
-              dir: "previousSibling"
-            }
-          },
-          preFilter: {
-            ATTR: function (e) {
-              return e[1] = e[1].replace(te, ne), e[3] = (e[3] || e[4] || e[5] || "").replace(te, ne),
-                "~=" === e[2] && (e[3] = " " + e[3] + " "), e.slice(0, 4)
-            },
-            CHILD: function (e) {
-              return e[1] = e[1].toLowerCase(), "nth" === e[1].slice(0, 3) ? (e[3] || se.error(e[0]), e[4] = +
-                (e[4] ? e[5] + (e[6] || 1) : 2 * ("even" === e[3] || "odd" === e[3])), e[5] = +(e[7] + e[
-                  8] || "odd" === e[3])) : e[3] && se.error(e[0]), e
-            },
-            PSEUDO: function (e) {
-              var t, n = !e[6] && e[2];
-              return G.CHILD.test(e[0]) ? null : (e[3] ? e[2] = e[4] || e[5] || "" : n && X.test(n) && (t = h(
-                n, !0)) && (t = n.indexOf(")", n.length - t) - n.length) && (e[0] = e[0].slice(0, t), e[
-                  2] = n.slice(0, t)), e.slice(0, 3))
-            }
-          },
-          filter: {
-            TAG: function (e) {
-              var t = e.replace(te, ne).toLowerCase();
-              return "*" === e ? function () {
-                return !0
-              } : function (e) {
-                return e.nodeName && e.nodeName.toLowerCase() === t
-              }
-            },
-            CLASS: function (e) {
-              var t = m[e + " "];
-              return t || (t = new RegExp("(^|" + M + ")" + e + "(" + M + "|$)")) && m(e, function (e) {
-                return t.test("string" == typeof e.className && e.className || "undefined" != typeof e
-                  .getAttribute && e.getAttribute("class") || "")
-              })
-            },
-            ATTR: function (n, r, i) {
-              return function (e) {
-                var t = se.attr(e, n);
-                return null == t ? "!=" === r : !r || (t += "", "=" === r ? t === i : "!=" === r ? t !== i :
-                  "^=" === r ? i && 0 === t.indexOf(i) : "*=" === r ? i && -1 < t.indexOf(i) : "$=" ===
-                    r ? i && t.slice(-i.length) === i : "~=" === r ? -1 < (" " + t.replace(B, " ") + " ")
-                      .indexOf(i) : "|=" === r && (t === i || t.slice(0, i.length + 1) === i + "-"))
-              }
-            },
-            CHILD: function (h, e, t, g, v) {
-              var y = "nth" !== h.slice(0, 3),
-                m = "last" !== h.slice(-4),
-                x = "of-type" === e;
-              return 1 === g && 0 === v ? function (e) {
-                return !!e.parentNode
-              } : function (e, t, n) {
-                var r, i, o, a, s, u, l = y !== m ? "nextSibling" : "previousSibling",
-                  c = e.parentNode,
-                  f = x && e.nodeName.toLowerCase(),
-                  p = !n && !x,
-                  d = !1;
-                if (c) {
-                  if (y) {
-                    while (l) {
-                      a = e;
-                      while (a = a[l])
-                        if (x ? a.nodeName.toLowerCase() === f : 1 === a.nodeType) return !1;
-                      u = l = "only" === h && !u && "nextSibling"
-                    }
-                    return !0
-                  }
-                  if (u = [m ? c.firstChild : c.lastChild], m && p) {
-                    d = (s = (r = (i = (o = (a = c)[S] || (a[S] = {}))[a.uniqueID] || (o[a.uniqueID] = {}))[
-                      h] || [])[0] === k && r[1]) && r[2], a = s && c.childNodes[s];
-                    while (a = ++s && a && a[l] || (d = s = 0) || u.pop())
-                      if (1 === a.nodeType && ++d && a === e) {
-                        i[h] = [k, s, d];
-                        break
-                      }
-                  } else if (p && (d = s = (r = (i = (o = (a = e)[S] || (a[S] = {}))[a.uniqueID] || (o[a
-                    .uniqueID] = {}))[h] || [])[0] === k && r[1]), !1 === d)
-                    while (a = ++s && a && a[l] || (d = s = 0) || u.pop())
-                      if ((x ? a.nodeName.toLowerCase() === f : 1 === a.nodeType) && ++d && (p && ((i = (o =
-                        a[S] || (a[S] = {}))[a.uniqueID] || (o[a.uniqueID] = {}))[h] = [k, d]), a === e))
-                        break;
-                  return (d -= v) === g || d % g == 0 && 0 <= d / g
-                }
-              }
-            },
-            PSEUDO: function (e, o) {
-              var t, a = b.pseudos[e] || b.setFilters[e.toLowerCase()] || se.error("unsupported pseudo: " +
-                e);
-              return a[S] ? a(o) : 1 < a.length ? (t = [e, e, "", o], b.setFilters.hasOwnProperty(e
-                .toLowerCase()) ? le(function (e, t) {
-                  var n, r = a(e, o),
-                    i = r.length;
-                  while (i--) e[n = P(e, r[i])] = !(t[n] = r[i])
-                }) : function (e) {
-                  return a(e, 0, t)
-                }) : a
-            }
-          },
-          pseudos: {
-            not: le(function (e) {
-              var r = [],
-                i = [],
-                s = f(e.replace($, "$1"));
-              return s[S] ? le(function (e, t, n, r) {
-                var i, o = s(e, null, r, []),
-                  a = e.length;
-                while (a--) (i = o[a]) && (e[a] = !(t[a] = i))
-              }) : function (e, t, n) {
-                return r[0] = e, s(r, null, n, i), r[0] = null, !i.pop()
-              }
-            }),
-            has: le(function (t) {
-              return function (e) {
-                return 0 < se(t, e).length
-              }
-            }),
-            contains: le(function (t) {
-              return t = t.replace(te, ne),
-                function (e) {
-                  return -1 < (e.textContent || o(e)).indexOf(t)
-                }
-            }),
-            lang: le(function (n) {
-              return V.test(n || "") || se.error("unsupported lang: " + n), n = n.replace(te, ne)
-                .toLowerCase(),
-                function (e) {
-                  var t;
-                  do {
-                    if (t = E ? e.lang : e.getAttribute("xml:lang") || e.getAttribute("lang")) return (t = t
-                      .toLowerCase()) === n || 0 === t.indexOf(n + "-")
-                  } while ((e = e.parentNode) && 1 === e.nodeType);
-                  return !1
-                }
-            }),
-            target: function (e) {
-              var t = n.location && n.location.hash;
-              return t && t.slice(1) === e.id
-            },
-            root: function (e) {
-              return e === a
-            },
-            focus: function (e) {
-              return e === C.activeElement && (!C.hasFocus || C.hasFocus()) && !!(e.type || e.href || ~e
-                .tabIndex)
-            },
-            enabled: ge(!1),
-            disabled: ge(!0),
-            checked: function (e) {
-              var t = e.nodeName.toLowerCase();
-              return "input" === t && !!e.checked || "option" === t && !!e.selected
-            },
-            selected: function (e) {
-              return e.parentNode && e.parentNode.selectedIndex, !0 === e.selected
-            },
-            empty: function (e) {
-              for (e = e.firstChild; e; e = e.nextSibling)
-                if (e.nodeType < 6) return !1;
-              return !0
-            },
-            parent: function (e) {
-              return !b.pseudos.empty(e)
-            },
-            header: function (e) {
-              return J.test(e.nodeName)
-            },
-            input: function (e) {
-              return Q.test(e.nodeName)
-            },
-            button: function (e) {
-              var t = e.nodeName.toLowerCase();
-              return "input" === t && "button" === e.type || "button" === t
-            },
-            text: function (e) {
-              var t;
-              return "input" === e.nodeName.toLowerCase() && "text" === e.type && (null == (t = e
-                .getAttribute("type")) || "text" === t.toLowerCase())
-            },
-            first: ve(function () {
-              return [0]
-            }),
-            last: ve(function (e, t) {
-              return [t - 1]
-            }),
-            eq: ve(function (e, t, n) {
-              return [n < 0 ? n + t : n]
-            }),
-            even: ve(function (e, t) {
-              for (var n = 0; n < t; n += 2) e.push(n);
-              return e
-            }),
-            odd: ve(function (e, t) {
-              for (var n = 1; n < t; n += 2) e.push(n);
-              return e
-            }),
-            lt: ve(function (e, t, n) {
-              for (var r = n < 0 ? n + t : t < n ? t : n; 0 <= --r;) e.push(r);
-              return e
-            }),
-            gt: ve(function (e, t, n) {
-              for (var r = n < 0 ? n + t : n; ++r < t;) e.push(r);
-              return e
-            })
-          }
-        }).pseudos.nth = b.pseudos.eq, {
-          radio: !0,
-          checkbox: !0,
-          file: !0,
-          password: !0,
-          image: !0
-        }) b.pseudos[e] = de(e);
-        for (e in {
-          submit: !0,
-          reset: !0
-        }) b.pseudos[e] = he(e);
-
-        function me() { }
-
-        function xe(e) {
-          for (var t = 0, n = e.length, r = ""; t < n; t++) r += e[t].value;
-          return r
-        }
-
-        function be(s, e, t) {
-          var u = e.dir,
-            l = e.next,
-            c = l || u,
-            f = t && "parentNode" === c,
-            p = r++;
-          return e.first ? function (e, t, n) {
-            while (e = e[u])
-              if (1 === e.nodeType || f) return s(e, t, n);
-            return !1
-          } : function (e, t, n) {
-            var r, i, o, a = [k, p];
-            if (n) {
-              while (e = e[u])
-                if ((1 === e.nodeType || f) && s(e, t, n)) return !0
-            } else
-              while (e = e[u])
-                if (1 === e.nodeType || f)
-                  if (i = (o = e[S] || (e[S] = {}))[e.uniqueID] || (o[e.uniqueID] = {}), l && l === e.nodeName
-                    .toLowerCase()) e = e[u] || e;
-                  else {
-                    if ((r = i[c]) && r[0] === k && r[1] === p) return a[2] = r[2];
-                    if ((i[c] = a)[2] = s(e, t, n)) return !0
-                  } return !1
-          }
-        }
-
-        function we(i) {
-          return 1 < i.length ? function (e, t, n) {
-            var r = i.length;
-            while (r--)
-              if (!i[r](e, t, n)) return !1;
-            return !0
-          } : i[0]
-        }
-
-        function Te(e, t, n, r, i) {
-          for (var o, a = [], s = 0, u = e.length, l = null != t; s < u; s++)(o = e[s]) && (n && !n(o, r, i) || (a
-            .push(o), l && t.push(s)));
-          return a
-        }
-
-        function Ce(d, h, g, v, y, e) {
-          return v && !v[S] && (v = Ce(v)), y && !y[S] && (y = Ce(y, e)), le(function (e, t, n, r) {
-            var i, o, a, s = [],
-              u = [],
-              l = t.length,
-              c = e || function (e, t, n) {
-                for (var r = 0, i = t.length; r < i; r++) se(e, t[r], n);
-                return n
-              }(h || "*", n.nodeType ? [n] : n, []),
-              f = !d || !e && h ? c : Te(c, s, d, n, r),
-              p = g ? y || (e ? d : l || v) ? [] : t : f;
-            if (g && g(f, p, n, r), v) {
-              i = Te(p, u), v(i, [], n, r), o = i.length;
-              while (o--) (a = i[o]) && (p[u[o]] = !(f[u[o]] = a))
-            }
-            if (e) {
-              if (y || d) {
-                if (y) {
-                  i = [], o = p.length;
-                  while (o--) (a = p[o]) && i.push(f[o] = a);
-                  y(null, p = [], i, r)
-                }
-                o = p.length;
-                while (o--) (a = p[o]) && -1 < (i = y ? P(e, a) : s[o]) && (e[i] = !(t[i] = a))
-              }
-            } else p = Te(p === t ? p.splice(l, p.length) : p), y ? y(null, t, p, r) : H.apply(t, p)
-          })
-        }
-
-        function Ee(e) {
-          for (var i, t, n, r = e.length, o = b.relative[e[0].type], a = o || b.relative[" "], s = o ? 1 : 0, u =
-            be(function (e) {
-              return e === i
-            }, a, !0), l = be(function (e) {
-              return -1 < P(i, e)
-            }, a, !0), c = [function (e, t, n) {
-              var r = !o && (n || t !== w) || ((i = t).nodeType ? u(e, t, n) : l(e, t, n));
-              return i = null, r
-            }]; s < r; s++)
-            if (t = b.relative[e[s].type]) c = [be(we(c), t)];
-            else {
-              if ((t = b.filter[e[s].type].apply(null, e[s].matches))[S]) {
-                for (n = ++s; n < r; n++)
-                  if (b.relative[e[n].type]) break;
-                return Ce(1 < s && we(c), 1 < s && xe(e.slice(0, s - 1).concat({
-                  value: " " === e[s - 2].type ? "*" : ""
-                })).replace($, "$1"), t, s < n && Ee(e.slice(s, n)), n < r && Ee(e = e.slice(n)), n < r && xe(
-                  e))
-              }
-              c.push(t)
-            } return we(c)
-        }
-        return me.prototype = b.filters = b.pseudos, b.setFilters = new me, h = se.tokenize = function (e, t) {
-          var n, r, i, o, a, s, u, l = x[e + " "];
-          if (l) return t ? 0 : l.slice(0);
-          a = e, s = [], u = b.preFilter;
-          while (a) {
-            for (o in n && !(r = _.exec(a)) || (r && (a = a.slice(r[0].length) || a), s.push(i = [])), n = !1, (
-              r = z.exec(a)) && (n = r.shift(), i.push({
-                value: n,
-                type: r[0].replace($, " ")
-              }), a = a.slice(n.length)), b.filter) !(r = G[o].exec(a)) || u[o] && !(r = u[o](r)) || (n = r
-                .shift(), i.push({
-                  value: n,
-                  type: o,
-                  matches: r
-                }), a = a.slice(n.length));
-            if (!n) break
-          }
-          return t ? a.length : a ? se.error(e) : x(e, s).slice(0)
-        }, f = se.compile = function (e, t) {
-          var n, v, y, m, x, r, i = [],
-            o = [],
-            a = A[e + " "];
-          if (!a) {
-            t || (t = h(e)), n = t.length;
-            while (n--) (a = Ee(t[n]))[S] ? i.push(a) : o.push(a);
-            (a = A(e, (v = o, m = 0 < (y = i).length, x = 0 < v.length, r = function (e, t, n, r, i) {
-              var o, a, s, u = 0,
-                l = "0",
-                c = e && [],
-                f = [],
-                p = w,
-                d = e || x && b.find.TAG("*", i),
-                h = k += null == p ? 1 : Math.random() || .1,
-                g = d.length;
-              for (i && (w = t == C || t || i); l !== g && null != (o = d[l]); l++) {
-                if (x && o) {
-                  a = 0, t || o.ownerDocument == C || (T(o), n = !E);
-                  while (s = v[a++])
-                    if (s(o, t || C, n)) {
-                      r.push(o);
-                      break
-                    } i && (k = h)
-                }
-                m && ((o = !s && o) && u--, e && c.push(o))
-              }
-              if (u += l, m && l !== u) {
-                a = 0;
-                while (s = y[a++]) s(c, f, t, n);
-                if (e) {
-                  if (0 < u)
-                    while (l--) c[l] || f[l] || (f[l] = q.call(r));
-                  f = Te(f)
-                }
-                H.apply(r, f), i && !e && 0 < f.length && 1 < u + y.length && se.uniqueSort(r)
-              }
-              return i && (k = h, w = p), c
-            }, m ? le(r) : r))).selector = e
-          }
-          return a
-        }, g = se.select = function (e, t, n, r) {
-          var i, o, a, s, u, l = "function" == typeof e && e,
-            c = !r && h(e = l.selector || e);
-          if (n = n || [], 1 === c.length) {
-            if (2 < (o = c[0] = c[0].slice(0)).length && "ID" === (a = o[0]).type && 9 === t.nodeType && E && b
-              .relative[o[1].type]) {
-              if (!(t = (b.find.ID(a.matches[0].replace(te, ne), t) || [])[0])) return n;
-              l && (t = t.parentNode), e = e.slice(o.shift().value.length)
-            }
-            i = G.needsContext.test(e) ? 0 : o.length;
-            while (i--) {
-              if (a = o[i], b.relative[s = a.type]) break;
-              if ((u = b.find[s]) && (r = u(a.matches[0].replace(te, ne), ee.test(o[0].type) && ye(t
-                .parentNode) || t))) {
-                if (o.splice(i, 1), !(e = r.length && xe(o))) return H.apply(n, r), n;
-                break
-              }
-            }
-          }
-          return (l || f(e, c))(r, t, !E, n, !t || ee.test(e) && ye(t.parentNode) || t), n
-        }, d.sortStable = S.split("").sort(j).join("") === S, d.detectDuplicates = !!l, T(), d.sortDetached = ce(
-          function (e) {
-            return 1 & e.compareDocumentPosition(C.createElement("fieldset"))
-          }), ce(function (e) {
-            return e.innerHTML = "<a href='#'></a>", "#" === e.firstChild.getAttribute("href")
-          }) || fe("type|href|height|width", function (e, t, n) {
-            if (!n) return e.getAttribute(t, "type" === t.toLowerCase() ? 1 : 2)
-          }), d.attributes && ce(function (e) {
-            return e.innerHTML = "<input/>", e.firstChild.setAttribute("value", ""), "" === e.firstChild
-              .getAttribute("value")
-          }) || fe("value", function (e, t, n) {
-            if (!n && "input" === e.nodeName.toLowerCase()) return e.defaultValue
-          }), ce(function (e) {
-            return null == e.getAttribute("disabled")
-          }) || fe(R, function (e, t, n) {
-            var r;
-            if (!n) return !0 === e[t] ? t.toLowerCase() : (r = e.getAttributeNode(t)) && r.specified ? r.value :
-              null
-          }), se
-      }(C);
-      S.find = d, S.expr = d.selectors, S.expr[":"] = S.expr.pseudos, S.uniqueSort = S.unique = d.uniqueSort, S.text =
-        d.getText, S.isXMLDoc = d.isXML, S.contains = d.contains, S.escapeSelector = d.escape;
-      var h = function (e, t, n) {
-        var r = [],
-          i = void 0 !== n;
-        while ((e = e[t]) && 9 !== e.nodeType)
-          if (1 === e.nodeType) {
-            if (i && S(e).is(n)) break;
-            r.push(e)
-          } return r
-      },
-        T = function (e, t) {
-          for (var n = []; e; e = e.nextSibling) 1 === e.nodeType && e !== t && n.push(e);
-          return n
-        },
-        k = S.expr.match.needsContext;
-
-      function A(e, t) {
-        return e.nodeName && e.nodeName.toLowerCase() === t.toLowerCase()
-      }
-      var N = /^<([a-z][^\/\0>:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;
-
-      function j(e, n, r) {
-        return m(n) ? S.grep(e, function (e, t) {
-          return !!n.call(e, t, e) !== r
-        }) : n.nodeType ? S.grep(e, function (e) {
-          return e === n !== r
-        }) : "string" != typeof n ? S.grep(e, function (e) {
-          return -1 < i.call(n, e) !== r
-        }) : S.filter(n, e, r)
-      }
-      S.filter = function (e, t, n) {
-        var r = t[0];
-        return n && (e = ":not(" + e + ")"), 1 === t.length && 1 === r.nodeType ? S.find.matchesSelector(r, e) ? [
-          r] : [] : S.find.matches(e, S.grep(t, function (e) {
-            return 1 === e.nodeType
-          }))
-      }, S.fn.extend({
-        find: function (e) {
-          var t, n, r = this.length,
-            i = this;
-          if ("string" != typeof e) return this.pushStack(S(e).filter(function () {
-            for (t = 0; t < r; t++)
-              if (S.contains(i[t], this)) return !0
-          }));
-          for (n = this.pushStack([]), t = 0; t < r; t++) S.find(e, i[t], n);
-          return 1 < r ? S.uniqueSort(n) : n
-        },
-        filter: function (e) {
-          return this.pushStack(j(this, e || [], !1))
-        },
-        not: function (e) {
-          return this.pushStack(j(this, e || [], !0))
-        },
-        is: function (e) {
-          return !!j(this, "string" == typeof e && k.test(e) ? S(e) : e || [], !1).length
-        }
-      });
-      var D, q = /^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]+))$/;
-      (S.fn.init = function (e, t, n) {
-        var r, i;
-        if (!e) return this;
-        if (n = n || D, "string" == typeof e) {
-          if (!(r = "<" === e[0] && ">" === e[e.length - 1] && 3 <= e.length ? [null, e, null] : q.exec(e)) || !r[
-            1] && t) return !t || t.jquery ? (t || n).find(e) : this.constructor(t).find(e);
-          if (r[1]) {
-            if (t = t instanceof S ? t[0] : t, S.merge(this, S.parseHTML(r[1], t && t.nodeType ? t.ownerDocument ||
-              t : E, !0)), N.test(r[1]) && S.isPlainObject(t))
-              for (r in t) m(this[r]) ? this[r](t[r]) : this.attr(r, t[r]);
-            return this
-          }
-          return (i = E.getElementById(r[2])) && (this[0] = i, this.length = 1), this
-        }
-        return e.nodeType ? (this[0] = e, this.length = 1, this) : m(e) ? void 0 !== n.ready ? n.ready(e) : e(S) : S
-          .makeArray(e, this)
-      }).prototype = S.fn, D = S(E);
-      var L = /^(?:parents|prev(?:Until|All))/,
-        H = {
-          children: !0,
-          contents: !0,
-          next: !0,
-          prev: !0
-        };
-
-      function O(e, t) {
-        while ((e = e[t]) && 1 !== e.nodeType);
-        return e
-      }
-      S.fn.extend({
-        has: function (e) {
-          var t = S(e, this),
-            n = t.length;
-          return this.filter(function () {
-            for (var e = 0; e < n; e++)
-              if (S.contains(this, t[e])) return !0
-          })
-        },
-        closest: function (e, t) {
-          var n, r = 0,
-            i = this.length,
-            o = [],
-            a = "string" != typeof e && S(e);
-          if (!k.test(e))
-            for (; r < i; r++)
-              for (n = this[r]; n && n !== t; n = n.parentNode)
-                if (n.nodeType < 11 && (a ? -1 < a.index(n) : 1 === n.nodeType && S.find.matchesSelector(n,
-                  e))) {
-                  o.push(n);
-                  break
-                } return this.pushStack(1 < o.length ? S.uniqueSort(o) : o)
-        },
-        index: function (e) {
-          return e ? "string" == typeof e ? i.call(S(e), this[0]) : i.call(this, e.jquery ? e[0] : e) : this[
-            0] && this[0].parentNode ? this.first().prevAll().length : -1
-        },
-        add: function (e, t) {
-          return this.pushStack(S.uniqueSort(S.merge(this.get(), S(e, t))))
-        },
-        addBack: function (e) {
-          return this.add(null == e ? this.prevObject : this.prevObject.filter(e))
-        }
-      }), S.each({
-        parent: function (e) {
-          var t = e.parentNode;
-          return t && 11 !== t.nodeType ? t : null
-        },
-        parents: function (e) {
-          return h(e, "parentNode")
-        },
-        parentsUntil: function (e, t, n) {
-          return h(e, "parentNode", n)
-        },
-        next: function (e) {
-          return O(e, "nextSibling")
-        },
-        prev: function (e) {
-          return O(e, "previousSibling")
-        },
-        nextAll: function (e) {
-          return h(e, "nextSibling")
-        },
-        prevAll: function (e) {
-          return h(e, "previousSibling")
-        },
-        nextUntil: function (e, t, n) {
-          return h(e, "nextSibling", n)
-        },
-        prevUntil: function (e, t, n) {
-          return h(e, "previousSibling", n)
-        },
-        siblings: function (e) {
-          return T((e.parentNode || {}).firstChild, e)
-        },
-        children: function (e) {
-          return T(e.firstChild)
-        },
-        contents: function (e) {
-          return null != e.contentDocument && r(e.contentDocument) ? e.contentDocument : (A(e, "template") && (
-            e = e.content || e), S.merge([], e.childNodes))
-        }
-      }, function (r, i) {
-        S.fn[r] = function (e, t) {
-          var n = S.map(this, i, e);
-          return "Until" !== r.slice(-5) && (t = e), t && "string" == typeof t && (n = S.filter(t, n)), 1 < this
-            .length && (H[r] || S.uniqueSort(n), L.test(r) && n.reverse()), this.pushStack(n)
-        }
-      });
-      var P = /[^\x20\t\r\n\f]+/g;
-
-      function R(e) {
-        return e
-      }
-
-      function M(e) {
-        throw e
-      }
-
-      function I(e, t, n, r) {
-        var i;
-        try {
-          e && m(i = e.promise) ? i.call(e).done(t).fail(n) : e && m(i = e.then) ? i.call(e, t, n) : t.apply(void 0, [
-            e
-          ].slice(r))
-        } catch (e) {
-          n.apply(void 0, [e])
-        }
-      }
-      S.Callbacks = function (r) {
-        var e, n;
-        r = "string" == typeof r ? (e = r, n = {}, S.each(e.match(P) || [], function (e, t) {
-          n[t] = !0
-        }), n) : S.extend({}, r);
-        var i, t, o, a, s = [],
-          u = [],
-          l = -1,
-          c = function () {
-            for (a = a || r.once, o = i = !0; u.length; l = -1) {
-              t = u.shift();
-              while (++l < s.length) !1 === s[l].apply(t[0], t[1]) && r.stopOnFalse && (l = s.length, t = !1)
-            }
-            r.memory || (t = !1), i = !1, a && (s = t ? [] : "")
-          },
-          f = {
-            add: function () {
-              return s && (t && !i && (l = s.length - 1, u.push(t)), function n(e) {
-                S.each(e, function (e, t) {
-                  m(t) ? r.unique && f.has(t) || s.push(t) : t && t.length && "string" !== w(t) && n(t)
-                })
-              }(arguments), t && !i && c()), this
-            },
-            remove: function () {
-              return S.each(arguments, function (e, t) {
-                var n;
-                while (-1 < (n = S.inArray(t, s, n))) s.splice(n, 1), n <= l && l--
-              }), this
-            },
-            has: function (e) {
-              return e ? -1 < S.inArray(e, s) : 0 < s.length
-            },
-            empty: function () {
-              return s && (s = []), this
-            },
-            disable: function () {
-              return a = u = [], s = t = "", this
-            },
-            disabled: function () {
-              return !s
-            },
-            lock: function () {
-              return a = u = [], t || i || (s = t = ""), this
-            },
-            locked: function () {
-              return !!a
-            },
-            fireWith: function (e, t) {
-              return a || (t = [e, (t = t || []).slice ? t.slice() : t], u.push(t), i || c()), this
-            },
-            fire: function () {
-              return f.fireWith(this, arguments), this
-            },
-            fired: function () {
-              return !!o
-            }
-          };
-        return f
-      }, S.extend({
-        Deferred: function (e) {
-          var o = [
-            ["notify", "progress", S.Callbacks("memory"), S.Callbacks("memory"), 2],
-            ["resolve", "done", S.Callbacks("once memory"), S.Callbacks("once memory"), 0, "resolved"],
-            ["reject", "fail", S.Callbacks("once memory"), S.Callbacks("once memory"), 1, "rejected"]
-          ],
-            i = "pending",
-            a = {
-              state: function () {
-                return i
-              },
-              always: function () {
-                return s.done(arguments).fail(arguments), this
-              },
-              "catch": function (e) {
-                return a.then(null, e)
-              },
-              pipe: function () {
-                var i = arguments;
-                return S.Deferred(function (r) {
-                  S.each(o, function (e, t) {
-                    var n = m(i[t[4]]) && i[t[4]];
-                    s[t[1]](function () {
-                      var e = n && n.apply(this, arguments);
-                      e && m(e.promise) ? e.promise().progress(r.notify).done(r.resolve).fail(r
-                        .reject) : r[t[0] + "With"](this, n ? [e] : arguments)
-                    })
-                  }), i = null
-                }).promise()
-              },
-              then: function (t, n, r) {
-                var u = 0;
-
-                function l(i, o, a, s) {
-                  return function () {
-                    var n = this,
-                      r = arguments,
-                      e = function () {
-                        var e, t;
-                        if (!(i < u)) {
-                          if ((e = a.apply(n, r)) === o.promise()) throw new TypeError(
-                            "Thenable self-resolution");
-                          t = e && ("object" == typeof e || "function" == typeof e) && e.then, m(t) ? s ? t
-                            .call(e, l(u, o, R, s), l(u, o, M, s)) : (u++, t.call(e, l(u, o, R, s), l(u, o,
-                              M, s), l(u, o, R, o.notifyWith))) : (a !== R && (n = void 0, r = [e]), (s || o
-                                .resolveWith)(n, r))
-                        }
-                      },
-                      t = s ? e : function () {
-                        try {
-                          e()
-                        } catch (e) {
-                          S.Deferred.exceptionHook && S.Deferred.exceptionHook(e, t.stackTrace), u <= i +
-                            1 && (a !== M && (n = void 0, r = [e]), o.rejectWith(n, r))
-                        }
-                      };
-                    i ? t() : (S.Deferred.getStackHook && (t.stackTrace = S.Deferred.getStackHook()), C
-                      .setTimeout(t))
-                  }
-                }
-                return S.Deferred(function (e) {
-                  o[0][3].add(l(0, e, m(r) ? r : R, e.notifyWith)), o[1][3].add(l(0, e, m(t) ? t : R)), o[
-                    2][3].add(l(0, e, m(n) ? n : M))
-                }).promise()
-              },
-              promise: function (e) {
-                return null != e ? S.extend(e, a) : a
-              }
-            },
-            s = {};
-          return S.each(o, function (e, t) {
-            var n = t[2],
-              r = t[5];
-            a[t[1]] = n.add, r && n.add(function () {
-              i = r
-            }, o[3 - e][2].disable, o[3 - e][3].disable, o[0][2].lock, o[0][3].lock), n.add(t[3].fire), s[
-            t[0]] = function () {
-              return s[t[0] + "With"](this === s ? void 0 : this, arguments), this
-            }, s[t[0] + "With"] = n.fireWith
-          }), a.promise(s), e && e.call(s, s), s
-        },
-        when: function (e) {
-          var n = arguments.length,
-            t = n,
-            r = Array(t),
-            i = s.call(arguments),
-            o = S.Deferred(),
-            a = function (t) {
-              return function (e) {
-                r[t] = this, i[t] = 1 < arguments.length ? s.call(arguments) : e, --n || o.resolveWith(r, i)
-              }
-            };
-          if (n <= 1 && (I(e, o.done(a(t)).resolve, o.reject, !n), "pending" === o.state() || m(i[t] && i[t]
-            .then))) return o.then();
-          while (t--) I(i[t], a(t), o.reject);
-          return o.promise()
-        }
-      });
-      var W = /^(Eval|Internal|Range|Reference|Syntax|Type|URI)Error$/;
-      S.Deferred.exceptionHook = function (e, t) {
-        C.console && C.console.warn && e && W.test(e.name) && C.console.warn("jQuery.Deferred exception: " + e
-          .message, e.stack, t)
-      }, S.readyException = function (e) {
-        C.setTimeout(function () {
-          throw e
-        })
-      };
-      var F = S.Deferred();
-
-      function B() {
-        E.removeEventListener("DOMContentLoaded", B), C.removeEventListener("load", B), S.ready()
-      }
-      S.fn.ready = function (e) {
-        return F.then(e)["catch"](function (e) {
-          S.readyException(e)
-        }), this
-      }, S.extend({
-        isReady: !1,
-        readyWait: 1,
-        ready: function (e) {
-          (!0 === e ? --S.readyWait : S.isReady) || (S.isReady = !0) !== e && 0 < --S.readyWait || F
-            .resolveWith(E, [S])
-        }
-      }), S.ready.then = F.then, "complete" === E.readyState || "loading" !== E.readyState && !E.documentElement
-        .doScroll ? C.setTimeout(S.ready) : (E.addEventListener("DOMContentLoaded", B), C.addEventListener("load",
-          B));
-      var $ = function (e, t, n, r, i, o, a) {
-        var s = 0,
-          u = e.length,
-          l = null == n;
-        if ("object" === w(n))
-          for (s in i = !0, n) $(e, t, s, n[s], !0, o, a);
-        else if (void 0 !== r && (i = !0, m(r) || (a = !0), l && (a ? (t.call(e, r), t = null) : (l = t, t =
-          function (e, t, n) {
-            return l.call(S(e), n)
-          })), t))
-          for (; s < u; s++) t(e[s], n, a ? r : r.call(e[s], s, t(e[s], n)));
-        return i ? e : l ? t.call(e) : u ? t(e[0], n) : o
-      },
-        _ = /^-ms-/,
-        z = /-([a-z])/g;
-
-      function U(e, t) {
-        return t.toUpperCase()
-      }
-
-      function X(e) {
-        return e.replace(_, "ms-").replace(z, U)
-      }
-      var V = function (e) {
-        return 1 === e.nodeType || 9 === e.nodeType || !+e.nodeType
-      };
-
-      function G() {
-        this.expando = S.expando + G.uid++
-      }
-      G.uid = 1, G.prototype = {
-        cache: function (e) {
-          var t = e[this.expando];
-          return t || (t = {}, V(e) && (e.nodeType ? e[this.expando] = t : Object.defineProperty(e, this
-            .expando, {
-            value: t,
-            configurable: !0
-          }))), t
-        },
-        set: function (e, t, n) {
-          var r, i = this.cache(e);
-          if ("string" == typeof t) i[X(t)] = n;
-          else
-            for (r in t) i[X(r)] = t[r];
-          return i
-        },
-        get: function (e, t) {
-          return void 0 === t ? this.cache(e) : e[this.expando] && e[this.expando][X(t)]
-        },
-        access: function (e, t, n) {
-          return void 0 === t || t && "string" == typeof t && void 0 === n ? this.get(e, t) : (this.set(e, t, n),
-            void 0 !== n ? n : t)
-        },
-        remove: function (e, t) {
-          var n, r = e[this.expando];
-          if (void 0 !== r) {
-            if (void 0 !== t) {
-              n = (t = Array.isArray(t) ? t.map(X) : (t = X(t)) in r ? [t] : t.match(P) || []).length;
-              while (n--) delete r[t[n]]
-            } (void 0 === t || S.isEmptyObject(r)) && (e.nodeType ? e[this.expando] = void 0 : delete e[this
-              .expando])
-          }
-        },
-        hasData: function (e) {
-          var t = e[this.expando];
-          return void 0 !== t && !S.isEmptyObject(t)
-        }
-      };
-      var Y = new G,
-        Q = new G,
-        J = /^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,
-        K = /[A-Z]/g;
-
-      function Z(e, t, n) {
-        var r, i;
-        if (void 0 === n && 1 === e.nodeType)
-          if (r = "data-" + t.replace(K, "-$&").toLowerCase(), "string" == typeof (n = e.getAttribute(r))) {
-            try {
-              n = "true" === (i = n) || "false" !== i && ("null" === i ? null : i === +i + "" ? +i : J.test(i) ? JSON
-                .parse(i) : i)
-            } catch (e) { }
-            Q.set(e, t, n)
-          } else n = void 0;
-        return n
-      }
-      S.extend({
-        hasData: function (e) {
-          return Q.hasData(e) || Y.hasData(e)
-        },
-        data: function (e, t, n) {
-          return Q.access(e, t, n)
-        },
-        removeData: function (e, t) {
-          Q.remove(e, t)
-        },
-        _data: function (e, t, n) {
-          return Y.access(e, t, n)
-        },
-        _removeData: function (e, t) {
-          Y.remove(e, t)
-        }
-      }), S.fn.extend({
-        data: function (n, e) {
-          var t, r, i, o = this[0],
-            a = o && o.attributes;
-          if (void 0 === n) {
-            if (this.length && (i = Q.get(o), 1 === o.nodeType && !Y.get(o, "hasDataAttrs"))) {
-              t = a.length;
-              while (t--) a[t] && 0 === (r = a[t].name).indexOf("data-") && (r = X(r.slice(5)), Z(o, r, i[r]));
-              Y.set(o, "hasDataAttrs", !0)
-            }
-            return i
-          }
-          return "object" == typeof n ? this.each(function () {
-            Q.set(this, n)
-          }) : $(this, function (e) {
-            var t;
-            if (o && void 0 === e) return void 0 !== (t = Q.get(o, n)) ? t : void 0 !== (t = Z(o, n)) ? t :
-              void 0;
-            this.each(function () {
-              Q.set(this, n, e)
-            })
-          }, null, e, 1 < arguments.length, null, !0)
-        },
-        removeData: function (e) {
-          return this.each(function () {
-            Q.remove(this, e)
-          })
-        }
-      }), S.extend({
-        queue: function (e, t, n) {
-          var r;
-          if (e) return t = (t || "fx") + "queue", r = Y.get(e, t), n && (!r || Array.isArray(n) ? r = Y.access(
-            e, t, S.makeArray(n)) : r.push(n)), r || []
-        },
-        dequeue: function (e, t) {
-          t = t || "fx";
-          var n = S.queue(e, t),
-            r = n.length,
-            i = n.shift(),
-            o = S._queueHooks(e, t);
-          "inprogress" === i && (i = n.shift(), r--), i && ("fx" === t && n.unshift("inprogress"), delete o
-            .stop, i.call(e, function () {
-              S.dequeue(e, t)
-            }, o)), !r && o && o.empty.fire()
-        },
-        _queueHooks: function (e, t) {
-          var n = t + "queueHooks";
-          return Y.get(e, n) || Y.access(e, n, {
-            empty: S.Callbacks("once memory").add(function () {
-              Y.remove(e, [t + "queue", n])
-            })
-          })
-        }
-      }), S.fn.extend({
-        queue: function (t, n) {
-          var e = 2;
-          return "string" != typeof t && (n = t, t = "fx", e--), arguments.length < e ? S.queue(this[0], t) :
-            void 0 === n ? this : this.each(function () {
-              var e = S.queue(this, t, n);
-              S._queueHooks(this, t), "fx" === t && "inprogress" !== e[0] && S.dequeue(this, t)
-            })
-        },
-        dequeue: function (e) {
-          return this.each(function () {
-            S.dequeue(this, e)
-          })
-        },
-        clearQueue: function (e) {
-          return this.queue(e || "fx", [])
-        },
-        promise: function (e, t) {
-          var n, r = 1,
-            i = S.Deferred(),
-            o = this,
-            a = this.length,
-            s = function () {
-              --r || i.resolveWith(o, [o])
-            };
-          "string" != typeof e && (t = e, e = void 0), e = e || "fx";
-          while (a--) (n = Y.get(o[a], e + "queueHooks")) && n.empty && (r++, n.empty.add(s));
-          return s(), i.promise(t)
-        }
-      });
-      var ee = /[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,
-        te = new RegExp("^(?:([+-])=|)(" + ee + ")([a-z%]*)$", "i"),
-        ne = ["Top", "Right", "Bottom", "Left"],
-        re = E.documentElement,
-        ie = function (e) {
-          return S.contains(e.ownerDocument, e)
-        },
-        oe = {
-          composed: !0
-        };
-      re.getRootNode && (ie = function (e) {
-        return S.contains(e.ownerDocument, e) || e.getRootNode(oe) === e.ownerDocument
-      });
-      var ae = function (e, t) {
-        return "none" === (e = t || e).style.display || "" === e.style.display && ie(e) && "none" === S.css(e,
-          "display")
-      };
-
-      function se(e, t, n, r) {
-        var i, o, a = 20,
-          s = r ? function () {
-            return r.cur()
-          } : function () {
-            return S.css(e, t, "")
-          },
-          u = s(),
-          l = n && n[3] || (S.cssNumber[t] ? "" : "px"),
-          c = e.nodeType && (S.cssNumber[t] || "px" !== l && +u) && te.exec(S.css(e, t));
-        if (c && c[3] !== l) {
-          u /= 2, l = l || c[3], c = +u || 1;
-          while (a--) S.style(e, t, c + l), (1 - o) * (1 - (o = s() / u || .5)) <= 0 && (a = 0), c /= o;
-          c *= 2, S.style(e, t, c + l), n = n || []
-        }
-        return n && (c = +c || +u || 0, i = n[1] ? c + (n[1] + 1) * n[2] : +n[2], r && (r.unit = l, r.start = c, r
-          .end = i)), i
-      }
-      var ue = {};
-
-      function le(e, t) {
-        for (var n, r, i, o, a, s, u, l = [], c = 0, f = e.length; c < f; c++)(r = e[c]).style && (n = r.style
-          .display, t ? ("none" === n && (l[c] = Y.get(r, "display") || null, l[c] || (r.style.display = "")),
-            "" === r.style.display && ae(r) && (l[c] = (u = a = o = void 0, a = (i = r).ownerDocument, s = i
-              .nodeName, (u = ue[s]) || (o = a.body.appendChild(a.createElement(s)), u = S.css(o, "display"), o
-                .parentNode.removeChild(o), "none" === u && (u = "block"), ue[s] = u)))) : "none" !== n && (l[c] =
-                  "none", Y.set(r, "display", n)));
-        for (c = 0; c < f; c++) null != l[c] && (e[c].style.display = l[c]);
-        return e
-      }
-      S.fn.extend({
-        show: function () {
-          return le(this, !0)
-        },
-        hide: function () {
-          return le(this)
-        },
-        toggle: function (e) {
-          return "boolean" == typeof e ? e ? this.show() : this.hide() : this.each(function () {
-            ae(this) ? S(this).show() : S(this).hide()
-          })
-        }
-      });
-      var ce, fe, pe = /^(?:checkbox|radio)$/i,
-        de = /<([a-z][^\/\0>\x20\t\r\n\f]*)/i,
-        he = /^$|^module$|\/(?:java|ecma)script/i;
-      ce = E.createDocumentFragment().appendChild(E.createElement("div")), (fe = E.createElement("input"))
-        .setAttribute("type", "radio"), fe.setAttribute("checked", "checked"), fe.setAttribute("name", "t"), ce
-          .appendChild(fe), y.checkClone = ce.cloneNode(!0).cloneNode(!0).lastChild.checked, ce.innerHTML =
-        "<textarea>x</textarea>", y.noCloneChecked = !!ce.cloneNode(!0).lastChild.defaultValue, ce.innerHTML =
-        "<option></option>", y.option = !!ce.lastChild;
-      var ge = {
-        thead: [1, "<table>", "</table>"],
-        col: [2, "<table><colgroup>", "</colgroup></table>"],
-        tr: [2, "<table><tbody>", "</tbody></table>"],
-        td: [3, "<table><tbody><tr>", "</tr></tbody></table>"],
-        _default: [0, "", ""]
-      };
-
-      function ve(e, t) {
-        var n;
-        return n = "undefined" != typeof e.getElementsByTagName ? e.getElementsByTagName(t || "*") : "undefined" !=
-          typeof e.querySelectorAll ? e.querySelectorAll(t || "*") : [], void 0 === t || t && A(e, t) ? S.merge([e],
-            n) : n
-      }
-
-      function ye(e, t) {
-        for (var n = 0, r = e.length; n < r; n++) Y.set(e[n], "globalEval", !t || Y.get(t[n], "globalEval"))
-      }
-      ge.tbody = ge.tfoot = ge.colgroup = ge.caption = ge.thead, ge.th = ge.td, y.option || (ge.optgroup = ge
-        .option = [1, "<select multiple='multiple'>", "</select>"]);
-      var me = /<|&#?\w+;/;
-
-      function xe(e, t, n, r, i) {
-        for (var o, a, s, u, l, c, f = t.createDocumentFragment(), p = [], d = 0, h = e.length; d < h; d++)
-          if ((o = e[d]) || 0 === o)
-            if ("object" === w(o)) S.merge(p, o.nodeType ? [o] : o);
-            else if (me.test(o)) {
-              a = a || f.appendChild(t.createElement("div")), s = (de.exec(o) || ["", ""])[1].toLowerCase(), u = ge[s] ||
-                ge._default, a.innerHTML = u[1] + S.htmlPrefilter(o) + u[2], c = u[0];
-              while (c--) a = a.lastChild;
-              S.merge(p, a.childNodes), (a = f.firstChild).textContent = ""
-            } else p.push(t.createTextNode(o));
-        f.textContent = "", d = 0;
-        while (o = p[d++])
-          if (r && -1 < S.inArray(o, r)) i && i.push(o);
-          else if (l = ie(o), a = ve(f.appendChild(o), "script"), l && ye(a), n) {
-            c = 0;
-            while (o = a[c++]) he.test(o.type || "") && n.push(o)
-          }
-        return f
-      }
-      var be = /^([^.]*)(?:\.(.+)|)/;
-
-      function we() {
-        return !0
-      }
-
-      function Te() {
-        return !1
-      }
-
-      function Ce(e, t) {
-        return e === function () {
-          try {
-            return E.activeElement
-          } catch (e) { }
-        }() == ("focus" === t)
-      }
-
-      function Ee(e, t, n, r, i, o) {
-        var a, s;
-        if ("object" == typeof t) {
-          for (s in "string" != typeof n && (r = r || n, n = void 0), t) Ee(e, s, n, r, t[s], o);
-          return e
-        }
-        if (null == r && null == i ? (i = n, r = n = void 0) : null == i && ("string" == typeof n ? (i = r, r =
-          void 0) : (i = r, r = n, n = void 0)), !1 === i) i = Te;
-        else if (!i) return e;
-        return 1 === o && (a = i, (i = function (e) {
-          return S().off(e), a.apply(this, arguments)
-        }).guid = a.guid || (a.guid = S.guid++)), e.each(function () {
-          S.event.add(this, t, i, r, n)
-        })
-      }
-
-      function Se(e, i, o) {
-        o ? (Y.set(e, i, !1), S.event.add(e, i, {
-          namespace: !1,
-          handler: function (e) {
-            var t, n, r = Y.get(this, i);
-            if (1 & e.isTrigger && this[i]) {
-              if (r.length) (S.event.special[i] || {}).delegateType && e.stopPropagation();
-              else if (r = s.call(arguments), Y.set(this, i, r), t = o(this, i), this[i](), r !== (n = Y.get(
-                this, i)) || t ? Y.set(this, i, !1) : n = {}, r !== n) return e.stopImmediatePropagation(),
-                  e.preventDefault(), n && n.value
-            } else r.length && (Y.set(this, i, {
-              value: S.event.trigger(S.extend(r[0], S.Event.prototype), r.slice(1), this)
-            }), e.stopImmediatePropagation())
-          }
-        })) : void 0 === Y.get(e, i) && S.event.add(e, i, we)
-      }
-      S.event = {
-        global: {},
-        add: function (t, e, n, r, i) {
-          var o, a, s, u, l, c, f, p, d, h, g, v = Y.get(t);
-          if (V(t)) {
-            n.handler && (n = (o = n).handler, i = o.selector), i && S.find.matchesSelector(re, i), n.guid || (n
-              .guid = S.guid++), (u = v.events) || (u = v.events = Object.create(null)), (a = v.handle) || (a =
-                v.handle = function (e) {
-                  return "undefined" != typeof S && S.event.triggered !== e.type ? S.event.dispatch.apply(t,
-                    arguments) : void 0
-                }), l = (e = (e || "").match(P) || [""]).length;
-            while (l--) d = g = (s = be.exec(e[l]) || [])[1], h = (s[2] || "").split(".").sort(), d && (f = S
-              .event.special[d] || {}, d = (i ? f.delegateType : f.bindType) || d, f = S.event.special[d] || {},
-              c = S.extend({
-                type: d,
-                origType: g,
-                data: r,
-                handler: n,
-                guid: n.guid,
-                selector: i,
-                needsContext: i && S.expr.match.needsContext.test(i),
-                namespace: h.join(".")
-              }, o), (p = u[d]) || ((p = u[d] = []).delegateCount = 0, f.setup && !1 !== f.setup.call(t, r, h,
-                a) || t.addEventListener && t.addEventListener(d, a)), f.add && (f.add.call(t, c), c.handler
-                  .guid || (c.handler.guid = n.guid)), i ? p.splice(p.delegateCount++, 0, c) : p.push(c), S.event
-                    .global[d] = !0)
-          }
-        },
-        remove: function (e, t, n, r, i) {
-          var o, a, s, u, l, c, f, p, d, h, g, v = Y.hasData(e) && Y.get(e);
-          if (v && (u = v.events)) {
-            l = (t = (t || "").match(P) || [""]).length;
-            while (l--)
-              if (d = g = (s = be.exec(t[l]) || [])[1], h = (s[2] || "").split(".").sort(), d) {
-                f = S.event.special[d] || {}, p = u[d = (r ? f.delegateType : f.bindType) || d] || [], s = s[2] &&
-                  new RegExp("(^|\\.)" + h.join("\\.(?:.*\\.|)") + "(\\.|$)"), a = o = p.length;
-                while (o--) c = p[o], !i && g !== c.origType || n && n.guid !== c.guid || s && !s.test(c
-                  .namespace) || r && r !== c.selector && ("**" !== r || !c.selector) || (p.splice(o, 1), c
-                    .selector && p.delegateCount--, f.remove && f.remove.call(e, c));
-                a && !p.length && (f.teardown && !1 !== f.teardown.call(e, h, v.handle) || S.removeEvent(e, d, v
-                  .handle), delete u[d])
-              } else
-                for (d in u) S.event.remove(e, d + t[l], n, r, !0);
-            S.isEmptyObject(u) && Y.remove(e, "handle events")
-          }
-        },
-        dispatch: function (e) {
-          var t, n, r, i, o, a, s = new Array(arguments.length),
-            u = S.event.fix(e),
-            l = (Y.get(this, "events") || Object.create(null))[u.type] || [],
-            c = S.event.special[u.type] || {};
-          for (s[0] = u, t = 1; t < arguments.length; t++) s[t] = arguments[t];
-          if (u.delegateTarget = this, !c.preDispatch || !1 !== c.preDispatch.call(this, u)) {
-            a = S.event.handlers.call(this, u, l), t = 0;
-            while ((i = a[t++]) && !u.isPropagationStopped()) {
-              u.currentTarget = i.elem, n = 0;
-              while ((o = i.handlers[n++]) && !u.isImmediatePropagationStopped()) u.rnamespace && !1 !== o
-                .namespace && !u.rnamespace.test(o.namespace) || (u.handleObj = o, u.data = o.data, void 0 !== (
-                  r = ((S.event.special[o.origType] || {}).handle || o.handler).apply(i.elem, s)) && !1 === (u
-                    .result = r) && (u.preventDefault(), u.stopPropagation()))
-            }
-            return c.postDispatch && c.postDispatch.call(this, u), u.result
-          }
-        },
-        handlers: function (e, t) {
-          var n, r, i, o, a, s = [],
-            u = t.delegateCount,
-            l = e.target;
-          if (u && l.nodeType && !("click" === e.type && 1 <= e.button))
-            for (; l !== this; l = l.parentNode || this)
-              if (1 === l.nodeType && ("click" !== e.type || !0 !== l.disabled)) {
-                for (o = [], a = {}, n = 0; n < u; n++) void 0 === a[i = (r = t[n]).selector + " "] && (a[i] = r
-                  .needsContext ? -1 < S(i, this).index(l) : S.find(i, this, null, [l]).length), a[i] && o.push(
-                    r);
-                o.length && s.push({
-                  elem: l,
-                  handlers: o
-                })
-              } return l = this, u < t.length && s.push({
-                elem: l,
-                handlers: t.slice(u)
-              }), s
-        },
-        addProp: function (t, e) {
-          Object.defineProperty(S.Event.prototype, t, {
-            enumerable: !0,
-            configurable: !0,
-            get: m(e) ? function () {
-              if (this.originalEvent) return e(this.originalEvent)
-            } : function () {
-              if (this.originalEvent) return this.originalEvent[t]
-            },
-            set: function (e) {
-              Object.defineProperty(this, t, {
-                enumerable: !0,
-                configurable: !0,
-                writable: !0,
-                value: e
-              })
-            }
-          })
-        },
-        fix: function (e) {
-          return e[S.expando] ? e : new S.Event(e)
-        },
-        special: {
-          load: {
-            noBubble: !0
-          },
-          click: {
-            setup: function (e) {
-              var t = this || e;
-              return pe.test(t.type) && t.click && A(t, "input") && Se(t, "click", we), !1
-            },
-            trigger: function (e) {
-              var t = this || e;
-              return pe.test(t.type) && t.click && A(t, "input") && Se(t, "click"), !0
-            },
-            _default: function (e) {
-              var t = e.target;
-              return pe.test(t.type) && t.click && A(t, "input") && Y.get(t, "click") || A(t, "a")
-            }
-          },
-          beforeunload: {
-            postDispatch: function (e) {
-              void 0 !== e.result && e.originalEvent && (e.originalEvent.returnValue = e.result)
-            }
-          }
-        }
-      }, S.removeEvent = function (e, t, n) {
-        e.removeEventListener && e.removeEventListener(t, n)
-      }, S.Event = function (e, t) {
-        if (!(this instanceof S.Event)) return new S.Event(e, t);
-        e && e.type ? (this.originalEvent = e, this.type = e.type, this.isDefaultPrevented = e.defaultPrevented ||
-          void 0 === e.defaultPrevented && !1 === e.returnValue ? we : Te, this.target = e.target && 3 === e
-            .target.nodeType ? e.target.parentNode : e.target, this.currentTarget = e.currentTarget, this
-              .relatedTarget = e.relatedTarget) : this.type = e, t && S.extend(this, t), this.timeStamp = e && e
-                .timeStamp || Date.now(), this[S.expando] = !0
-      }, S.Event.prototype = {
-        constructor: S.Event,
-        isDefaultPrevented: Te,
-        isPropagationStopped: Te,
-        isImmediatePropagationStopped: Te,
-        isSimulated: !1,
-        preventDefault: function () {
-          var e = this.originalEvent;
-          this.isDefaultPrevented = we, e && !this.isSimulated && e.preventDefault()
-        },
-        stopPropagation: function () {
-          var e = this.originalEvent;
-          this.isPropagationStopped = we, e && !this.isSimulated && e.stopPropagation()
-        },
-        stopImmediatePropagation: function () {
-          var e = this.originalEvent;
-          this.isImmediatePropagationStopped = we, e && !this.isSimulated && e.stopImmediatePropagation(), this
-            .stopPropagation()
-        }
-      }, S.each({
-        altKey: !0,
-        bubbles: !0,
-        cancelable: !0,
-        changedTouches: !0,
-        ctrlKey: !0,
-        detail: !0,
-        eventPhase: !0,
-        metaKey: !0,
-        pageX: !0,
-        pageY: !0,
-        shiftKey: !0,
-        view: !0,
-        "char": !0,
-        code: !0,
-        charCode: !0,
-        key: !0,
-        keyCode: !0,
-        button: !0,
-        buttons: !0,
-        clientX: !0,
-        clientY: !0,
-        offsetX: !0,
-        offsetY: !0,
-        pointerId: !0,
-        pointerType: !0,
-        screenX: !0,
-        screenY: !0,
-        targetTouches: !0,
-        toElement: !0,
-        touches: !0,
-        which: !0
-      }, S.event.addProp), S.each({
-        focus: "focusin",
-        blur: "focusout"
-      }, function (e, t) {
-        S.event.special[e] = {
-          setup: function () {
-            return Se(this, e, Ce), !1
-          },
-          trigger: function () {
-            return Se(this, e), !0
-          },
-          _default: function () {
-            return !0
-          },
-          delegateType: t
-        }
-      }), S.each({
-        mouseenter: "mouseover",
-        mouseleave: "mouseout",
-        pointerenter: "pointerover",
-        pointerleave: "pointerout"
-      }, function (e, i) {
-        S.event.special[e] = {
-          delegateType: i,
-          bindType: i,
-          handle: function (e) {
-            var t, n = e.relatedTarget,
-              r = e.handleObj;
-            return n && (n === this || S.contains(this, n)) || (e.type = r.origType, t = r.handler.apply(this,
-              arguments), e.type = i), t
-          }
-        }
-      }), S.fn.extend({
-        on: function (e, t, n, r) {
-          return Ee(this, e, t, n, r)
-        },
-        one: function (e, t, n, r) {
-          return Ee(this, e, t, n, r, 1)
-        },
-        off: function (e, t, n) {
-          var r, i;
-          if (e && e.preventDefault && e.handleObj) return r = e.handleObj, S(e.delegateTarget).off(r
-            .namespace ? r.origType + "." + r.namespace : r.origType, r.selector, r.handler), this;
-          if ("object" == typeof e) {
-            for (i in e) this.off(i, t, e[i]);
-            return this
-          }
-          return !1 !== t && "function" != typeof t || (n = t, t = void 0), !1 === n && (n = Te), this.each(
-            function () {
-              S.event.remove(this, e, n, t)
-            })
-        }
-      });
-      var ke = /<script|<style|<link/i,
-        Ae = /checked\s*(?:[^=]|=\s*.checked.)/i,
-        Ne = /^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g;
-
-      function je(e, t) {
-        return A(e, "table") && A(11 !== t.nodeType ? t : t.firstChild, "tr") && S(e).children("tbody")[0] || e
-      }
-
-      function De(e) {
-        return e.type = (null !== e.getAttribute("type")) + "/" + e.type, e
-      }
-
-      function qe(e) {
-        return "true/" === (e.type || "").slice(0, 5) ? e.type = e.type.slice(5) : e.removeAttribute("type"), e
-      }
-
-      function Le(e, t) {
-        var n, r, i, o, a, s;
-        if (1 === t.nodeType) {
-          if (Y.hasData(e) && (s = Y.get(e).events))
-            for (i in Y.remove(t, "handle events"), s)
-              for (n = 0, r = s[i].length; n < r; n++) S.event.add(t, i, s[i][n]);
-          Q.hasData(e) && (o = Q.access(e), a = S.extend({}, o), Q.set(t, a))
-        }
-      }
-
-      function He(n, r, i, o) {
-        r = g(r);
-        var e, t, a, s, u, l, c = 0,
-          f = n.length,
-          p = f - 1,
-          d = r[0],
-          h = m(d);
-        if (h || 1 < f && "string" == typeof d && !y.checkClone && Ae.test(d)) return n.each(function (e) {
-          var t = n.eq(e);
-          h && (r[0] = d.call(this, e, t.html())), He(t, r, i, o)
-        });
-        if (f && (t = (e = xe(r, n[0].ownerDocument, !1, n, o)).firstChild, 1 === e.childNodes.length && (e = t), t ||
-          o)) {
-          for (s = (a = S.map(ve(e, "script"), De)).length; c < f; c++) u = e, c !== p && (u = S.clone(u, !0, !0),
-            s && S.merge(a, ve(u, "script"))), i.call(n[c], u, c);
-          if (s)
-            for (l = a[a.length - 1].ownerDocument, S.map(a, qe), c = 0; c < s; c++) u = a[c], he.test(u.type ||
-              "") && !Y.access(u, "globalEval") && S.contains(l, u) && (u.src && "module" !== (u.type || "")
-                .toLowerCase() ? S._evalUrl && !u.noModule && S._evalUrl(u.src, {
-                  nonce: u.nonce || u.getAttribute("nonce")
-                }, l) : b(u.textContent.replace(Ne, ""), u, l))
-        }
-        return n
-      }
-
-      function Oe(e, t, n) {
-        for (var r, i = t ? S.filter(t, e) : e, o = 0; null != (r = i[o]); o++) n || 1 !== r.nodeType || S.cleanData(
-          ve(r)), r.parentNode && (n && ie(r) && ye(ve(r, "script")), r.parentNode.removeChild(r));
-        return e
-      }
-      S.extend({
-        htmlPrefilter: function (e) {
-          return e
-        },
-        clone: function (e, t, n) {
-          var r, i, o, a, s, u, l, c = e.cloneNode(!0),
-            f = ie(e);
-          if (!(y.noCloneChecked || 1 !== e.nodeType && 11 !== e.nodeType || S.isXMLDoc(e)))
-            for (a = ve(c), r = 0, i = (o = ve(e)).length; r < i; r++) s = o[r], u = a[r], void 0, "input" === (
-              l = u.nodeName.toLowerCase()) && pe.test(s.type) ? u.checked = s.checked : "input" !== l &&
-              "textarea" !== l || (u.defaultValue = s.defaultValue);
-          if (t)
-            if (n)
-              for (o = o || ve(e), a = a || ve(c), r = 0, i = o.length; r < i; r++) Le(o[r], a[r]);
-            else Le(e, c);
-          return 0 < (a = ve(c, "script")).length && ye(a, !f && ve(e, "script")), c
-        },
-        cleanData: function (e) {
-          for (var t, n, r, i = S.event.special, o = 0; void 0 !== (n = e[o]); o++)
-            if (V(n)) {
-              if (t = n[Y.expando]) {
-                if (t.events)
-                  for (r in t.events) i[r] ? S.event.remove(n, r) : S.removeEvent(n, r, t.handle);
-                n[Y.expando] = void 0
-              }
-              n[Q.expando] && (n[Q.expando] = void 0)
-            }
-        }
-      }), S.fn.extend({
-        detach: function (e) {
-          return Oe(this, e, !0)
-        },
-        remove: function (e) {
-          return Oe(this, e)
-        },
-        text: function (e) {
-          return $(this, function (e) {
-            return void 0 === e ? S.text(this) : this.empty().each(function () {
-              1 !== this.nodeType && 11 !== this.nodeType && 9 !== this.nodeType || (this.textContent =
-                e)
-            })
-          }, null, e, arguments.length)
-        },
-        append: function () {
-          return He(this, arguments, function (e) {
-            1 !== this.nodeType && 11 !== this.nodeType && 9 !== this.nodeType || je(this, e).appendChild(e)
-          })
-        },
-        prepend: function () {
-          return He(this, arguments, function (e) {
-            if (1 === this.nodeType || 11 === this.nodeType || 9 === this.nodeType) {
-              var t = je(this, e);
-              t.insertBefore(e, t.firstChild)
-            }
-          })
-        },
-        before: function () {
-          return He(this, arguments, function (e) {
-            this.parentNode && this.parentNode.insertBefore(e, this)
-          })
-        },
-        after: function () {
-          return He(this, arguments, function (e) {
-            this.parentNode && this.parentNode.insertBefore(e, this.nextSibling)
-          })
-        },
-        empty: function () {
-          for (var e, t = 0; null != (e = this[t]); t++) 1 === e.nodeType && (S.cleanData(ve(e, !1)), e
-            .textContent = "");
-          return this
-        },
-        clone: function (e, t) {
-          return e = null != e && e, t = null == t ? e : t, this.map(function () {
-            return S.clone(this, e, t)
-          })
-        },
-        html: function (e) {
-          return $(this, function (e) {
-            var t = this[0] || {},
-              n = 0,
-              r = this.length;
-            if (void 0 === e && 1 === t.nodeType) return t.innerHTML;
-            if ("string" == typeof e && !ke.test(e) && !ge[(de.exec(e) || ["", ""])[1].toLowerCase()]) {
-              e = S.htmlPrefilter(e);
-              try {
-                for (; n < r; n++) 1 === (t = this[n] || {}).nodeType && (S.cleanData(ve(t, !1)), t
-                  .innerHTML = e);
-                t = 0
-              } catch (e) { }
-            }
-            t && this.empty().append(e)
-          }, null, e, arguments.length)
-        },
-        replaceWith: function () {
-          var n = [];
-          return He(this, arguments, function (e) {
-            var t = this.parentNode;
-            S.inArray(this, n) < 0 && (S.cleanData(ve(this)), t && t.replaceChild(e, this))
-          }, n)
-        }
-      }), S.each({
-        appendTo: "append",
-        prependTo: "prepend",
-        insertBefore: "before",
-        insertAfter: "after",
-        replaceAll: "replaceWith"
-      }, function (e, a) {
-        S.fn[e] = function (e) {
-          for (var t, n = [], r = S(e), i = r.length - 1, o = 0; o <= i; o++) t = o === i ? this : this.clone(!
-            0), S(r[o])[a](t), u.apply(n, t.get());
-          return this.pushStack(n)
-        }
-      });
-      var Pe = new RegExp("^(" + ee + ")(?!px)[a-z%]+$", "i"),
-        Re = function (e) {
-          var t = e.ownerDocument.defaultView;
-          return t && t.opener || (t = C), t.getComputedStyle(e)
-        },
-        Me = function (e, t, n) {
-          var r, i, o = {};
-          for (i in t) o[i] = e.style[i], e.style[i] = t[i];
-          for (i in r = n.call(e), t) e.style[i] = o[i];
-          return r
-        },
-        Ie = new RegExp(ne.join("|"), "i");
-
-      function We(e, t, n) {
-        var r, i, o, a, s = e.style;
-        return (n = n || Re(e)) && ("" !== (a = n.getPropertyValue(t) || n[t]) || ie(e) || (a = S.style(e, t)), !y
-          .pixelBoxStyles() && Pe.test(a) && Ie.test(t) && (r = s.width, i = s.minWidth, o = s.maxWidth, s
-            .minWidth = s.maxWidth = s.width = a, a = n.width, s.width = r, s.minWidth = i, s.maxWidth = o)),
-          void 0 !== a ? a + "" : a
-      }
-
-      function Fe(e, t) {
-        return {
-          get: function () {
-            if (!e()) return (this.get = t).apply(this, arguments);
-            delete this.get
-          }
-        }
-      } ! function () {
-        function e() {
-          if (l) {
-            u.style.cssText = "position:absolute;left:-11111px;width:60px;margin-top:1px;padding:0;border:0", l.style
-              .cssText =
-              "position:relative;display:block;box-sizing:border-box;overflow:scroll;margin:auto;border:1px;padding:1px;width:60%;top:1%",
-              re.appendChild(u).appendChild(l);
-            var e = C.getComputedStyle(l);
-            n = "1%" !== e.top, s = 12 === t(e.marginLeft), l.style.right = "60%", o = 36 === t(e.right), r = 36 ===
-              t(e.width), l.style.position = "absolute", i = 12 === t(l.offsetWidth / 3), re.removeChild(u), l = null
-          }
-        }
-
-        function t(e) {
-          return Math.round(parseFloat(e))
-        }
-        var n, r, i, o, a, s, u = E.createElement("div"),
-          l = E.createElement("div");
-        l.style && (l.style.backgroundClip = "content-box", l.cloneNode(!0).style.backgroundClip = "", y
-          .clearCloneStyle = "content-box" === l.style.backgroundClip, S.extend(y, {
-            boxSizingReliable: function () {
-              return e(), r
-            },
-            pixelBoxStyles: function () {
-              return e(), o
-            },
-            pixelPosition: function () {
-              return e(), n
-            },
-            reliableMarginLeft: function () {
-              return e(), s
-            },
-            scrollboxSize: function () {
-              return e(), i
-            },
-            reliableTrDimensions: function () {
-              var e, t, n, r;
-              return null == a && (e = E.createElement("table"), t = E.createElement("tr"), n = E.createElement(
-                "div"), e.style.cssText = "position:absolute;left:-11111px;border-collapse:separate", t
-                  .style.cssText = "border:1px solid", t.style.height = "1px", n.style.height = "9px", n.style
-                    .display = "block", re.appendChild(e).appendChild(t).appendChild(n), r = C.getComputedStyle(
-                      t), a = parseInt(r.height, 10) + parseInt(r.borderTopWidth, 10) + parseInt(r
-                        .borderBottomWidth, 10) === t.offsetHeight, re.removeChild(e)), a
-            }
-          }))
-      }();
-      var Be = ["Webkit", "Moz", "ms"],
-        $e = E.createElement("div").style,
-        _e = {};
-
-      function ze(e) {
-        var t = S.cssProps[e] || _e[e];
-        return t || (e in $e ? e : _e[e] = function (e) {
-          var t = e[0].toUpperCase() + e.slice(1),
-            n = Be.length;
-          while (n--)
-            if ((e = Be[n] + t) in $e) return e
-        }(e) || e)
-      }
-      var Ue = /^(none|table(?!-c[ea]).+)/,
-        Xe = /^--/,
-        Ve = {
-          position: "absolute",
-          visibility: "hidden",
-          display: "block"
-        },
-        Ge = {
-          letterSpacing: "0",
-          fontWeight: "400"
-        };
-
-      function Ye(e, t, n) {
-        var r = te.exec(t);
-        return r ? Math.max(0, r[2] - (n || 0)) + (r[3] || "px") : t
-      }
-
-      function Qe(e, t, n, r, i, o) {
-        var a = "width" === t ? 1 : 0,
-          s = 0,
-          u = 0;
-        if (n === (r ? "border" : "content")) return 0;
-        for (; a < 4; a += 2) "margin" === n && (u += S.css(e, n + ne[a], !0, i)), r ? ("content" === n && (u -= S
-          .css(e, "padding" + ne[a], !0, i)), "margin" !== n && (u -= S.css(e, "border" + ne[a] + "Width", !0,
-            i))) : (u += S.css(e, "padding" + ne[a], !0, i), "padding" !== n ? u += S.css(e, "border" + ne[a] +
-              "Width", !0, i) : s += S.css(e, "border" + ne[a] + "Width", !0, i));
-        return !r && 0 <= o && (u += Math.max(0, Math.ceil(e["offset" + t[0].toUpperCase() + t.slice(1)] - o - u - s -
-          .5)) || 0), u
-      }
-
-      function Je(e, t, n) {
-        var r = Re(e),
-          i = (!y.boxSizingReliable() || n) && "border-box" === S.css(e, "boxSizing", !1, r),
-          o = i,
-          a = We(e, t, r),
-          s = "offset" + t[0].toUpperCase() + t.slice(1);
-        if (Pe.test(a)) {
-          if (!n) return a;
-          a = "auto"
-        }
-        return (!y.boxSizingReliable() && i || !y.reliableTrDimensions() && A(e, "tr") || "auto" === a || !parseFloat(
-          a) && "inline" === S.css(e, "display", !1, r)) && e.getClientRects().length && (i = "border-box" === S
-            .css(e, "boxSizing", !1, r), (o = s in e) && (a = e[s])), (a = parseFloat(a) || 0) + Qe(e, t, n || (i ?
-              "border" : "content"), o, r, a) + "px"
-      }
-
-      function Ke(e, t, n, r, i) {
-        return new Ke.prototype.init(e, t, n, r, i)
-      }
-      S.extend({
-        cssHooks: {
-          opacity: {
-            get: function (e, t) {
-              if (t) {
-                var n = We(e, "opacity");
-                return "" === n ? "1" : n
-              }
-            }
-          }
-        },
-        cssNumber: {
-          animationIterationCount: !0,
-          columnCount: !0,
-          fillOpacity: !0,
-          flexGrow: !0,
-          flexShrink: !0,
-          fontWeight: !0,
-          gridArea: !0,
-          gridColumn: !0,
-          gridColumnEnd: !0,
-          gridColumnStart: !0,
-          gridRow: !0,
-          gridRowEnd: !0,
-          gridRowStart: !0,
-          lineHeight: !0,
-          opacity: !0,
-          order: !0,
-          orphans: !0,
-          widows: !0,
-          zIndex: !0,
-          zoom: !0
-        },
-        cssProps: {},
-        style: function (e, t, n, r) {
-          if (e && 3 !== e.nodeType && 8 !== e.nodeType && e.style) {
-            var i, o, a, s = X(t),
-              u = Xe.test(t),
-              l = e.style;
-            if (u || (t = ze(s)), a = S.cssHooks[t] || S.cssHooks[s], void 0 === n) return a && "get" in a &&
-              void 0 !== (i = a.get(e, !1, r)) ? i : l[t];
-            "string" === (o = typeof n) && (i = te.exec(n)) && i[1] && (n = se(e, t, i), o = "number"), null !=
-              n && n == n && ("number" !== o || u || (n += i && i[3] || (S.cssNumber[s] ? "" : "px")), y
-                .clearCloneStyle || "" !== n || 0 !== t.indexOf("background") || (l[t] = "inherit"), a &&
-                "set" in a && void 0 === (n = a.set(e, n, r)) || (u ? l.setProperty(t, n) : l[t] = n))
-          }
-        },
-        css: function (e, t, n, r) {
-          var i, o, a, s = X(t);
-          return Xe.test(t) || (t = ze(s)), (a = S.cssHooks[t] || S.cssHooks[s]) && "get" in a && (i = a.get(e,
-            !0, n)), void 0 === i && (i = We(e, t, r)), "normal" === i && t in Ge && (i = Ge[t]), "" === n ||
-              n ? (o = parseFloat(i), !0 === n || isFinite(o) ? o || 0 : i) : i
-        }
-      }), S.each(["height", "width"], function (e, u) {
-        S.cssHooks[u] = {
-          get: function (e, t, n) {
-            if (t) return !Ue.test(S.css(e, "display")) || e.getClientRects().length && e
-              .getBoundingClientRect().width ? Je(e, u, n) : Me(e, Ve, function () {
-                return Je(e, u, n)
-              })
-          },
-          set: function (e, t, n) {
-            var r, i = Re(e),
-              o = !y.scrollboxSize() && "absolute" === i.position,
-              a = (o || n) && "border-box" === S.css(e, "boxSizing", !1, i),
-              s = n ? Qe(e, u, n, a, i) : 0;
-            return a && o && (s -= Math.ceil(e["offset" + u[0].toUpperCase() + u.slice(1)] - parseFloat(i[
-              u]) - Qe(e, u, "border", !1, i) - .5)), s && (r = te.exec(t)) && "px" !== (r[3] || "px") && (e
-                .style[u] = t, t = S.css(e, u)), Ye(0, t, s)
-          }
-        }
-      }), S.cssHooks.marginLeft = Fe(y.reliableMarginLeft, function (e, t) {
-        if (t) return (parseFloat(We(e, "marginLeft")) || e.getBoundingClientRect().left - Me(e, {
-          marginLeft: 0
-        }, function () {
-          return e.getBoundingClientRect().left
-        })) + "px"
-      }), S.each({
-        margin: "",
-        padding: "",
-        border: "Width"
-      }, function (i, o) {
-        S.cssHooks[i + o] = {
-          expand: function (e) {
-            for (var t = 0, n = {}, r = "string" == typeof e ? e.split(" ") : [e]; t < 4; t++) n[i + ne[t] +
-              o] = r[t] || r[t - 2] || r[0];
-            return n
-          }
-        }, "margin" !== i && (S.cssHooks[i + o].set = Ye)
-      }), S.fn.extend({
-        css: function (e, t) {
-          return $(this, function (e, t, n) {
-            var r, i, o = {},
-              a = 0;
-            if (Array.isArray(t)) {
-              for (r = Re(e), i = t.length; a < i; a++) o[t[a]] = S.css(e, t[a], !1, r);
-              return o
-            }
-            return void 0 !== n ? S.style(e, t, n) : S.css(e, t)
-          }, e, t, 1 < arguments.length)
-        }
-      }), ((S.Tween = Ke).prototype = {
-        constructor: Ke,
-        init: function (e, t, n, r, i, o) {
-          this.elem = e, this.prop = n, this.easing = i || S.easing._default, this.options = t, this.start =
-            this.now = this.cur(), this.end = r, this.unit = o || (S.cssNumber[n] ? "" : "px")
-        },
-        cur: function () {
-          var e = Ke.propHooks[this.prop];
-          return e && e.get ? e.get(this) : Ke.propHooks._default.get(this)
-        },
-        run: function (e) {
-          var t, n = Ke.propHooks[this.prop];
-          return this.options.duration ? this.pos = t = S.easing[this.easing](e, this.options.duration * e, 0,
-            1, this.options.duration) : this.pos = t = e, this.now = (this.end - this.start) * t + this.start,
-            this.options.step && this.options.step.call(this.elem, this.now, this), n && n.set ? n.set(this) :
-              Ke.propHooks._default.set(this), this
-        }
-      }).init.prototype = Ke.prototype, (Ke.propHooks = {
-        _default: {
-          get: function (e) {
-            var t;
-            return 1 !== e.elem.nodeType || null != e.elem[e.prop] && null == e.elem.style[e.prop] ? e.elem[e
-              .prop] : (t = S.css(e.elem, e.prop, "")) && "auto" !== t ? t : 0
-          },
-          set: function (e) {
-            S.fx.step[e.prop] ? S.fx.step[e.prop](e) : 1 !== e.elem.nodeType || !S.cssHooks[e.prop] && null == e
-              .elem.style[ze(e.prop)] ? e.elem[e.prop] = e.now : S.style(e.elem, e.prop, e.now + e.unit)
-          }
-        }
-      }).scrollTop = Ke.propHooks.scrollLeft = {
-        set: function (e) {
-          e.elem.nodeType && e.elem.parentNode && (e.elem[e.prop] = e.now)
-        }
-      }, S.easing = {
-        linear: function (e) {
-          return e
-        },
-        swing: function (e) {
-          return .5 - Math.cos(e * Math.PI) / 2
-        },
-        _default: "swing"
-      }, S.fx = Ke.prototype.init, S.fx.step = {};
-      var Ze, et, tt, nt, rt = /^(?:toggle|show|hide)$/,
-        it = /queueHooks$/;
-
-      function ot() {
-        et && (!1 === E.hidden && C.requestAnimationFrame ? C.requestAnimationFrame(ot) : C.setTimeout(ot, S.fx
-          .interval), S.fx.tick())
-      }
-
-      function at() {
-        return C.setTimeout(function () {
-          Ze = void 0
-        }), Ze = Date.now()
-      }
-
-      function st(e, t) {
-        var n, r = 0,
-          i = {
-            height: e
-          };
-        for (t = t ? 1 : 0; r < 4; r += 2 - t) i["margin" + (n = ne[r])] = i["padding" + n] = e;
-        return t && (i.opacity = i.width = e), i
-      }
-
-      function ut(e, t, n) {
-        for (var r, i = (lt.tweeners[t] || []).concat(lt.tweeners["*"]), o = 0, a = i.length; o < a; o++)
-          if (r = i[o].call(n, t, e)) return r
-      }
-
-      function lt(o, e, t) {
-        var n, a, r = 0,
-          i = lt.prefilters.length,
-          s = S.Deferred().always(function () {
-            delete u.elem
-          }),
-          u = function () {
-            if (a) return !1;
-            for (var e = Ze || at(), t = Math.max(0, l.startTime + l.duration - e), n = 1 - (t / l.duration || 0), r =
-              0, i = l.tweens.length; r < i; r++) l.tweens[r].run(n);
-            return s.notifyWith(o, [l, n, t]), n < 1 && i ? t : (i || s.notifyWith(o, [l, 1, 0]), s.resolveWith(o, [
-              l]), !1)
-          },
-          l = s.promise({
-            elem: o,
-            props: S.extend({}, e),
-            opts: S.extend(!0, {
-              specialEasing: {},
-              easing: S.easing._default
-            }, t),
-            originalProperties: e,
-            originalOptions: t,
-            startTime: Ze || at(),
-            duration: t.duration,
-            tweens: [],
-            createTween: function (e, t) {
-              var n = S.Tween(o, l.opts, e, t, l.opts.specialEasing[e] || l.opts.easing);
-              return l.tweens.push(n), n
-            },
-            stop: function (e) {
-              var t = 0,
-                n = e ? l.tweens.length : 0;
-              if (a) return this;
-              for (a = !0; t < n; t++) l.tweens[t].run(1);
-              return e ? (s.notifyWith(o, [l, 1, 0]), s.resolveWith(o, [l, e])) : s.rejectWith(o, [l, e]), this
-            }
-          }),
-          c = l.props;
-        for (! function (e, t) {
-          var n, r, i, o, a;
-          for (n in e)
-            if (i = t[r = X(n)], o = e[n], Array.isArray(o) && (i = o[1], o = e[n] = o[0]), n !== r && (e[r] = o,
-              delete e[n]), (a = S.cssHooks[r]) && "expand" in a)
-              for (n in o = a.expand(o), delete e[r], o) n in e || (e[n] = o[n], t[n] = i);
-            else t[r] = i
-        }(c, l.opts.specialEasing); r < i; r++)
-          if (n = lt.prefilters[r].call(l, o, c, l.opts)) return m(n.stop) && (S._queueHooks(l.elem, l.opts.queue)
-            .stop = n.stop.bind(n)), n;
-        return S.map(c, ut, l), m(l.opts.start) && l.opts.start.call(o, l), l.progress(l.opts.progress).done(l.opts
-          .done, l.opts.complete).fail(l.opts.fail).always(l.opts.always), S.fx.timer(S.extend(u, {
-            elem: o,
-            anim: l,
-            queue: l.opts.queue
-          })), l
-      }
-      S.Animation = S.extend(lt, {
-        tweeners: {
-          "*": [function (e, t) {
-            var n = this.createTween(e, t);
-            return se(n.elem, e, te.exec(t), n), n
-          }]
-        },
-        tweener: function (e, t) {
-          m(e) ? (t = e, e = ["*"]) : e = e.match(P);
-          for (var n, r = 0, i = e.length; r < i; r++) n = e[r], lt.tweeners[n] = lt.tweeners[n] || [], lt
-            .tweeners[n].unshift(t)
-        },
-        prefilters: [function (e, t, n) {
-          var r, i, o, a, s, u, l, c, f = "width" in t || "height" in t,
-            p = this,
-            d = {},
-            h = e.style,
-            g = e.nodeType && ae(e),
-            v = Y.get(e, "fxshow");
-          for (r in n.queue || (null == (a = S._queueHooks(e, "fx")).unqueued && (a.unqueued = 0, s = a.empty
-            .fire, a.empty.fire = function () {
-              a.unqueued || s()
-            }), a.unqueued++, p.always(function () {
-              p.always(function () {
-                a.unqueued--, S.queue(e, "fx").length || a.empty.fire()
-              })
-            })), t)
-            if (i = t[r], rt.test(i)) {
-              if (delete t[r], o = o || "toggle" === i, i === (g ? "hide" : "show")) {
-                if ("show" !== i || !v || void 0 === v[r]) continue;
-                g = !0
-              }
-              d[r] = v && v[r] || S.style(e, r)
-            } if ((u = !S.isEmptyObject(t)) || !S.isEmptyObject(d))
-            for (r in f && 1 === e.nodeType && (n.overflow = [h.overflow, h.overflowX, h.overflowY], null == (
-              l = v && v.display) && (l = Y.get(e, "display")), "none" === (c = S.css(e, "display")) && (
-                l ? c = l : (le([e], !0), l = e.style.display || l, c = S.css(e, "display"), le([e]))), (
-                  "inline" === c || "inline-block" === c && null != l) && "none" === S.css(e, "float") && (
-                u || (p.done(function () {
-                  h.display = l
-                }), null == l && (c = h.display, l = "none" === c ? "" : c)), h.display = "inline-block")), n
-                  .overflow && (h.overflow = "hidden", p.always(function () {
-                    h.overflow = n.overflow[0], h.overflowX = n.overflow[1], h.overflowY = n.overflow[2]
-                  })), u = !1, d) u || (v ? "hidden" in v && (g = v.hidden) : v = Y.access(e, "fxshow", {
-                    display: l
-                  }), o && (v.hidden = !g), g && le([e], !0), p.done(function () {
-                    for (r in g || le([e]), Y.remove(e, "fxshow"), d) S.style(e, r, d[r])
-                  })), u = ut(g ? v[r] : 0, r, p), r in v || (v[r] = u.start, g && (u.end = u.start, u.start = 0))
-        }],
-        prefilter: function (e, t) {
-          t ? lt.prefilters.unshift(e) : lt.prefilters.push(e)
-        }
-      }), S.speed = function (e, t, n) {
-        var r = e && "object" == typeof e ? S.extend({}, e) : {
-          complete: n || !n && t || m(e) && e,
-          duration: e,
-          easing: n && t || t && !m(t) && t
-        };
-        return S.fx.off ? r.duration = 0 : "number" != typeof r.duration && (r.duration in S.fx.speeds ? r
-          .duration = S.fx.speeds[r.duration] : r.duration = S.fx.speeds._default), null != r.queue && !0 !== r
-            .queue || (r.queue = "fx"), r.old = r.complete, r.complete = function () {
-              m(r.old) && r.old.call(this), r.queue && S.dequeue(this, r.queue)
-            }, r
-      }, S.fn.extend({
-        fadeTo: function (e, t, n, r) {
-          return this.filter(ae).css("opacity", 0).show().end().animate({
-            opacity: t
-          }, e, n, r)
-        },
-        animate: function (t, e, n, r) {
-          var i = S.isEmptyObject(t),
-            o = S.speed(e, n, r),
-            a = function () {
-              var e = lt(this, S.extend({}, t), o);
-              (i || Y.get(this, "finish")) && e.stop(!0)
-            };
-          return a.finish = a, i || !1 === o.queue ? this.each(a) : this.queue(o.queue, a)
-        },
-        stop: function (i, e, o) {
-          var a = function (e) {
-            var t = e.stop;
-            delete e.stop, t(o)
-          };
-          return "string" != typeof i && (o = e, e = i, i = void 0), e && this.queue(i || "fx", []), this.each(
-            function () {
-              var e = !0,
-                t = null != i && i + "queueHooks",
-                n = S.timers,
-                r = Y.get(this);
-              if (t) r[t] && r[t].stop && a(r[t]);
-              else
-                for (t in r) r[t] && r[t].stop && it.test(t) && a(r[t]);
-              for (t = n.length; t--;) n[t].elem !== this || null != i && n[t].queue !== i || (n[t].anim.stop(
-                o), e = !1, n.splice(t, 1));
-              !e && o || S.dequeue(this, i)
-            })
-        },
-        finish: function (a) {
-          return !1 !== a && (a = a || "fx"), this.each(function () {
-            var e, t = Y.get(this),
-              n = t[a + "queue"],
-              r = t[a + "queueHooks"],
-              i = S.timers,
-              o = n ? n.length : 0;
-            for (t.finish = !0, S.queue(this, a, []), r && r.stop && r.stop.call(this, !0), e = i
-              .length; e--;) i[e].elem === this && i[e].queue === a && (i[e].anim.stop(!0), i.splice(e, 1));
-            for (e = 0; e < o; e++) n[e] && n[e].finish && n[e].finish.call(this);
-            delete t.finish
-          })
-        }
-      }), S.each(["toggle", "show", "hide"], function (e, r) {
-        var i = S.fn[r];
-        S.fn[r] = function (e, t, n) {
-          return null == e || "boolean" == typeof e ? i.apply(this, arguments) : this.animate(st(r, !0), e, t,
-            n)
-        }
-      }), S.each({
-        slideDown: st("show"),
-        slideUp: st("hide"),
-        slideToggle: st("toggle"),
-        fadeIn: {
-          opacity: "show"
-        },
-        fadeOut: {
-          opacity: "hide"
-        },
-        fadeToggle: {
-          opacity: "toggle"
-        }
-      }, function (e, r) {
-        S.fn[e] = function (e, t, n) {
-          return this.animate(r, e, t, n)
-        }
-      }), S.timers = [], S.fx.tick = function () {
-        var e, t = 0,
-          n = S.timers;
-        for (Ze = Date.now(); t < n.length; t++)(e = n[t])() || n[t] !== e || n.splice(t--, 1);
-        n.length || S.fx.stop(), Ze = void 0
-      }, S.fx.timer = function (e) {
-        S.timers.push(e), S.fx.start()
-      }, S.fx.interval = 13, S.fx.start = function () {
-        et || (et = !0, ot())
-      }, S.fx.stop = function () {
-        et = null
-      }, S.fx.speeds = {
-        slow: 600,
-        fast: 200,
-        _default: 400
-      }, S.fn.delay = function (r, e) {
-        return r = S.fx && S.fx.speeds[r] || r, e = e || "fx", this.queue(e, function (e, t) {
-          var n = C.setTimeout(e, r);
-          t.stop = function () {
-            C.clearTimeout(n)
-          }
-        })
-      }, tt = E.createElement("input"), nt = E.createElement("select").appendChild(E.createElement("option")), tt
-        .type = "checkbox", y.checkOn = "" !== tt.value, y.optSelected = nt.selected, (tt = E.createElement("input"))
-          .value = "t", tt.type = "radio", y.radioValue = "t" === tt.value;
-      var ct, ft = S.expr.attrHandle;
-      S.fn.extend({
-        attr: function (e, t) {
-          return $(this, S.attr, e, t, 1 < arguments.length)
-        },
-        removeAttr: function (e) {
-          return this.each(function () {
-            S.removeAttr(this, e)
-          })
-        }
-      }), S.extend({
-        attr: function (e, t, n) {
-          var r, i, o = e.nodeType;
-          if (3 !== o && 8 !== o && 2 !== o) return "undefined" == typeof e.getAttribute ? S.prop(e, t, n) : (
-            1 === o && S.isXMLDoc(e) || (i = S.attrHooks[t.toLowerCase()] || (S.expr.match.bool.test(t) ?
-              ct : void 0)), void 0 !== n ? null === n ? void S.removeAttr(e, t) : i && "set" in i &&
-                void 0 !== (r = i.set(e, n, t)) ? r : (e.setAttribute(t, n + ""), n) : i && "get" in i &&
-                  null !== (r = i.get(e, t)) ? r : null == (r = S.find.attr(e, t)) ? void 0 : r)
-        },
-        attrHooks: {
-          type: {
-            set: function (e, t) {
-              if (!y.radioValue && "radio" === t && A(e, "input")) {
-                var n = e.value;
-                return e.setAttribute("type", t), n && (e.value = n), t
-              }
-            }
-          }
-        },
-        removeAttr: function (e, t) {
-          var n, r = 0,
-            i = t && t.match(P);
-          if (i && 1 === e.nodeType)
-            while (n = i[r++]) e.removeAttribute(n)
-        }
-      }), ct = {
-        set: function (e, t, n) {
-          return !1 === t ? S.removeAttr(e, n) : e.setAttribute(n, n), n
-        }
-      }, S.each(S.expr.match.bool.source.match(/\w+/g), function (e, t) {
-        var a = ft[t] || S.find.attr;
-        ft[t] = function (e, t, n) {
-          var r, i, o = t.toLowerCase();
-          return n || (i = ft[o], ft[o] = r, r = null != a(e, t, n) ? o : null, ft[o] = i), r
-        }
-      });
-      var pt = /^(?:input|select|textarea|button)$/i,
-        dt = /^(?:a|area)$/i;
-
-      function ht(e) {
-        return (e.match(P) || []).join(" ")
-      }
-
-      function gt(e) {
-        return e.getAttribute && e.getAttribute("class") || ""
-      }
-
-      function vt(e) {
-        return Array.isArray(e) ? e : "string" == typeof e && e.match(P) || []
-      }
-      S.fn.extend({
-        prop: function (e, t) {
-          return $(this, S.prop, e, t, 1 < arguments.length)
-        },
-        removeProp: function (e) {
-          return this.each(function () {
-            delete this[S.propFix[e] || e]
-          })
-        }
-      }), S.extend({
-        prop: function (e, t, n) {
-          var r, i, o = e.nodeType;
-          if (3 !== o && 8 !== o && 2 !== o) return 1 === o && S.isXMLDoc(e) || (t = S.propFix[t] || t, i = S
-            .propHooks[t]), void 0 !== n ? i && "set" in i && void 0 !== (r = i.set(e, n, t)) ? r : e[t] =
-              n : i && "get" in i && null !== (r = i.get(e, t)) ? r : e[t]
-        },
-        propHooks: {
-          tabIndex: {
-            get: function (e) {
-              var t = S.find.attr(e, "tabindex");
-              return t ? parseInt(t, 10) : pt.test(e.nodeName) || dt.test(e.nodeName) && e.href ? 0 : -1
-            }
-          }
-        },
-        propFix: {
-          "for": "htmlFor",
-          "class": "className"
-        }
-      }), y.optSelected || (S.propHooks.selected = {
-        get: function (e) {
-          var t = e.parentNode;
-          return t && t.parentNode && t.parentNode.selectedIndex, null
-        },
-        set: function (e) {
-          var t = e.parentNode;
-          t && (t.selectedIndex, t.parentNode && t.parentNode.selectedIndex)
-        }
-      }), S.each(["tabIndex", "readOnly", "maxLength", "cellSpacing", "cellPadding", "rowSpan", "colSpan", "useMap",
-        "frameBorder", "contentEditable"
-      ], function () {
-        S.propFix[this.toLowerCase()] = this
-      }), S.fn.extend({
-        addClass: function (t) {
-          var e, n, r, i, o, a, s, u = 0;
-          if (m(t)) return this.each(function (e) {
-            S(this).addClass(t.call(this, e, gt(this)))
-          });
-          if ((e = vt(t)).length)
-            while (n = this[u++])
-              if (i = gt(n), r = 1 === n.nodeType && " " + ht(i) + " ") {
-                a = 0;
-                while (o = e[a++]) r.indexOf(" " + o + " ") < 0 && (r += o + " ");
-                i !== (s = ht(r)) && n.setAttribute("class", s)
-              } return this
-        },
-        removeClass: function (t) {
-          var e, n, r, i, o, a, s, u = 0;
-          if (m(t)) return this.each(function (e) {
-            S(this).removeClass(t.call(this, e, gt(this)))
-          });
-          if (!arguments.length) return this.attr("class", "");
-          if ((e = vt(t)).length)
-            while (n = this[u++])
-              if (i = gt(n), r = 1 === n.nodeType && " " + ht(i) + " ") {
-                a = 0;
-                while (o = e[a++])
-                  while (-1 < r.indexOf(" " + o + " ")) r = r.replace(" " + o + " ", " ");
-                i !== (s = ht(r)) && n.setAttribute("class", s)
-              } return this
-        },
-        toggleClass: function (i, t) {
-          var o = typeof i,
-            a = "string" === o || Array.isArray(i);
-          return "boolean" == typeof t && a ? t ? this.addClass(i) : this.removeClass(i) : m(i) ? this.each(
-            function (e) {
-              S(this).toggleClass(i.call(this, e, gt(this), t), t)
-            }) : this.each(function () {
-              var e, t, n, r;
-              if (a) {
-                t = 0, n = S(this), r = vt(i);
-                while (e = r[t++]) n.hasClass(e) ? n.removeClass(e) : n.addClass(e)
-              } else void 0 !== i && "boolean" !== o || ((e = gt(this)) && Y.set(this, "__className__", e),
-                this.setAttribute && this.setAttribute("class", e || !1 === i ? "" : Y.get(this,
-                  "__className__") || ""))
-            })
-        },
-        hasClass: function (e) {
-          var t, n, r = 0;
-          t = " " + e + " ";
-          while (n = this[r++])
-            if (1 === n.nodeType && -1 < (" " + ht(gt(n)) + " ").indexOf(t)) return !0;
-          return !1
-        }
-      });
-      var yt = /\r/g;
-      S.fn.extend({
-        val: function (n) {
-          var r, e, i, t = this[0];
-          return arguments.length ? (i = m(n), this.each(function (e) {
-            var t;
-            1 === this.nodeType && (null == (t = i ? n.call(this, e, S(this).val()) : n) ? t = "" :
-              "number" == typeof t ? t += "" : Array.isArray(t) && (t = S.map(t, function (e) {
-                return null == e ? "" : e + ""
-              })), (r = S.valHooks[this.type] || S.valHooks[this.nodeName.toLowerCase()]) && "set" in
-              r && void 0 !== r.set(this, t, "value") || (this.value = t))
-          })) : t ? (r = S.valHooks[t.type] || S.valHooks[t.nodeName.toLowerCase()]) && "get" in r &&
-            void 0 !== (e = r.get(t, "value")) ? e : "string" == typeof (e = t.value) ? e.replace(yt, "") :
-            null == e ? "" : e : void 0
-        }
-      }), S.extend({
-        valHooks: {
-          option: {
-            get: function (e) {
-              var t = S.find.attr(e, "value");
-              return null != t ? t : ht(S.text(e))
-            }
-          },
-          select: {
-            get: function (e) {
-              var t, n, r, i = e.options,
-                o = e.selectedIndex,
-                a = "select-one" === e.type,
-                s = a ? null : [],
-                u = a ? o + 1 : i.length;
-              for (r = o < 0 ? u : a ? o : 0; r < u; r++)
-                if (((n = i[r]).selected || r === o) && !n.disabled && (!n.parentNode.disabled || !A(n
-                  .parentNode, "optgroup"))) {
-                  if (t = S(n).val(), a) return t;
-                  s.push(t)
-                } return s
-            },
-            set: function (e, t) {
-              var n, r, i = e.options,
-                o = S.makeArray(t),
-                a = i.length;
-              while (a--) ((r = i[a]).selected = -1 < S.inArray(S.valHooks.option.get(r), o)) && (n = !0);
-              return n || (e.selectedIndex = -1), o
-            }
-          }
-        }
-      }), S.each(["radio", "checkbox"], function () {
-        S.valHooks[this] = {
-          set: function (e, t) {
-            if (Array.isArray(t)) return e.checked = -1 < S.inArray(S(e).val(), t)
-          }
-        }, y.checkOn || (S.valHooks[this].get = function (e) {
-          return null === e.getAttribute("value") ? "on" : e.value
-        })
-      }), y.focusin = "onfocusin" in C;
-      var mt = /^(?:focusinfocus|focusoutblur)$/,
-        xt = function (e) {
-          e.stopPropagation()
-        };
-      S.extend(S.event, {
-        trigger: function (e, t, n, r) {
-          var i, o, a, s, u, l, c, f, p = [n || E],
-            d = v.call(e, "type") ? e.type : e,
-            h = v.call(e, "namespace") ? e.namespace.split(".") : [];
-          if (o = f = a = n = n || E, 3 !== n.nodeType && 8 !== n.nodeType && !mt.test(d + S.event.triggered) &&
-            (-1 < d.indexOf(".") && (d = (h = d.split(".")).shift(), h.sort()), u = d.indexOf(":") < 0 && "on" +
-              d, (e = e[S.expando] ? e : new S.Event(d, "object" == typeof e && e)).isTrigger = r ? 2 : 3, e
-                .namespace = h.join("."), e.rnamespace = e.namespace ? new RegExp("(^|\\.)" + h.join(
-                  "\\.(?:.*\\.|)") + "(\\.|$)") : null, e.result = void 0, e.target || (e.target = n), t = null ==
-                    t ? [e] : S.makeArray(t, [e]), c = S.event.special[d] || {}, r || !c.trigger || !1 !== c.trigger
-                      .apply(n, t))) {
-            if (!r && !c.noBubble && !x(n)) {
-              for (s = c.delegateType || d, mt.test(s + d) || (o = o.parentNode); o; o = o.parentNode) p.push(
-                o), a = o;
-              a === (n.ownerDocument || E) && p.push(a.defaultView || a.parentWindow || C)
-            }
-            i = 0;
-            while ((o = p[i++]) && !e.isPropagationStopped()) f = o, e.type = 1 < i ? s : c.bindType || d, (l =
-              (Y.get(o, "events") || Object.create(null))[e.type] && Y.get(o, "handle")) && l.apply(o, t), (
-                l = u && o[u]) && l.apply && V(o) && (e.result = l.apply(o, t), !1 === e.result && e
-                  .preventDefault());
-            return e.type = d, r || e.isDefaultPrevented() || c._default && !1 !== c._default.apply(p.pop(),
-              t) || !V(n) || u && m(n[d]) && !x(n) && ((a = n[u]) && (n[u] = null), S.event.triggered = d, e
-                .isPropagationStopped() && f.addEventListener(d, xt), n[d](), e.isPropagationStopped() && f
-                  .removeEventListener(d, xt), S.event.triggered = void 0, a && (n[u] = a)), e.result
-          }
-        },
-        simulate: function (e, t, n) {
-          var r = S.extend(new S.Event, n, {
-            type: e,
-            isSimulated: !0
-          });
-          S.event.trigger(r, null, t)
-        }
-      }), S.fn.extend({
-        trigger: function (e, t) {
-          return this.each(function () {
-            S.event.trigger(e, t, this)
-          })
-        },
-        triggerHandler: function (e, t) {
-          var n = this[0];
-          if (n) return S.event.trigger(e, t, n, !0)
-        }
-      }), y.focusin || S.each({
-        focus: "focusin",
-        blur: "focusout"
-      }, function (n, r) {
-        var i = function (e) {
-          S.event.simulate(r, e.target, S.event.fix(e))
-        };
-        S.event.special[r] = {
-          setup: function () {
-            var e = this.ownerDocument || this.document || this,
-              t = Y.access(e, r);
-            t || e.addEventListener(n, i, !0), Y.access(e, r, (t || 0) + 1)
-          },
-          teardown: function () {
-            var e = this.ownerDocument || this.document || this,
-              t = Y.access(e, r) - 1;
-            t ? Y.access(e, r, t) : (e.removeEventListener(n, i, !0), Y.remove(e, r))
-          }
-        }
-      });
-      var bt = C.location,
-        wt = {
-          guid: Date.now()
-        },
-        Tt = /\?/;
-      S.parseXML = function (e) {
-        var t, n;
-        if (!e || "string" != typeof e) return null;
-        try {
-          t = (new C.DOMParser).parseFromString(e, "text/xml")
-        } catch (e) { }
-        return n = t && t.getElementsByTagName("parsererror")[0], t && !n || S.error("Invalid XML: " + (n ? S.map(n
-          .childNodes,
-          function (e) {
-            return e.textContent
-          }).join("\n") : e)), t
-      };
-      var Ct = /\[\]$/,
-        Et = /\r?\n/g,
-        St = /^(?:submit|button|image|reset|file)$/i,
-        kt = /^(?:input|select|textarea|keygen)/i;
-
-      function At(n, e, r, i) {
-        var t;
-        if (Array.isArray(e)) S.each(e, function (e, t) {
-          r || Ct.test(n) ? i(n, t) : At(n + "[" + ("object" == typeof t && null != t ? e : "") + "]", t, r, i)
-        });
-        else if (r || "object" !== w(e)) i(n, e);
-        else
-          for (t in e) At(n + "[" + t + "]", e[t], r, i)
-      }
-      S.param = function (e, t) {
-        var n, r = [],
-          i = function (e, t) {
-            var n = m(t) ? t() : t;
-            r[r.length] = encodeURIComponent(e) + "=" + encodeURIComponent(null == n ? "" : n)
-          };
-        if (null == e) return "";
-        if (Array.isArray(e) || e.jquery && !S.isPlainObject(e)) S.each(e, function () {
-          i(this.name, this.value)
-        });
-        else
-          for (n in e) At(n, e[n], t, i);
-        return r.join("&")
-      }, S.fn.extend({
-        serialize: function () {
-          return S.param(this.serializeArray())
-        },
-        serializeArray: function () {
-          return this.map(function () {
-            var e = S.prop(this, "elements");
-            return e ? S.makeArray(e) : this
-          }).filter(function () {
-            var e = this.type;
-            return this.name && !S(this).is(":disabled") && kt.test(this.nodeName) && !St.test(e) && (this
-              .checked || !pe.test(e))
-          }).map(function (e, t) {
-            var n = S(this).val();
-            return null == n ? null : Array.isArray(n) ? S.map(n, function (e) {
-              return {
-                name: t.name,
-                value: e.replace(Et, "\r\n")
-              }
-            }) : {
-              name: t.name,
-              value: n.replace(Et, "\r\n")
-            }
-          }).get()
-        }
-      });
-      var Nt = /%20/g,
-        jt = /#.*$/,
-        Dt = /([?&])_=[^&]*/,
-        qt = /^(.*?):[ \t]*([^\r\n]*)$/gm,
-        Lt = /^(?:GET|HEAD)$/,
-        Ht = /^\/\//,
-        Ot = {},
-        Pt = {},
-        Rt = "*/".concat("*"),
-        Mt = E.createElement("a");
-
-      function It(o) {
-        return function (e, t) {
-          "string" != typeof e && (t = e, e = "*");
-          var n, r = 0,
-            i = e.toLowerCase().match(P) || [];
-          if (m(t))
-            while (n = i[r++]) "+" === n[0] ? (n = n.slice(1) || "*", (o[n] = o[n] || []).unshift(t)) : (o[n] = o[
-              n] || []).push(t)
-        }
-      }
-
-      function Wt(t, i, o, a) {
-        var s = {},
-          u = t === Pt;
-
-        function l(e) {
-          var r;
-          return s[e] = !0, S.each(t[e] || [], function (e, t) {
-            var n = t(i, o, a);
-            return "string" != typeof n || u || s[n] ? u ? !(r = n) : void 0 : (i.dataTypes.unshift(n), l(n), !1)
-          }), r
-        }
-        return l(i.dataTypes[0]) || !s["*"] && l("*")
-      }
-
-      function Ft(e, t) {
-        var n, r, i = S.ajaxSettings.flatOptions || {};
-        for (n in t) void 0 !== t[n] && ((i[n] ? e : r || (r = {}))[n] = t[n]);
-        return r && S.extend(!0, e, r), e
-      }
-      Mt.href = bt.href, S.extend({
-        active: 0,
-        lastModified: {},
-        etag: {},
-        ajaxSettings: {
-          url: bt.href,
-          type: "GET",
-          isLocal: /^(?:about|app|app-storage|.+-extension|file|res|widget):$/.test(bt.protocol),
-          global: !0,
-          processData: !0,
-          async: !0,
-          contentType: "application/x-www-form-urlencoded; charset=UTF-8",
-          accepts: {
-            "*": Rt,
-            text: "text/plain",
-            html: "text/html",
-            xml: "application/xml, text/xml",
-            json: "application/json, text/javascript"
-          },
-          contents: {
-            xml: /\bxml\b/,
-            html: /\bhtml/,
-            json: /\bjson\b/
-          },
-          responseFields: {
-            xml: "responseXML",
-            text: "responseText",
-            json: "responseJSON"
-          },
-          converters: {
-            "* text": String,
-            "text html": !0,
-            "text json": JSON.parse,
-            "text xml": S.parseXML
-          },
-          flatOptions: {
-            url: !0,
-            context: !0
-          }
-        },
-        ajaxSetup: function (e, t) {
-          return t ? Ft(Ft(e, S.ajaxSettings), t) : Ft(S.ajaxSettings, e)
-        },
-        ajaxPrefilter: It(Ot),
-        ajaxTransport: It(Pt),
-        ajax: function (e, t) {
-          "object" == typeof e && (t = e, e = void 0), t = t || {};
-          var c, f, p, n, d, r, h, g, i, o, v = S.ajaxSetup({}, t),
-            y = v.context || v,
-            m = v.context && (y.nodeType || y.jquery) ? S(y) : S.event,
-            x = S.Deferred(),
-            b = S.Callbacks("once memory"),
-            w = v.statusCode || {},
-            a = {},
-            s = {},
-            u = "canceled",
-            T = {
-              readyState: 0,
-              getResponseHeader: function (e) {
-                var t;
-                if (h) {
-                  if (!n) {
-                    n = {};
-                    while (t = qt.exec(p)) n[t[1].toLowerCase() + " "] = (n[t[1].toLowerCase() + " "] || [])
-                      .concat(t[2])
-                  }
-                  t = n[e.toLowerCase() + " "]
-                }
-                return null == t ? null : t.join(", ")
-              },
-              getAllResponseHeaders: function () {
-                return h ? p : null
-              },
-              setRequestHeader: function (e, t) {
-                return null == h && (e = s[e.toLowerCase()] = s[e.toLowerCase()] || e, a[e] = t), this
-              },
-              overrideMimeType: function (e) {
-                return null == h && (v.mimeType = e), this
-              },
-              statusCode: function (e) {
-                var t;
-                if (e)
-                  if (h) T.always(e[T.status]);
-                  else
-                    for (t in e) w[t] = [w[t], e[t]];
-                return this
-              },
-              abort: function (e) {
-                var t = e || u;
-                return c && c.abort(t), l(0, t), this
-              }
-            };
-          if (x.promise(T), v.url = ((e || v.url || bt.href) + "").replace(Ht, bt.protocol + "//"), v.type = t
-            .method || t.type || v.method || v.type, v.dataTypes = (v.dataType || "*").toLowerCase().match(P) ||
-            [""], null == v.crossDomain) {
-            r = E.createElement("a");
-            try {
-              r.href = v.url, r.href = r.href, v.crossDomain = Mt.protocol + "//" + Mt.host != r.protocol +
-                "//" + r.host
-            } catch (e) {
-              v.crossDomain = !0
-            }
-          }
-          if (v.data && v.processData && "string" != typeof v.data && (v.data = S.param(v.data, v.traditional)),
-            Wt(Ot, v, t, T), h) return T;
-          for (i in (g = S.event && v.global) && 0 == S.active++ && S.event.trigger("ajaxStart"), v.type = v
-            .type.toUpperCase(), v.hasContent = !Lt.test(v.type), f = v.url.replace(jt, ""), v.hasContent ? v
-              .data && v.processData && 0 === (v.contentType || "").indexOf(
-                "application/x-www-form-urlencoded") && (v.data = v.data.replace(Nt, "+")) : (o = v.url.slice(f
-                  .length), v.data && (v.processData || "string" == typeof v.data) && (f += (Tt.test(f) ? "&" :
-                    "?") + v.data, delete v.data), !1 === v.cache && (f = f.replace(Dt, "$1"), o = (Tt.test(f) ?
-                      "&" : "?") + "_=" + wt.guid++ + o), v.url = f + o), v.ifModified && (S.lastModified[f] && T
-                        .setRequestHeader("If-Modified-Since", S.lastModified[f]), S.etag[f] && T.setRequestHeader(
-                          "If-None-Match", S.etag[f])), (v.data && v.hasContent && !1 !== v.contentType || t
-                            .contentType) && T.setRequestHeader("Content-Type", v.contentType), T.setRequestHeader("Accept", v
-                              .dataTypes[0] && v.accepts[v.dataTypes[0]] ? v.accepts[v.dataTypes[0]] + ("*" !== v.dataTypes[0] ?
-                                ", " + Rt + "; q=0.01" : "") : v.accepts["*"]), v.headers) T.setRequestHeader(i, v.headers[i]);
-          if (v.beforeSend && (!1 === v.beforeSend.call(y, T, v) || h)) return T.abort();
-          if (u = "abort", b.add(v.complete), T.done(v.success), T.fail(v.error), c = Wt(Pt, v, t, T)) {
-            if (T.readyState = 1, g && m.trigger("ajaxSend", [T, v]), h) return T;
-            v.async && 0 < v.timeout && (d = C.setTimeout(function () {
-              T.abort("timeout")
-            }, v.timeout));
-            try {
-              h = !1, c.send(a, l)
-            } catch (e) {
-              if (h) throw e;
-              l(-1, e)
-            }
-          } else l(-1, "No Transport");
-
-          function l(e, t, n, r) {
-            var i, o, a, s, u, l = t;
-            h || (h = !0, d && C.clearTimeout(d), c = void 0, p = r || "", T.readyState = 0 < e ? 4 : 0, i =
-              200 <= e && e < 300 || 304 === e, n && (s = function (e, t, n) {
-                var r, i, o, a, s = e.contents,
-                  u = e.dataTypes;
-                while ("*" === u[0]) u.shift(), void 0 === r && (r = e.mimeType || t.getResponseHeader(
-                  "Content-Type"));
-                if (r)
-                  for (i in s)
-                    if (s[i] && s[i].test(r)) {
-                      u.unshift(i);
-                      break
-                    } if (u[0] in n) o = u[0];
-                else {
-                  for (i in n) {
-                    if (!u[0] || e.converters[i + " " + u[0]]) {
-                      o = i;
-                      break
-                    }
-                    a || (a = i)
-                  }
-                  o = o || a
-                }
-                if (o) return o !== u[0] && u.unshift(o), n[o]
-              }(v, T, n)), !i && -1 < S.inArray("script", v.dataTypes) && S.inArray("json", v.dataTypes) <
-              0 && (v.converters["text script"] = function () { }), s = function (e, t, n, r) {
-                var i, o, a, s, u, l = {},
-                  c = e.dataTypes.slice();
-                if (c[1])
-                  for (a in e.converters) l[a.toLowerCase()] = e.converters[a];
-                o = c.shift();
-                while (o)
-                  if (e.responseFields[o] && (n[e.responseFields[o]] = t), !u && r && e.dataFilter && (t = e
-                    .dataFilter(t, e.dataType)), u = o, o = c.shift())
-                    if ("*" === o) o = u;
-                    else if ("*" !== u && u !== o) {
-                      if (!(a = l[u + " " + o] || l["* " + o]))
-                        for (i in l)
-                          if ((s = i.split(" "))[1] === o && (a = l[u + " " + s[0]] || l["* " + s[0]])) {
-                            !0 === a ? a = l[i] : !0 !== l[i] && (o = s[0], c.unshift(s[1]));
-                            break
-                          } if (!0 !== a)
-                        if (a && e["throws"]) t = a(t);
-                        else try {
-                          t = a(t)
-                        } catch (e) {
-                          return {
-                            state: "parsererror",
-                            error: a ? e : "No conversion from " + u + " to " + o
-                          }
-                        }
-                    }
-                return {
-                  state: "success",
-                  data: t
-                }
-              }(v, s, T, i), i ? (v.ifModified && ((u = T.getResponseHeader("Last-Modified")) && (S
-                .lastModified[f] = u), (u = T.getResponseHeader("etag")) && (S.etag[f] = u)), 204 === e ||
-                  "HEAD" === v.type ? l = "nocontent" : 304 === e ? l = "notmodified" : (l = s.state, o = s
-                    .data, i = !(a = s.error))) : (a = l, !e && l || (l = "error", e < 0 && (e = 0))), T
-                      .status = e, T.statusText = (t || l) + "", i ? x.resolveWith(y, [o, l, T]) : x.rejectWith(y, [T,
-                        l, a
-                      ]), T.statusCode(w), w = void 0, g && m.trigger(i ? "ajaxSuccess" : "ajaxError", [T, v, i ? o :
-                        a
-                      ]), b.fireWith(y, [T, l]), g && (m.trigger("ajaxComplete", [T, v]), --S.active || S.event
-                        .trigger("ajaxStop")))
-          }
-          return T
-        },
-        getJSON: function (e, t, n) {
-          return S.get(e, t, n, "json")
-        },
-        getScript: function (e, t) {
-          return S.get(e, void 0, t, "script")
-        }
-      }), S.each(["get", "post"], function (e, i) {
-        S[i] = function (e, t, n, r) {
-          return m(t) && (r = r || n, n = t, t = void 0), S.ajax(S.extend({
-            url: e,
-            type: i,
-            dataType: r,
-            data: t,
-            success: n
-          }, S.isPlainObject(e) && e))
-        }
-      }), S.ajaxPrefilter(function (e) {
-        var t;
-        for (t in e.headers) "content-type" === t.toLowerCase() && (e.contentType = e.headers[t] || "")
-      }), S._evalUrl = function (e, t, n) {
-        return S.ajax({
-          url: e,
-          type: "GET",
-          dataType: "script",
-          cache: !0,
-          async: !1,
-          global: !1,
-          converters: {
-            "text script": function () { }
-          },
-          dataFilter: function (e) {
-            S.globalEval(e, t, n)
-          }
-        })
-      }, S.fn.extend({
-        wrapAll: function (e) {
-          var t;
-          return this[0] && (m(e) && (e = e.call(this[0])), t = S(e, this[0].ownerDocument).eq(0).clone(!0),
-            this[0].parentNode && t.insertBefore(this[0]), t.map(function () {
-              var e = this;
-              while (e.firstElementChild) e = e.firstElementChild;
-              return e
-            }).append(this)), this
-        },
-        wrapInner: function (n) {
-          return m(n) ? this.each(function (e) {
-            S(this).wrapInner(n.call(this, e))
-          }) : this.each(function () {
-            var e = S(this),
-              t = e.contents();
-            t.length ? t.wrapAll(n) : e.append(n)
-          })
-        },
-        wrap: function (t) {
-          var n = m(t);
-          return this.each(function (e) {
-            S(this).wrapAll(n ? t.call(this, e) : t)
-          })
-        },
-        unwrap: function (e) {
-          return this.parent(e).not("body").each(function () {
-            S(this).replaceWith(this.childNodes)
-          }), this
-        }
-      }), S.expr.pseudos.hidden = function (e) {
-        return !S.expr.pseudos.visible(e)
-      }, S.expr.pseudos.visible = function (e) {
-        return !!(e.offsetWidth || e.offsetHeight || e.getClientRects().length)
-      }, S.ajaxSettings.xhr = function () {
-        try {
-          return new C.XMLHttpRequest
-        } catch (e) { }
-      };
-      var Bt = {
-        0: 200,
-        1223: 204
-      },
-        $t = S.ajaxSettings.xhr();
-      y.cors = !!$t && "withCredentials" in $t, y.ajax = $t = !!$t, S.ajaxTransport(function (i) {
-        var o, a;
-        if (y.cors || $t && !i.crossDomain) return {
-          send: function (e, t) {
-            var n, r = i.xhr();
-            if (r.open(i.type, i.url, i.async, i.username, i.password), i.xhrFields)
-              for (n in i.xhrFields) r[n] = i.xhrFields[n];
-            for (n in i.mimeType && r.overrideMimeType && r.overrideMimeType(i.mimeType), i.crossDomain || e[
-              "X-Requested-With"] || (e["X-Requested-With"] = "XMLHttpRequest"), e) r.setRequestHeader(n, e[
-                n]);
-            o = function (e) {
-              return function () {
-                o && (o = a = r.onload = r.onerror = r.onabort = r.ontimeout = r.onreadystatechange =
-                  null, "abort" === e ? r.abort() : "error" === e ? "number" != typeof r.status ? t(0,
-                    "error") : t(r.status, r.statusText) : t(Bt[r.status] || r.status, r.statusText,
-                      "text" !== (r.responseType || "text") || "string" != typeof r.responseText ? {
-                        binary: r.response
-                      } : {
-                        text: r.responseText
-                      }, r.getAllResponseHeaders()))
-              }
-            }, r.onload = o(), a = r.onerror = r.ontimeout = o("error"), void 0 !== r.onabort ? r.onabort =
-              a : r.onreadystatechange = function () {
-                4 === r.readyState && C.setTimeout(function () {
-                  o && a()
-                })
-              }, o = o("abort");
-            try {
-              r.send(i.hasContent && i.data || null)
-            } catch (e) {
-              if (o) throw e
-            }
-          },
-          abort: function () {
-            o && o()
-          }
-        }
-      }), S.ajaxPrefilter(function (e) {
-        e.crossDomain && (e.contents.script = !1)
-      }), S.ajaxSetup({
-        accepts: {
-          script: "text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"
-        },
-        contents: {
-          script: /\b(?:java|ecma)script\b/
-        },
-        converters: {
-          "text script": function (e) {
-            return S.globalEval(e), e
-          }
-        }
-      }), S.ajaxPrefilter("script", function (e) {
-        void 0 === e.cache && (e.cache = !1), e.crossDomain && (e.type = "GET")
-      }), S.ajaxTransport("script", function (n) {
-        var r, i;
-        if (n.crossDomain || n.scriptAttrs) return {
-          send: function (e, t) {
-            r = S("<script>").attr(n.scriptAttrs || {}).prop({
-              charset: n.scriptCharset,
-              src: n.url
-            }).on("load error", i = function (e) {
-              r.remove(), i = null, e && t("error" === e.type ? 404 : 200, e.type)
-            }), E.head.appendChild(r[0])
-          },
-          abort: function () {
-            i && i()
-          }
-        }
-      });
-      var _t, zt = [],
-        Ut = /(=)\?(?=&|$)|\?\?/;
-      S.ajaxSetup({
-        jsonp: "callback",
-        jsonpCallback: function () {
-          var e = zt.pop() || S.expando + "_" + wt.guid++;
-          return this[e] = !0, e
-        }
-      }), S.ajaxPrefilter("json jsonp", function (e, t, n) {
-        var r, i, o, a = !1 !== e.jsonp && (Ut.test(e.url) ? "url" : "string" == typeof e.data && 0 === (e
-          .contentType || "").indexOf("application/x-www-form-urlencoded") && Ut.test(e.data) && "data");
-        if (a || "jsonp" === e.dataTypes[0]) return r = e.jsonpCallback = m(e.jsonpCallback) ? e.jsonpCallback() :
-          e.jsonpCallback, a ? e[a] = e[a].replace(Ut, "$1" + r) : !1 !== e.jsonp && (e.url += (Tt.test(e.url) ?
-            "&" : "?") + e.jsonp + "=" + r), e.converters["script json"] = function () {
-              return o || S.error(r + " was not called"), o[0]
-            }, e.dataTypes[0] = "json", i = C[r], C[r] = function () {
-              o = arguments
-            }, n.always(function () {
-              void 0 === i ? S(C).removeProp(r) : C[r] = i, e[r] && (e.jsonpCallback = t.jsonpCallback, zt.push(
-                r)), o && m(i) && i(o[0]), o = i = void 0
-            }), "script"
-      }), y.createHTMLDocument = ((_t = E.implementation.createHTMLDocument("").body).innerHTML =
-        "<form></form><form></form>", 2 === _t.childNodes.length), S.parseHTML = function (e, t, n) {
-          return "string" != typeof e ? [] : ("boolean" == typeof t && (n = t, t = !1), t || (y.createHTMLDocument ? (
-            (r = (t = E.implementation.createHTMLDocument("")).createElement("base")).href = E.location.href, t
-              .head.appendChild(r)) : t = E), o = !n && [], (i = N.exec(e)) ? [t.createElement(i[1])] : (i = xe([e],
-                t, o), o && o.length && S(o).remove(), S.merge([], i.childNodes)));
-          var r, i, o
-        }, S.fn.load = function (e, t, n) {
-          var r, i, o, a = this,
-            s = e.indexOf(" ");
-          return -1 < s && (r = ht(e.slice(s)), e = e.slice(0, s)), m(t) ? (n = t, t = void 0) : t && "object" ==
-            typeof t && (i = "POST"), 0 < a.length && S.ajax({
-              url: e,
-              type: i || "GET",
-              dataType: "html",
-              data: t
-            }).done(function (e) {
-              o = arguments, a.html(r ? S("<div>").append(S.parseHTML(e)).find(r) : e)
-            }).always(n && function (e, t) {
-              a.each(function () {
-                n.apply(this, o || [e.responseText, t, e])
-              })
-            }), this
-        }, S.expr.pseudos.animated = function (t) {
-          return S.grep(S.timers, function (e) {
-            return t === e.elem
-          }).length
-        }, S.offset = {
-          setOffset: function (e, t, n) {
-            var r, i, o, a, s, u, l = S.css(e, "position"),
-              c = S(e),
-              f = {};
-            "static" === l && (e.style.position = "relative"), s = c.offset(), o = S.css(e, "top"), u = S.css(e,
-              "left"), ("absolute" === l || "fixed" === l) && -1 < (o + u).indexOf("auto") ? (a = (r = c
-                .position()).top, i = r.left) : (a = parseFloat(o) || 0, i = parseFloat(u) || 0), m(t) && (t = t.call(
-                  e, n, S.extend({}, s))), null != t.top && (f.top = t.top - s.top + a), null != t.left && (f.left = t
-                    .left - s.left + i), "using" in t ? t.using.call(e, f) : c.css(f)
-          }
-        }, S.fn.extend({
-          offset: function (t) {
-            if (arguments.length) return void 0 === t ? this : this.each(function (e) {
-              S.offset.setOffset(this, t, e)
-            });
-            var e, n, r = this[0];
-            return r ? r.getClientRects().length ? (e = r.getBoundingClientRect(), n = r.ownerDocument
-              .defaultView, {
-              top: e.top + n.pageYOffset,
-              left: e.left + n.pageXOffset
-            }) : {
-              top: 0,
-              left: 0
-            } : void 0
-          },
-          position: function () {
-            if (this[0]) {
-              var e, t, n, r = this[0],
-                i = {
-                  top: 0,
-                  left: 0
-                };
-              if ("fixed" === S.css(r, "position")) t = r.getBoundingClientRect();
-              else {
-                t = this.offset(), n = r.ownerDocument, e = r.offsetParent || n.documentElement;
-                while (e && (e === n.body || e === n.documentElement) && "static" === S.css(e, "position")) e = e
-                  .parentNode;
-                e && e !== r && 1 === e.nodeType && ((i = S(e).offset()).top += S.css(e, "borderTopWidth", !0), i
-                  .left += S.css(e, "borderLeftWidth", !0))
-              }
-              return {
-                top: t.top - i.top - S.css(r, "marginTop", !0),
-                left: t.left - i.left - S.css(r, "marginLeft", !0)
-              }
-            }
-          },
-          offsetParent: function () {
-            return this.map(function () {
-              var e = this.offsetParent;
-              while (e && "static" === S.css(e, "position")) e = e.offsetParent;
-              return e || re
-            })
-          }
-        }), S.each({
-          scrollLeft: "pageXOffset",
-          scrollTop: "pageYOffset"
-        }, function (t, i) {
-          var o = "pageYOffset" === i;
-          S.fn[t] = function (e) {
-            return $(this, function (e, t, n) {
-              var r;
-              if (x(e) ? r = e : 9 === e.nodeType && (r = e.defaultView), void 0 === n) return r ? r[i] : e[
-                t];
-              r ? r.scrollTo(o ? r.pageXOffset : n, o ? n : r.pageYOffset) : e[t] = n
-            }, t, e, arguments.length)
-          }
-        }), S.each(["top", "left"], function (e, n) {
-          S.cssHooks[n] = Fe(y.pixelPosition, function (e, t) {
-            if (t) return t = We(e, n), Pe.test(t) ? S(e).position()[n] + "px" : t
-          })
-        }), S.each({
-          Height: "height",
-          Width: "width"
-        }, function (a, s) {
-          S.each({
-            padding: "inner" + a,
-            content: s,
-            "": "outer" + a
-          }, function (r, o) {
-            S.fn[o] = function (e, t) {
-              var n = arguments.length && (r || "boolean" != typeof e),
-                i = r || (!0 === e || !0 === t ? "margin" : "border");
-              return $(this, function (e, t, n) {
-                var r;
-                return x(e) ? 0 === o.indexOf("outer") ? e["inner" + a] : e.document.documentElement[
-                  "client" + a] : 9 === e.nodeType ? (r = e.documentElement, Math.max(e.body["scroll" +
-                    a], r["scroll" + a], e.body["offset" + a], r["offset" + a], r["client" + a])) :
-                  void 0 === n ? S.css(e, t, i) : S.style(e, t, n, i)
-              }, s, n ? e : void 0, n)
-            }
-          })
-        }), S.each(["ajaxStart", "ajaxStop", "ajaxComplete", "ajaxError", "ajaxSuccess", "ajaxSend"], function (e,
-          t) {
-          S.fn[t] = function (e) {
-            return this.on(t, e)
-          }
-        }), S.fn.extend({
-          bind: function (e, t, n) {
-            return this.on(e, null, t, n)
-          },
-          unbind: function (e, t) {
-            return this.off(e, null, t)
-          },
-          delegate: function (e, t, n, r) {
-            return this.on(t, e, n, r)
-          },
-          undelegate: function (e, t, n) {
-            return 1 === arguments.length ? this.off(e, "**") : this.off(t, e || "**", n)
-          },
-          hover: function (e, t) {
-            return this.mouseenter(e).mouseleave(t || e)
-          }
-        }), S.each(
-          "blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu"
-            .split(" "),
-          function (e, n) {
-            S.fn[n] = function (e, t) {
-              return 0 < arguments.length ? this.on(n, null, e, t) : this.trigger(n)
-            }
-          });
-      var Xt = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;
-      S.proxy = function (e, t) {
-        var n, r, i;
-        if ("string" == typeof t && (n = e[t], t = e, e = n), m(e)) return r = s.call(arguments, 2), (i =
-          function () {
-            return e.apply(t || this, r.concat(s.call(arguments)))
-          }).guid = e.guid = e.guid || S.guid++, i
-      }, S.holdReady = function (e) {
-        e ? S.readyWait++ : S.ready(!0)
-      }, S.isArray = Array.isArray, S.parseJSON = JSON.parse, S.nodeName = A, S.isFunction = m, S.isWindow = x, S
-        .camelCase = X, S.type = w, S.now = Date.now, S.isNumeric = function (e) {
-          var t = S.type(e);
-          return ("number" === t || "string" === t) && !isNaN(e - parseFloat(e))
-        }, S.trim = function (e) {
-          return null == e ? "" : (e + "").replace(Xt, "")
-        }, "function" == typeof define && define.amd && define("jquery", [], function () {
-          return S
-        });
-      var Vt = C.jQuery,
-        Gt = C.$;
-      return S.noConflict = function (e) {
-        return C.$ === S && (C.$ = Gt), e && C.jQuery === S && (C.jQuery = Vt), S
-      }, "undefined" == typeof e && (C.jQuery = C.$ = S), S
-    });
-  </script>
-  <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
-  <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css" />
-  <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
-  <!--end Slick CSS -->
-
-  <!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"
-    integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous">
-  </script> -->
-
-  <!-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> -->
-  <style type="text/css">
-    /*!
- * Bootstrap v4.3.1 (https://getbootstrap.com/)
- * Copyright 2011-2019 The Bootstrap Authors
- * Copyright 2011-2019 Twitter, Inc.
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- */
-    :root {
-      --blue: #007bff;
-      --indigo: #6610f2;
-      --purple: #6f42c1;
-      --pink: #e83e8c;
-      --red: #dc3545;
-      --orange: #fd7e14;
-      --yellow: #ffc107;
-      --green: #28a745;
-      --teal: #20c997;
-      --cyan: #17a2b8;
-      --white: #fff;
-      --gray: #6c757d;
-      --gray-dark: #343a40;
-      --primary: #007bff;
-      --secondary: #6c757d;
-      --success: #28a745;
-      --info: #17a2b8;
-      --warning: #ffc107;
-      --danger: #dc3545;
-      --light: #f8f9fa;
-      --dark: #343a40;
-      --breakpoint-xs: 0;
-      --breakpoint-sm: 576px;
-      --breakpoint-md: 768px;
-      --breakpoint-lg: 992px;
-      --breakpoint-xl: 1200px;
-      --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-      --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
-    }
-
-    *,
-    ::after,
-    ::before {
-      box-sizing: border-box
-    }
-
-    html {
-      font-family: sans-serif;
-      line-height: 1.15;
-      -webkit-text-size-adjust: 100%;
-      -webkit-tap-highlight-color: transparent
-    }
-
-    article,
-    aside,
-    figcaption,
-    figure,
-    footer,
-    header,
-    hgroup,
-    main,
-    nav,
-    section {
-      display: block
-    }
-
-    body {
-      margin: 0;
-      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-      font-size: 1rem;
-      font-weight: 400;
-      line-height: 1.5;
-      color: #212529;
-      text-align: left;
-      background-color: #fff
-    }
-
-    [tabindex="-1"]:focus {
-      outline: 0 !important
-    }
-
-    hr {
-      box-sizing: content-box;
-      height: 0;
-      overflow: visible
-    }
-
-    h1,
-    h2,
-    h3,
-    h4,
-    h5,
-    h6 {
-      margin-top: 0;
-      margin-bottom: .5rem
-    }
-
-    p {
-      margin-top: 0;
-      margin-bottom: 1rem
-    }
-
-    abbr[data-original-title],
-    abbr[title] {
-      text-decoration: underline;
-      -webkit-text-decoration: underline dotted;
-      text-decoration: underline dotted;
-      cursor: help;
-      border-bottom: 0;
-      -webkit-text-decoration-skip-ink: none;
-      text-decoration-skip-ink: none
-    }
-
-    address {
-      margin-bottom: 1rem;
-      font-style: normal;
-      line-height: inherit
-    }
-
-    dl,
-    ol,
-    ul {
-      margin-top: 0;
-      margin-bottom: 1rem
-    }
-
-    ol ol,
-    ol ul,
-    ul ol,
-    ul ul {
-      margin-bottom: 0
-    }
-
-    dt {
-      font-weight: 700
-    }
-
-    dd {
-      margin-bottom: .5rem;
-      margin-left: 0
-    }
-
-    blockquote {
-      margin: 0 0 1rem
-    }
-
-    b,
-    strong {
-      font-weight: bolder
-    }
-
-    small {
-      font-size: 80%
-    }
-
-    sub,
-    sup {
-      position: relative;
-      font-size: 75%;
-      line-height: 0;
-      vertical-align: baseline
-    }
-
-    sub {
-      bottom: -.25em
-    }
-
-    sup {
-      top: -.5em
-    }
-
-    a {
-      color: #007bff;
-      text-decoration: none;
-      background-color: transparent
-    }
-
-    a:hover {
-      color: #0056b3;
-      text-decoration: underline
-    }
-
-    a:not([href]):not([tabindex]) {
-      color: inherit;
-      text-decoration: none
-    }
-
-    a:not([href]):not([tabindex]):focus,
-    a:not([href]):not([tabindex]):hover {
-      color: inherit;
-      text-decoration: none
-    }
-
-    a:not([href]):not([tabindex]):focus {
-      outline: 0
-    }
-
-    code,
-    kbd,
-    pre,
-    samp {
-      font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-      font-size: 1em
-    }
-
-    pre {
-      margin-top: 0;
-      margin-bottom: 1rem;
-      overflow: auto
-    }
-
-    figure {
-      margin: 0 0 1rem
-    }
-
-    img {
-      vertical-align: middle;
-      border-style: none
-    }
-
-    svg {
-      overflow: hidden;
-      vertical-align: middle
-    }
-
-    table {
-      border-collapse: collapse
-    }
-
-    caption {
-      padding-top: .75rem;
-      padding-bottom: .75rem;
-      color: #6c757d;
-      text-align: left;
-      caption-side: bottom
-    }
-
-    th {
-      text-align: inherit
-    }
-
-    label {
-      display: inline-block;
-      margin-bottom: .5rem
-    }
-
-    button {
-      border-radius: 0
-    }
-
-    button:focus {
-      outline: 0px dotted;
-      outline: 0px auto -webkit-focus-ring-color
-    }
-
-    button,
-    input,
-    optgroup,
-    select,
-    textarea {
-      margin: 0;
-      font-family: inherit;
-      font-size: inherit;
-      line-height: inherit
-    }
-
-    button,
-    input {
-      overflow: visible
-    }
-
-    button,
-    select {
-      text-transform: none
-    }
-
-    select {
-      word-wrap: normal
-    }
-
-    [type=button],
-    [type=reset],
-    [type=submit],
-    button {
-      -webkit-appearance: button
-    }
-
-    [type=button]:not(:disabled),
-    [type=reset]:not(:disabled),
-    [type=submit]:not(:disabled),
-    button:not(:disabled) {
-      cursor: pointer
-    }
-
-    [type=button]::-moz-focus-inner,
-    [type=reset]::-moz-focus-inner,
-    [type=submit]::-moz-focus-inner,
-    button::-moz-focus-inner {
-      padding: 0;
-      border-style: none
-    }
-
-    input[type=checkbox],
-    input[type=radio] {
-      box-sizing: border-box;
-      padding: 0
-    }
-
-    input[type=date],
-    input[type=datetime-local],
-    input[type=month],
-    input[type=time] {
-      -webkit-appearance: listbox
-    }
-
-    textarea {
-      overflow: auto;
-      resize: vertical
-    }
-
-    fieldset {
-      min-width: 0;
-      padding: 0;
-      margin: 0;
-      border: 0
-    }
-
-    legend {
-      display: block;
-      width: 100%;
-      max-width: 100%;
-      padding: 0;
-      margin-bottom: .5rem;
-      font-size: 1.5rem;
-      line-height: inherit;
-      color: inherit;
-      white-space: normal
-    }
-
-    progress {
-      vertical-align: baseline
-    }
-
-    [type=number]::-webkit-inner-spin-button,
-    [type=number]::-webkit-outer-spin-button {
-      height: auto
-    }
-
-    [type=search] {
-      outline-offset: -2px;
-      -webkit-appearance: none
-    }
-
-    [type=search]::-webkit-search-decoration {
-      -webkit-appearance: none
-    }
-
-    ::-webkit-file-upload-button {
-      font: inherit;
-      -webkit-appearance: button
-    }
-
-    output {
-      display: inline-block
-    }
-
-    summary {
-      display: list-item;
-      cursor: pointer
-    }
-
-    template {
-      display: none
-    }
-
-    [hidden] {
-      display: none !important
-    }
-
-    .h1,
-    .h2,
-    .h3,
-    .h4,
-    .h5,
-    .h6,
-    h1,
-    h2,
-    h3,
-    h4,
-    h5,
-    h6 {
-      margin-bottom: .5rem;
-      font-weight: 500;
-      line-height: 1.2
-    }
-
-    .h1,
-    h1 {
-      font-size: 2.5rem
-    }
-
-    .h2,
-    h2 {
-      font-size: 2rem
-    }
-
-    .h3,
-    h3 {
-      font-size: 1.75rem
-    }
-
-    .h4,
-    h4 {
-      font-size: 1.5rem
-    }
-
-    .h5,
-    h5 {
-      font-size: 1.25rem
-    }
-
-    .h6,
-    h6 {
-      font-size: 1rem
-    }
-
-    .lead {
-      font-size: 1.25rem;
-      font-weight: 300
-    }
-
-    .display-1 {
-      font-size: 6rem;
-      font-weight: 300;
-      line-height: 1.2
-    }
-
-    .display-2 {
-      font-size: 5.5rem;
-      font-weight: 300;
-      line-height: 1.2
-    }
-
-    .display-3 {
-      font-size: 4.5rem;
-      font-weight: 300;
-      line-height: 1.2
-    }
-
-    .display-4 {
-      font-size: 3.5rem;
-      font-weight: 300;
-      line-height: 1.2
-    }
-
-    hr {
-      margin-top: 1rem;
-      margin-bottom: 1rem;
-      border: 0;
-      border-top: 1px solid rgba(0, 0, 0, .1)
-    }
-
-    .small,
-    small {
-      font-size: 80%;
-      font-weight: 400
-    }
-
-    .mark,
-    mark {
-      padding: .2em;
-      background-color: #fcf8e3
-    }
-
-    .list-unstyled {
-      padding-left: 0;
-      list-style: none
-    }
-
-    .list-inline {
-      padding-left: 0;
-      list-style: none
-    }
-
-    .list-inline-item {
-      display: inline-block
-    }
-
-    .list-inline-item:not(:last-child) {
-      margin-right: .5rem
-    }
-
-    .initialism {
-      font-size: 90%;
-      text-transform: uppercase
-    }
-
-    .blockquote {
-      margin-bottom: 1rem;
-      font-size: 1.25rem
-    }
-
-    .blockquote-footer {
-      display: block;
-      font-size: 80%;
-      color: #6c757d
-    }
-
-    .blockquote-footer::before {
-      content: "\2014\00A0"
-    }
-
-    .img-fluid {
-      max-width: 100%;
-      height: auto
-    }
-
-    .img-thumbnail {
-      padding: .25rem;
-      background-color: #fff;
-      border: 1px solid #dee2e6;
-      border-radius: .25rem;
-      max-width: 100%;
-      height: auto
-    }
-
-    .figure {
-      display: inline-block
-    }
-
-    .figure-img {
-      margin-bottom: .5rem;
-      line-height: 1
-    }
-
-    .figure-caption {
-      font-size: 90%;
-      color: #6c757d
-    }
-
-    code {
-      font-size: 87.5%;
-      color: #e83e8c;
-      word-break: break-word
-    }
-
-    a>code {
-      color: inherit
-    }
-
-    kbd {
-      padding: .2rem .4rem;
-      font-size: 87.5%;
-      color: #fff;
-      background-color: #212529;
-      border-radius: .2rem
-    }
-
-    kbd kbd {
-      padding: 0;
-      font-size: 100%;
-      font-weight: 700
-    }
-
-    pre {
-      display: block;
-      font-size: 87.5%;
-      color: #212529
-    }
-
-    pre code {
-      font-size: inherit;
-      color: inherit;
-      word-break: normal
-    }
-
-    .pre-scrollable {
-      max-height: 340px;
-      overflow-y: scroll
-    }
-
-    .container {
-      width: 100%;
-      padding-right: 15px;
-      padding-left: 15px;
-      margin-right: auto;
-      margin-left: auto
-    }
-
-    @media (min-width:576px) {
-      .container {
-        max-width: 540px
-      }
-    }
-
-    @media (min-width:768px) {
-      .container {
-        max-width: 720px
-      }
-    }
-
-    @media (min-width:992px) {
-      .container {
-        max-width: 960px
-      }
-    }
-
-    @media (min-width:1200px) {
-      .container {
-        max-width: 1140px
-      }
-    }
-
-    .container-fluid {
-      width: 100%;
-      padding-right: 15px;
-      padding-left: 15px;
-      margin-right: auto;
-      margin-left: auto
-    }
-
-    .row {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-      /* margin-right: -15px;
-      margin-left: -15px */
-      margin-top: 1em;
-    }
-
-    .no-gutters {
-      margin-right: 0;
-      margin-left: 0
-    }
-
-    .no-gutters>.col,
-    .no-gutters>[class*=col-] {
-      padding-right: 0;
-      padding-left: 0
-    }
-
-    .col,
-    .col-1,
-    .col-10,
-    .col-11,
-    .col-12,
-    .col-2,
-    .col-3,
-    .col-4,
-    .col-5,
-    .col-6,
-    .col-7,
-    .col-8,
-    .col-9,
-    .col-auto,
-    .col-lg,
-    .col-lg-1,
-    .col-lg-10,
-    .col-lg-11,
-    .col-lg-12,
-    .col-lg-2,
-    .col-lg-3,
-    .col-lg-4,
-    .col-lg-5,
-    .col-lg-6,
-    .col-lg-7,
-    .col-lg-8,
-    .col-lg-9,
-    .col-lg-auto,
-    .col-md,
-    .col-md-1,
-    .col-md-10,
-    .col-md-11,
-    .col-md-12,
-    .col-md-2,
-    .col-md-3,
-    .col-md-4,
-    .col-md-5,
-    .col-md-6,
-    .col-md-7,
-    .col-md-8,
-    .col-md-9,
-    .col-md-auto,
-    .col-sm,
-    .col-sm-1,
-    .col-sm-10,
-    .col-sm-11,
-    .col-sm-12,
-    .col-sm-2,
-    .col-sm-3,
-    .col-sm-4,
-    .col-sm-5,
-    .col-sm-6,
-    .col-sm-7,
-    .col-sm-8,
-    .col-sm-9,
-    .col-sm-auto,
-    .col-xl,
-    .col-xl-1,
-    .col-xl-10,
-    .col-xl-11,
-    .col-xl-12,
-    .col-xl-2,
-    .col-xl-3,
-    .col-xl-4,
-    .col-xl-5,
-    .col-xl-6,
-    .col-xl-7,
-    .col-xl-8,
-    .col-xl-9,
-    .col-xl-auto {
-      position: relative;
-      width: 100%;
-      padding-right: 15px;
-      padding-left: 15px
-    }
-
-    .col {
-      -ms-flex-preferred-size: 0;
-      flex-basis: 0;
-      -ms-flex-positive: 1;
-      flex-grow: 1;
-      max-width: 100%
-    }
-
-    .col-auto {
-      -ms-flex: 0 0 auto;
-      flex: 0 0 auto;
-      width: auto;
-      max-width: 100%
-    }
-
-    .col-1 {
-      -ms-flex: 0 0 8.333333%;
-      flex: 0 0 8.333333%;
-      max-width: 8.333333%
-    }
-
-    .col-2 {
-      -ms-flex: 0 0 16.666667%;
-      flex: 0 0 16.666667%;
-      max-width: 16.666667%
-    }
-
-    .col-3 {
-      -ms-flex: 0 0 25%;
-      flex: 0 0 25%;
-      max-width: 25%
-    }
-
-    .col-4 {
-      -ms-flex: 0 0 33.333333%;
-      flex: 0 0 33.333333%;
-      max-width: 33.333333%
-    }
-
-    .col-5 {
-      -ms-flex: 0 0 41.666667%;
-      flex: 0 0 41.666667%;
-      max-width: 41.666667%
-    }
-
-    .col-6 {
-      -ms-flex: 0 0 50%;
-      flex: 0 0 50%;
-      max-width: 50%
-    }
-
-    .col-7 {
-      -ms-flex: 0 0 58.333333%;
-      flex: 0 0 58.333333%;
-      max-width: 58.333333%
-    }
-
-    .col-8 {
-      -ms-flex: 0 0 66.666667%;
-      flex: 0 0 66.666667%;
-      max-width: 66.666667%
-    }
-
-    .col-9 {
-      -ms-flex: 0 0 75%;
-      flex: 0 0 75%;
-      max-width: 75%
-    }
-
-    .col-10 {
-      -ms-flex: 0 0 83.333333%;
-      flex: 0 0 83.333333%;
-      max-width: 83.333333%
-    }
-
-    .col-11 {
-      -ms-flex: 0 0 91.666667%;
-      flex: 0 0 91.666667%;
-      max-width: 91.666667%
-    }
-
-    .col-12 {
-      -ms-flex: 0 0 100%;
-      flex: 0 0 100%;
-      max-width: 100%
-    }
-
-    .order-first {
-      -ms-flex-order: -1;
-      order: -1
-    }
-
-    .order-last {
-      -ms-flex-order: 13;
-      order: 13
-    }
-
-    .order-0 {
-      -ms-flex-order: 0;
-      order: 0
-    }
-
-    .order-1 {
-      -ms-flex-order: 1;
-      order: 1
-    }
-
-    .order-2 {
-      -ms-flex-order: 2;
-      order: 2
-    }
-
-    .order-3 {
-      -ms-flex-order: 3;
-      order: 3
-    }
-
-    .order-4 {
-      -ms-flex-order: 4;
-      order: 4
-    }
-
-    .order-5 {
-      -ms-flex-order: 5;
-      order: 5
-    }
-
-    .order-6 {
-      -ms-flex-order: 6;
-      order: 6
-    }
-
-    .order-7 {
-      -ms-flex-order: 7;
-      order: 7
-    }
-
-    .order-8 {
-      -ms-flex-order: 8;
-      order: 8
-    }
-
-    .order-9 {
-      -ms-flex-order: 9;
-      order: 9
-    }
-
-    .order-10 {
-      -ms-flex-order: 10;
-      order: 10
-    }
-
-    .order-11 {
-      -ms-flex-order: 11;
-      order: 11
-    }
-
-    .order-12 {
-      -ms-flex-order: 12;
-      order: 12
-    }
-
-    .offset-1 {
-      margin-left: 8.333333%
-    }
-
-    .offset-2 {
-      margin-left: 16.666667%
-    }
-
-    .offset-3 {
-      margin-left: 25%
-    }
-
-    .offset-4 {
-      margin-left: 33.333333%
-    }
-
-    .offset-5 {
-      margin-left: 41.666667%
-    }
-
-    .offset-6 {
-      margin-left: 50%
-    }
-
-    .offset-7 {
-      margin-left: 58.333333%
-    }
-
-    .offset-8 {
-      margin-left: 66.666667%
-    }
-
-    .offset-9 {
-      margin-left: 75%
-    }
-
-    .offset-10 {
-      margin-left: 83.333333%
-    }
-
-    .offset-11 {
-      margin-left: 91.666667%
-    }
-
-    @media (min-width:576px) {
-      .col-sm {
-        -ms-flex-preferred-size: 0;
-        flex-basis: 0;
-        -ms-flex-positive: 1;
-        flex-grow: 1;
-        max-width: 100%
-      }
-
-      .col-sm-auto {
-        -ms-flex: 0 0 auto;
-        flex: 0 0 auto;
-        width: auto;
-        max-width: 100%
-      }
-
-      .col-sm-1 {
-        -ms-flex: 0 0 8.333333%;
-        flex: 0 0 8.333333%;
-        max-width: 8.333333%
-      }
-
-      .col-sm-2 {
-        -ms-flex: 0 0 16.666667%;
-        flex: 0 0 16.666667%;
-        max-width: 16.666667%
-      }
-
-      .col-sm-3 {
-        -ms-flex: 0 0 25%;
-        flex: 0 0 25%;
-        max-width: 25%
-      }
-
-      .col-sm-4 {
-        -ms-flex: 0 0 33.333333%;
-        flex: 0 0 33.333333%;
-        max-width: 33.333333%
-      }
-
-      .col-sm-5 {
-        -ms-flex: 0 0 41.666667%;
-        flex: 0 0 41.666667%;
-        max-width: 41.666667%
-      }
-
-      .col-sm-6 {
-        -ms-flex: 0 0 50%;
-        flex: 0 0 50%;
-        max-width: 50%
-      }
-
-      .col-sm-7 {
-        -ms-flex: 0 0 58.333333%;
-        flex: 0 0 58.333333%;
-        max-width: 58.333333%
-      }
-
-      .col-sm-8 {
-        -ms-flex: 0 0 66.666667%;
-        flex: 0 0 66.666667%;
-        max-width: 66.666667%
-      }
-
-      .col-sm-9 {
-        -ms-flex: 0 0 75%;
-        flex: 0 0 75%;
-        max-width: 75%
-      }
-
-      .col-sm-10 {
-        -ms-flex: 0 0 83.333333%;
-        flex: 0 0 83.333333%;
-        max-width: 83.333333%
-      }
-
-      .col-sm-11 {
-        -ms-flex: 0 0 91.666667%;
-        flex: 0 0 91.666667%;
-        max-width: 91.666667%
-      }
-
-      .col-sm-12 {
-        -ms-flex: 0 0 100%;
-        flex: 0 0 100%;
-        max-width: 100%
-      }
-
-      .order-sm-first {
-        -ms-flex-order: -1;
-        order: -1
-      }
-
-      .order-sm-last {
-        -ms-flex-order: 13;
-        order: 13
-      }
-
-      .order-sm-0 {
-        -ms-flex-order: 0;
-        order: 0
-      }
-
-      .order-sm-1 {
-        -ms-flex-order: 1;
-        order: 1
-      }
-
-      .order-sm-2 {
-        -ms-flex-order: 2;
-        order: 2
-      }
-
-      .order-sm-3 {
-        -ms-flex-order: 3;
-        order: 3
-      }
-
-      .order-sm-4 {
-        -ms-flex-order: 4;
-        order: 4
-      }
-
-      .order-sm-5 {
-        -ms-flex-order: 5;
-        order: 5
-      }
-
-      .order-sm-6 {
-        -ms-flex-order: 6;
-        order: 6
-      }
-
-      .order-sm-7 {
-        -ms-flex-order: 7;
-        order: 7
-      }
-
-      .order-sm-8 {
-        -ms-flex-order: 8;
-        order: 8
-      }
-
-      .order-sm-9 {
-        -ms-flex-order: 9;
-        order: 9
-      }
-
-      .order-sm-10 {
-        -ms-flex-order: 10;
-        order: 10
-      }
-
-      .order-sm-11 {
-        -ms-flex-order: 11;
-        order: 11
-      }
-
-      .order-sm-12 {
-        -ms-flex-order: 12;
-        order: 12
-      }
-
-      .offset-sm-0 {
-        margin-left: 0
-      }
-
-      .offset-sm-1 {
-        margin-left: 8.333333%
-      }
-
-      .offset-sm-2 {
-        margin-left: 16.666667%
-      }
-
-      .offset-sm-3 {
-        margin-left: 25%
-      }
-
-      .offset-sm-4 {
-        margin-left: 33.333333%
-      }
-
-      .offset-sm-5 {
-        margin-left: 41.666667%
-      }
-
-      .offset-sm-6 {
-        margin-left: 50%
-      }
-
-      .offset-sm-7 {
-        margin-left: 58.333333%
-      }
-
-      .offset-sm-8 {
-        margin-left: 66.666667%
-      }
-
-      .offset-sm-9 {
-        margin-left: 75%
-      }
-
-      .offset-sm-10 {
-        margin-left: 83.333333%
-      }
-
-      .offset-sm-11 {
-        margin-left: 91.666667%
-      }
-    }
-
-    @media (min-width:768px) {
-      .col-md {
-        -ms-flex-preferred-size: 0;
-        flex-basis: 0;
-        -ms-flex-positive: 1;
-        flex-grow: 1;
-        max-width: 100%
-      }
-
-      .col-md-auto {
-        -ms-flex: 0 0 auto;
-        flex: 0 0 auto;
-        width: auto;
-        max-width: 100%
-      }
-
-      .col-md-1 {
-        -ms-flex: 0 0 8.333333%;
-        flex: 0 0 8.333333%;
-        max-width: 8.333333%
-      }
-
-      .col-md-2 {
-        -ms-flex: 0 0 16.666667%;
-        flex: 0 0 16.666667%;
-        max-width: 16.666667%
-      }
-
-      .col-md-3 {
-        -ms-flex: 0 0 25%;
-        flex: 0 0 25%;
-        max-width: 25%
-      }
-
-      .col-md-4 {
-        -ms-flex: 0 0 33.333333%;
-        flex: 0 0 33.333333%;
-        max-width: 33.333333%
-      }
-
-      .col-md-5 {
-        -ms-flex: 0 0 41.666667%;
-        flex: 0 0 41.666667%;
-        max-width: 41.666667%
-      }
-
-      .col-md-6 {
-        -ms-flex: 0 0 50%;
-        flex: 0 0 50%;
-        max-width: 50%
-      }
-
-      .col-md-7 {
-        -ms-flex: 0 0 58.333333%;
-        flex: 0 0 58.333333%;
-        max-width: 58.333333%
-      }
-
-      .col-md-8 {
-        -ms-flex: 0 0 66.666667%;
-        flex: 0 0 66.666667%;
-        max-width: 66.666667%
-      }
-
-      .col-md-9 {
-        -ms-flex: 0 0 75%;
-        flex: 0 0 75%;
-        max-width: 75%
-      }
-
-      .col-md-10 {
-        -ms-flex: 0 0 83.333333%;
-        flex: 0 0 83.333333%;
-        max-width: 83.333333%
-      }
-
-      .col-md-11 {
-        -ms-flex: 0 0 91.666667%;
-        flex: 0 0 91.666667%;
-        max-width: 91.666667%
-      }
-
-      .col-md-12 {
-        -ms-flex: 0 0 100%;
-        flex: 0 0 100%;
-        max-width: 100%
-      }
-
-      .order-md-first {
-        -ms-flex-order: -1;
-        order: -1
-      }
-
-      .order-md-last {
-        -ms-flex-order: 13;
-        order: 13
-      }
-
-      .order-md-0 {
-        -ms-flex-order: 0;
-        order: 0
-      }
-
-      .order-md-1 {
-        -ms-flex-order: 1;
-        order: 1
-      }
-
-      .order-md-2 {
-        -ms-flex-order: 2;
-        order: 2
-      }
-
-      .order-md-3 {
-        -ms-flex-order: 3;
-        order: 3
-      }
-
-      .order-md-4 {
-        -ms-flex-order: 4;
-        order: 4
-      }
-
-      .order-md-5 {
-        -ms-flex-order: 5;
-        order: 5
-      }
-
-      .order-md-6 {
-        -ms-flex-order: 6;
-        order: 6
-      }
-
-      .order-md-7 {
-        -ms-flex-order: 7;
-        order: 7
-      }
-
-      .order-md-8 {
-        -ms-flex-order: 8;
-        order: 8
-      }
-
-      .order-md-9 {
-        -ms-flex-order: 9;
-        order: 9
-      }
-
-      .order-md-10 {
-        -ms-flex-order: 10;
-        order: 10
-      }
-
-      .order-md-11 {
-        -ms-flex-order: 11;
-        order: 11
-      }
-
-      .order-md-12 {
-        -ms-flex-order: 12;
-        order: 12
-      }
-
-      .offset-md-0 {
-        margin-left: 0
-      }
-
-      .offset-md-1 {
-        margin-left: 8.333333%
-      }
-
-      .offset-md-2 {
-        margin-left: 16.666667%
-      }
-
-      .offset-md-3 {
-        margin-left: 25%
-      }
-
-      .offset-md-4 {
-        margin-left: 33.333333%
-      }
-
-      .offset-md-5 {
-        margin-left: 41.666667%
-      }
-
-      .offset-md-6 {
-        margin-left: 50%
-      }
-
-      .offset-md-7 {
-        margin-left: 58.333333%
-      }
-
-      .offset-md-8 {
-        margin-left: 66.666667%
-      }
-
-      .offset-md-9 {
-        margin-left: 75%
-      }
-
-      .offset-md-10 {
-        margin-left: 83.333333%
-      }
-
-      .offset-md-11 {
-        margin-left: 91.666667%
-      }
-    }
-
-    @media (min-width:992px) {
-      .col-lg {
-        -ms-flex-preferred-size: 0;
-        flex-basis: 0;
-        -ms-flex-positive: 1;
-        flex-grow: 1;
-        max-width: 100%
-      }
-
-      .col-lg-auto {
-        -ms-flex: 0 0 auto;
-        flex: 0 0 auto;
-        width: auto;
-        max-width: 100%
-      }
-
-      .col-lg-1 {
-        -ms-flex: 0 0 8.333333%;
-        flex: 0 0 8.333333%;
-        max-width: 8.333333%
-      }
-
-      .col-lg-2 {
-        -ms-flex: 0 0 16.666667%;
-        flex: 0 0 16.666667%;
-        max-width: 16.666667%
-      }
-
-      .col-lg-3 {
-        -ms-flex: 0 0 25%;
-        flex: 0 0 25%;
-        max-width: 25%
-      }
-
-      .col-lg-4 {
-        -ms-flex: 0 0 33.333333%;
-        flex: 0 0 33.333333%;
-        max-width: 33.333333%
-      }
-
-      .col-lg-5 {
-        -ms-flex: 0 0 41.666667%;
-        flex: 0 0 41.666667%;
-        max-width: 41.666667%
-      }
-
-      .col-lg-6 {
-        -ms-flex: 0 0 50%;
-        flex: 0 0 50%;
-        max-width: 50%
-      }
-
-      .col-lg-7 {
-        -ms-flex: 0 0 58.333333%;
-        flex: 0 0 58.333333%;
-        max-width: 58.333333%
-      }
-
-      .col-lg-8 {
-        -ms-flex: 0 0 66.666667%;
-        flex: 0 0 66.666667%;
-        max-width: 66.666667%
-      }
-
-      .col-lg-9 {
-        -ms-flex: 0 0 75%;
-        flex: 0 0 75%;
-        max-width: 75%
-      }
-
-      .col-lg-10 {
-        -ms-flex: 0 0 83.333333%;
-        flex: 0 0 83.333333%;
-        max-width: 83.333333%
-      }
-
-      .col-lg-11 {
-        -ms-flex: 0 0 91.666667%;
-        flex: 0 0 91.666667%;
-        max-width: 91.666667%
-      }
-
-      .col-lg-12 {
-        -ms-flex: 0 0 100%;
-        flex: 0 0 100%;
-        max-width: 100%
-      }
-
-      .order-lg-first {
-        -ms-flex-order: -1;
-        order: -1
-      }
-
-      .order-lg-last {
-        -ms-flex-order: 13;
-        order: 13
-      }
-
-      .order-lg-0 {
-        -ms-flex-order: 0;
-        order: 0
-      }
-
-      .order-lg-1 {
-        -ms-flex-order: 1;
-        order: 1
-      }
-
-      .order-lg-2 {
-        -ms-flex-order: 2;
-        order: 2
-      }
-
-      .order-lg-3 {
-        -ms-flex-order: 3;
-        order: 3
-      }
-
-      .order-lg-4 {
-        -ms-flex-order: 4;
-        order: 4
-      }
-
-      .order-lg-5 {
-        -ms-flex-order: 5;
-        order: 5
-      }
-
-      .order-lg-6 {
-        -ms-flex-order: 6;
-        order: 6
-      }
-
-      .order-lg-7 {
-        -ms-flex-order: 7;
-        order: 7
-      }
-
-      .order-lg-8 {
-        -ms-flex-order: 8;
-        order: 8
-      }
-
-      .order-lg-9 {
-        -ms-flex-order: 9;
-        order: 9
-      }
-
-      .order-lg-10 {
-        -ms-flex-order: 10;
-        order: 10
-      }
-
-      .order-lg-11 {
-        -ms-flex-order: 11;
-        order: 11
-      }
-
-      .order-lg-12 {
-        -ms-flex-order: 12;
-        order: 12
-      }
-
-      .offset-lg-0 {
-        margin-left: 0
-      }
-
-      .offset-lg-1 {
-        margin-left: 8.333333%
-      }
-
-      .offset-lg-2 {
-        margin-left: 16.666667%
-      }
-
-      .offset-lg-3 {
-        margin-left: 25%
-      }
-
-      .offset-lg-4 {
-        margin-left: 33.333333%
-      }
-
-      .offset-lg-5 {
-        margin-left: 41.666667%
-      }
-
-      .offset-lg-6 {
-        margin-left: 50%
-      }
-
-      .offset-lg-7 {
-        margin-left: 58.333333%
-      }
-
-      .offset-lg-8 {
-        margin-left: 66.666667%
-      }
-
-      .offset-lg-9 {
-        margin-left: 75%
-      }
-
-      .offset-lg-10 {
-        margin-left: 83.333333%
-      }
-
-      .offset-lg-11 {
-        margin-left: 91.666667%
-      }
-    }
-
-    @media (min-width:1200px) {
-      .col-xl {
-        -ms-flex-preferred-size: 0;
-        flex-basis: 0;
-        -ms-flex-positive: 1;
-        flex-grow: 1;
-        max-width: 100%
-      }
-
-      .col-xl-auto {
-        -ms-flex: 0 0 auto;
-        flex: 0 0 auto;
-        width: auto;
-        max-width: 100%
-      }
-
-      .col-xl-1 {
-        -ms-flex: 0 0 8.333333%;
-        flex: 0 0 8.333333%;
-        max-width: 8.333333%
-      }
-
-      .col-xl-2 {
-        -ms-flex: 0 0 16.666667%;
-        flex: 0 0 16.666667%;
-        max-width: 16.666667%
-      }
-
-      .col-xl-3 {
-        -ms-flex: 0 0 25%;
-        flex: 0 0 25%;
-        max-width: 25%
-      }
-
-      .col-xl-4 {
-        -ms-flex: 0 0 33.333333%;
-        flex: 0 0 33.333333%;
-        max-width: 33.333333%
-      }
-
-      .col-xl-5 {
-        -ms-flex: 0 0 41.666667%;
-        flex: 0 0 41.666667%;
-        max-width: 41.666667%
-      }
-
-      .col-xl-6 {
-        -ms-flex: 0 0 50%;
-        flex: 0 0 50%;
-        max-width: 50%
-      }
-
-      .col-xl-7 {
-        -ms-flex: 0 0 58.333333%;
-        flex: 0 0 58.333333%;
-        max-width: 58.333333%
-      }
-
-      .col-xl-8 {
-        -ms-flex: 0 0 66.666667%;
-        flex: 0 0 66.666667%;
-        max-width: 66.666667%
-      }
-
-      .col-xl-9 {
-        -ms-flex: 0 0 75%;
-        flex: 0 0 75%;
-        max-width: 75%
-      }
-
-      .col-xl-10 {
-        -ms-flex: 0 0 83.333333%;
-        flex: 0 0 83.333333%;
-        max-width: 83.333333%
-      }
-
-      .col-xl-11 {
-        -ms-flex: 0 0 91.666667%;
-        flex: 0 0 91.666667%;
-        max-width: 91.666667%
-      }
-
-      .col-xl-12 {
-        -ms-flex: 0 0 100%;
-        flex: 0 0 100%;
-        max-width: 100%
-      }
-
-      .order-xl-first {
-        -ms-flex-order: -1;
-        order: -1
-      }
-
-      .order-xl-last {
-        -ms-flex-order: 13;
-        order: 13
-      }
-
-      .order-xl-0 {
-        -ms-flex-order: 0;
-        order: 0
-      }
-
-      .order-xl-1 {
-        -ms-flex-order: 1;
-        order: 1
-      }
-
-      .order-xl-2 {
-        -ms-flex-order: 2;
-        order: 2
-      }
-
-      .order-xl-3 {
-        -ms-flex-order: 3;
-        order: 3
-      }
-
-      .order-xl-4 {
-        -ms-flex-order: 4;
-        order: 4
-      }
-
-      .order-xl-5 {
-        -ms-flex-order: 5;
-        order: 5
-      }
-
-      .order-xl-6 {
-        -ms-flex-order: 6;
-        order: 6
-      }
-
-      .order-xl-7 {
-        -ms-flex-order: 7;
-        order: 7
-      }
-
-      .order-xl-8 {
-        -ms-flex-order: 8;
-        order: 8
-      }
-
-      .order-xl-9 {
-        -ms-flex-order: 9;
-        order: 9
-      }
-
-      .order-xl-10 {
-        -ms-flex-order: 10;
-        order: 10
-      }
-
-      .order-xl-11 {
-        -ms-flex-order: 11;
-        order: 11
-      }
-
-      .order-xl-12 {
-        -ms-flex-order: 12;
-        order: 12
-      }
-
-      .offset-xl-0 {
-        margin-left: 0
-      }
-
-      .offset-xl-1 {
-        margin-left: 8.333333%
-      }
-
-      .offset-xl-2 {
-        margin-left: 16.666667%
-      }
-
-      .offset-xl-3 {
-        margin-left: 25%
-      }
-
-      .offset-xl-4 {
-        margin-left: 33.333333%
-      }
-
-      .offset-xl-5 {
-        margin-left: 41.666667%
-      }
-
-      .offset-xl-6 {
-        margin-left: 50%
-      }
-
-      .offset-xl-7 {
-        margin-left: 58.333333%
-      }
-
-      .offset-xl-8 {
-        margin-left: 66.666667%
-      }
-
-      .offset-xl-9 {
-        margin-left: 75%
-      }
-
-      .offset-xl-10 {
-        margin-left: 83.333333%
-      }
-
-      .offset-xl-11 {
-        margin-left: 91.666667%
-      }
-    }
-
-    .table {
-      width: 100%;
-      margin-bottom: 1rem;
-      color: #212529
-    }
-
-    .table td,
-    .table th {
-      padding: .75rem;
-      vertical-align: top;
-      border-top: 1px solid #dee2e6
-    }
-
-    .table thead th {
-      vertical-align: bottom;
-      border-bottom: 2px solid #dee2e6
-    }
-
-    .table tbody+tbody {
-      border-top: 2px solid #dee2e6
-    }
-
-    .table-sm td,
-    .table-sm th {
-      padding: .3rem
-    }
-
-    .table-bordered {
-      border: 1px solid #dee2e6
-    }
-
-    .table-bordered td,
-    .table-bordered th {
-      border: 1px solid #dee2e6
-    }
-
-    .table-bordered thead td,
-    .table-bordered thead th {
-      border-bottom-width: 2px
-    }
-
-    .table-borderless tbody+tbody,
-    .table-borderless td,
-    .table-borderless th,
-    .table-borderless thead th {
-      border: 0
-    }
-
-    .table-striped tbody tr:nth-of-type(odd) {
-      background-color: rgba(0, 0, 0, .05)
-    }
-
-    .table-hover tbody tr:hover {
-      color: #212529;
-      background-color: rgba(0, 0, 0, .075)
-    }
-
-    .table-primary,
-    .table-primary>td,
-    .table-primary>th {
-      background-color: #b8daff
-    }
-
-    .table-primary tbody+tbody,
-    .table-primary td,
-    .table-primary th,
-    .table-primary thead th {
-      border-color: #7abaff
-    }
-
-    .table-hover .table-primary:hover {
-      background-color: #9fcdff
-    }
-
-    .table-hover .table-primary:hover>td,
-    .table-hover .table-primary:hover>th {
-      background-color: #9fcdff
-    }
-
-    .table-secondary,
-    .table-secondary>td,
-    .table-secondary>th {
-      background-color: #d6d8db
-    }
-
-    .table-secondary tbody+tbody,
-    .table-secondary td,
-    .table-secondary th,
-    .table-secondary thead th {
-      border-color: #b3b7bb
-    }
-
-    .table-hover .table-secondary:hover {
-      background-color: #c8cbcf
-    }
-
-    .table-hover .table-secondary:hover>td,
-    .table-hover .table-secondary:hover>th {
-      background-color: #c8cbcf
-    }
-
-    .table-success,
-    .table-success>td,
-    .table-success>th {
-      background-color: #c3e6cb
-    }
-
-    .table-success tbody+tbody,
-    .table-success td,
-    .table-success th,
-    .table-success thead th {
-      border-color: #8fd19e
-    }
-
-    .table-hover .table-success:hover {
-      background-color: #b1dfbb
-    }
-
-    .table-hover .table-success:hover>td,
-    .table-hover .table-success:hover>th {
-      background-color: #b1dfbb
-    }
-
-    .table-info,
-    .table-info>td,
-    .table-info>th {
-      background-color: #bee5eb
-    }
-
-    .table-info tbody+tbody,
-    .table-info td,
-    .table-info th,
-    .table-info thead th {
-      border-color: #86cfda
-    }
-
-    .table-hover .table-info:hover {
-      background-color: #abdde5
-    }
-
-    .table-hover .table-info:hover>td,
-    .table-hover .table-info:hover>th {
-      background-color: #abdde5
-    }
-
-    .table-warning,
-    .table-warning>td,
-    .table-warning>th {
-      background-color: #ffeeba
-    }
-
-    .table-warning tbody+tbody,
-    .table-warning td,
-    .table-warning th,
-    .table-warning thead th {
-      border-color: #ffdf7e
-    }
-
-    .table-hover .table-warning:hover {
-      background-color: #ffe8a1
-    }
-
-    .table-hover .table-warning:hover>td,
-    .table-hover .table-warning:hover>th {
-      background-color: #ffe8a1
-    }
-
-    .table-danger,
-    .table-danger>td,
-    .table-danger>th {
-      background-color: #f5c6cb
-    }
-
-    .table-danger tbody+tbody,
-    .table-danger td,
-    .table-danger th,
-    .table-danger thead th {
-      border-color: #ed969e
-    }
-
-    .table-hover .table-danger:hover {
-      background-color: #f1b0b7
-    }
-
-    .table-hover .table-danger:hover>td,
-    .table-hover .table-danger:hover>th {
-      background-color: #f1b0b7
-    }
-
-    .table-light,
-    .table-light>td,
-    .table-light>th {
-      background-color: #fdfdfe
-    }
-
-    .table-light tbody+tbody,
-    .table-light td,
-    .table-light th,
-    .table-light thead th {
-      border-color: #fbfcfc
-    }
-
-    .table-hover .table-light:hover {
-      background-color: #ececf6
-    }
-
-    .table-hover .table-light:hover>td,
-    .table-hover .table-light:hover>th {
-      background-color: #ececf6
-    }
-
-    .table-dark,
-    .table-dark>td,
-    .table-dark>th {
-      background-color: #c6c8ca
-    }
-
-    .table-dark tbody+tbody,
-    .table-dark td,
-    .table-dark th,
-    .table-dark thead th {
-      border-color: #95999c
-    }
-
-    .table-hover .table-dark:hover {
-      background-color: #b9bbbe
-    }
-
-    .table-hover .table-dark:hover>td,
-    .table-hover .table-dark:hover>th {
-      background-color: #b9bbbe
-    }
-
-    .table-active,
-    .table-active>td,
-    .table-active>th {
-      background-color: rgba(0, 0, 0, .075)
-    }
-
-    .table-hover .table-active:hover {
-      background-color: rgba(0, 0, 0, .075)
-    }
-
-    .table-hover .table-active:hover>td,
-    .table-hover .table-active:hover>th {
-      background-color: rgba(0, 0, 0, .075)
-    }
-
-    .table .thead-dark th {
-      color: #fff;
-      background-color: #343a40;
-      border-color: #454d55
-    }
-
-    .table .thead-light th {
-      color: #495057;
-      background-color: #e9ecef;
-      border-color: #dee2e6
-    }
-
-    .table-dark {
-      color: #fff;
-      background-color: #343a40
-    }
-
-    .table-dark td,
-    .table-dark th,
-    .table-dark thead th {
-      border-color: #454d55
-    }
-
-    .table-dark.table-bordered {
-      border: 0
-    }
-
-    .table-dark.table-striped tbody tr:nth-of-type(odd) {
-      background-color: rgba(255, 255, 255, .05)
-    }
-
-    .table-dark.table-hover tbody tr:hover {
-      color: #fff;
-      background-color: rgba(255, 255, 255, .075)
-    }
-
-    @media (max-width:575.98px) {
-      .table-responsive-sm {
-        display: block;
-        width: 100%;
-        overflow-x: auto;
-        -webkit-overflow-scrolling: touch
-      }
-
-      .table-responsive-sm>.table-bordered {
-        border: 0
-      }
-    }
-
-    @media (max-width:767.98px) {
-      .table-responsive-md {
-        display: block;
-        width: 100%;
-        overflow-x: auto;
-        -webkit-overflow-scrolling: touch
-      }
-
-      .table-responsive-md>.table-bordered {
-        border: 0
-      }
-    }
-
-    @media (max-width:991.98px) {
-      .table-responsive-lg {
-        display: block;
-        width: 100%;
-        overflow-x: auto;
-        -webkit-overflow-scrolling: touch
-      }
-
-      .table-responsive-lg>.table-bordered {
-        border: 0
-      }
-    }
-
-    @media (max-width:1199.98px) {
-      .table-responsive-xl {
-        display: block;
-        width: 100%;
-        overflow-x: auto;
-        -webkit-overflow-scrolling: touch
-      }
-
-      .table-responsive-xl>.table-bordered {
-        border: 0
-      }
-    }
-
-    .table-responsive {
-      display: block;
-      width: 100%;
-      overflow-x: auto;
-      -webkit-overflow-scrolling: touch
-    }
-
-    .table-responsive>.table-bordered {
-      border: 0
-    }
-
-    .form-control {
-      display: block;
-      width: 100%;
-      height: calc(1.5em + .75rem + 2px);
-      padding: .375rem .75rem;
-      font-size: 1rem;
-      font-weight: 400;
-      line-height: 1.5;
-      color: #495057;
-      background-color: #fff;
-      background-clip: padding-box;
-      border: 1px solid #ced4da;
-      border-radius: .25rem;
-      transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
-    }
-
-    @media (prefers-reduced-motion:reduce) {
-      .form-control {
-        transition: none
-      }
-    }
-
-    .form-control::-ms-expand {
-      background-color: transparent;
-      border: 0
-    }
-
-    .form-control:focus {
-      color: #495057;
-      background-color: #fff;
-      border-color: #80bdff;
-      outline: 0;
-      box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
-    }
-
-    .form-control::-webkit-input-placeholder {
-      color: #6c757d;
-      opacity: 1
-    }
-
-    .form-control::-moz-placeholder {
-      color: #6c757d;
-      opacity: 1
-    }
-
-    .form-control:-ms-input-placeholder {
-      color: #6c757d;
-      opacity: 1
-    }
-
-    .form-control::-ms-input-placeholder {
-      color: #6c757d;
-      opacity: 1
-    }
-
-    .form-control::placeholder {
-      color: #6c757d;
-      opacity: 1
-    }
-
-    .form-control:disabled,
-    .form-control[readonly] {
-      background-color: #e9ecef;
-      opacity: 1
-    }
-
-    select.form-control:focus::-ms-value {
-      color: #495057;
-      background-color: #fff
-    }
-
-    .form-control-file,
-    .form-control-range {
-      display: block;
-      width: 100%
-    }
-
-    .col-form-label {
-      padding-top: calc(.375rem + 1px);
-      padding-bottom: calc(.375rem + 1px);
-      margin-bottom: 0;
-      font-size: inherit;
-      line-height: 1.5
-    }
-
-    .col-form-label-lg {
-      padding-top: calc(.5rem + 1px);
-      padding-bottom: calc(.5rem + 1px);
-      font-size: 1.25rem;
-      line-height: 1.5
-    }
-
-    .col-form-label-sm {
-      padding-top: calc(.25rem + 1px);
-      padding-bottom: calc(.25rem + 1px);
-      font-size: .875rem;
-      line-height: 1.5
-    }
-
-    .form-control-plaintext {
-      display: block;
-      width: 100%;
-      padding-top: .375rem;
-      padding-bottom: .375rem;
-      margin-bottom: 0;
-      line-height: 1.5;
-      color: #212529;
-      background-color: transparent;
-      border: solid transparent;
-      border-width: 1px 0
-    }
-
-    .form-control-plaintext.form-control-lg,
-    .form-control-plaintext.form-control-sm {
-      padding-right: 0;
-      padding-left: 0
-    }
-
-    .form-control-sm {
-      height: calc(1.5em + .5rem + 2px);
-      padding: .25rem .5rem;
-      font-size: .875rem;
-      line-height: 1.5;
-      border-radius: .2rem
-    }
-
-    .form-control-lg {
-      height: calc(1.5em + 1rem + 2px);
-      padding: .5rem 1rem;
-      font-size: 1.25rem;
-      line-height: 1.5;
-      border-radius: .3rem
-    }
-
-    select.form-control[multiple],
-    select.form-control[size] {
-      height: auto
-    }
-
-    textarea.form-control {
-      height: auto
-    }
-
-    .form-group {
-      margin-bottom: 1rem
-    }
-
-    .form-text {
-      display: block;
-      margin-top: .25rem
-    }
-
-    .form-row {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-      margin-right: -5px;
-      margin-left: -5px
-    }
-
-    .form-row>.col,
-    .form-row>[class*=col-] {
-      padding-right: 5px;
-      padding-left: 5px
-    }
-
-    .form-check {
-      position: relative;
-      display: block;
-      padding-left: 1.25rem
-    }
-
-    .form-check-input {
-      position: absolute;
-      margin-top: .3rem;
-      margin-left: -1.25rem
-    }
-
-    .form-check-input:disabled~.form-check-label {
-      color: #6c757d
-    }
-
-    .form-check-label {
-      margin-bottom: 0
-    }
-
-    .form-check-inline {
-      display: -ms-inline-flexbox;
-      display: inline-flex;
-      -ms-flex-align: center;
-      align-items: center;
-      padding-left: 0;
-      margin-right: .75rem
-    }
-
-    .form-check-inline .form-check-input {
-      position: static;
-      margin-top: 0;
-      margin-right: .3125rem;
-      margin-left: 0
-    }
-
-    .valid-feedback {
-      display: none;
-      width: 100%;
-      margin-top: .25rem;
-      font-size: 80%;
-      color: #28a745
-    }
-
-    .valid-tooltip {
-      position: absolute;
-      top: 100%;
-      z-index: 5;
-      display: none;
-      max-width: 100%;
-      padding: .25rem .5rem;
-      margin-top: .1rem;
-      font-size: .875rem;
-      line-height: 1.5;
-      color: #fff;
-      background-color: rgba(40, 167, 69, .9);
-      border-radius: .25rem
-    }
-
-    .form-control.is-valid,
-    .was-validated .form-control:valid {
-      border-color: #28a745;
-      padding-right: calc(1.5em + .75rem);
-      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
-      background-repeat: no-repeat;
-      background-position: center right calc(.375em + .1875rem);
-      background-size: calc(.75em + .375rem) calc(.75em + .375rem)
-    }
-
-    .form-control.is-valid:focus,
-    .was-validated .form-control:valid:focus {
-      border-color: #28a745;
-      box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
-    }
-
-    .form-control.is-valid~.valid-feedback,
-    .form-control.is-valid~.valid-tooltip,
-    .was-validated .form-control:valid~.valid-feedback,
-    .was-validated .form-control:valid~.valid-tooltip {
-      display: block
-    }
-
-    .was-validated textarea.form-control:valid,
-    textarea.form-control.is-valid {
-      padding-right: calc(1.5em + .75rem);
-      background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
-    }
-
-    .custom-select.is-valid,
-    .was-validated .custom-select:valid {
-      border-color: #28a745;
-      padding-right: calc((1em + .75rem) * 3 / 4 + 1.75rem);
-      background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
-    }
-
-    .custom-select.is-valid:focus,
-    .was-validated .custom-select:valid:focus {
-      border-color: #28a745;
-      box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
-    }
-
-    .custom-select.is-valid~.valid-feedback,
-    .custom-select.is-valid~.valid-tooltip,
-    .was-validated .custom-select:valid~.valid-feedback,
-    .was-validated .custom-select:valid~.valid-tooltip {
-      display: block
-    }
-
-    .form-control-file.is-valid~.valid-feedback,
-    .form-control-file.is-valid~.valid-tooltip,
-    .was-validated .form-control-file:valid~.valid-feedback,
-    .was-validated .form-control-file:valid~.valid-tooltip {
-      display: block
-    }
-
-    .form-check-input.is-valid~.form-check-label,
-    .was-validated .form-check-input:valid~.form-check-label {
-      color: #28a745
-    }
-
-    .form-check-input.is-valid~.valid-feedback,
-    .form-check-input.is-valid~.valid-tooltip,
-    .was-validated .form-check-input:valid~.valid-feedback,
-    .was-validated .form-check-input:valid~.valid-tooltip {
-      display: block
-    }
-
-    .custom-control-input.is-valid~.custom-control-label,
-    .was-validated .custom-control-input:valid~.custom-control-label {
-      color: #28a745
-    }
-
-    .custom-control-input.is-valid~.custom-control-label::before,
-    .was-validated .custom-control-input:valid~.custom-control-label::before {
-      border-color: #28a745
-    }
-
-    .custom-control-input.is-valid~.valid-feedback,
-    .custom-control-input.is-valid~.valid-tooltip,
-    .was-validated .custom-control-input:valid~.valid-feedback,
-    .was-validated .custom-control-input:valid~.valid-tooltip {
-      display: block
-    }
-
-    .custom-control-input.is-valid:checked~.custom-control-label::before,
-    .was-validated .custom-control-input:valid:checked~.custom-control-label::before {
-      border-color: #34ce57;
-      background-color: #34ce57
-    }
-
-    .custom-control-input.is-valid:focus~.custom-control-label::before,
-    .was-validated .custom-control-input:valid:focus~.custom-control-label::before {
-      box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
-    }
-
-    .custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,
-    .was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before {
-      border-color: #28a745
-    }
-
-    .custom-file-input.is-valid~.custom-file-label,
-    .was-validated .custom-file-input:valid~.custom-file-label {
-      border-color: #28a745
-    }
-
-    .custom-file-input.is-valid~.valid-feedback,
-    .custom-file-input.is-valid~.valid-tooltip,
-    .was-validated .custom-file-input:valid~.valid-feedback,
-    .was-validated .custom-file-input:valid~.valid-tooltip {
-      display: block
-    }
-
-    .custom-file-input.is-valid:focus~.custom-file-label,
-    .was-validated .custom-file-input:valid:focus~.custom-file-label {
-      border-color: #28a745;
-      box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
-    }
-
-    .invalid-feedback {
-      display: none;
-      width: 100%;
-      margin-top: .25rem;
-      font-size: 80%;
-      color: #dc3545
-    }
-
-    .invalid-tooltip {
-      position: absolute;
-      top: 100%;
-      z-index: 5;
-      display: none;
-      max-width: 100%;
-      padding: .25rem .5rem;
-      margin-top: .1rem;
-      font-size: .875rem;
-      line-height: 1.5;
-      color: #fff;
-      background-color: rgba(220, 53, 69, .9);
-      border-radius: .25rem
-    }
-
-    .form-control.is-invalid,
-    .was-validated .form-control:invalid {
-      border-color: #dc3545;
-      padding-right: calc(1.5em + .75rem);
-      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
-      background-repeat: no-repeat;
-      background-position: center right calc(.375em + .1875rem);
-      background-size: calc(.75em + .375rem) calc(.75em + .375rem)
-    }
-
-    .form-control.is-invalid:focus,
-    .was-validated .form-control:invalid:focus {
-      border-color: #dc3545;
-      box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
-    }
-
-    .form-control.is-invalid~.invalid-feedback,
-    .form-control.is-invalid~.invalid-tooltip,
-    .was-validated .form-control:invalid~.invalid-feedback,
-    .was-validated .form-control:invalid~.invalid-tooltip {
-      display: block
-    }
-
-    .was-validated textarea.form-control:invalid,
-    textarea.form-control.is-invalid {
-      padding-right: calc(1.5em + .75rem);
-      background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
-    }
-
-    .custom-select.is-invalid,
-    .was-validated .custom-select:invalid {
-      border-color: #dc3545;
-      padding-right: calc((1em + .75rem) * 3 / 4 + 1.75rem);
-      background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
-    }
-
-    .custom-select.is-invalid:focus,
-    .was-validated .custom-select:invalid:focus {
-      border-color: #dc3545;
-      box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
-    }
-
-    .custom-select.is-invalid~.invalid-feedback,
-    .custom-select.is-invalid~.invalid-tooltip,
-    .was-validated .custom-select:invalid~.invalid-feedback,
-    .was-validated .custom-select:invalid~.invalid-tooltip {
-      display: block
-    }
-
-    .form-control-file.is-invalid~.invalid-feedback,
-    .form-control-file.is-invalid~.invalid-tooltip,
-    .was-validated .form-control-file:invalid~.invalid-feedback,
-    .was-validated .form-control-file:invalid~.invalid-tooltip {
-      display: block
-    }
-
-    .form-check-input.is-invalid~.form-check-label,
-    .was-validated .form-check-input:invalid~.form-check-label {
-      color: #dc3545
-    }
-
-    .form-check-input.is-invalid~.invalid-feedback,
-    .form-check-input.is-invalid~.invalid-tooltip,
-    .was-validated .form-check-input:invalid~.invalid-feedback,
-    .was-validated .form-check-input:invalid~.invalid-tooltip {
-      display: block
-    }
-
-    .custom-control-input.is-invalid~.custom-control-label,
-    .was-validated .custom-control-input:invalid~.custom-control-label {
-      color: #dc3545
-    }
-
-    .custom-control-input.is-invalid~.custom-control-label::before,
-    .was-validated .custom-control-input:invalid~.custom-control-label::before {
-      border-color: #dc3545
-    }
-
-    .custom-control-input.is-invalid~.invalid-feedback,
-    .custom-control-input.is-invalid~.invalid-tooltip,
-    .was-validated .custom-control-input:invalid~.invalid-feedback,
-    .was-validated .custom-control-input:invalid~.invalid-tooltip {
-      display: block
-    }
-
-    .custom-control-input.is-invalid:checked~.custom-control-label::before,
-    .was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
-      border-color: #e4606d;
-      background-color: #e4606d
-    }
-
-    .custom-control-input.is-invalid:focus~.custom-control-label::before,
-    .was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
-      box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
-    }
-
-    .custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,
-    .was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before {
-      border-color: #dc3545
-    }
-
-    .custom-file-input.is-invalid~.custom-file-label,
-    .was-validated .custom-file-input:invalid~.custom-file-label {
-      border-color: #dc3545
-    }
-
-    .custom-file-input.is-invalid~.invalid-feedback,
-    .custom-file-input.is-invalid~.invalid-tooltip,
-    .was-validated .custom-file-input:invalid~.invalid-feedback,
-    .was-validated .custom-file-input:invalid~.invalid-tooltip {
-      display: block
-    }
-
-    .custom-file-input.is-invalid:focus~.custom-file-label,
-    .was-validated .custom-file-input:invalid:focus~.custom-file-label {
-      border-color: #dc3545;
-      box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
-    }
-
-    .form-inline {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-flow: row wrap;
-      flex-flow: row wrap;
-      -ms-flex-align: center;
-      align-items: center
-    }
-
-    .form-inline .form-check {
-      width: 100%
-    }
-
-    @media (min-width:576px) {
-      .form-inline label {
-        display: -ms-flexbox;
-        display: flex;
-        -ms-flex-align: center;
-        align-items: center;
-        -ms-flex-pack: center;
-        justify-content: center;
-        margin-bottom: 0
-      }
-
-      .form-inline .form-group {
-        display: -ms-flexbox;
-        display: flex;
-        -ms-flex: 0 0 auto;
-        flex: 0 0 auto;
-        -ms-flex-flow: row wrap;
-        flex-flow: row wrap;
-        -ms-flex-align: center;
-        align-items: center;
-        margin-bottom: 0
-      }
-
-      .form-inline .form-control {
-        display: inline-block;
-        width: auto;
-        vertical-align: middle
-      }
-
-      .form-inline .form-control-plaintext {
-        display: inline-block
-      }
-
-      .form-inline .custom-select,
-      .form-inline .input-group {
-        width: auto
-      }
-
-      .form-inline .form-check {
-        display: -ms-flexbox;
-        display: flex;
-        -ms-flex-align: center;
-        align-items: center;
-        -ms-flex-pack: center;
-        justify-content: center;
-        width: auto;
-        padding-left: 0
-      }
-
-      .form-inline .form-check-input {
-        position: relative;
-        -ms-flex-negative: 0;
-        flex-shrink: 0;
-        margin-top: 0;
-        margin-right: .25rem;
-        margin-left: 0
-      }
-
-      .form-inline .custom-control {
-        -ms-flex-align: center;
-        align-items: center;
-        -ms-flex-pack: center;
-        justify-content: center
-      }
-
-      .form-inline .custom-control-label {
-        margin-bottom: 0
-      }
-    }
-
-    .btn {
-      display: inline-block;
-      font-weight: 400;
-      color: #212529;
-      text-align: center;
-      vertical-align: middle;
-      -webkit-user-select: none;
-      -moz-user-select: none;
-      -ms-user-select: none;
-      user-select: none;
-      background-color: transparent;
-      border: 1px solid transparent;
-      padding: .375rem .75rem;
-      font-size: 1rem;
-      line-height: 1.5;
-      border-radius: .25rem;
-      transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
-    }
-
-    @media (prefers-reduced-motion:reduce) {
-      .btn {
-        transition: none
-      }
-    }
-
-    .btn:hover {
-      color: #212529;
-      text-decoration: none
-    }
-
-    .btn.focus,
-    .btn:focus {
-      outline: 0;
-      box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
-    }
-
-    .btn.disabled,
-    .btn:disabled {
-      opacity: .65
-    }
-
-    a.btn.disabled,
-    fieldset:disabled a.btn {
-      pointer-events: none
-    }
-
-    .btn-primary {
-      color: #fff;
-      background-color: #007bff;
-      border-color: #007bff
-    }
-
-    .btn-primary:hover {
-      color: #fff;
-      background-color: #0069d9;
-      border-color: #0062cc
-    }
-
-    .btn-primary.focus,
-    .btn-primary:focus {
-      box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
-    }
-
-    .btn-primary.disabled,
-    .btn-primary:disabled {
-      color: #fff;
-      background-color: #007bff;
-      border-color: #007bff
-    }
-
-    .btn-primary:not(:disabled):not(.disabled).active,
-    .btn-primary:not(:disabled):not(.disabled):active,
-    .show>.btn-primary.dropdown-toggle {
-      color: #fff;
-      background-color: #0062cc;
-      border-color: #005cbf
-    }
-
-    .btn-primary:not(:disabled):not(.disabled).active:focus,
-    .btn-primary:not(:disabled):not(.disabled):active:focus,
-    .show>.btn-primary.dropdown-toggle:focus {
-      box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
-    }
-
-    .btn-secondary {
-      color: #fff;
-      background-color: #6c757d;
-      border-color: #6c757d
-    }
-
-    .btn-secondary:hover {
-      color: #fff;
-      background-color: #5a6268;
-      border-color: #545b62
-    }
-
-    .btn-secondary.focus,
-    .btn-secondary:focus {
-      box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
-    }
-
-    .btn-secondary.disabled,
-    .btn-secondary:disabled {
-      color: #fff;
-      background-color: #6c757d;
-      border-color: #6c757d
-    }
-
-    .btn-secondary:not(:disabled):not(.disabled).active,
-    .btn-secondary:not(:disabled):not(.disabled):active,
-    .show>.btn-secondary.dropdown-toggle {
-      color: #fff;
-      background-color: #545b62;
-      border-color: #4e555b
-    }
-
-    .btn-secondary:not(:disabled):not(.disabled).active:focus,
-    .btn-secondary:not(:disabled):not(.disabled):active:focus,
-    .show>.btn-secondary.dropdown-toggle:focus {
-      box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
-    }
-
-    .btn-success {
-      color: #fff;
-      background-color: #28a745;
-      border-color: #28a745
-    }
-
-    .btn-success:hover {
-      color: #fff;
-      background-color: #218838;
-      border-color: #1e7e34
-    }
-
-    .btn-success.focus,
-    .btn-success:focus {
-      box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
-    }
-
-    .btn-success.disabled,
-    .btn-success:disabled {
-      color: #fff;
-      background-color: #28a745;
-      border-color: #28a745
-    }
-
-    .btn-success:not(:disabled):not(.disabled).active,
-    .btn-success:not(:disabled):not(.disabled):active,
-    .show>.btn-success.dropdown-toggle {
-      color: #fff;
-      background-color: #1e7e34;
-      border-color: #1c7430
-    }
-
-    .btn-success:not(:disabled):not(.disabled).active:focus,
-    .btn-success:not(:disabled):not(.disabled):active:focus,
-    .show>.btn-success.dropdown-toggle:focus {
-      box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
-    }
-
-    .btn-info {
-      position: relative;
-      padding: 10px 25px;
-      padding-left: 1.25rem !important;
-      padding-right: 1.25rem !important;
-      display: inline-block;
-      border-top: solid 1px rgba(255, 255, 255, 0.2);
-      border-bottom: solid 1px rgba(255, 255, 255, 0.2);
-      font-family: 'Baloo Chettan 2', cursive;
-      text-transform: uppercase;
-      color: #AEEDD7;
-      letter-spacing: 1px;
-      overflow: hidden;
-    }
-
-    .btn-info::before {
-      content: "";
-      width: 20px;
-      height: 20px;
-      position: absolute;
-      background: #259990;
-      left: 7px;
-      transform: translateX(-40px) rotate(45deg);
-      border: solid 3px #194846;
-      box-shadow: 2px -2px 0px #1A5754;
-      transition: all 0.2s ease;
-    }
-
-    .btn-info:hover {
-      background: linear-gradient(to right, #183F3E, TRANSPARENT);
-      color: #AEEDD7;
-    }
-
-    .btn-info:hover::before {
-      transform: translateX(-20px) rotate(45deg);
-    }
-
-    .btn-info.focus,
-    .btn-info:focus {
-      box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
-    }
-
-    .btn-info.disabled,
-    .btn-info:disabled {
-      color: #fff;
-      background-color: #17a2b8;
-      border-color: #17a2b8
-    }
-
-    .btn-info:not(:disabled):not(.disabled).active,
-    .btn-info:not(:disabled):not(.disabled):active,
-    .show>.btn-info.dropdown-toggle {
-      color: #fff;
-      background-color: #117a8b;
-      border-color: #10707f
-    }
-
-    .btn-info:not(:disabled):not(.disabled).active:focus,
-    .btn-info:not(:disabled):not(.disabled):active:focus,
-    .show>.btn-info.dropdown-toggle:focus {
-      box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
-    }
-
-    .btn-warning {
-      color: #212529;
-      background-color: #ffc107;
-      border-color: #ffc107
-    }
-
-    .btn-warning:hover {
-      color: #212529;
-      background-color: #e0a800;
-      border-color: #d39e00
-    }
-
-    .btn-warning.focus,
-    .btn-warning:focus {
-      box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
-    }
-
-    .btn-warning.disabled,
-    .btn-warning:disabled {
-      color: #212529;
-      background-color: #ffc107;
-      border-color: #ffc107
-    }
-
-    .btn-warning:not(:disabled):not(.disabled).active,
-    .btn-warning:not(:disabled):not(.disabled):active,
-    .show>.btn-warning.dropdown-toggle {
-      color: #212529;
-      background-color: #d39e00;
-      border-color: #c69500
-    }
-
-    .btn-warning:not(:disabled):not(.disabled).active:focus,
-    .btn-warning:not(:disabled):not(.disabled):active:focus,
-    .show>.btn-warning.dropdown-toggle:focus {
-      box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
-    }
-
-    .btn-danger {
-      color: #fff;
-      background-color: #dc3545;
-      border-color: #dc3545
-    }
-
-    .btn-danger:hover {
-      color: #fff;
-      background-color: #c82333;
-      border-color: #bd2130
-    }
-
-    .btn-danger.focus,
-    .btn-danger:focus {
-      box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
-    }
-
-    .btn-danger.disabled,
-    .btn-danger:disabled {
-      color: #fff;
-      background-color: #dc3545;
-      border-color: #dc3545
-    }
-
-    .btn-danger:not(:disabled):not(.disabled).active,
-    .btn-danger:not(:disabled):not(.disabled):active,
-    .show>.btn-danger.dropdown-toggle {
-      color: #fff;
-      background-color: #bd2130;
-      border-color: #b21f2d
-    }
-
-    .btn-danger:not(:disabled):not(.disabled).active:focus,
-    .btn-danger:not(:disabled):not(.disabled):active:focus,
-    .show>.btn-danger.dropdown-toggle:focus {
-      box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
-    }
-
-    .btn-light {
-      color: #212529;
-      background-color: #f8f9fa;
-      border-color: #f8f9fa
-    }
-
-    .btn-light:hover {
-      color: #212529;
-      background-color: #e2e6ea;
-      border-color: #dae0e5
-    }
-
-    .btn-light.focus,
-    .btn-light:focus {
-      box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
-    }
-
-    .btn-light.disabled,
-    .btn-light:disabled {
-      color: #212529;
-      background-color: #f8f9fa;
-      border-color: #f8f9fa
-    }
-
-    .btn-light:not(:disabled):not(.disabled).active,
-    .btn-light:not(:disabled):not(.disabled):active,
-    .show>.btn-light.dropdown-toggle {
-      color: #212529;
-      background-color: #dae0e5;
-      border-color: #d3d9df
-    }
-
-    .btn-light:not(:disabled):not(.disabled).active:focus,
-    .btn-light:not(:disabled):not(.disabled):active:focus,
-    .show>.btn-light.dropdown-toggle:focus {
-      box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
-    }
-
-    .btn-dark {
-      color: #fff;
-      background-color: #343a40;
-      border-color: #343a40
-    }
-
-    .btn-dark:hover {
-      color: #fff;
-      background-color: #23272b;
-      border-color: #1d2124
-    }
-
-    .btn-dark.focus,
-    .btn-dark:focus {
-      box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
-    }
-
-    .btn-dark.disabled,
-    .btn-dark:disabled {
-      color: #fff;
-      background-color: #343a40;
-      border-color: #343a40
-    }
-
-    .btn-dark:not(:disabled):not(.disabled).active,
-    .btn-dark:not(:disabled):not(.disabled):active,
-    .show>.btn-dark.dropdown-toggle {
-      color: #fff;
-      background-color: #1d2124;
-      border-color: #171a1d
-    }
-
-    .btn-dark:not(:disabled):not(.disabled).active:focus,
-    .btn-dark:not(:disabled):not(.disabled):active:focus,
-    .show>.btn-dark.dropdown-toggle:focus {
-      box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
-    }
-
-    .btn-outline-primary {
-      color: #007bff;
-      border-color: #007bff
-    }
-
-    .btn-outline-primary:hover {
-      color: #fff;
-      background-color: #007bff;
-      border-color: #007bff
-    }
-
-    .btn-outline-primary.focus,
-    .btn-outline-primary:focus {
-      box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
-    }
-
-    .btn-outline-primary.disabled,
-    .btn-outline-primary:disabled {
-      color: #007bff;
-      background-color: transparent
-    }
-
-    .btn-outline-primary:not(:disabled):not(.disabled).active,
-    .btn-outline-primary:not(:disabled):not(.disabled):active,
-    .show>.btn-outline-primary.dropdown-toggle {
-      color: #fff;
-      background-color: #007bff;
-      border-color: #007bff
-    }
-
-    .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
-    .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
-    .show>.btn-outline-primary.dropdown-toggle:focus {
-      box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
-    }
-
-    .btn-outline-secondary {
-      color: #6c757d;
-      border-color: #6c757d
-    }
-
-    .btn-outline-secondary:hover {
-      color: #fff;
-      background-color: #6c757d;
-      border-color: #6c757d
-    }
-
-    .btn-outline-secondary.focus,
-    .btn-outline-secondary:focus {
-      box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
-    }
-
-    .btn-outline-secondary.disabled,
-    .btn-outline-secondary:disabled {
-      color: #6c757d;
-      background-color: transparent
-    }
-
-    .btn-outline-secondary:not(:disabled):not(.disabled).active,
-    .btn-outline-secondary:not(:disabled):not(.disabled):active,
-    .show>.btn-outline-secondary.dropdown-toggle {
-      color: #fff;
-      background-color: #6c757d;
-      border-color: #6c757d
-    }
-
-    .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
-    .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
-    .show>.btn-outline-secondary.dropdown-toggle:focus {
-      box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
-    }
-
-    .btn-outline-success {
-      color: #28a745;
-      border-color: #28a745
-    }
-
-    .btn-outline-success:hover {
-      color: #fff;
-      background-color: #28a745;
-      border-color: #28a745
-    }
-
-    .btn-outline-success.focus,
-    .btn-outline-success:focus {
-      box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
-    }
-
-    .btn-outline-success.disabled,
-    .btn-outline-success:disabled {
-      color: #28a745;
-      background-color: transparent
-    }
-
-    .btn-outline-success:not(:disabled):not(.disabled).active,
-    .btn-outline-success:not(:disabled):not(.disabled):active,
-    .show>.btn-outline-success.dropdown-toggle {
-      color: #fff;
-      background-color: #28a745;
-      border-color: #28a745
-    }
-
-    .btn-outline-success:not(:disabled):not(.disabled).active:focus,
-    .btn-outline-success:not(:disabled):not(.disabled):active:focus,
-    .show>.btn-outline-success.dropdown-toggle:focus {
-      box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
-    }
-
-    .btn-outline-info {
-      color: #17a2b8;
-      border-color: #17a2b8
-    }
-
-    .btn-outline-info:hover {
-      color: #fff;
-      background-color: #17a2b8;
-      border-color: #17a2b8
-    }
-
-    .btn-outline-info.focus,
-    .btn-outline-info:focus {
-      box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
-    }
-
-    .btn-outline-info.disabled,
-    .btn-outline-info:disabled {
-      color: #17a2b8;
-      background-color: transparent
-    }
-
-    .btn-outline-info:not(:disabled):not(.disabled).active,
-    .btn-outline-info:not(:disabled):not(.disabled):active,
-    .show>.btn-outline-info.dropdown-toggle {
-      color: #fff;
-      background-color: #17a2b8;
-      border-color: #17a2b8
-    }
-
-    .btn-outline-info:not(:disabled):not(.disabled).active:focus,
-    .btn-outline-info:not(:disabled):not(.disabled):active:focus,
-    .show>.btn-outline-info.dropdown-toggle:focus {
-      box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
-    }
-
-    .btn-outline-warning {
-      color: #ffc107;
-      border-color: #ffc107
-    }
-
-    .btn-outline-warning:hover {
-      color: #212529;
-      background-color: #ffc107;
-      border-color: #ffc107
-    }
-
-    .btn-outline-warning.focus,
-    .btn-outline-warning:focus {
-      box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
-    }
-
-    .btn-outline-warning.disabled,
-    .btn-outline-warning:disabled {
-      color: #ffc107;
-      background-color: transparent
-    }
-
-    .btn-outline-warning:not(:disabled):not(.disabled).active,
-    .btn-outline-warning:not(:disabled):not(.disabled):active,
-    .show>.btn-outline-warning.dropdown-toggle {
-      color: #212529;
-      background-color: #ffc107;
-      border-color: #ffc107
-    }
-
-    .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
-    .btn-outline-warning:not(:disabled):not(.disabled):active:focus,
-    .show>.btn-outline-warning.dropdown-toggle:focus {
-      box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
-    }
-
-    .btn-outline-danger {
-      color: #dc3545;
-      border-color: #dc3545
-    }
-
-    .btn-outline-danger:hover {
-      color: #fff;
-      background-color: #dc3545;
-      border-color: #dc3545
-    }
-
-    .btn-outline-danger.focus,
-    .btn-outline-danger:focus {
-      box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
-    }
-
-    .btn-outline-danger.disabled,
-    .btn-outline-danger:disabled {
-      color: #dc3545;
-      background-color: transparent
-    }
-
-    .btn-outline-danger:not(:disabled):not(.disabled).active,
-    .btn-outline-danger:not(:disabled):not(.disabled):active,
-    .show>.btn-outline-danger.dropdown-toggle {
-      color: #fff;
-      background-color: #dc3545;
-      border-color: #dc3545
-    }
-
-    .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
-    .btn-outline-danger:not(:disabled):not(.disabled):active:focus,
-    .show>.btn-outline-danger.dropdown-toggle:focus {
-      box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
-    }
-
-    .btn-outline-light {
-      color: #f8f9fa;
-      border-color: #f8f9fa
-    }
-
-    .btn-outline-light:hover {
-      color: #212529;
-      background-color: #f8f9fa;
-      border-color: #f8f9fa
-    }
-
-    .btn-outline-light.focus,
-    .btn-outline-light:focus {
-      box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
-    }
-
-    .btn-outline-light.disabled,
-    .btn-outline-light:disabled {
-      color: #f8f9fa;
-      background-color: transparent
-    }
-
-    .btn-outline-light:not(:disabled):not(.disabled).active,
-    .btn-outline-light:not(:disabled):not(.disabled):active,
-    .show>.btn-outline-light.dropdown-toggle {
-      color: #212529;
-      background-color: #f8f9fa;
-      border-color: #f8f9fa
-    }
-
-    .btn-outline-light:not(:disabled):not(.disabled).active:focus,
-    .btn-outline-light:not(:disabled):not(.disabled):active:focus,
-    .show>.btn-outline-light.dropdown-toggle:focus {
-      box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
-    }
-
-    .btn-outline-dark {
-      color: #343a40;
-      border-color: #343a40
-    }
-
-    .btn-outline-dark:hover {
-      color: #fff;
-      background-color: #343a40;
-      border-color: #343a40
-    }
-
-    .btn-outline-dark.focus,
-    .btn-outline-dark:focus {
-      box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
-    }
-
-    .btn-outline-dark.disabled,
-    .btn-outline-dark:disabled {
-      color: #343a40;
-      background-color: transparent
-    }
-
-    .btn-outline-dark:not(:disabled):not(.disabled).active,
-    .btn-outline-dark:not(:disabled):not(.disabled):active,
-    .show>.btn-outline-dark.dropdown-toggle {
-      color: #fff;
-      background-color: #343a40;
-      border-color: #343a40
-    }
-
-    .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
-    .btn-outline-dark:not(:disabled):not(.disabled):active:focus,
-    .show>.btn-outline-dark.dropdown-toggle:focus {
-      box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
-    }
-
-    .btn-link {
-      font-weight: 400;
-      color: #007bff;
-      text-decoration: none
-    }
-
-    .btn-link:hover {
-      color: #0056b3;
-      text-decoration: underline
-    }
-
-    .btn-link.focus,
-    .btn-link:focus {
-      text-decoration: underline;
-      box-shadow: none
-    }
-
-    .btn-link.disabled,
-    .btn-link:disabled {
-      color: #6c757d;
-      pointer-events: none
-    }
-
-    .btn-group-lg>.btn,
-    .btn-lg {
-      padding: .5rem 1rem;
-      font-size: 1.25rem;
-      line-height: 1.5;
-      border-radius: .3rem
-    }
-
-    .btn-group-sm>.btn,
-    .btn-sm {
-      padding: .25rem .5rem;
-      font-size: .875rem;
-      line-height: 1.5;
-      border-radius: .2rem
-    }
-
-    .btn-block {
-      display: block;
-      width: 100%
-    }
-
-    .btn-block+.btn-block {
-      margin-top: .5rem
-    }
-
-    input[type=button].btn-block,
-    input[type=reset].btn-block,
-    input[type=submit].btn-block {
-      width: 100%
-    }
-
-    .fade {
-      transition: opacity .15s linear
-    }
-
-    @media (prefers-reduced-motion:reduce) {
-      .fade {
-        transition: none
-      }
-    }
-
-    .fade:not(.show) {
-      opacity: 0
-    }
-
-    .collapse:not(.show) {
-      display: none
-    }
-
-    .collapsing {
-      position: relative;
-      height: 0;
-      overflow: hidden;
-      transition: height .35s ease
-    }
-
-    @media (prefers-reduced-motion:reduce) {
-      .collapsing {
-        transition: none
-      }
-    }
-
-    .dropdown,
-    .dropleft,
-    .dropright,
-    .dropup {
-      position: relative
-    }
-
-    .dropdown-toggle {
-      white-space: nowrap
-    }
-
-    .dropdown-toggle::after {
-      display: inline-block;
-      margin-left: .255em;
-      vertical-align: .255em;
-      content: "";
-      border-top: .3em solid;
-      border-right: .3em solid transparent;
-      border-bottom: 0;
-      border-left: .3em solid transparent
-    }
-
-    .dropdown-toggle:empty::after {
-      margin-left: 0
-    }
-
-    .dropdown-menu {
-      position: absolute;
-      top: 100%;
-      left: 0;
-      z-index: 1000;
-      display: none;
-      float: left;
-      min-width: 10rem;
-      padding: .5rem 0;
-      margin: .125rem 0 0;
-      font-size: 1rem;
-      color: #212529;
-      text-align: left;
-      list-style: none;
-      background-color: #fff;
-      background-clip: padding-box;
-      border: 1px solid rgba(0, 0, 0, .15);
-      border-radius: .25rem
-    }
-
-    .dropdown-menu-left {
-      right: auto;
-      left: 0
-    }
-
-    .dropdown-menu-right {
-      right: 0;
-      left: auto
-    }
-
-    @media (min-width:576px) {
-      .dropdown-menu-sm-left {
-        right: auto;
-        left: 0
-      }
-
-      .dropdown-menu-sm-right {
-        right: 0;
-        left: auto
-      }
-    }
-
-    @media (min-width:768px) {
-      .dropdown-menu-md-left {
-        right: auto;
-        left: 0
-      }
-
-      .dropdown-menu-md-right {
-        right: 0;
-        left: auto
-      }
-    }
-
-    @media (min-width:992px) {
-      .dropdown-menu-lg-left {
-        right: auto;
-        left: 0
-      }
-
-      .dropdown-menu-lg-right {
-        right: 0;
-        left: auto
-      }
-    }
-
-    @media (min-width:1200px) {
-      .dropdown-menu-xl-left {
-        right: auto;
-        left: 0
-      }
-
-      .dropdown-menu-xl-right {
-        right: 0;
-        left: auto
-      }
-    }
-
-    .dropup .dropdown-menu {
-      top: auto;
-      bottom: 100%;
-      margin-top: 0;
-      margin-bottom: .125rem
-    }
-
-    .dropup .dropdown-toggle::after {
-      display: inline-block;
-      margin-left: .255em;
-      vertical-align: .255em;
-      content: "";
-      border-top: 0;
-      border-right: .3em solid transparent;
-      border-bottom: .3em solid;
-      border-left: .3em solid transparent
-    }
-
-    .dropup .dropdown-toggle:empty::after {
-      margin-left: 0
-    }
-
-    .dropright .dropdown-menu {
-      top: 0;
-      right: auto;
-      left: 100%;
-      margin-top: 0;
-      margin-left: .125rem
-    }
-
-    .dropright .dropdown-toggle::after {
-      display: inline-block;
-      margin-left: .255em;
-      vertical-align: .255em;
-      content: "";
-      border-top: .3em solid transparent;
-      border-right: 0;
-      border-bottom: .3em solid transparent;
-      border-left: .3em solid
-    }
-
-    .dropright .dropdown-toggle:empty::after {
-      margin-left: 0
-    }
-
-    .dropright .dropdown-toggle::after {
-      vertical-align: 0
-    }
-
-    .dropleft .dropdown-menu {
-      top: 0;
-      right: 100%;
-      left: auto;
-      margin-top: 0;
-      margin-right: .125rem
-    }
-
-    .dropleft .dropdown-toggle::after {
-      display: inline-block;
-      margin-left: .255em;
-      vertical-align: .255em;
-      content: ""
-    }
-
-    .dropleft .dropdown-toggle::after {
-      display: none
-    }
-
-    .dropleft .dropdown-toggle::before {
-      display: inline-block;
-      margin-right: .255em;
-      vertical-align: .255em;
-      content: "";
-      border-top: .3em solid transparent;
-      border-right: .3em solid;
-      border-bottom: .3em solid transparent
-    }
-
-    .dropleft .dropdown-toggle:empty::after {
-      margin-left: 0
-    }
-
-    .dropleft .dropdown-toggle::before {
-      vertical-align: 0
-    }
-
-    .dropdown-menu[x-placement^=bottom],
-    .dropdown-menu[x-placement^=left],
-    .dropdown-menu[x-placement^=right],
-    .dropdown-menu[x-placement^=top] {
-      right: auto;
-      bottom: auto
-    }
-
-    .dropdown-divider {
-      height: 0;
-      margin: .5rem 0;
-      overflow: hidden;
-      border-top: 1px solid #e9ecef
-    }
-
-    .dropdown-item {
-      display: block;
-      width: 100%;
-      padding: .25rem 1.5rem;
-      clear: both;
-      font-weight: 400;
-      color: #212529;
-      text-align: inherit;
-      white-space: nowrap;
-      background-color: transparent;
-      border: 0
-    }
-
-    .dropdown-item:focus,
-    .dropdown-item:hover {
-      color: #16181b;
-      text-decoration: none;
-      background-color: #f8f9fa
-    }
-
-    .dropdown-item.active,
-    .dropdown-item:active {
-      color: #fff;
-      text-decoration: none;
-      background-color: #007bff
-    }
-
-    .dropdown-item.disabled,
-    .dropdown-item:disabled {
-      color: #6c757d;
-      pointer-events: none;
-      background-color: transparent
-    }
-
-    .dropdown-menu.show {
-      display: block
-    }
-
-    .dropdown-header {
-      display: block;
-      padding: .5rem 1.5rem;
-      margin-bottom: 0;
-      font-size: .875rem;
-      color: #6c757d;
-      white-space: nowrap
-    }
-
-    .dropdown-item-text {
-      display: block;
-      padding: .25rem 1.5rem;
-      color: #212529
-    }
-
-    .btn-group,
-    .btn-group-vertical {
-      position: relative;
-      display: -ms-inline-flexbox;
-      display: inline-flex;
-      vertical-align: middle
-    }
-
-    .btn-group-vertical>.btn,
-    .btn-group>.btn {
-      position: relative;
-      -ms-flex: 1 1 auto;
-      flex: 1 1 auto
-    }
-
-    .btn-group-vertical>.btn:hover,
-    .btn-group>.btn:hover {
-      z-index: 1
-    }
-
-    .btn-group-vertical>.btn.active,
-    .btn-group-vertical>.btn:active,
-    .btn-group-vertical>.btn:focus,
-    .btn-group>.btn.active,
-    .btn-group>.btn:active,
-    .btn-group>.btn:focus {
-      z-index: 1
-    }
-
-    .btn-toolbar {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-      -ms-flex-pack: start;
-      justify-content: flex-start
-    }
-
-    .btn-toolbar .input-group {
-      width: auto
-    }
-
-    .btn-group>.btn-group:not(:first-child),
-    .btn-group>.btn:not(:first-child) {
-      margin-left: -1px
-    }
-
-    .btn-group>.btn-group:not(:last-child)>.btn,
-    .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
-      border-top-right-radius: 0;
-      border-bottom-right-radius: 0
-    }
-
-    .btn-group>.btn-group:not(:first-child)>.btn,
-    .btn-group>.btn:not(:first-child) {
-      border-top-left-radius: 0;
-      border-bottom-left-radius: 0
-    }
-
-    .dropdown-toggle-split {
-      padding-right: .5625rem;
-      padding-left: .5625rem
-    }
-
-    .dropdown-toggle-split::after,
-    .dropright .dropdown-toggle-split::after,
-    .dropup .dropdown-toggle-split::after {
-      margin-left: 0
-    }
-
-    .dropleft .dropdown-toggle-split::before {
-      margin-right: 0
-    }
-
-    .btn-group-sm>.btn+.dropdown-toggle-split,
-    .btn-sm+.dropdown-toggle-split {
-      padding-right: .375rem;
-      padding-left: .375rem
-    }
-
-    .btn-group-lg>.btn+.dropdown-toggle-split,
-    .btn-lg+.dropdown-toggle-split {
-      padding-right: .75rem;
-      padding-left: .75rem
-    }
-
-    .btn-group-vertical {
-      -ms-flex-direction: column;
-      flex-direction: column;
-      -ms-flex-align: start;
-      align-items: flex-start;
-      -ms-flex-pack: center;
-      justify-content: center
-    }
-
-    .btn-group-vertical>.btn,
-    .btn-group-vertical>.btn-group {
-      width: 100%
-    }
-
-    .btn-group-vertical>.btn-group:not(:first-child),
-    .btn-group-vertical>.btn:not(:first-child) {
-      margin-top: -1px
-    }
-
-    .btn-group-vertical>.btn-group:not(:last-child)>.btn,
-    .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
-      border-bottom-right-radius: 0;
-      border-bottom-left-radius: 0
-    }
-
-    .btn-group-vertical>.btn-group:not(:first-child)>.btn,
-    .btn-group-vertical>.btn:not(:first-child) {
-      border-top-left-radius: 0;
-      border-top-right-radius: 0
-    }
-
-    .btn-group-toggle>.btn,
-    .btn-group-toggle>.btn-group>.btn {
-      margin-bottom: 0
-    }
-
-    .btn-group-toggle>.btn input[type=checkbox],
-    .btn-group-toggle>.btn input[type=radio],
-    .btn-group-toggle>.btn-group>.btn input[type=checkbox],
-    .btn-group-toggle>.btn-group>.btn input[type=radio] {
-      position: absolute;
-      clip: rect(0, 0, 0, 0);
-      pointer-events: none
-    }
-
-    .input-group {
-      position: relative;
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-      -ms-flex-align: stretch;
-      align-items: stretch;
-      width: 100%
-    }
-
-    .input-group>.custom-file,
-    .input-group>.custom-select,
-    .input-group>.form-control,
-    .input-group>.form-control-plaintext {
-      position: relative;
-      -ms-flex: 1 1 auto;
-      flex: 1 1 auto;
-      width: 1%;
-      margin-bottom: 0
-    }
-
-    .input-group>.custom-file+.custom-file,
-    .input-group>.custom-file+.custom-select,
-    .input-group>.custom-file+.form-control,
-    .input-group>.custom-select+.custom-file,
-    .input-group>.custom-select+.custom-select,
-    .input-group>.custom-select+.form-control,
-    .input-group>.form-control+.custom-file,
-    .input-group>.form-control+.custom-select,
-    .input-group>.form-control+.form-control,
-    .input-group>.form-control-plaintext+.custom-file,
-    .input-group>.form-control-plaintext+.custom-select,
-    .input-group>.form-control-plaintext+.form-control {
-      margin-left: -1px
-    }
-
-    .input-group>.custom-file .custom-file-input:focus~.custom-file-label,
-    .input-group>.custom-select:focus,
-    .input-group>.form-control:focus {
-      z-index: 3
-    }
-
-    .input-group>.custom-file .custom-file-input:focus {
-      z-index: 4
-    }
-
-    .input-group>.custom-select:not(:last-child),
-    .input-group>.form-control:not(:last-child) {
-      border-top-right-radius: 0;
-      border-bottom-right-radius: 0
-    }
-
-    .input-group>.custom-select:not(:first-child),
-    .input-group>.form-control:not(:first-child) {
-      border-top-left-radius: 0;
-      border-bottom-left-radius: 0
-    }
-
-    .input-group>.custom-file {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-align: center;
-      align-items: center
-    }
-
-    .input-group>.custom-file:not(:last-child) .custom-file-label,
-    .input-group>.custom-file:not(:last-child) .custom-file-label::after {
-      border-top-right-radius: 0;
-      border-bottom-right-radius: 0
-    }
-
-    .input-group>.custom-file:not(:first-child) .custom-file-label {
-      border-top-left-radius: 0;
-      border-bottom-left-radius: 0
-    }
-
-    .input-group-append,
-    .input-group-prepend {
-      display: -ms-flexbox;
-      display: flex
-    }
-
-    .input-group-append .btn,
-    .input-group-prepend .btn {
-      position: relative;
-      z-index: 2
-    }
-
-    .input-group-append .btn:focus,
-    .input-group-prepend .btn:focus {
-      z-index: 3
-    }
-
-    .input-group-append .btn+.btn,
-    .input-group-append .btn+.input-group-text,
-    .input-group-append .input-group-text+.btn,
-    .input-group-append .input-group-text+.input-group-text,
-    .input-group-prepend .btn+.btn,
-    .input-group-prepend .btn+.input-group-text,
-    .input-group-prepend .input-group-text+.btn,
-    .input-group-prepend .input-group-text+.input-group-text {
-      margin-left: -1px
-    }
-
-    .input-group-prepend {
-      margin-right: -1px
-    }
-
-    .input-group-append {
-      margin-left: -1px
-    }
-
-    .input-group-text {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-align: center;
-      align-items: center;
-      padding: .375rem .75rem;
-      margin-bottom: 0;
-      font-size: 1rem;
-      font-weight: 400;
-      line-height: 1.5;
-      color: #495057;
-      text-align: center;
-      white-space: nowrap;
-      background-color: #e9ecef;
-      border: 1px solid #ced4da;
-      border-radius: .25rem
-    }
-
-    .input-group-text input[type=checkbox],
-    .input-group-text input[type=radio] {
-      margin-top: 0
-    }
-
-    .input-group-lg>.custom-select,
-    .input-group-lg>.form-control:not(textarea) {
-      height: calc(1.5em + 1rem + 2px)
-    }
-
-    .input-group-lg>.custom-select,
-    .input-group-lg>.form-control,
-    .input-group-lg>.input-group-append>.btn,
-    .input-group-lg>.input-group-append>.input-group-text,
-    .input-group-lg>.input-group-prepend>.btn,
-    .input-group-lg>.input-group-prepend>.input-group-text {
-      padding: .5rem 1rem;
-      font-size: 1.25rem;
-      line-height: 1.5;
-      border-radius: .3rem
-    }
-
-    .input-group-sm>.custom-select,
-    .input-group-sm>.form-control:not(textarea) {
-      height: calc(1.5em + .5rem + 2px)
-    }
-
-    .input-group-sm>.custom-select,
-    .input-group-sm>.form-control,
-    .input-group-sm>.input-group-append>.btn,
-    .input-group-sm>.input-group-append>.input-group-text,
-    .input-group-sm>.input-group-prepend>.btn,
-    .input-group-sm>.input-group-prepend>.input-group-text {
-      padding: .25rem .5rem;
-      font-size: .875rem;
-      line-height: 1.5;
-      border-radius: .2rem
-    }
-
-    .input-group-lg>.custom-select,
-    .input-group-sm>.custom-select {
-      padding-right: 1.75rem
-    }
-
-    .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
-    .input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
-    .input-group>.input-group-append:not(:last-child)>.btn,
-    .input-group>.input-group-append:not(:last-child)>.input-group-text,
-    .input-group>.input-group-prepend>.btn,
-    .input-group>.input-group-prepend>.input-group-text {
-      border-top-right-radius: 0;
-      border-bottom-right-radius: 0
-    }
-
-    .input-group>.input-group-append>.btn,
-    .input-group>.input-group-append>.input-group-text,
-    .input-group>.input-group-prepend:first-child>.btn:not(:first-child),
-    .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
-    .input-group>.input-group-prepend:not(:first-child)>.btn,
-    .input-group>.input-group-prepend:not(:first-child)>.input-group-text {
-      border-top-left-radius: 0;
-      border-bottom-left-radius: 0
-    }
-
-    .custom-control {
-      position: relative;
-      display: block;
-      min-height: 1.5rem;
-      padding-left: 1.5rem
-    }
-
-    .custom-control-inline {
-      display: -ms-inline-flexbox;
-      display: inline-flex;
-      margin-right: 1rem
-    }
-
-    .custom-control-input {
-      position: absolute;
-      z-index: -1;
-      opacity: 0
-    }
-
-    .custom-control-input:checked~.custom-control-label::before {
-      color: #fff;
-      border-color: #007bff;
-      background-color: #007bff
-    }
-
-    .custom-control-input:focus~.custom-control-label::before {
-      box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
-    }
-
-    .custom-control-input:focus:not(:checked)~.custom-control-label::before {
-      border-color: #80bdff
-    }
-
-    .custom-control-input:not(:disabled):active~.custom-control-label::before {
-      color: #fff;
-      background-color: #b3d7ff;
-      border-color: #b3d7ff
-    }
-
-    .custom-control-input:disabled~.custom-control-label {
-      color: #6c757d
-    }
-
-    .custom-control-input:disabled~.custom-control-label::before {
-      background-color: #e9ecef
-    }
-
-    .custom-control-label {
-      position: relative;
-      margin-bottom: 0;
-      vertical-align: top
-    }
-
-    .custom-control-label::before {
-      position: absolute;
-      top: .25rem;
-      left: -1.5rem;
-      display: block;
-      width: 1rem;
-      height: 1rem;
-      pointer-events: none;
-      content: "";
-      background-color: #fff;
-      border: #adb5bd solid 1px
-    }
-
-    .custom-control-label::after {
-      position: absolute;
-      top: .25rem;
-      left: -1.5rem;
-      display: block;
-      width: 1rem;
-      height: 1rem;
-      content: "";
-      background: no-repeat 50%/50% 50%
-    }
-
-    .custom-checkbox .custom-control-label::before {
-      border-radius: .25rem
-    }
-
-    .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
-      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")
-    }
-
-    .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
-      border-color: #007bff;
-      background-color: #007bff
-    }
-
-    .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
-      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")
-    }
-
-    .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
-      background-color: rgba(0, 123, 255, .5)
-    }
-
-    .custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
-      background-color: rgba(0, 123, 255, .5)
-    }
-
-    .custom-radio .custom-control-label::before {
-      border-radius: 50%
-    }
-
-    .custom-radio .custom-control-input:checked~.custom-control-label::after {
-      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
-    }
-
-    .custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
-      background-color: rgba(0, 123, 255, .5)
-    }
-
-    .custom-switch {
-      padding-left: 2.25rem
-    }
-
-    .custom-switch .custom-control-label::before {
-      left: -2.25rem;
-      width: 1.75rem;
-      pointer-events: all;
-      border-radius: .5rem
-    }
-
-    .custom-switch .custom-control-label::after {
-      top: calc(.25rem + 2px);
-      left: calc(-2.25rem + 2px);
-      width: calc(1rem - 4px);
-      height: calc(1rem - 4px);
-      background-color: #adb5bd;
-      border-radius: .5rem;
-      transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;
-      transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
-      transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out
-    }
-
-    @media (prefers-reduced-motion:reduce) {
-      .custom-switch .custom-control-label::after {
-        transition: none
-      }
-    }
-
-    .custom-switch .custom-control-input:checked~.custom-control-label::after {
-      background-color: #fff;
-      -webkit-transform: translateX(.75rem);
-      transform: translateX(.75rem)
-    }
-
-    .custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
-      background-color: rgba(0, 123, 255, .5)
-    }
-
-    .custom-select {
-      display: inline-block;
-      width: 100%;
-      height: calc(1.5em + .75rem + 2px);
-      padding: .375rem 1.75rem .375rem .75rem;
-      font-size: 1rem;
-      font-weight: 400;
-      line-height: 1.5;
-      color: #495057;
-      vertical-align: middle;
-      background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
-      background-color: #fff;
-      border: 1px solid #ced4da;
-      border-radius: .25rem;
-      -webkit-appearance: none;
-      -moz-appearance: none;
-      appearance: none
-    }
-
-    .custom-select:focus {
-      border-color: #80bdff;
-      outline: 0;
-      box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
-    }
-
-    .custom-select:focus::-ms-value {
-      color: #495057;
-      background-color: #fff
-    }
-
-    .custom-select[multiple],
-    .custom-select[size]:not([size="1"]) {
-      height: auto;
-      padding-right: .75rem;
-      background-image: none
-    }
-
-    .custom-select:disabled {
-      color: #6c757d;
-      background-color: #e9ecef
-    }
-
-    .custom-select::-ms-expand {
-      display: none
-    }
-
-    .custom-select-sm {
-      height: calc(1.5em + .5rem + 2px);
-      padding-top: .25rem;
-      padding-bottom: .25rem;
-      padding-left: .5rem;
-      font-size: .875rem
-    }
-
-    .custom-select-lg {
-      height: calc(1.5em + 1rem + 2px);
-      padding-top: .5rem;
-      padding-bottom: .5rem;
-      padding-left: 1rem;
-      font-size: 1.25rem
-    }
-
-    .custom-file {
-      position: relative;
-      display: inline-block;
-      width: 100%;
-      height: calc(1.5em + .75rem + 2px);
-      margin-bottom: 0
-    }
-
-    .custom-file-input {
-      position: relative;
-      z-index: 2;
-      width: 100%;
-      height: calc(1.5em + .75rem + 2px);
-      margin: 0;
-      opacity: 0
-    }
-
-    .custom-file-input:focus~.custom-file-label {
-      border-color: #80bdff;
-      box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
-    }
-
-    .custom-file-input:disabled~.custom-file-label {
-      background-color: #e9ecef
-    }
-
-    .custom-file-input:lang(en)~.custom-file-label::after {
-      content: "Browse"
-    }
-
-    .custom-file-input~.custom-file-label[data-browse]::after {
-      content: attr(data-browse)
-    }
-
-    .custom-file-label {
-      position: absolute;
-      top: 0;
-      right: 0;
-      left: 0;
-      z-index: 1;
-      height: calc(1.5em + .75rem + 2px);
-      padding: .375rem .75rem;
-      font-weight: 400;
-      line-height: 1.5;
-      color: #495057;
-      background-color: #fff;
-      border: 1px solid #ced4da;
-      border-radius: .25rem
-    }
-
-    .custom-file-label::after {
-      position: absolute;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      z-index: 3;
-      display: block;
-      height: calc(1.5em + .75rem);
-      padding: .375rem .75rem;
-      line-height: 1.5;
-      color: #495057;
-      content: "Browse";
-      background-color: #e9ecef;
-      border-left: inherit;
-      border-radius: 0 .25rem .25rem 0
-    }
-
-    .custom-range {
-      width: 100%;
-      height: calc(1rem + .4rem);
-      padding: 0;
-      background-color: transparent;
-      -webkit-appearance: none;
-      -moz-appearance: none;
-      appearance: none
-    }
-
-    .custom-range:focus {
-      outline: 0
-    }
-
-    .custom-range:focus::-webkit-slider-thumb {
-      box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
-    }
-
-    .custom-range:focus::-moz-range-thumb {
-      box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
-    }
-
-    .custom-range:focus::-ms-thumb {
-      box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
-    }
-
-    .custom-range::-moz-focus-outer {
-      border: 0
-    }
-
-    .custom-range::-webkit-slider-thumb {
-      width: 1rem;
-      height: 1rem;
-      margin-top: -.25rem;
-      background-color: #007bff;
-      border: 0;
-      border-radius: 1rem;
-      transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
-      -webkit-appearance: none;
-      appearance: none
-    }
-
-    @media (prefers-reduced-motion:reduce) {
-      .custom-range::-webkit-slider-thumb {
-        transition: none
-      }
-    }
-
-    .custom-range::-webkit-slider-thumb:active {
-      background-color: #b3d7ff
-    }
-
-    .custom-range::-webkit-slider-runnable-track {
-      width: 100%;
-      height: .5rem;
-      color: transparent;
-      cursor: pointer;
-      background-color: #dee2e6;
-      border-color: transparent;
-      border-radius: 1rem
-    }
-
-    .custom-range::-moz-range-thumb {
-      width: 1rem;
-      height: 1rem;
-      background-color: #007bff;
-      border: 0;
-      border-radius: 1rem;
-      transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
-      -moz-appearance: none;
-      appearance: none
-    }
-
-    @media (prefers-reduced-motion:reduce) {
-      .custom-range::-moz-range-thumb {
-        transition: none
-      }
-    }
-
-    .custom-range::-moz-range-thumb:active {
-      background-color: #b3d7ff
-    }
-
-    .custom-range::-moz-range-track {
-      width: 100%;
-      height: .5rem;
-      color: transparent;
-      cursor: pointer;
-      background-color: #dee2e6;
-      border-color: transparent;
-      border-radius: 1rem
-    }
-
-    .custom-range::-ms-thumb {
-      width: 1rem;
-      height: 1rem;
-      margin-top: 0;
-      margin-right: .2rem;
-      margin-left: .2rem;
-      background-color: #007bff;
-      border: 0;
-      border-radius: 1rem;
-      transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
-      appearance: none
-    }
-
-    @media (prefers-reduced-motion:reduce) {
-      .custom-range::-ms-thumb {
-        transition: none
-      }
-    }
-
-    .custom-range::-ms-thumb:active {
-      background-color: #b3d7ff
-    }
-
-    .custom-range::-ms-track {
-      width: 100%;
-      height: .5rem;
-      color: transparent;
-      cursor: pointer;
-      background-color: transparent;
-      border-color: transparent;
-      border-width: .5rem
-    }
-
-    .custom-range::-ms-fill-lower {
-      background-color: #dee2e6;
-      border-radius: 1rem
-    }
-
-    .custom-range::-ms-fill-upper {
-      margin-right: 15px;
-      background-color: #dee2e6;
-      border-radius: 1rem
-    }
-
-    .custom-range:disabled::-webkit-slider-thumb {
-      background-color: #adb5bd
-    }
-
-    .custom-range:disabled::-webkit-slider-runnable-track {
-      cursor: default
-    }
-
-    .custom-range:disabled::-moz-range-thumb {
-      background-color: #adb5bd
-    }
-
-    .custom-range:disabled::-moz-range-track {
-      cursor: default
-    }
-
-    .custom-range:disabled::-ms-thumb {
-      background-color: #adb5bd
-    }
-
-    .custom-control-label::before,
-    .custom-file-label,
-    .custom-select {
-      transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
-    }
-
-    @media (prefers-reduced-motion:reduce) {
-
-      .custom-control-label::before,
-      .custom-file-label,
-      .custom-select {
-        transition: none
-      }
-    }
-
-
-
-    .nav {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-      padding-left: 0;
-      margin-bottom: 0;
-      list-style: none;
-      border: none;
-      position: sticky;
-      top: 0;
-      z-index: 500;
-      box-shadow: inset 0 1px 0 0 hsl(0deg 0% 100% / 5%);
-      background-color: rgb(30 41 59 / 84%);
-    }
-
-
-    .tab-content>.tab-pane {
-      display: none
-    }
-
-    .tab-content>.active {
-      display: block
-    }
-
-    .navbar {
-      position: relative;
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-      -ms-flex-align: center;
-      align-items: center;
-      -ms-flex-pack: justify;
-      justify-content: space-between;
-      padding: .5rem 1rem
-    }
-
-    .navbar>.container,
-    .navbar>.container-fluid {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-      -ms-flex-align: center;
-      align-items: center;
-      -ms-flex-pack: justify;
-      justify-content: space-between
-    }
-
-    .navbar-brand {
-      display: inline-block;
-      padding-top: .3125rem;
-      padding-bottom: .3125rem;
-      margin-right: 1rem;
-      font-size: 1.25rem;
-      line-height: inherit;
-      white-space: nowrap
-    }
-
-    .navbar-brand:focus,
-    .navbar-brand:hover {
-      text-decoration: none
-    }
-
-    .navbar-nav {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-direction: column;
-      flex-direction: column;
-      padding-left: 0;
-      margin-bottom: 0;
-      list-style: none
-    }
-
-
-
-    .navbar-nav .dropdown-menu {
-      position: static;
-      float: none
-    }
-
-    .navbar-text {
-      display: inline-block;
-      padding-top: .5rem;
-      padding-bottom: .5rem
-    }
-
-    .navbar-collapse {
-      -ms-flex-preferred-size: 100%;
-      flex-basis: 100%;
-      -ms-flex-positive: 1;
-      flex-grow: 1;
-      -ms-flex-align: center;
-      align-items: center
-    }
-
-    .navbar-toggler {
-      padding: .25rem .75rem;
-      font-size: 1.25rem;
-      line-height: 1;
-      background-color: transparent;
-      border: 1px solid transparent;
-      border-radius: .25rem
-    }
-
-    .navbar-toggler:focus,
-    .navbar-toggler:hover {
-      text-decoration: none
-    }
-
-    .navbar-toggler-icon {
-      display: inline-block;
-      width: 1.5em;
-      height: 1.5em;
-      vertical-align: middle;
-      content: "";
-      background: no-repeat center center;
-      background-size: 100% 100%
-    }
-
-    @media (max-width:575.98px) {
-
-      .navbar-expand-sm>.container,
-      .navbar-expand-sm>.container-fluid {
-        padding-right: 0;
-        padding-left: 0
-      }
-    }
-
-    @media (min-width:576px) {
-      .navbar-expand-sm {
-        -ms-flex-flow: row nowrap;
-        flex-flow: row nowrap;
-        -ms-flex-pack: start;
-        justify-content: flex-start
-      }
-
-      .navbar-expand-sm .navbar-nav {
-        -ms-flex-direction: row;
-        flex-direction: row
-      }
-
-      .navbar-expand-sm .navbar-nav .dropdown-menu {
-        position: absolute
-      }
-
-
-      .navbar-expand-sm>.container,
-      .navbar-expand-sm>.container-fluid {
-        -ms-flex-wrap: nowrap;
-        flex-wrap: nowrap
-      }
-
-      .navbar-expand-sm .navbar-collapse {
-        display: -ms-flexbox !important;
-        display: flex !important;
-        -ms-flex-preferred-size: auto;
-        flex-basis: auto
-      }
-
-      .navbar-expand-sm .navbar-toggler {
-        display: none
-      }
-    }
-
-    @media (max-width:767.98px) {
-
-      .navbar-expand-md>.container,
-      .navbar-expand-md>.container-fluid {
-        padding-right: 0;
-        padding-left: 0
-      }
-    }
-
-    @media (min-width:768px) {
-      .navbar-expand-md {
-        -ms-flex-flow: row nowrap;
-        flex-flow: row nowrap;
-        -ms-flex-pack: start;
-        justify-content: flex-start
-      }
-
-      .navbar-expand-md .navbar-nav {
-        -ms-flex-direction: row;
-        flex-direction: row
-      }
-
-      .navbar-expand-md .navbar-nav .dropdown-menu {
-        position: absolute
-      }
-
-
-
-      .navbar-expand-md>.container,
-      .navbar-expand-md>.container-fluid {
-        -ms-flex-wrap: nowrap;
-        flex-wrap: nowrap
-      }
-
-      .navbar-expand-md .navbar-collapse {
-        display: -ms-flexbox !important;
-        display: flex !important;
-        -ms-flex-preferred-size: auto;
-        flex-basis: auto
-      }
-
-      .navbar-expand-md .navbar-toggler {
-        display: none
-      }
-    }
-
-    @media (max-width:991.98px) {
-
-      .navbar-expand-lg>.container,
-      .navbar-expand-lg>.container-fluid {
-        padding-right: 0;
-        padding-left: 0
-      }
-    }
-
-    @media (min-width:992px) {
-      .navbar-expand-lg {
-        -ms-flex-flow: row nowrap;
-        flex-flow: row nowrap;
-        -ms-flex-pack: start;
-        justify-content: flex-start
-      }
-
-      .navbar-expand-lg .navbar-nav {
-        -ms-flex-direction: row;
-        flex-direction: row
-      }
-
-      .navbar-expand-lg .navbar-nav .dropdown-menu {
-        position: absolute
-      }
-
-
-
-      .navbar-expand-lg>.container,
-      .navbar-expand-lg>.container-fluid {
-        -ms-flex-wrap: nowrap;
-        flex-wrap: nowrap
-      }
-
-      .navbar-expand-lg .navbar-collapse {
-        display: -ms-flexbox !important;
-        display: flex !important;
-        -ms-flex-preferred-size: auto;
-        flex-basis: auto
-      }
-
-      .navbar-expand-lg .navbar-toggler {
-        display: none
-      }
-    }
-
-    @media (max-width:1199.98px) {
-
-      .navbar-expand-xl>.container,
-      .navbar-expand-xl>.container-fluid {
-        padding-right: 0;
-        padding-left: 0
-      }
-    }
-
-    @media (min-width:1200px) {
-      .navbar-expand-xl {
-        -ms-flex-flow: row nowrap;
-        flex-flow: row nowrap;
-        -ms-flex-pack: start;
-        justify-content: flex-start
-      }
-
-      .navbar-expand-xl .navbar-nav {
-        -ms-flex-direction: row;
-        flex-direction: row
-      }
-
-      .navbar-expand-xl .navbar-nav .dropdown-menu {
-        position: absolute
-      }
-
-
-      .navbar-expand-xl>.container,
-      .navbar-expand-xl>.container-fluid {
-        -ms-flex-wrap: nowrap;
-        flex-wrap: nowrap
-      }
-
-      .navbar-expand-xl .navbar-collapse {
-        display: -ms-flexbox !important;
-        display: flex !important;
-        -ms-flex-preferred-size: auto;
-        flex-basis: auto
-      }
-
-      .navbar-expand-xl .navbar-toggler {
-        display: none
-      }
-    }
-
-    .navbar-expand {
-      -ms-flex-flow: row nowrap;
-      flex-flow: row nowrap;
-      -ms-flex-pack: start;
-      justify-content: flex-start
-    }
-
-    .navbar-expand>.container,
-    .navbar-expand>.container-fluid {
-      padding-right: 0;
-      padding-left: 0
-    }
-
-    .navbar-expand .navbar-nav {
-      -ms-flex-direction: row;
-      flex-direction: row
-    }
-
-    .navbar-expand .navbar-nav .dropdown-menu {
-      position: absolute
-    }
-
-
-    .navbar-expand>.container,
-    .navbar-expand>.container-fluid {
-      -ms-flex-wrap: nowrap;
-      flex-wrap: nowrap
-    }
-
-    .navbar-expand .navbar-collapse {
-      display: -ms-flexbox !important;
-      display: flex !important;
-      -ms-flex-preferred-size: auto;
-      flex-basis: auto
-    }
-
-    .navbar-expand .navbar-toggler {
-      display: none
-    }
-
-    .navbar-light .navbar-brand {
-      color: rgba(0, 0, 0, .9)
-    }
-
-    .navbar-light .navbar-brand:focus,
-    .navbar-light .navbar-brand:hover {
-      color: rgba(0, 0, 0, .9)
-    }
-
-
-
-
-    .navbar-light .navbar-toggler {
-      color: rgba(0, 0, 0, .5);
-      border-color: rgba(0, 0, 0, .1)
-    }
-
-    .navbar-light .navbar-toggler-icon {
-      background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
-    }
-
-    .navbar-light .navbar-text {
-      color: rgba(0, 0, 0, .5)
-    }
-
-    .navbar-light .navbar-text a {
-      color: rgba(0, 0, 0, .9)
-    }
-
-    .navbar-light .navbar-text a:focus,
-    .navbar-light .navbar-text a:hover {
-      color: rgba(0, 0, 0, .9)
-    }
-
-    .navbar-dark .navbar-brand {
-      color: #fff
-    }
-
-    .navbar-dark .navbar-brand:focus,
-    .navbar-dark .navbar-brand:hover {
-      color: #fff
-    }
-
-
-
-    .navbar-dark .navbar-toggler {
-      color: rgba(255, 255, 255, .5);
-      border-color: rgba(255, 255, 255, .1)
-    }
-
-    .navbar-dark .navbar-toggler-icon {
-      background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
-    }
-
-    .navbar-dark .navbar-text {
-      color: rgba(255, 255, 255, .5)
-    }
-
-    .navbar-dark .navbar-text a {
-      color: #fff
-    }
-
-    .navbar-dark .navbar-text a:focus,
-    .navbar-dark .navbar-text a:hover {
-      color: #fff
-    }
-
-    .card {
-      position: relative;
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-direction: column;
-      flex-direction: column;
-      min-width: 0;
-      word-wrap: break-word;
-      /* background-color: #fff; */
-      background-clip: border-box;
-      border: 1px solid rgba(0, 0, 0, .125);
-      border-radius: .25rem
-    }
-
-    .card>hr {
-      margin-right: 0;
-      margin-left: 0
-    }
-
-    .card>.list-group:first-child .list-group-item:first-child {
-      border-top-left-radius: .25rem;
-      border-top-right-radius: .25rem
-    }
-
-    .card>.list-group:last-child .list-group-item:last-child {
-      border-bottom-right-radius: .25rem;
-      border-bottom-left-radius: .25rem
-    }
-
-    .card-body {
-      -ms-flex: 1 1 auto;
-      flex: 1 1 auto;
-      padding: 1.25rem
-    }
-
-    .card-title {
-      margin-bottom: .75rem;
-      color: #b9ae87;
-      text-shadow: 0 0 1px #b1700b;
-    }
-
-    .card-subtitle {
-      margin-top: -.375rem;
-      margin-bottom: 0
-    }
-
-    .card-text {
-      text-align: justify;
-      text-overflow: ellipsis;
-      display: -webkit-box;
-      -webkit-line-clamp: 2;
-      -webkit-box-orient: vertical;
-      overflow: hidden;
-      font-weight: lighter;
-      line-height: 17.5px;
-      color: #aed3ed;
-    }
-
-    .card-text:last-child {
-      margin-bottom: 0
-    }
-
-    .card-link:hover {
-      text-decoration: none
-    }
-
-    .card-link+.card-link {
-      margin-left: 1.25rem
-    }
-
-    .card-header {
-      padding: .75rem 1.25rem;
-      margin-bottom: 0;
-      background-color: rgba(0, 0, 0, .03);
-      border-bottom: 1px solid rgba(0, 0, 0, .125)
-    }
-
-    .card-header:first-child {
-      border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
-    }
-
-    .card-header+.list-group .list-group-item:first-child {
-      border-top: 0
-    }
-
-    .card-footer {
-      padding: .75rem 1.25rem;
-      background-color: rgba(0, 0, 0, .03);
-      border-top: 1px solid rgba(0, 0, 0, .125)
-    }
-
-    .card-footer:last-child {
-      border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
-    }
-
-    .card-header-tabs {
-      margin-right: -.625rem;
-      margin-bottom: -.75rem;
-      margin-left: -.625rem;
-      border-bottom: 0
-    }
-
-    .card-header-pills {
-      margin-right: -.625rem;
-      margin-left: -.625rem
-    }
-
-    .card-img-overlay {
-      position: absolute;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      left: 0;
-      padding: 1.25rem
-    }
-
-    .card-img {
-      width: 100%;
-      border-radius: calc(.25rem - 1px)
-    }
-
-    .card-img-top {
-      width: 30%;
-      border-bottom-left-radius: calc(0.25rem - 1px);
-      border-bottom-right-radius: calc(10.25rem - 1px);
-      border-top-left-radius: calc(0.25rem - 1px);
-      border-top-right-radius: calc(0.25rem - 1px);
-      position: absolute;
-      bottom: 11px;
-      right: 11px;
-    }
-
-    .card-img-bottom {
-      width: 100%;
-      border-bottom-right-radius: calc(.25rem - 1px);
-      border-bottom-left-radius: calc(.25rem - 1px)
-    }
-
-    .card-deck {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-direction: column;
-      flex-direction: column
-    }
-
-    .card-deck .card {
-      margin-bottom: 15px
-    }
-
-    @media (min-width:576px) {
-      .card-deck {
-        -ms-flex-flow: row wrap;
-        flex-flow: row wrap;
-        margin-right: -15px;
-        margin-left: -15px
-      }
-
-      .card-deck .card {
-        display: -ms-flexbox;
-        display: flex;
-        -ms-flex: 1 0 0%;
-        flex: 1 0 0%;
-        -ms-flex-direction: column;
-        flex-direction: column;
-        margin-right: 15px;
-        margin-bottom: 0;
-        margin-left: 15px
-      }
-    }
-
-    .card-group {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-direction: column;
-      flex-direction: column
-    }
-
-    .card-group>.card {
-      margin-bottom: 15px
-    }
-
-    @media (min-width:576px) {
-      .card-group {
-        -ms-flex-flow: row wrap;
-        flex-flow: row wrap
-      }
-
-      .card-group>.card {
-        -ms-flex: 1 0 0%;
-        flex: 1 0 0%;
-        margin-bottom: 0
-      }
-
-      .card-group>.card+.card {
-        margin-left: 0;
-        border-left: 0
-      }
-
-      .card-group>.card:not(:last-child) {
-        border-top-right-radius: 0;
-        border-bottom-right-radius: 0
-      }
-
-      .card-group>.card:not(:last-child) .card-header,
-      .card-group>.card:not(:last-child) .card-img-top {
-        border-top-right-radius: 0
-      }
-
-      .card-group>.card:not(:last-child) .card-footer,
-      .card-group>.card:not(:last-child) .card-img-bottom {
-        border-bottom-right-radius: 0
-      }
-
-      .card-group>.card:not(:first-child) {
-        border-top-left-radius: 0;
-        border-bottom-left-radius: 0
-      }
-
-      .card-group>.card:not(:first-child) .card-header,
-      .card-group>.card:not(:first-child) .card-img-top {
-        border-top-left-radius: 0
-      }
-
-      .card-group>.card:not(:first-child) .card-footer,
-      .card-group>.card:not(:first-child) .card-img-bottom {
-        border-bottom-left-radius: 0
-      }
-    }
-
-    .card-columns .card {
-      margin-bottom: .75rem
-    }
-
-    @media (min-width:576px) {
-      .card-columns {
-        -webkit-column-count: 3;
-        -moz-column-count: 3;
-        column-count: 3;
-        -webkit-column-gap: 1.25rem;
-        -moz-column-gap: 1.25rem;
-        column-gap: 1.25rem;
-        orphans: 1;
-        widows: 1
-      }
-
-      .card-columns .card {
-        display: inline-block;
-        width: 100%
-      }
-    }
-
-    .accordion>.card {
-      overflow: hidden
-    }
-
-    .accordion>.card:not(:first-of-type) .card-header:first-child {
-      border-radius: 0
-    }
-
-    .accordion>.card:not(:first-of-type):not(:last-of-type) {
-      border-bottom: 0;
-      border-radius: 0
-    }
-
-    .accordion>.card:first-of-type {
-      border-bottom: 0;
-      border-bottom-right-radius: 0;
-      border-bottom-left-radius: 0
-    }
-
-    .accordion>.card:last-of-type {
-      border-top-left-radius: 0;
-      border-top-right-radius: 0
-    }
-
-    .accordion>.card .card-header {
-      margin-bottom: -1px
-    }
-
-    .breadcrumb {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-      padding: .75rem 1rem;
-      margin-bottom: 1rem;
-      list-style: none;
-      background-color: #e9ecef;
-      border-radius: .25rem
-    }
-
-    .breadcrumb-item+.breadcrumb-item {
-      padding-left: .5rem
-    }
-
-    .breadcrumb-item+.breadcrumb-item::before {
-      display: inline-block;
-      padding-right: .5rem;
-      color: #6c757d;
-      content: "/"
-    }
-
-    .breadcrumb-item+.breadcrumb-item:hover::before {
-      text-decoration: underline
-    }
-
-    .breadcrumb-item+.breadcrumb-item:hover::before {
-      text-decoration: none
-    }
-
-    .breadcrumb-item.active {
-      color: #6c757d
-    }
-
-    .pagination {
-      display: -ms-flexbox;
-      display: flex;
-      padding-left: 0;
-      list-style: none;
-      border-radius: .25rem
-    }
-
-    .page-link {
-      position: relative;
-      display: block;
-      padding: .5rem .75rem;
-      margin-left: -1px;
-      line-height: 1.25;
-      color: #007bff;
-      background-color: #fff;
-      border: 1px solid #dee2e6
-    }
-
-    .page-link:hover {
-      z-index: 2;
-      color: #0056b3;
-      text-decoration: none;
-      background-color: #e9ecef;
-      border-color: #dee2e6
-    }
-
-    .page-link:focus {
-      z-index: 2;
-      outline: 0;
-      box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
-    }
-
-    .page-item:first-child .page-link {
-      margin-left: 0;
-      border-top-left-radius: .25rem;
-      border-bottom-left-radius: .25rem
-    }
-
-    .page-item:last-child .page-link {
-      border-top-right-radius: .25rem;
-      border-bottom-right-radius: .25rem
-    }
-
-    .page-item.active .page-link {
-      z-index: 1;
-      color: #fff;
-      background-color: #007bff;
-      border-color: #007bff
-    }
-
-    .page-item.disabled .page-link {
-      color: #6c757d;
-      pointer-events: none;
-      cursor: auto;
-      background-color: #fff;
-      border-color: #dee2e6
-    }
-
-    .pagination-lg .page-link {
-      padding: .75rem 1.5rem;
-      font-size: 1.25rem;
-      line-height: 1.5
-    }
-
-    .pagination-lg .page-item:first-child .page-link {
-      border-top-left-radius: .3rem;
-      border-bottom-left-radius: .3rem
-    }
-
-    .pagination-lg .page-item:last-child .page-link {
-      border-top-right-radius: .3rem;
-      border-bottom-right-radius: .3rem
-    }
-
-    .pagination-sm .page-link {
-      padding: .25rem .5rem;
-      font-size: .875rem;
-      line-height: 1.5
-    }
-
-    .pagination-sm .page-item:first-child .page-link {
-      border-top-left-radius: .2rem;
-      border-bottom-left-radius: .2rem
-    }
-
-    .pagination-sm .page-item:last-child .page-link {
-      border-top-right-radius: .2rem;
-      border-bottom-right-radius: .2rem
-    }
-
-    .badge {
-      display: inline-block;
-      padding: .25em .4em;
-      font-size: 75%;
-      font-weight: 700;
-      line-height: 1;
-      text-align: center;
-      white-space: nowrap;
-      vertical-align: baseline;
-      border-radius: .25rem;
-      transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
-    }
-
-    @media (prefers-reduced-motion:reduce) {
-      .badge {
-        transition: none
-      }
-    }
-
-    a.badge:focus,
-    a.badge:hover {
-      text-decoration: none
-    }
-
-    .badge:empty {
-      display: none
-    }
-
-    .btn .badge {
-      position: relative;
-      top: -1px
-    }
-
-    .badge-pill {
-      padding-right: .6em;
-      padding-left: .6em;
-      border-radius: 10rem
-    }
-
-    .badge-primary {
-      color: #fff;
-      background-color: #007bff
-    }
-
-    a.badge-primary:focus,
-    a.badge-primary:hover {
-      color: #fff;
-      background-color: #0062cc
-    }
-
-    a.badge-primary.focus,
-    a.badge-primary:focus {
-      outline: 0;
-      box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
-    }
-
-    .badge-secondary {
-      color: #fff;
-      background-color: #6c757d
-    }
-
-    a.badge-secondary:focus,
-    a.badge-secondary:hover {
-      color: #fff;
-      background-color: #545b62
-    }
-
-    a.badge-secondary.focus,
-    a.badge-secondary:focus {
-      outline: 0;
-      box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
-    }
-
-    .badge-success {
-      color: #fff;
-      background-color: #28a745
-    }
-
-    a.badge-success:focus,
-    a.badge-success:hover {
-      color: #fff;
-      background-color: #1e7e34
-    }
-
-    a.badge-success.focus,
-    a.badge-success:focus {
-      outline: 0;
-      box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
-    }
-
-    .badge-info {
-      color: #fff;
-      background-color: #17a2b8
-    }
-
-    a.badge-info:focus,
-    a.badge-info:hover {
-      color: #fff;
-      background-color: #117a8b
-    }
-
-    a.badge-info.focus,
-    a.badge-info:focus {
-      outline: 0;
-      box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
-    }
-
-    .badge-warning {
-      color: #212529;
-      background-color: #ffc107
-    }
-
-    a.badge-warning:focus,
-    a.badge-warning:hover {
-      color: #212529;
-      background-color: #d39e00
-    }
-
-    a.badge-warning.focus,
-    a.badge-warning:focus {
-      outline: 0;
-      box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
-    }
-
-    .badge-danger {
-      color: #fff;
-      background-color: #dc3545
-    }
-
-    a.badge-danger:focus,
-    a.badge-danger:hover {
-      color: #fff;
-      background-color: #bd2130
-    }
-
-    a.badge-danger.focus,
-    a.badge-danger:focus {
-      outline: 0;
-      box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
-    }
-
-    .badge-light {
-      color: #212529;
-      background-color: #f8f9fa
-    }
-
-    a.badge-light:focus,
-    a.badge-light:hover {
-      color: #212529;
-      background-color: #dae0e5
-    }
-
-    a.badge-light.focus,
-    a.badge-light:focus {
-      outline: 0;
-      box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
-    }
-
-    .badge-dark {
-      color: #fff;
-      background-color: #343a40
-    }
-
-    a.badge-dark:focus,
-    a.badge-dark:hover {
-      color: #fff;
-      background-color: #1d2124
-    }
-
-    a.badge-dark.focus,
-    a.badge-dark:focus {
-      outline: 0;
-      box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
-    }
-
-    .jumbotron {
-      padding: 2rem 1rem;
-      margin-bottom: 2rem;
-      background-color: #e9ecef;
-      border-radius: .3rem
-    }
-
-    @media (min-width:576px) {
-      .jumbotron {
-        padding: 4rem 2rem
-      }
-    }
-
-    .jumbotron-fluid {
-      padding-right: 0;
-      padding-left: 0;
-      border-radius: 0
-    }
-
-    .alert {
-      position: relative;
-      padding: .75rem 1.25rem;
-      margin-bottom: 1rem;
-      border: 1px solid transparent;
-      border-radius: .25rem
-    }
-
-    .alert-heading {
-      color: inherit
-    }
-
-    .alert-link {
-      font-weight: 700
-    }
-
-    .alert-dismissible {
-      padding-right: 4rem
-    }
-
-    .alert-dismissible .close {
-      position: absolute;
-      top: 0;
-      right: 0;
-      padding: .75rem 1.25rem;
-      color: inherit
-    }
-
-    .alert-primary {
-      color: #004085;
-      background-color: #cce5ff;
-      border-color: #b8daff
-    }
-
-    .alert-primary hr {
-      border-top-color: #9fcdff
-    }
-
-    .alert-primary .alert-link {
-      color: #002752
-    }
-
-    .alert-secondary {
-      color: #383d41;
-      background-color: #e2e3e5;
-      border-color: #d6d8db
-    }
-
-    .alert-secondary hr {
-      border-top-color: #c8cbcf
-    }
-
-    .alert-secondary .alert-link {
-      color: #202326
-    }
-
-    .alert-success {
-      color: #155724;
-      background-color: #d4edda;
-      border-color: #c3e6cb
-    }
-
-    .alert-success hr {
-      border-top-color: #b1dfbb
-    }
-
-    .alert-success .alert-link {
-      color: #0b2e13
-    }
-
-    .alert-info {
-      color: #0c5460;
-      background-color: #d1ecf1;
-      border-color: #bee5eb
-    }
-
-    .alert-info hr {
-      border-top-color: #abdde5
-    }
-
-    .alert-info .alert-link {
-      color: #062c33
-    }
-
-    .alert-warning {
-      color: #856404;
-      background-color: #fff3cd;
-      border-color: #ffeeba
-    }
-
-    .alert-warning hr {
-      border-top-color: #ffe8a1
-    }
-
-    .alert-warning .alert-link {
-      color: #533f03
-    }
-
-    .alert-danger {
-      color: #721c24;
-      background-color: #f8d7da;
-      border-color: #f5c6cb
-    }
-
-    .alert-danger hr {
-      border-top-color: #f1b0b7
-    }
-
-    .alert-danger .alert-link {
-      color: #491217
-    }
-
-    .alert-light {
-      color: #818182;
-      background-color: #fefefe;
-      border-color: #fdfdfe
-    }
-
-    .alert-light hr {
-      border-top-color: #ececf6
-    }
-
-    .alert-light .alert-link {
-      color: #686868
-    }
-
-    .alert-dark {
-      color: #1b1e21;
-      background-color: #d6d8d9;
-      border-color: #c6c8ca
-    }
-
-    .alert-dark hr {
-      border-top-color: #b9bbbe
-    }
-
-    .alert-dark .alert-link {
-      color: #040505
-    }
-
-    @-webkit-keyframes progress-bar-stripes {
-      from {
-        background-position: 1rem 0
-      }
-
-      to {
-        background-position: 0 0
-      }
-    }
-
-    @keyframes progress-bar-stripes {
-      from {
-        background-position: 1rem 0
-      }
-
-      to {
-        background-position: 0 0
-      }
-    }
-
-    .progress {
-      display: -ms-flexbox;
-      display: flex;
-      height: 1rem;
-      overflow: hidden;
-      font-size: .75rem;
-      background-color: #e9ecef;
-      border-radius: .25rem
-    }
-
-    .progress-bar {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-direction: column;
-      flex-direction: column;
-      -ms-flex-pack: center;
-      justify-content: center;
-      color: #fff;
-      text-align: center;
-      white-space: nowrap;
-      background-color: #007bff;
-      transition: width .6s ease
-    }
-
-    @media (prefers-reduced-motion:reduce) {
-      .progress-bar {
-        transition: none
-      }
-    }
-
-    .progress-bar-striped {
-      background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
-      background-size: 1rem 1rem
-    }
-
-    .progress-bar-animated {
-      -webkit-animation: progress-bar-stripes 1s linear infinite;
-      animation: progress-bar-stripes 1s linear infinite
-    }
-
-    @media (prefers-reduced-motion:reduce) {
-      .progress-bar-animated {
-        -webkit-animation: none;
-        animation: none
-      }
-    }
-
-    .media {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-align: start;
-      align-items: flex-start
-    }
-
-    .media-body {
-      -ms-flex: 1;
-      flex: 1
-    }
-
-    .list-group {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-direction: column;
-      flex-direction: column;
-      padding-left: 0;
-      margin-bottom: 0
-    }
-
-    .list-group-item-action {
-      width: 100%;
-      color: #495057;
-      text-align: inherit
-    }
-
-    .list-group-item-action:focus,
-    .list-group-item-action:hover {
-      z-index: 1;
-      color: #495057;
-      text-decoration: none;
-      background-color: #f8f9fa
-    }
-
-    .list-group-item-action:active {
-      color: #212529;
-      background-color: #e9ecef
-    }
-
-    .list-group-item {
-      position: relative;
-      display: block;
-      padding: .75rem 1.25rem;
-      margin-bottom: -1px;
-      background-color: #fff;
-      border: 1px solid rgba(0, 0, 0, .125)
-    }
-
-    .list-group-item:first-child {
-      border-top-left-radius: .25rem;
-      border-top-right-radius: .25rem
-    }
-
-    .list-group-item:last-child {
-      margin-bottom: 0;
-      border-bottom-right-radius: .25rem;
-      border-bottom-left-radius: .25rem
-    }
-
-    .list-group-item.disabled,
-    .list-group-item:disabled {
-      color: #6c757d;
-      pointer-events: none;
-      background-color: #fff
-    }
-
-    .list-group-item.active {
-      z-index: 2;
-      color: #fff;
-      background-color: #007bff;
-      border-color: #007bff
-    }
-
-    .list-group-horizontal {
-      -ms-flex-direction: row;
-      flex-direction: row
-    }
-
-    .list-group-horizontal .list-group-item {
-      margin-right: -1px;
-      margin-bottom: 0
-    }
-
-    .list-group-horizontal .list-group-item:first-child {
-      border-top-left-radius: .25rem;
-      border-bottom-left-radius: .25rem;
-      border-top-right-radius: 0
-    }
-
-    .list-group-horizontal .list-group-item:last-child {
-      margin-right: 0;
-      border-top-right-radius: .25rem;
-      border-bottom-right-radius: .25rem;
-      border-bottom-left-radius: 0
-    }
-
-    @media (min-width:576px) {
-      .list-group-horizontal-sm {
-        -ms-flex-direction: row;
-        flex-direction: row
-      }
-
-      .list-group-horizontal-sm .list-group-item {
-        margin-right: -1px;
-        margin-bottom: 0
-      }
-
-      .list-group-horizontal-sm .list-group-item:first-child {
-        border-top-left-radius: .25rem;
-        border-bottom-left-radius: .25rem;
-        border-top-right-radius: 0
-      }
-
-      .list-group-horizontal-sm .list-group-item:last-child {
-        margin-right: 0;
-        border-top-right-radius: .25rem;
-        border-bottom-right-radius: .25rem;
-        border-bottom-left-radius: 0
-      }
-    }
-
-    @media (min-width:768px) {
-      .list-group-horizontal-md {
-        -ms-flex-direction: row;
-        flex-direction: row
-      }
-
-      .list-group-horizontal-md .list-group-item {
-        margin-right: -1px;
-        margin-bottom: 0
-      }
-
-      .list-group-horizontal-md .list-group-item:first-child {
-        border-top-left-radius: .25rem;
-        border-bottom-left-radius: .25rem;
-        border-top-right-radius: 0
-      }
-
-      .list-group-horizontal-md .list-group-item:last-child {
-        margin-right: 0;
-        border-top-right-radius: .25rem;
-        border-bottom-right-radius: .25rem;
-        border-bottom-left-radius: 0
-      }
-    }
-
-    @media (min-width:992px) {
-      .list-group-horizontal-lg {
-        -ms-flex-direction: row;
-        flex-direction: row
-      }
-
-      .list-group-horizontal-lg .list-group-item {
-        margin-right: -1px;
-        margin-bottom: 0
-      }
-
-      .list-group-horizontal-lg .list-group-item:first-child {
-        border-top-left-radius: .25rem;
-        border-bottom-left-radius: .25rem;
-        border-top-right-radius: 0
-      }
-
-      .list-group-horizontal-lg .list-group-item:last-child {
-        margin-right: 0;
-        border-top-right-radius: .25rem;
-        border-bottom-right-radius: .25rem;
-        border-bottom-left-radius: 0
-      }
-    }
-
-    @media (min-width:1200px) {
-      .list-group-horizontal-xl {
-        -ms-flex-direction: row;
-        flex-direction: row
-      }
-
-      .list-group-horizontal-xl .list-group-item {
-        margin-right: -1px;
-        margin-bottom: 0
-      }
-
-      .list-group-horizontal-xl .list-group-item:first-child {
-        border-top-left-radius: .25rem;
-        border-bottom-left-radius: .25rem;
-        border-top-right-radius: 0
-      }
-
-      .list-group-horizontal-xl .list-group-item:last-child {
-        margin-right: 0;
-        border-top-right-radius: .25rem;
-        border-bottom-right-radius: .25rem;
-        border-bottom-left-radius: 0
-      }
-    }
-
-    .list-group-flush .list-group-item {
-      border-right: 0;
-      border-left: 0;
-      border-radius: 0
-    }
-
-    .list-group-flush .list-group-item:last-child {
-      margin-bottom: -1px
-    }
-
-    .list-group-flush:first-child .list-group-item:first-child {
-      border-top: 0
-    }
-
-    .list-group-flush:last-child .list-group-item:last-child {
-      margin-bottom: 0;
-      border-bottom: 0
-    }
-
-    .list-group-item-primary {
-      color: #004085;
-      background-color: #b8daff
-    }
-
-    .list-group-item-primary.list-group-item-action:focus,
-    .list-group-item-primary.list-group-item-action:hover {
-      color: #004085;
-      background-color: #9fcdff
-    }
-
-    .list-group-item-primary.list-group-item-action.active {
-      color: #fff;
-      background-color: #004085;
-      border-color: #004085
-    }
-
-    .list-group-item-secondary {
-      color: #383d41;
-      background-color: #d6d8db
-    }
-
-    .list-group-item-secondary.list-group-item-action:focus,
-    .list-group-item-secondary.list-group-item-action:hover {
-      color: #383d41;
-      background-color: #c8cbcf
-    }
-
-    .list-group-item-secondary.list-group-item-action.active {
-      color: #fff;
-      background-color: #383d41;
-      border-color: #383d41
-    }
-
-    .list-group-item-success {
-      color: #155724;
-      background-color: #c3e6cb
-    }
-
-    .list-group-item-success.list-group-item-action:focus,
-    .list-group-item-success.list-group-item-action:hover {
-      color: #155724;
-      background-color: #b1dfbb
-    }
-
-    .list-group-item-success.list-group-item-action.active {
-      color: #fff;
-      background-color: #155724;
-      border-color: #155724
-    }
-
-    .list-group-item-info {
-      color: #0c5460;
-      background-color: #bee5eb
-    }
-
-    .list-group-item-info.list-group-item-action:focus,
-    .list-group-item-info.list-group-item-action:hover {
-      color: #0c5460;
-      background-color: #abdde5
-    }
-
-    .list-group-item-info.list-group-item-action.active {
-      color: #fff;
-      background-color: #0c5460;
-      border-color: #0c5460
-    }
-
-    .list-group-item-warning {
-      color: #856404;
-      background-color: #ffeeba
-    }
-
-    .list-group-item-warning.list-group-item-action:focus,
-    .list-group-item-warning.list-group-item-action:hover {
-      color: #856404;
-      background-color: #ffe8a1
-    }
-
-    .list-group-item-warning.list-group-item-action.active {
-      color: #fff;
-      background-color: #856404;
-      border-color: #856404
-    }
-
-    .list-group-item-danger {
-      color: #721c24;
-      background-color: #f5c6cb
-    }
-
-    .list-group-item-danger.list-group-item-action:focus,
-    .list-group-item-danger.list-group-item-action:hover {
-      color: #721c24;
-      background-color: #f1b0b7
-    }
-
-    .list-group-item-danger.list-group-item-action.active {
-      color: #fff;
-      background-color: #721c24;
-      border-color: #721c24
-    }
-
-    .list-group-item-light {
-      color: #818182;
-      background-color: #fdfdfe
-    }
-
-    .list-group-item-light.list-group-item-action:focus,
-    .list-group-item-light.list-group-item-action:hover {
-      color: #818182;
-      background-color: #ececf6
-    }
-
-    .list-group-item-light.list-group-item-action.active {
-      color: #fff;
-      background-color: #818182;
-      border-color: #818182
-    }
-
-    .list-group-item-dark {
-      color: #1b1e21;
-      background-color: #c6c8ca
-    }
-
-    .list-group-item-dark.list-group-item-action:focus,
-    .list-group-item-dark.list-group-item-action:hover {
-      color: #1b1e21;
-      background-color: #b9bbbe
-    }
-
-    .list-group-item-dark.list-group-item-action.active {
-      color: #fff;
-      background-color: #1b1e21;
-      border-color: #1b1e21
-    }
-
-    .close {
-      float: right;
-      font-size: 1.5rem;
-      font-weight: 700;
-      line-height: 1;
-      color: #000;
-      text-shadow: 0 1px 0 #fff;
-      opacity: .5
-    }
-
-    .close:hover {
-      color: #000;
-      text-decoration: none
-    }
-
-    .close:not(:disabled):not(.disabled):focus,
-    .close:not(:disabled):not(.disabled):hover {
-      opacity: .75
-    }
-
-    button.close {
-      padding: 0;
-      background-color: transparent;
-      border: 0;
-      -webkit-appearance: none;
-      -moz-appearance: none;
-      appearance: none
-    }
-
-    a.close.disabled {
-      pointer-events: none
-    }
-
-    .toast {
-      max-width: 350px;
-      overflow: hidden;
-      font-size: .875rem;
-      background-color: rgba(255, 255, 255, .85);
-      background-clip: padding-box;
-      border: 1px solid rgba(0, 0, 0, .1);
-      box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
-      -webkit-backdrop-filter: blur(10px);
-      backdrop-filter: blur(10px);
-      opacity: 0;
-      border-radius: .25rem
-    }
-
-    .toast:not(:last-child) {
-      margin-bottom: .75rem
-    }
-
-    .toast.showing {
-      opacity: 1
-    }
-
-    .toast.show {
-      display: block;
-      opacity: 1
-    }
-
-    .toast.hide {
-      display: none
-    }
-
-    .toast-header {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-align: center;
-      align-items: center;
-      padding: .25rem .75rem;
-      color: #6c757d;
-      background-color: rgba(255, 255, 255, .85);
-      background-clip: padding-box;
-      border-bottom: 1px solid rgba(0, 0, 0, .05)
-    }
-
-    .toast-body {
-      padding: .75rem
-    }
-
-    .modal-open {
-      overflow: hidden
-    }
-
-    .modal-open .modal {
-      overflow-x: hidden;
-      overflow-y: auto
-    }
-
-    .modal {
-      position: fixed;
-      top: 0;
-      left: 0;
-      z-index: 1050;
-      display: none;
-      width: 100%;
-      height: 100%;
-      overflow: hidden;
-      outline: 0
-    }
-
-    .modal-dialog {
-      position: relative;
-      width: auto;
-      margin: .5rem;
-      pointer-events: none
-    }
-
-    .modal.fade .modal-dialog {
-      transition: -webkit-transform .3s ease-out;
-      transition: transform .3s ease-out;
-      transition: transform .3s ease-out, -webkit-transform .3s ease-out;
-      -webkit-transform: translate(0, -50px);
-      transform: translate(0, -50px)
-    }
-
-    @media (prefers-reduced-motion:reduce) {
-      .modal.fade .modal-dialog {
-        transition: none
-      }
-    }
-
-    .modal.show .modal-dialog {
-      -webkit-transform: none;
-      transform: none
-    }
-
-    .modal-dialog-scrollable {
-      display: -ms-flexbox;
-      display: flex;
-      max-height: calc(100% - 1rem)
-    }
-
-    .modal-dialog-scrollable .modal-content {
-      max-height: calc(100vh - 1rem);
-      overflow: hidden
-    }
-
-    .modal-dialog-scrollable .modal-footer,
-    .modal-dialog-scrollable .modal-header {
-      -ms-flex-negative: 0;
-      flex-shrink: 0
-    }
-
-    .modal-dialog-scrollable .modal-body {
-      overflow-y: auto
-    }
-
-    .modal-dialog-centered {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-align: center;
-      align-items: center;
-      min-height: calc(100% - 1rem)
-    }
-
-    .modal-dialog-centered::before {
-      display: block;
-      height: calc(100vh - 1rem);
-      content: ""
-    }
-
-    .modal-dialog-centered.modal-dialog-scrollable {
-      -ms-flex-direction: column;
-      flex-direction: column;
-      -ms-flex-pack: center;
-      justify-content: center;
-      height: 100%
-    }
-
-    .modal-dialog-centered.modal-dialog-scrollable .modal-content {
-      max-height: none
-    }
-
-    .modal-dialog-centered.modal-dialog-scrollable::before {
-      content: none
-    }
-
-    .modal-content {
-      position: relative;
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-direction: column;
-      flex-direction: column;
-      width: 100%;
-      pointer-events: auto;
-      background-color: #fff;
-      background-clip: padding-box;
-      border: 1px solid rgba(0, 0, 0, .2);
-      border-radius: .3rem;
-      outline: 0
-    }
-
-    .modal-backdrop {
-      position: fixed;
-      top: 0;
-      left: 0;
-      z-index: 1040;
-      width: 100vw;
-      height: 100vh;
-      background-color: #000
-    }
-
-    .modal-backdrop.fade {
-      opacity: 0
-    }
-
-    .modal-backdrop.show {
-      opacity: .5
-    }
-
-    .modal-header {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-align: start;
-      align-items: flex-start;
-      -ms-flex-pack: justify;
-      justify-content: space-between;
-      padding: 1rem 1rem;
-      border-bottom: 1px solid #dee2e6;
-      border-top-left-radius: .3rem;
-      border-top-right-radius: .3rem
-    }
-
-    .modal-header .close {
-      padding: 1rem 1rem;
-      margin: -1rem -1rem -1rem auto
-    }
-
-    .modal-title {
-      margin-bottom: 0;
-      line-height: 1.5
-    }
-
-    .modal-body {
-      position: relative;
-      -ms-flex: 1 1 auto;
-      flex: 1 1 auto;
-      padding: 1rem
-    }
-
-    .modal-footer {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-align: center;
-      align-items: center;
-      -ms-flex-pack: end;
-      justify-content: flex-end;
-      padding: 1rem;
-      border-top: 1px solid #dee2e6;
-      border-bottom-right-radius: .3rem;
-      border-bottom-left-radius: .3rem
-    }
-
-    .modal-footer>:not(:first-child) {
-      margin-left: .25rem
-    }
-
-    .modal-footer>:not(:last-child) {
-      margin-right: .25rem
-    }
-
-    .modal-scrollbar-measure {
-      position: absolute;
-      top: -9999px;
-      width: 50px;
-      height: 50px;
-      overflow: scroll
-    }
-
-    @media (min-width:576px) {
-      .modal-dialog {
-        max-width: 500px;
-        margin: 1.75rem auto
-      }
-
-      .modal-dialog-scrollable {
-        max-height: calc(100% - 3.5rem)
-      }
-
-      .modal-dialog-scrollable .modal-content {
-        max-height: calc(100vh - 3.5rem)
-      }
-
-      .modal-dialog-centered {
-        min-height: calc(100% - 3.5rem)
-      }
-
-      .modal-dialog-centered::before {
-        height: calc(100vh - 3.5rem)
-      }
-
-      .modal-sm {
-        max-width: 300px
-      }
-    }
-
-    @media (min-width:992px) {
-
-      .modal-lg,
-      .modal-xl {
-        max-width: 800px
-      }
-    }
-
-    @media (min-width:1200px) {
-      .modal-xl {
-        max-width: 1140px
-      }
-    }
-
-    .tooltip {
-      position: absolute;
-      z-index: 1070;
-      display: block;
-      margin: 0;
-      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-      font-style: normal;
-      font-weight: 400;
-      line-height: 1.5;
-      text-align: left;
-      text-align: start;
-      text-decoration: none;
-      text-shadow: none;
-      text-transform: none;
-      letter-spacing: normal;
-      word-break: normal;
-      word-spacing: normal;
-      white-space: normal;
-      line-break: auto;
-      font-size: .875rem;
-      word-wrap: break-word;
-      opacity: 0
-    }
-
-    .tooltip.show {
-      opacity: .9
-    }
-
-    .tooltip .arrow {
-      position: absolute;
-      display: block;
-      width: .8rem;
-      height: .4rem
-    }
-
-    .tooltip .arrow::before {
-      position: absolute;
-      content: "";
-      border-color: transparent;
-      border-style: solid
-    }
-
-    .bs-tooltip-auto[x-placement^=top],
-    .bs-tooltip-top {
-      padding: .4rem 0
-    }
-
-    .bs-tooltip-auto[x-placement^=top] .arrow,
-    .bs-tooltip-top .arrow {
-      bottom: 0
-    }
-
-    .bs-tooltip-auto[x-placement^=top] .arrow::before,
-    .bs-tooltip-top .arrow::before {
-      top: 0;
-      border-width: .4rem .4rem 0;
-      border-top-color: #000
-    }
-
-    .bs-tooltip-auto[x-placement^=right],
-    .bs-tooltip-right {
-      padding: 0 .4rem
-    }
-
-    .bs-tooltip-auto[x-placement^=right] .arrow,
-    .bs-tooltip-right .arrow {
-      left: 0;
-      width: .4rem;
-      height: .8rem
-    }
-
-    .bs-tooltip-auto[x-placement^=right] .arrow::before,
-    .bs-tooltip-right .arrow::before {
-      right: 0;
-      border-width: .4rem .4rem .4rem 0;
-      border-right-color: #000
-    }
-
-    .bs-tooltip-auto[x-placement^=bottom],
-    .bs-tooltip-bottom {
-      padding: .4rem 0
-    }
-
-    .bs-tooltip-auto[x-placement^=bottom] .arrow,
-    .bs-tooltip-bottom .arrow {
-      top: 0
-    }
-
-    .bs-tooltip-auto[x-placement^=bottom] .arrow::before,
-    .bs-tooltip-bottom .arrow::before {
-      bottom: 0;
-      border-width: 0 .4rem .4rem;
-      border-bottom-color: #000
-    }
-
-    .bs-tooltip-auto[x-placement^=left],
-    .bs-tooltip-left {
-      padding: 0 .4rem
-    }
-
-    .bs-tooltip-auto[x-placement^=left] .arrow,
-    .bs-tooltip-left .arrow {
-      right: 0;
-      width: .4rem;
-      height: .8rem
-    }
-
-    .bs-tooltip-auto[x-placement^=left] .arrow::before,
-    .bs-tooltip-left .arrow::before {
-      left: 0;
-      border-width: .4rem 0 .4rem .4rem;
-      border-left-color: #000
-    }
-
-    .tooltip-inner {
-      max-width: 200px;
-      padding: .25rem .5rem;
-      color: #fff;
-      text-align: center;
-      background-color: #000;
-      border-radius: .25rem
-    }
-
-    .popover {
-      position: absolute;
-      top: 0;
-      left: 0;
-      z-index: 1060;
-      display: block;
-      max-width: 276px;
-      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-      font-style: normal;
-      font-weight: 400;
-      line-height: 1.5;
-      text-align: left;
-      text-align: start;
-      text-decoration: none;
-      text-shadow: none;
-      text-transform: none;
-      letter-spacing: normal;
-      word-break: normal;
-      word-spacing: normal;
-      white-space: normal;
-      line-break: auto;
-      font-size: .875rem;
-      word-wrap: break-word;
-      background-color: #fff;
-      background-clip: padding-box;
-      border: 1px solid rgba(0, 0, 0, .2);
-      border-radius: .3rem
-    }
-
-    .popover .arrow {
-      position: absolute;
-      display: block;
-      width: 1rem;
-      height: .5rem;
-      margin: 0 .3rem
-    }
-
-    .popover .arrow::after,
-    .popover .arrow::before {
-      position: absolute;
-      display: block;
-      content: "";
-      border-color: transparent;
-      border-style: solid
-    }
-
-    .bs-popover-auto[x-placement^=top],
-    .bs-popover-top {
-      margin-bottom: .5rem
-    }
-
-    .bs-popover-auto[x-placement^=top]>.arrow,
-    .bs-popover-top>.arrow {
-      bottom: calc((.5rem + 1px) * -1)
-    }
-
-    .bs-popover-auto[x-placement^=top]>.arrow::before,
-    .bs-popover-top>.arrow::before {
-      bottom: 0;
-      border-width: .5rem .5rem 0;
-      border-top-color: rgba(0, 0, 0, .25)
-    }
-
-    .bs-popover-auto[x-placement^=top]>.arrow::after,
-    .bs-popover-top>.arrow::after {
-      bottom: 1px;
-      border-width: .5rem .5rem 0;
-      border-top-color: #fff
-    }
-
-    .bs-popover-auto[x-placement^=right],
-    .bs-popover-right {
-      margin-left: .5rem
-    }
-
-    .bs-popover-auto[x-placement^=right]>.arrow,
-    .bs-popover-right>.arrow {
-      left: calc((.5rem + 1px) * -1);
-      width: .5rem;
-      height: 1rem;
-      margin: .3rem 0
-    }
-
-    .bs-popover-auto[x-placement^=right]>.arrow::before,
-    .bs-popover-right>.arrow::before {
-      left: 0;
-      border-width: .5rem .5rem .5rem 0;
-      border-right-color: rgba(0, 0, 0, .25)
-    }
-
-    .bs-popover-auto[x-placement^=right]>.arrow::after,
-    .bs-popover-right>.arrow::after {
-      left: 1px;
-      border-width: .5rem .5rem .5rem 0;
-      border-right-color: #fff
-    }
-
-    .bs-popover-auto[x-placement^=bottom],
-    .bs-popover-bottom {
-      margin-top: .5rem
-    }
-
-    .bs-popover-auto[x-placement^=bottom]>.arrow,
-    .bs-popover-bottom>.arrow {
-      top: calc((.5rem + 1px) * -1)
-    }
-
-    .bs-popover-auto[x-placement^=bottom]>.arrow::before,
-    .bs-popover-bottom>.arrow::before {
-      top: 0;
-      border-width: 0 .5rem .5rem .5rem;
-      border-bottom-color: rgba(0, 0, 0, .25)
-    }
-
-    .bs-popover-auto[x-placement^=bottom]>.arrow::after,
-    .bs-popover-bottom>.arrow::after {
-      top: 1px;
-      border-width: 0 .5rem .5rem .5rem;
-      border-bottom-color: #fff
-    }
-
-    .bs-popover-auto[x-placement^=bottom] .popover-header::before,
-    .bs-popover-bottom .popover-header::before {
-      position: absolute;
-      top: 0;
-      left: 50%;
-      display: block;
-      width: 1rem;
-      margin-left: -.5rem;
-      content: "";
-      border-bottom: 1px solid #f7f7f7
-    }
-
-    .bs-popover-auto[x-placement^=left],
-    .bs-popover-left {
-      margin-right: .5rem
-    }
-
-    .bs-popover-auto[x-placement^=left]>.arrow,
-    .bs-popover-left>.arrow {
-      right: calc((.5rem + 1px) * -1);
-      width: .5rem;
-      height: 1rem;
-      margin: .3rem 0
-    }
-
-    .bs-popover-auto[x-placement^=left]>.arrow::before,
-    .bs-popover-left>.arrow::before {
-      right: 0;
-      border-width: .5rem 0 .5rem .5rem;
-      border-left-color: rgba(0, 0, 0, .25)
-    }
-
-    .bs-popover-auto[x-placement^=left]>.arrow::after,
-    .bs-popover-left>.arrow::after {
-      right: 1px;
-      border-width: .5rem 0 .5rem .5rem;
-      border-left-color: #fff
-    }
-
-    .popover-header {
-      padding: .5rem .75rem;
-      margin-bottom: 0;
-      font-size: 1rem;
-      background-color: #f7f7f7;
-      border-bottom: 1px solid #ebebeb;
-      border-top-left-radius: calc(.3rem - 1px);
-      border-top-right-radius: calc(.3rem - 1px)
-    }
-
-    .popover-header:empty {
-      display: none
-    }
-
-    .popover-body {
-      padding: .5rem .75rem;
-      color: #212529
-    }
-
-    .carousel {
-      position: relative
-    }
-
-    .carousel.pointer-event {
-      -ms-touch-action: pan-y;
-      touch-action: pan-y
-    }
-
-    .carousel-inner {
-      position: relative;
-      width: 100%;
-      overflow: hidden
-    }
-
-    .carousel-inner::after {
-      display: block;
-      clear: both;
-      content: ""
-    }
-
-    .carousel-item {
-      position: relative;
-      display: none;
-      float: left;
-      width: 100%;
-      margin-right: -100%;
-      -webkit-backface-visibility: hidden;
-      backface-visibility: hidden;
-      transition: -webkit-transform .6s ease-in-out;
-      transition: transform .6s ease-in-out;
-      transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out
-    }
-
-    @media (prefers-reduced-motion:reduce) {
-      .carousel-item {
-        transition: none
-      }
-    }
-
-    .carousel-item-next,
-    .carousel-item-prev,
-    .carousel-item.active {
-      display: block
-    }
-
-    .active.carousel-item-right,
-    .carousel-item-next:not(.carousel-item-left) {
-      -webkit-transform: translateX(100%);
-      transform: translateX(100%)
-    }
-
-    .active.carousel-item-left,
-    .carousel-item-prev:not(.carousel-item-right) {
-      -webkit-transform: translateX(-100%);
-      transform: translateX(-100%)
-    }
-
-    .carousel-fade .carousel-item {
-      opacity: 0;
-      transition-property: opacity;
-      -webkit-transform: none;
-      transform: none
-    }
-
-    .carousel-fade .carousel-item-next.carousel-item-left,
-    .carousel-fade .carousel-item-prev.carousel-item-right,
-    .carousel-fade .carousel-item.active {
-      z-index: 1;
-      opacity: 1
-    }
-
-    .carousel-fade .active.carousel-item-left,
-    .carousel-fade .active.carousel-item-right {
-      z-index: 0;
-      opacity: 0;
-      transition: 0s .6s opacity
-    }
-
-    @media (prefers-reduced-motion:reduce) {
-
-      .carousel-fade .active.carousel-item-left,
-      .carousel-fade .active.carousel-item-right {
-        transition: none
-      }
-    }
-
-    .carousel-control-next,
-    .carousel-control-prev {
-      position: absolute;
-      top: 0;
-      bottom: 0;
-      z-index: 1;
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-align: center;
-      align-items: center;
-      -ms-flex-pack: center;
-      justify-content: center;
-      width: 15%;
-      color: #fff;
-      text-align: center;
-      opacity: .5;
-      transition: opacity .15s ease
-    }
-
-    @media (prefers-reduced-motion:reduce) {
-
-      .carousel-control-next,
-      .carousel-control-prev {
-        transition: none
-      }
-    }
-
-    .carousel-control-next:focus,
-    .carousel-control-next:hover,
-    .carousel-control-prev:focus,
-    .carousel-control-prev:hover {
-      color: #fff;
-      text-decoration: none;
-      outline: 0;
-      opacity: .9
-    }
-
-    .carousel-control-prev {
-      left: 0
-    }
-
-    .carousel-control-next {
-      right: 0
-    }
-
-    .carousel-control-next-icon,
-    .carousel-control-prev-icon {
-      display: inline-block;
-      width: 20px;
-      height: 20px;
-      background: no-repeat 50%/100% 100%
-    }
-
-    .carousel-control-prev-icon {
-      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e")
-    }
-
-    .carousel-control-next-icon {
-      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e")
-    }
-
-    .carousel-indicators {
-      position: absolute;
-      right: 0;
-      bottom: 0;
-      left: 0;
-      z-index: 15;
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-pack: center;
-      justify-content: center;
-      padding-left: 0;
-      margin-right: 15%;
-      margin-left: 15%;
-      list-style: none
-    }
-
-    .carousel-indicators li {
-      box-sizing: content-box;
-      -ms-flex: 0 1 auto;
-      flex: 0 1 auto;
-      width: 30px;
-      height: 3px;
-      margin-right: 3px;
-      margin-left: 3px;
-      text-indent: -999px;
-      cursor: pointer;
-      background-color: #fff;
-      background-clip: padding-box;
-      border-top: 10px solid transparent;
-      border-bottom: 10px solid transparent;
-      opacity: .5;
-      transition: opacity .6s ease
-    }
-
-    @media (prefers-reduced-motion:reduce) {
-      .carousel-indicators li {
-        transition: none
-      }
-    }
-
-    .carousel-indicators .active {
-      opacity: 1
-    }
-
-    .carousel-caption {
-      position: absolute;
-      right: 15%;
-      bottom: 20px;
-      left: 15%;
-      z-index: 10;
-      padding-top: 20px;
-      padding-bottom: 20px;
-      color: #fff;
-      text-align: center
-    }
-
-    @-webkit-keyframes spinner-border {
-      to {
-        -webkit-transform: rotate(360deg);
-        transform: rotate(360deg)
-      }
-    }
-
-    @keyframes spinner-border {
-      to {
-        -webkit-transform: rotate(360deg);
-        transform: rotate(360deg)
-      }
-    }
-
-    .spinner-border {
-      display: inline-block;
-      width: 2rem;
-      height: 2rem;
-      vertical-align: text-bottom;
-      border: .25em solid currentColor;
-      border-right-color: transparent;
-      border-radius: 50%;
-      -webkit-animation: spinner-border .75s linear infinite;
-      animation: spinner-border .75s linear infinite
-    }
-
-    .spinner-border-sm {
-      width: 1rem;
-      height: 1rem;
-      border-width: .2em
-    }
-
-    @-webkit-keyframes spinner-grow {
-      0% {
-        -webkit-transform: scale(0);
-        transform: scale(0)
-      }
-
-      50% {
-        opacity: 1
-      }
-    }
-
-    @keyframes spinner-grow {
-      0% {
-        -webkit-transform: scale(0);
-        transform: scale(0)
-      }
-
-      50% {
-        opacity: 1
-      }
-    }
-
-    .spinner-grow {
-      display: inline-block;
-      width: 2rem;
-      height: 2rem;
-      vertical-align: text-bottom;
-      background-color: currentColor;
-      border-radius: 50%;
-      opacity: 0;
-      -webkit-animation: spinner-grow .75s linear infinite;
-      animation: spinner-grow .75s linear infinite
-    }
-
-    .spinner-grow-sm {
-      width: 1rem;
-      height: 1rem
-    }
-
-    .align-baseline {
-      vertical-align: baseline !important
-    }
-
-    .align-top {
-      vertical-align: top !important
-    }
-
-    .align-middle {
-      vertical-align: middle !important
-    }
-
-    .align-bottom {
-      vertical-align: bottom !important
-    }
-
-    .align-text-bottom {
-      vertical-align: text-bottom !important
-    }
-
-    .align-text-top {
-      vertical-align: text-top !important
-    }
-
-    .bg-primary {
-      background-color: #007bff !important
-    }
-
-    a.bg-primary:focus,
-    a.bg-primary:hover,
-    button.bg-primary:focus,
-    button.bg-primary:hover {
-      background-color: #0062cc !important
-    }
-
-    .bg-secondary {
-      background-color: #6c757d !important
-    }
-
-    a.bg-secondary:focus,
-    a.bg-secondary:hover,
-    button.bg-secondary:focus,
-    button.bg-secondary:hover {
-      background-color: #545b62 !important
-    }
-
-    .bg-success {
-      background-color: #28a745 !important
-    }
-
-    a.bg-success:focus,
-    a.bg-success:hover,
-    button.bg-success:focus,
-    button.bg-success:hover {
-      background-color: #1e7e34 !important
-    }
-
-    .bg-info {
-      background-color: #17a2b8 !important
-    }
-
-    a.bg-info:focus,
-    a.bg-info:hover,
-    button.bg-info:focus,
-    button.bg-info:hover {
-      background-color: #117a8b !important
-    }
-
-    .bg-warning {
-      background-color: #ffc107 !important
-    }
-
-    a.bg-warning:focus,
-    a.bg-warning:hover,
-    button.bg-warning:focus,
-    button.bg-warning:hover {
-      background-color: #d39e00 !important
-    }
-
-    .bg-danger {
-      background-color: #dc3545 !important
-    }
-
-    a.bg-danger:focus,
-    a.bg-danger:hover,
-    button.bg-danger:focus,
-    button.bg-danger:hover {
-      background-color: #bd2130 !important
-    }
-
-    .bg-light {
-      background-color: #f8f9fa !important
-    }
-
-    a.bg-light:focus,
-    a.bg-light:hover,
-    button.bg-light:focus,
-    button.bg-light:hover {
-      background-color: #dae0e5 !important
-    }
-
-    .bg-dark {
-      background-color: #343a40 !important
-    }
-
-    a.bg-dark:focus,
-    a.bg-dark:hover,
-    button.bg-dark:focus,
-    button.bg-dark:hover {
-      background-color: #1d2124 !important
-    }
-
-    .bg-white {
-      background-color: #fff !important
-    }
-
-    .bg-transparent {
-      background-color: transparent !important
-    }
-
-    .border {
-      border: 1px solid #dee2e6 !important
-    }
-
-    .border-top {
-      border-top: 1px solid #dee2e6 !important
-    }
-
-    .border-right {
-      border-right: 1px solid #dee2e6 !important
-    }
-
-    .border-bottom {
-      border-bottom: 1px solid #dee2e6 !important
-    }
-
-    .border-left {
-      border-left: 1px solid #dee2e6 !important
-    }
-
-    .border-0 {
-      border: 0 !important
-    }
-
-    .border-top-0 {
-      border-top: 0 !important
-    }
-
-    .border-right-0 {
-      border-right: 0 !important
-    }
-
-    .border-bottom-0 {
-      border-bottom: 0 !important
-    }
-
-    .border-left-0 {
-      border-left: 0 !important
-    }
-
-    .border-primary {
-      border-color: #007bff !important
-    }
-
-    .border-secondary {
-      border-color: #6c757d !important
-    }
-
-    .border-success {
-      border-color: #28a745 !important
-    }
-
-    .border-info {
-      border-color: #17a2b8 !important
-    }
-
-    .border-warning {
-      border-color: #ffc107 !important
-    }
-
-    .border-danger {
-      border-color: #dc3545 !important
-    }
-
-    .border-light {
-      border-color: #f8f9fa !important
-    }
-
-    .border-dark {
-      border-color: #343a40 !important
-    }
-
-    .border-white {
-      border-color: #fff !important
-    }
-
-    .rounded-sm {
-      border-radius: .2rem !important
-    }
-
-    .rounded {
-      border-radius: .25rem !important
-    }
-
-    .rounded-top {
-      border-top-left-radius: .25rem !important;
-      border-top-right-radius: .25rem !important
-    }
-
-    .rounded-right {
-      border-top-right-radius: .25rem !important;
-      border-bottom-right-radius: .25rem !important
-    }
-
-    .rounded-bottom {
-      border-bottom-right-radius: .25rem !important;
-      border-bottom-left-radius: .25rem !important
-    }
-
-    .rounded-left {
-      border-top-left-radius: .25rem !important;
-      border-bottom-left-radius: .25rem !important
-    }
-
-    .rounded-lg {
-      border-radius: .3rem !important
-    }
-
-    .rounded-circle {
-      border-radius: 50% !important
-    }
-
-    .rounded-pill {
-      border-radius: 50rem !important
-    }
-
-    .rounded-0 {
-      border-radius: 0 !important
-    }
-
-    .clearfix::after {
-      display: block;
-      clear: both;
-      content: ""
-    }
-
-    .d-none {
-      display: none !important
-    }
-
-    .d-inline {
-      display: inline !important
-    }
-
-    .d-inline-block {
-      display: inline-block !important
-    }
-
-    .d-block {
-      display: block !important
-    }
-
-    .d-table {
-      display: table !important
-    }
-
-    .d-table-row {
-      display: table-row !important
-    }
-
-    .d-table-cell {
-      display: table-cell !important
-    }
-
-    .d-flex {
-      display: -ms-flexbox !important;
-      display: flex !important
-    }
-
-    .d-inline-flex {
-      display: -ms-inline-flexbox !important;
-      display: inline-flex !important
-    }
-
-    @media (min-width:576px) {
-      .d-sm-none {
-        display: none !important
-      }
-
-      .d-sm-inline {
-        display: inline !important
-      }
-
-      .d-sm-inline-block {
-        display: inline-block !important
-      }
-
-      .d-sm-block {
-        display: block !important
-      }
-
-      .d-sm-table {
-        display: table !important
-      }
-
-      .d-sm-table-row {
-        display: table-row !important
-      }
-
-      .d-sm-table-cell {
-        display: table-cell !important
-      }
-
-      .d-sm-flex {
-        display: -ms-flexbox !important;
-        display: flex !important
-      }
-
-      .d-sm-inline-flex {
-        display: -ms-inline-flexbox !important;
-        display: inline-flex !important
-      }
-    }
-
-    @media (min-width:768px) {
-      .d-md-none {
-        display: none !important
-      }
-
-      .d-md-inline {
-        display: inline !important
-      }
-
-      .d-md-inline-block {
-        display: inline-block !important
-      }
-
-      .d-md-block {
-        display: block !important
-      }
-
-      .d-md-table {
-        display: table !important
-      }
-
-      .d-md-table-row {
-        display: table-row !important
-      }
-
-      .d-md-table-cell {
-        display: table-cell !important
-      }
-
-      .d-md-flex {
-        display: -ms-flexbox !important;
-        display: flex !important
-      }
-
-      .d-md-inline-flex {
-        display: -ms-inline-flexbox !important;
-        display: inline-flex !important
-      }
-    }
-
-    @media (min-width:992px) {
-      .d-lg-none {
-        display: none !important
-      }
-
-      .d-lg-inline {
-        display: inline !important
-      }
-
-      .d-lg-inline-block {
-        display: inline-block !important
-      }
-
-      .d-lg-block {
-        display: block !important
-      }
-
-      .d-lg-table {
-        display: table !important
-      }
-
-      .d-lg-table-row {
-        display: table-row !important
-      }
-
-      .d-lg-table-cell {
-        display: table-cell !important
-      }
-
-      .d-lg-flex {
-        display: -ms-flexbox !important;
-        display: flex !important
-      }
-
-      .d-lg-inline-flex {
-        display: -ms-inline-flexbox !important;
-        display: inline-flex !important
-      }
-    }
-
-    @media (min-width:1200px) {
-      .d-xl-none {
-        display: none !important
-      }
-
-      .d-xl-inline {
-        display: inline !important
-      }
-
-      .d-xl-inline-block {
-        display: inline-block !important
-      }
-
-      .d-xl-block {
-        display: block !important
-      }
-
-      .d-xl-table {
-        display: table !important
-      }
-
-      .d-xl-table-row {
-        display: table-row !important
-      }
-
-      .d-xl-table-cell {
-        display: table-cell !important
-      }
-
-      .d-xl-flex {
-        display: -ms-flexbox !important;
-        display: flex !important
-      }
-
-      .d-xl-inline-flex {
-        display: -ms-inline-flexbox !important;
-        display: inline-flex !important
-      }
-    }
-
-    @media print {
-      .d-print-none {
-        display: none !important
-      }
-
-      .d-print-inline {
-        display: inline !important
-      }
-
-      .d-print-inline-block {
-        display: inline-block !important
-      }
-
-      .d-print-block {
-        display: block !important
-      }
-
-      .d-print-table {
-        display: table !important
-      }
-
-      .d-print-table-row {
-        display: table-row !important
-      }
-
-      .d-print-table-cell {
-        display: table-cell !important
-      }
-
-      .d-print-flex {
-        display: -ms-flexbox !important;
-        display: flex !important
-      }
-
-      .d-print-inline-flex {
-        display: -ms-inline-flexbox !important;
-        display: inline-flex !important
-      }
-    }
-
-    .embed-responsive {
-      position: relative;
-      display: block;
-      width: 100%;
-      padding: 0;
-      overflow: hidden
-    }
-
-    .embed-responsive::before {
-      display: block;
-      content: ""
-    }
-
-    .embed-responsive .embed-responsive-item,
-    .embed-responsive embed,
-    .embed-responsive iframe,
-    .embed-responsive object,
-    .embed-responsive video {
-      position: absolute;
-      top: 0;
-      bottom: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      border: 0
-    }
-
-    .embed-responsive-21by9::before {
-      padding-top: 42.857143%
-    }
-
-    .embed-responsive-16by9::before {
-      padding-top: 56.25%
-    }
-
-    .embed-responsive-4by3::before {
-      padding-top: 75%
-    }
-
-    .embed-responsive-1by1::before {
-      padding-top: 100%
-    }
-
-    .flex-row {
-      -ms-flex-direction: row !important;
-      flex-direction: row !important
-    }
-
-    .flex-column {
-      -ms-flex-direction: column !important;
-      flex-direction: column !important
-    }
-
-    .flex-row-reverse {
-      -ms-flex-direction: row-reverse !important;
-      flex-direction: row-reverse !important
-    }
-
-    .flex-column-reverse {
-      -ms-flex-direction: column-reverse !important;
-      flex-direction: column-reverse !important
-    }
-
-    .flex-wrap {
-      -ms-flex-wrap: wrap !important;
-      flex-wrap: wrap !important
-    }
-
-    .flex-nowrap {
-      -ms-flex-wrap: nowrap !important;
-      flex-wrap: nowrap !important
-    }
-
-    .flex-wrap-reverse {
-      -ms-flex-wrap: wrap-reverse !important;
-      flex-wrap: wrap-reverse !important
-    }
-
-    .flex-fill {
-      -ms-flex: 1 1 auto !important;
-      flex: 1 1 auto !important
-    }
-
-    .flex-grow-0 {
-      -ms-flex-positive: 0 !important;
-      flex-grow: 0 !important
-    }
-
-    .flex-grow-1 {
-      -ms-flex-positive: 1 !important;
-      flex-grow: 1 !important
-    }
-
-    .flex-shrink-0 {
-      -ms-flex-negative: 0 !important;
-      flex-shrink: 0 !important
-    }
-
-    .flex-shrink-1 {
-      -ms-flex-negative: 1 !important;
-      flex-shrink: 1 !important
-    }
-
-    .justify-content-start {
-      -ms-flex-pack: start !important;
-      justify-content: flex-start !important
-    }
-
-    .justify-content-end {
-      -ms-flex-pack: end !important;
-      justify-content: flex-end !important
-    }
-
-    .justify-content-center {
-      -ms-flex-pack: center !important;
-      justify-content: center !important
-    }
-
-    .justify-content-between {
-      -ms-flex-pack: justify !important;
-      justify-content: space-between !important
-    }
-
-    .justify-content-around {
-      -ms-flex-pack: distribute !important;
-      justify-content: space-around !important
-    }
-
-    .align-items-start {
-      -ms-flex-align: start !important;
-      align-items: flex-start !important
-    }
-
-    .align-items-end {
-      -ms-flex-align: end !important;
-      align-items: flex-end !important
-    }
-
-    .align-items-center {
-      -ms-flex-align: center !important;
-      align-items: center !important
-    }
-
-    .align-items-baseline {
-      -ms-flex-align: baseline !important;
-      align-items: baseline !important
-    }
-
-    .align-items-stretch {
-      -ms-flex-align: stretch !important;
-      align-items: stretch !important
-    }
-
-    .align-content-start {
-      -ms-flex-line-pack: start !important;
-      align-content: flex-start !important
-    }
-
-    .align-content-end {
-      -ms-flex-line-pack: end !important;
-      align-content: flex-end !important
-    }
-
-    .align-content-center {
-      -ms-flex-line-pack: center !important;
-      align-content: center !important
-    }
-
-    .align-content-between {
-      -ms-flex-line-pack: justify !important;
-      align-content: space-between !important
-    }
-
-    .align-content-around {
-      -ms-flex-line-pack: distribute !important;
-      align-content: space-around !important
-    }
-
-    .align-content-stretch {
-      -ms-flex-line-pack: stretch !important;
-      align-content: stretch !important
-    }
-
-    .align-self-auto {
-      -ms-flex-item-align: auto !important;
-      align-self: auto !important
-    }
-
-    .align-self-start {
-      -ms-flex-item-align: start !important;
-      align-self: flex-start !important
-    }
-
-    .align-self-end {
-      -ms-flex-item-align: end !important;
-      align-self: flex-end !important
-    }
-
-    .align-self-center {
-      -ms-flex-item-align: center !important;
-      align-self: center !important
-    }
-
-    .align-self-baseline {
-      -ms-flex-item-align: baseline !important;
-      align-self: baseline !important
-    }
-
-    .align-self-stretch {
-      -ms-flex-item-align: stretch !important;
-      align-self: stretch !important
-    }
-
-    @media (min-width:576px) {
-      .flex-sm-row {
-        -ms-flex-direction: row !important;
-        flex-direction: row !important
-      }
-
-      .flex-sm-column {
-        -ms-flex-direction: column !important;
-        flex-direction: column !important
-      }
-
-      .flex-sm-row-reverse {
-        -ms-flex-direction: row-reverse !important;
-        flex-direction: row-reverse !important
-      }
-
-      .flex-sm-column-reverse {
-        -ms-flex-direction: column-reverse !important;
-        flex-direction: column-reverse !important
-      }
-
-      .flex-sm-wrap {
-        -ms-flex-wrap: wrap !important;
-        flex-wrap: wrap !important
-      }
-
-      .flex-sm-nowrap {
-        -ms-flex-wrap: nowrap !important;
-        flex-wrap: nowrap !important
-      }
-
-      .flex-sm-wrap-reverse {
-        -ms-flex-wrap: wrap-reverse !important;
-        flex-wrap: wrap-reverse !important
-      }
-
-      .flex-sm-fill {
-        -ms-flex: 1 1 auto !important;
-        flex: 1 1 auto !important
-      }
-
-      .flex-sm-grow-0 {
-        -ms-flex-positive: 0 !important;
-        flex-grow: 0 !important
-      }
-
-      .flex-sm-grow-1 {
-        -ms-flex-positive: 1 !important;
-        flex-grow: 1 !important
-      }
-
-      .flex-sm-shrink-0 {
-        -ms-flex-negative: 0 !important;
-        flex-shrink: 0 !important
-      }
-
-      .flex-sm-shrink-1 {
-        -ms-flex-negative: 1 !important;
-        flex-shrink: 1 !important
-      }
-
-      .justify-content-sm-start {
-        -ms-flex-pack: start !important;
-        justify-content: flex-start !important
-      }
-
-      .justify-content-sm-end {
-        -ms-flex-pack: end !important;
-        justify-content: flex-end !important
-      }
-
-      .justify-content-sm-center {
-        -ms-flex-pack: center !important;
-        justify-content: center !important
-      }
-
-      .justify-content-sm-between {
-        -ms-flex-pack: justify !important;
-        justify-content: space-between !important
-      }
-
-      .justify-content-sm-around {
-        -ms-flex-pack: distribute !important;
-        justify-content: space-around !important
-      }
-
-      .align-items-sm-start {
-        -ms-flex-align: start !important;
-        align-items: flex-start !important
-      }
-
-      .align-items-sm-end {
-        -ms-flex-align: end !important;
-        align-items: flex-end !important
-      }
-
-      .align-items-sm-center {
-        -ms-flex-align: center !important;
-        align-items: center !important
-      }
-
-      .align-items-sm-baseline {
-        -ms-flex-align: baseline !important;
-        align-items: baseline !important
-      }
-
-      .align-items-sm-stretch {
-        -ms-flex-align: stretch !important;
-        align-items: stretch !important
-      }
-
-      .align-content-sm-start {
-        -ms-flex-line-pack: start !important;
-        align-content: flex-start !important
-      }
-
-      .align-content-sm-end {
-        -ms-flex-line-pack: end !important;
-        align-content: flex-end !important
-      }
-
-      .align-content-sm-center {
-        -ms-flex-line-pack: center !important;
-        align-content: center !important
-      }
-
-      .align-content-sm-between {
-        -ms-flex-line-pack: justify !important;
-        align-content: space-between !important
-      }
-
-      .align-content-sm-around {
-        -ms-flex-line-pack: distribute !important;
-        align-content: space-around !important
-      }
-
-      .align-content-sm-stretch {
-        -ms-flex-line-pack: stretch !important;
-        align-content: stretch !important
-      }
-
-      .align-self-sm-auto {
-        -ms-flex-item-align: auto !important;
-        align-self: auto !important
-      }
-
-      .align-self-sm-start {
-        -ms-flex-item-align: start !important;
-        align-self: flex-start !important
-      }
-
-      .align-self-sm-end {
-        -ms-flex-item-align: end !important;
-        align-self: flex-end !important
-      }
-
-      .align-self-sm-center {
-        -ms-flex-item-align: center !important;
-        align-self: center !important
-      }
-
-      .align-self-sm-baseline {
-        -ms-flex-item-align: baseline !important;
-        align-self: baseline !important
-      }
-
-      .align-self-sm-stretch {
-        -ms-flex-item-align: stretch !important;
-        align-self: stretch !important
-      }
-    }
-
-    @media (min-width:768px) {
-      .flex-md-row {
-        -ms-flex-direction: row !important;
-        flex-direction: row !important
-      }
-
-      .flex-md-column {
-        -ms-flex-direction: column !important;
-        flex-direction: column !important
-      }
-
-      .flex-md-row-reverse {
-        -ms-flex-direction: row-reverse !important;
-        flex-direction: row-reverse !important
-      }
-
-      .flex-md-column-reverse {
-        -ms-flex-direction: column-reverse !important;
-        flex-direction: column-reverse !important
-      }
-
-      .flex-md-wrap {
-        -ms-flex-wrap: wrap !important;
-        flex-wrap: wrap !important
-      }
-
-      .flex-md-nowrap {
-        -ms-flex-wrap: nowrap !important;
-        flex-wrap: nowrap !important
-      }
-
-      .flex-md-wrap-reverse {
-        -ms-flex-wrap: wrap-reverse !important;
-        flex-wrap: wrap-reverse !important
-      }
-
-      .flex-md-fill {
-        -ms-flex: 1 1 auto !important;
-        flex: 1 1 auto !important
-      }
-
-      .flex-md-grow-0 {
-        -ms-flex-positive: 0 !important;
-        flex-grow: 0 !important
-      }
-
-      .flex-md-grow-1 {
-        -ms-flex-positive: 1 !important;
-        flex-grow: 1 !important
-      }
-
-      .flex-md-shrink-0 {
-        -ms-flex-negative: 0 !important;
-        flex-shrink: 0 !important
-      }
-
-      .flex-md-shrink-1 {
-        -ms-flex-negative: 1 !important;
-        flex-shrink: 1 !important
-      }
-
-      .justify-content-md-start {
-        -ms-flex-pack: start !important;
-        justify-content: flex-start !important
-      }
-
-      .justify-content-md-end {
-        -ms-flex-pack: end !important;
-        justify-content: flex-end !important
-      }
-
-      .justify-content-md-center {
-        -ms-flex-pack: center !important;
-        justify-content: center !important
-      }
-
-      .justify-content-md-between {
-        -ms-flex-pack: justify !important;
-        justify-content: space-between !important
-      }
-
-      .justify-content-md-around {
-        -ms-flex-pack: distribute !important;
-        justify-content: space-around !important
-      }
-
-      .align-items-md-start {
-        -ms-flex-align: start !important;
-        align-items: flex-start !important
-      }
-
-      .align-items-md-end {
-        -ms-flex-align: end !important;
-        align-items: flex-end !important
-      }
-
-      .align-items-md-center {
-        -ms-flex-align: center !important;
-        align-items: center !important
-      }
-
-      .align-items-md-baseline {
-        -ms-flex-align: baseline !important;
-        align-items: baseline !important
-      }
-
-      .align-items-md-stretch {
-        -ms-flex-align: stretch !important;
-        align-items: stretch !important
-      }
-
-      .align-content-md-start {
-        -ms-flex-line-pack: start !important;
-        align-content: flex-start !important
-      }
-
-      .align-content-md-end {
-        -ms-flex-line-pack: end !important;
-        align-content: flex-end !important
-      }
-
-      .align-content-md-center {
-        -ms-flex-line-pack: center !important;
-        align-content: center !important
-      }
-
-      .align-content-md-between {
-        -ms-flex-line-pack: justify !important;
-        align-content: space-between !important
-      }
-
-      .align-content-md-around {
-        -ms-flex-line-pack: distribute !important;
-        align-content: space-around !important
-      }
-
-      .align-content-md-stretch {
-        -ms-flex-line-pack: stretch !important;
-        align-content: stretch !important
-      }
-
-      .align-self-md-auto {
-        -ms-flex-item-align: auto !important;
-        align-self: auto !important
-      }
-
-      .align-self-md-start {
-        -ms-flex-item-align: start !important;
-        align-self: flex-start !important
-      }
-
-      .align-self-md-end {
-        -ms-flex-item-align: end !important;
-        align-self: flex-end !important
-      }
-
-      .align-self-md-center {
-        -ms-flex-item-align: center !important;
-        align-self: center !important
-      }
-
-      .align-self-md-baseline {
-        -ms-flex-item-align: baseline !important;
-        align-self: baseline !important
-      }
-
-      .align-self-md-stretch {
-        -ms-flex-item-align: stretch !important;
-        align-self: stretch !important
-      }
-    }
-
-    @media (min-width:992px) {
-      .flex-lg-row {
-        -ms-flex-direction: row !important;
-        flex-direction: row !important
-      }
-
-      .flex-lg-column {
-        -ms-flex-direction: column !important;
-        flex-direction: column !important
-      }
-
-      .flex-lg-row-reverse {
-        -ms-flex-direction: row-reverse !important;
-        flex-direction: row-reverse !important
-      }
-
-      .flex-lg-column-reverse {
-        -ms-flex-direction: column-reverse !important;
-        flex-direction: column-reverse !important
-      }
-
-      .flex-lg-wrap {
-        -ms-flex-wrap: wrap !important;
-        flex-wrap: wrap !important
-      }
-
-      .flex-lg-nowrap {
-        -ms-flex-wrap: nowrap !important;
-        flex-wrap: nowrap !important
-      }
-
-      .flex-lg-wrap-reverse {
-        -ms-flex-wrap: wrap-reverse !important;
-        flex-wrap: wrap-reverse !important
-      }
-
-      .flex-lg-fill {
-        -ms-flex: 1 1 auto !important;
-        flex: 1 1 auto !important
-      }
-
-      .flex-lg-grow-0 {
-        -ms-flex-positive: 0 !important;
-        flex-grow: 0 !important
-      }
-
-      .flex-lg-grow-1 {
-        -ms-flex-positive: 1 !important;
-        flex-grow: 1 !important
-      }
-
-      .flex-lg-shrink-0 {
-        -ms-flex-negative: 0 !important;
-        flex-shrink: 0 !important
-      }
-
-      .flex-lg-shrink-1 {
-        -ms-flex-negative: 1 !important;
-        flex-shrink: 1 !important
-      }
-
-      .justify-content-lg-start {
-        -ms-flex-pack: start !important;
-        justify-content: flex-start !important
-      }
-
-      .justify-content-lg-end {
-        -ms-flex-pack: end !important;
-        justify-content: flex-end !important
-      }
-
-      .justify-content-lg-center {
-        -ms-flex-pack: center !important;
-        justify-content: center !important
-      }
-
-      .justify-content-lg-between {
-        -ms-flex-pack: justify !important;
-        justify-content: space-between !important
-      }
-
-      .justify-content-lg-around {
-        -ms-flex-pack: distribute !important;
-        justify-content: space-around !important
-      }
-
-      .align-items-lg-start {
-        -ms-flex-align: start !important;
-        align-items: flex-start !important
-      }
-
-      .align-items-lg-end {
-        -ms-flex-align: end !important;
-        align-items: flex-end !important
-      }
-
-      .align-items-lg-center {
-        -ms-flex-align: center !important;
-        align-items: center !important
-      }
-
-      .align-items-lg-baseline {
-        -ms-flex-align: baseline !important;
-        align-items: baseline !important
-      }
-
-      .align-items-lg-stretch {
-        -ms-flex-align: stretch !important;
-        align-items: stretch !important
-      }
-
-      .align-content-lg-start {
-        -ms-flex-line-pack: start !important;
-        align-content: flex-start !important
-      }
-
-      .align-content-lg-end {
-        -ms-flex-line-pack: end !important;
-        align-content: flex-end !important
-      }
-
-      .align-content-lg-center {
-        -ms-flex-line-pack: center !important;
-        align-content: center !important
-      }
-
-      .align-content-lg-between {
-        -ms-flex-line-pack: justify !important;
-        align-content: space-between !important
-      }
-
-      .align-content-lg-around {
-        -ms-flex-line-pack: distribute !important;
-        align-content: space-around !important
-      }
-
-      .align-content-lg-stretch {
-        -ms-flex-line-pack: stretch !important;
-        align-content: stretch !important
-      }
-
-      .align-self-lg-auto {
-        -ms-flex-item-align: auto !important;
-        align-self: auto !important
-      }
-
-      .align-self-lg-start {
-        -ms-flex-item-align: start !important;
-        align-self: flex-start !important
-      }
-
-      .align-self-lg-end {
-        -ms-flex-item-align: end !important;
-        align-self: flex-end !important
-      }
-
-      .align-self-lg-center {
-        -ms-flex-item-align: center !important;
-        align-self: center !important
-      }
-
-      .align-self-lg-baseline {
-        -ms-flex-item-align: baseline !important;
-        align-self: baseline !important
-      }
-
-      .align-self-lg-stretch {
-        -ms-flex-item-align: stretch !important;
-        align-self: stretch !important
-      }
-    }
-
-    @media (min-width:1200px) {
-      .flex-xl-row {
-        -ms-flex-direction: row !important;
-        flex-direction: row !important
-      }
-
-      .flex-xl-column {
-        -ms-flex-direction: column !important;
-        flex-direction: column !important
-      }
-
-      .flex-xl-row-reverse {
-        -ms-flex-direction: row-reverse !important;
-        flex-direction: row-reverse !important
-      }
-
-      .flex-xl-column-reverse {
-        -ms-flex-direction: column-reverse !important;
-        flex-direction: column-reverse !important
-      }
-
-      .flex-xl-wrap {
-        -ms-flex-wrap: wrap !important;
-        flex-wrap: wrap !important
-      }
-
-      .flex-xl-nowrap {
-        -ms-flex-wrap: nowrap !important;
-        flex-wrap: nowrap !important
-      }
-
-      .flex-xl-wrap-reverse {
-        -ms-flex-wrap: wrap-reverse !important;
-        flex-wrap: wrap-reverse !important
-      }
-
-      .flex-xl-fill {
-        -ms-flex: 1 1 auto !important;
-        flex: 1 1 auto !important
-      }
-
-      .flex-xl-grow-0 {
-        -ms-flex-positive: 0 !important;
-        flex-grow: 0 !important
-      }
-
-      .flex-xl-grow-1 {
-        -ms-flex-positive: 1 !important;
-        flex-grow: 1 !important
-      }
-
-      .flex-xl-shrink-0 {
-        -ms-flex-negative: 0 !important;
-        flex-shrink: 0 !important
-      }
-
-      .flex-xl-shrink-1 {
-        -ms-flex-negative: 1 !important;
-        flex-shrink: 1 !important
-      }
-
-      .justify-content-xl-start {
-        -ms-flex-pack: start !important;
-        justify-content: flex-start !important
-      }
-
-      .justify-content-xl-end {
-        -ms-flex-pack: end !important;
-        justify-content: flex-end !important
-      }
-
-      .justify-content-xl-center {
-        -ms-flex-pack: center !important;
-        justify-content: center !important
-      }
-
-      .justify-content-xl-between {
-        -ms-flex-pack: justify !important;
-        justify-content: space-between !important
-      }
-
-      .justify-content-xl-around {
-        -ms-flex-pack: distribute !important;
-        justify-content: space-around !important
-      }
-
-      .align-items-xl-start {
-        -ms-flex-align: start !important;
-        align-items: flex-start !important
-      }
-
-      .align-items-xl-end {
-        -ms-flex-align: end !important;
-        align-items: flex-end !important
-      }
-
-      .align-items-xl-center {
-        -ms-flex-align: center !important;
-        align-items: center !important
-      }
-
-      .align-items-xl-baseline {
-        -ms-flex-align: baseline !important;
-        align-items: baseline !important
-      }
-
-      .align-items-xl-stretch {
-        -ms-flex-align: stretch !important;
-        align-items: stretch !important
-      }
-
-      .align-content-xl-start {
-        -ms-flex-line-pack: start !important;
-        align-content: flex-start !important
-      }
-
-      .align-content-xl-end {
-        -ms-flex-line-pack: end !important;
-        align-content: flex-end !important
-      }
-
-      .align-content-xl-center {
-        -ms-flex-line-pack: center !important;
-        align-content: center !important
-      }
-
-      .align-content-xl-between {
-        -ms-flex-line-pack: justify !important;
-        align-content: space-between !important
-      }
-
-      .align-content-xl-around {
-        -ms-flex-line-pack: distribute !important;
-        align-content: space-around !important
-      }
-
-      .align-content-xl-stretch {
-        -ms-flex-line-pack: stretch !important;
-        align-content: stretch !important
-      }
-
-      .align-self-xl-auto {
-        -ms-flex-item-align: auto !important;
-        align-self: auto !important
-      }
-
-      .align-self-xl-start {
-        -ms-flex-item-align: start !important;
-        align-self: flex-start !important
-      }
-
-      .align-self-xl-end {
-        -ms-flex-item-align: end !important;
-        align-self: flex-end !important
-      }
-
-      .align-self-xl-center {
-        -ms-flex-item-align: center !important;
-        align-self: center !important
-      }
-
-      .align-self-xl-baseline {
-        -ms-flex-item-align: baseline !important;
-        align-self: baseline !important
-      }
-
-      .align-self-xl-stretch {
-        -ms-flex-item-align: stretch !important;
-        align-self: stretch !important
-      }
-    }
-
-    .float-left {
-      float: left !important
-    }
-
-    .float-right {
-      float: right !important
-    }
-
-    .float-none {
-      float: none !important
-    }
-
-    @media (min-width:576px) {
-      .float-sm-left {
-        float: left !important
-      }
-
-      .float-sm-right {
-        float: right !important
-      }
-
-      .float-sm-none {
-        float: none !important
-      }
-    }
-
-    @media (min-width:768px) {
-      .float-md-left {
-        float: left !important
-      }
-
-      .float-md-right {
-        float: right !important
-      }
-
-      .float-md-none {
-        float: none !important
-      }
-    }
-
-    @media (min-width:992px) {
-      .float-lg-left {
-        float: left !important
-      }
-
-      .float-lg-right {
-        float: right !important
-      }
-
-      .float-lg-none {
-        float: none !important
-      }
-    }
-
-    @media (min-width:1200px) {
-      .float-xl-left {
-        float: left !important
-      }
-
-      .float-xl-right {
-        float: right !important
-      }
-
-      .float-xl-none {
-        float: none !important
-      }
-    }
-
-    .overflow-auto {
-      overflow: auto !important
-    }
-
-    .overflow-hidden {
-      overflow: hidden !important
-    }
-
-    .position-static {
-      position: static !important
-    }
-
-    .position-relative {
-      position: relative !important
-    }
-
-    .position-absolute {
-      position: absolute !important
-    }
-
-    .position-fixed {
-      position: fixed !important
-    }
-
-    .position-sticky {
-      position: -webkit-sticky !important;
-      position: sticky !important
-    }
-
-    .fixed-top {
-      position: fixed;
-      top: 0;
-      right: 0;
-      left: 0;
-      z-index: 1030
-    }
-
-    .fixed-bottom {
-      position: fixed;
-      right: 0;
-      bottom: 0;
-      left: 0;
-      z-index: 1030
-    }
-
-    @supports ((position:-webkit-sticky) or (position:sticky)) {
-      .sticky-top {
-        position: -webkit-sticky;
-        position: sticky;
-        top: 0;
-        z-index: 1020
-      }
-    }
-
-    .sr-only {
-      position: absolute;
-      width: 1px;
-      height: 1px;
-      padding: 0;
-      overflow: hidden;
-      clip: rect(0, 0, 0, 0);
-      white-space: nowrap;
-      border: 0
-    }
-
-    .sr-only-focusable:active,
-    .sr-only-focusable:focus {
-      position: static;
-      width: auto;
-      height: auto;
-      overflow: visible;
-      clip: auto;
-      white-space: normal
-    }
-
-    .shadow-sm {
-      box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
-    }
-
-    .shadow {
-      box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
-    }
-
-    .shadow-lg {
-      box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
-    }
-
-    .shadow-none {
-      box-shadow: none !important
-    }
-
-    .w-25 {
-      width: 25% !important
-    }
-
-    .w-50 {
-      width: 50% !important
-    }
-
-    .w-75 {
-      width: 75% !important
-    }
-
-    .w-100 {
-      width: 100% !important
-    }
-
-    .w-auto {
-      width: auto !important
-    }
-
-    .h-25 {
-      height: 25% !important
-    }
-
-    .h-50 {
-      height: 50% !important
-    }
-
-    .h-75 {
-      height: 75% !important
-    }
-
-    .h-100 {
-      height: 100% !important
-    }
-
-    .h-auto {
-      height: auto !important
-    }
-
-    .mw-100 {
-      max-width: 100% !important
-    }
-
-    .mh-100 {
-      max-height: 100% !important
-    }
-
-    .min-vw-100 {
-      min-width: 100vw !important
-    }
-
-    .min-vh-100 {
-      min-height: 100vh !important
-    }
-
-    .vw-100 {
-      width: 100vw !important
-    }
-
-    .vh-100 {
-      height: 100vh !important
-    }
-
-    .stretched-link::after {
-      position: absolute;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      left: 0;
-      z-index: 1;
-      pointer-events: auto;
-      content: "";
-      background-color: rgba(0, 0, 0, 0)
-    }
-
-    .m-0 {
-      margin: 0 !important
-    }
-
-    .mt-0,
-    .my-0 {
-      margin-top: 0 !important
-    }
-
-    .mr-0,
-    .mx-0 {
-      margin-right: 0 !important
-    }
-
-    .mb-0,
-    .my-0 {
-      margin-bottom: 0 !important
-    }
-
-    .ml-0,
-    .mx-0 {
-      margin-left: 0 !important
-    }
-
-    .m-1 {
-      margin: .25rem !important
-    }
-
-    .mt-1,
-    .my-1 {
-      margin-top: .25rem !important
-    }
-
-    .mr-1,
-    .mx-1 {
-      margin-right: .25rem !important
-    }
-
-    .mb-1,
-    .my-1 {
-      margin-bottom: .25rem !important
-    }
-
-    .ml-1,
-    .mx-1 {
-      margin-left: .25rem !important
-    }
-
-    .m-2 {
-      margin: .5rem !important
-    }
-
-    .mt-2,
-    .my-2 {
-      margin-top: .5rem !important
-    }
-
-    .mr-2,
-    .mx-2 {
-      margin-right: .5rem !important
-    }
-
-    .mb-2,
-    .my-2 {
-      margin-bottom: .5rem !important
-    }
-
-    .ml-2,
-    .mx-2 {
-      margin-left: .5rem !important
-    }
-
-    .m-3 {
-      margin: 1rem !important
-    }
-
-    .mt-3,
-    .my-3 {
-      margin-top: 1rem !important
-    }
-
-    .mr-3,
-    .mx-3 {
-      margin-right: 1rem !important
-    }
-
-    .mb-3,
-    .my-3 {
-      margin-bottom: 1rem !important
-    }
-
-    .ml-3,
-    .mx-3 {
-      margin-left: 1rem !important
-    }
-
-    .m-4 {
-      margin: 1.5rem !important
-    }
-
-    .mt-4,
-    .my-4 {
-      margin-top: 1.5rem !important
-    }
-
-    .mr-4,
-    .mx-4 {
-      margin-right: 1.5rem !important
-    }
-
-    .mb-4,
-    .my-4 {
-      margin-bottom: 1.5rem !important
-    }
-
-    .ml-4,
-    .mx-4 {
-      margin-left: 1.5rem !important
-    }
-
-    .m-5 {
-      margin: 3rem !important
-    }
-
-    .mt-5,
-    .my-5 {
-      margin-top: 3rem !important
-    }
-
-    .mr-5,
-    .mx-5 {
-      margin-right: 3rem !important
-    }
-
-    .mb-5,
-    .my-5 {
-      margin-bottom: 3rem !important
-    }
-
-    .ml-5,
-    .mx-5 {
-      margin-left: 3rem !important
-    }
-
-    .p-0 {
-      padding: 0 !important
-    }
-
-    .pt-0,
-    .py-0 {
-      padding-top: 0 !important
-    }
-
-    .pr-0,
-    .px-0 {
-      padding-right: 0 !important
-    }
-
-    .pb-0,
-    .py-0 {
-      padding-bottom: 0 !important
-    }
-
-    .pl-0,
-    .px-0 {
-      padding-left: 0 !important
-    }
-
-    .p-1 {
-      padding: .25rem !important
-    }
-
-    .pt-1,
-    .py-1 {
-      padding-top: .25rem !important
-    }
-
-    .pr-1,
-    .px-1 {
-      padding-right: .25rem !important
-    }
-
-    .pb-1,
-    .py-1 {
-      padding-bottom: .25rem !important
-    }
-
-    .pl-1,
-    .px-1 {
-      padding-left: .25rem !important
-    }
-
-    .p-2 {
-      padding: .5rem !important
-    }
-
-    .pt-2,
-    .py-2 {
-      padding-top: .5rem !important
-    }
-
-    .pr-2,
-    .px-2 {
-      padding-right: .5rem !important
-    }
-
-    .pb-2,
-    .py-2 {
-      padding-bottom: .5rem !important
-    }
-
-    .pl-2,
-    .px-2 {
-      padding-left: .5rem !important
-    }
-
-    .p-3 {
-      padding: 1rem !important
-    }
-
-    .pt-3,
-    .py-3 {
-      padding-top: 1rem !important
-    }
-
-    .pr-3,
-    .px-3 {
-      padding-right: 1rem !important
-    }
-
-    .pb-3,
-    .py-3 {
-      padding-bottom: 1rem !important
-    }
-
-    .pl-3,
-    .px-3 {
-      padding-left: 1rem !important
-    }
-
-    .p-4 {
-      padding: 1.5rem !important
-    }
-
-    .pt-4,
-    .py-4 {
-      padding-top: 1.5rem !important
-    }
-
-    .pr-4,
-    .px-4 {
-      padding-right: 1.5rem !important
-    }
-
-    .pb-4,
-    .py-4 {
-      padding-bottom: 1.5rem !important
-    }
-
-    .pl-4,
-    .px-4 {
-      padding-left: 1.5rem !important
-    }
-
-    .p-5 {
-      padding: 3rem !important
-    }
-
-    .pt-5,
-    .py-5 {
-      padding-top: 3rem !important
-    }
-
-    .pr-5,
-    .px-5 {
-      padding-right: 3rem !important
-    }
-
-    .pb-5,
-    .py-5 {
-      padding-bottom: 3rem !important
-    }
-
-    .pl-5,
-    .px-5 {
-      padding-left: 3rem !important
-    }
-
-    .m-n1 {
-      margin: -.25rem !important
-    }
-
-    .mt-n1,
-    .my-n1 {
-      margin-top: -.25rem !important
-    }
-
-    .mr-n1,
-    .mx-n1 {
-      margin-right: -.25rem !important
-    }
-
-    .mb-n1,
-    .my-n1 {
-      margin-bottom: -.25rem !important
-    }
-
-    .ml-n1,
-    .mx-n1 {
-      margin-left: -.25rem !important
-    }
-
-    .m-n2 {
-      margin: -.5rem !important
-    }
-
-    .mt-n2,
-    .my-n2 {
-      margin-top: -.5rem !important
-    }
-
-    .mr-n2,
-    .mx-n2 {
-      margin-right: -.5rem !important
-    }
-
-    .mb-n2,
-    .my-n2 {
-      margin-bottom: -.5rem !important
-    }
-
-    .ml-n2,
-    .mx-n2 {
-      margin-left: -.5rem !important
-    }
-
-    .m-n3 {
-      margin: -1rem !important
-    }
-
-    .mt-n3,
-    .my-n3 {
-      margin-top: -1rem !important
-    }
-
-    .mr-n3,
-    .mx-n3 {
-      margin-right: -1rem !important
-    }
-
-    .mb-n3,
-    .my-n3 {
-      margin-bottom: -1rem !important
-    }
-
-    .ml-n3,
-    .mx-n3 {
-      margin-left: -1rem !important
-    }
-
-    .m-n4 {
-      margin: -1.5rem !important
-    }
-
-    .mt-n4,
-    .my-n4 {
-      margin-top: -1.5rem !important
-    }
-
-    .mr-n4,
-    .mx-n4 {
-      margin-right: -1.5rem !important
-    }
-
-    .mb-n4,
-    .my-n4 {
-      margin-bottom: -1.5rem !important
-    }
-
-    .ml-n4,
-    .mx-n4 {
-      margin-left: -1.5rem !important
-    }
-
-    .m-n5 {
-      margin: -3rem !important
-    }
-
-    .mt-n5,
-    .my-n5 {
-      margin-top: -3rem !important
-    }
-
-    .mr-n5,
-    .mx-n5 {
-      margin-right: -3rem !important
-    }
-
-    .mb-n5,
-    .my-n5 {
-      margin-bottom: -3rem !important
-    }
-
-    .ml-n5,
-    .mx-n5 {
-      margin-left: -3rem !important
-    }
-
-    .m-auto {
-      margin: auto !important
-    }
-
-    .mt-auto,
-    .my-auto {
-      margin-top: auto !important
-    }
-
-    .mr-auto,
-    .mx-auto {
-      margin-right: auto !important
-    }
-
-    .mb-auto,
-    .my-auto {
-      margin-bottom: auto !important
-    }
-
-    .ml-auto,
-    .mx-auto {
-      margin-left: auto !important
-    }
-
-    @media (min-width:576px) {
-      .m-sm-0 {
-        margin: 0 !important
-      }
-
-      .mt-sm-0,
-      .my-sm-0 {
-        margin-top: 0 !important
-      }
-
-      .mr-sm-0,
-      .mx-sm-0 {
-        margin-right: 0 !important
-      }
-
-      .mb-sm-0,
-      .my-sm-0 {
-        margin-bottom: 0 !important
-      }
-
-      .ml-sm-0,
-      .mx-sm-0 {
-        margin-left: 0 !important
-      }
-
-      .m-sm-1 {
-        margin: .25rem !important
-      }
-
-      .mt-sm-1,
-      .my-sm-1 {
-        margin-top: .25rem !important
-      }
-
-      .mr-sm-1,
-      .mx-sm-1 {
-        margin-right: .25rem !important
-      }
-
-      .mb-sm-1,
-      .my-sm-1 {
-        margin-bottom: .25rem !important
-      }
-
-      .ml-sm-1,
-      .mx-sm-1 {
-        margin-left: .25rem !important
-      }
-
-      .m-sm-2 {
-        margin: .5rem !important
-      }
-
-      .mt-sm-2,
-      .my-sm-2 {
-        margin-top: .5rem !important
-      }
-
-      .mr-sm-2,
-      .mx-sm-2 {
-        margin-right: .5rem !important
-      }
-
-      .mb-sm-2,
-      .my-sm-2 {
-        margin-bottom: .5rem !important
-      }
-
-      .ml-sm-2,
-      .mx-sm-2 {
-        margin-left: .5rem !important
-      }
-
-      .m-sm-3 {
-        margin: 1rem !important
-      }
-
-      .mt-sm-3,
-      .my-sm-3 {
-        margin-top: 1rem !important
-      }
-
-      .mr-sm-3,
-      .mx-sm-3 {
-        margin-right: 1rem !important
-      }
-
-      .mb-sm-3,
-      .my-sm-3 {
-        margin-bottom: 1rem !important
-      }
-
-      .ml-sm-3,
-      .mx-sm-3 {
-        margin-left: 1rem !important
-      }
-
-      .m-sm-4 {
-        margin: 1.5rem !important
-      }
-
-      .mt-sm-4,
-      .my-sm-4 {
-        margin-top: 1.5rem !important
-      }
-
-      .mr-sm-4,
-      .mx-sm-4 {
-        margin-right: 1.5rem !important
-      }
-
-      .mb-sm-4,
-      .my-sm-4 {
-        margin-bottom: 1.5rem !important
-      }
-
-      .ml-sm-4,
-      .mx-sm-4 {
-        margin-left: 1.5rem !important
-      }
-
-      .m-sm-5 {
-        margin: 3rem !important
-      }
-
-      .mt-sm-5,
-      .my-sm-5 {
-        margin-top: 3rem !important
-      }
-
-      .mr-sm-5,
-      .mx-sm-5 {
-        margin-right: 3rem !important
-      }
-
-      .mb-sm-5,
-      .my-sm-5 {
-        margin-bottom: 3rem !important
-      }
-
-      .ml-sm-5,
-      .mx-sm-5 {
-        margin-left: 3rem !important
-      }
-
-      .p-sm-0 {
-        padding: 0 !important
-      }
-
-      .pt-sm-0,
-      .py-sm-0 {
-        padding-top: 0 !important
-      }
-
-      .pr-sm-0,
-      .px-sm-0 {
-        padding-right: 0 !important
-      }
-
-      .pb-sm-0,
-      .py-sm-0 {
-        padding-bottom: 0 !important
-      }
-
-      .pl-sm-0,
-      .px-sm-0 {
-        padding-left: 0 !important
-      }
-
-      .p-sm-1 {
-        padding: .25rem !important
-      }
-
-      .pt-sm-1,
-      .py-sm-1 {
-        padding-top: .25rem !important
-      }
-
-      .pr-sm-1,
-      .px-sm-1 {
-        padding-right: .25rem !important
-      }
-
-      .pb-sm-1,
-      .py-sm-1 {
-        padding-bottom: .25rem !important
-      }
-
-      .pl-sm-1,
-      .px-sm-1 {
-        padding-left: .25rem !important
-      }
-
-      .p-sm-2 {
-        padding: .5rem !important
-      }
-
-      .pt-sm-2,
-      .py-sm-2 {
-        padding-top: .5rem !important
-      }
-
-      .pr-sm-2,
-      .px-sm-2 {
-        padding-right: .5rem !important
-      }
-
-      .pb-sm-2,
-      .py-sm-2 {
-        padding-bottom: .5rem !important
-      }
-
-      .pl-sm-2,
-      .px-sm-2 {
-        padding-left: .5rem !important
-      }
-
-      .p-sm-3 {
-        padding: 1rem !important
-      }
-
-      .pt-sm-3,
-      .py-sm-3 {
-        padding-top: 1rem !important
-      }
-
-      .pr-sm-3,
-      .px-sm-3 {
-        padding-right: 1rem !important
-      }
-
-      .pb-sm-3,
-      .py-sm-3 {
-        padding-bottom: 1rem !important
-      }
-
-      .pl-sm-3,
-      .px-sm-3 {
-        padding-left: 1rem !important
-      }
-
-      .p-sm-4 {
-        padding: 1.5rem !important
-      }
-
-      .pt-sm-4,
-      .py-sm-4 {
-        padding-top: 1.5rem !important
-      }
-
-      .pr-sm-4,
-      .px-sm-4 {
-        padding-right: 1.5rem !important
-      }
-
-      .pb-sm-4,
-      .py-sm-4 {
-        padding-bottom: 1.5rem !important
-      }
-
-      .pl-sm-4,
-      .px-sm-4 {
-        padding-left: 1.5rem !important
-      }
-
-      .p-sm-5 {
-        padding: 3rem !important
-      }
-
-      .pt-sm-5,
-      .py-sm-5 {
-        padding-top: 3rem !important
-      }
-
-      .pr-sm-5,
-      .px-sm-5 {
-        padding-right: 3rem !important
-      }
-
-      .pb-sm-5,
-      .py-sm-5 {
-        padding-bottom: 3rem !important
-      }
-
-      .pl-sm-5,
-      .px-sm-5 {
-        padding-left: 3rem !important
-      }
-
-      .m-sm-n1 {
-        margin: -.25rem !important
-      }
-
-      .mt-sm-n1,
-      .my-sm-n1 {
-        margin-top: -.25rem !important
-      }
-
-      .mr-sm-n1,
-      .mx-sm-n1 {
-        margin-right: -.25rem !important
-      }
-
-      .mb-sm-n1,
-      .my-sm-n1 {
-        margin-bottom: -.25rem !important
-      }
-
-      .ml-sm-n1,
-      .mx-sm-n1 {
-        margin-left: -.25rem !important
-      }
-
-      .m-sm-n2 {
-        margin: -.5rem !important
-      }
-
-      .mt-sm-n2,
-      .my-sm-n2 {
-        margin-top: -.5rem !important
-      }
-
-      .mr-sm-n2,
-      .mx-sm-n2 {
-        margin-right: -.5rem !important
-      }
-
-      .mb-sm-n2,
-      .my-sm-n2 {
-        margin-bottom: -.5rem !important
-      }
-
-      .ml-sm-n2,
-      .mx-sm-n2 {
-        margin-left: -.5rem !important
-      }
-
-      .m-sm-n3 {
-        margin: -1rem !important
-      }
-
-      .mt-sm-n3,
-      .my-sm-n3 {
-        margin-top: -1rem !important
-      }
-
-      .mr-sm-n3,
-      .mx-sm-n3 {
-        margin-right: -1rem !important
-      }
-
-      .mb-sm-n3,
-      .my-sm-n3 {
-        margin-bottom: -1rem !important
-      }
-
-      .ml-sm-n3,
-      .mx-sm-n3 {
-        margin-left: -1rem !important
-      }
-
-      .m-sm-n4 {
-        margin: -1.5rem !important
-      }
-
-      .mt-sm-n4,
-      .my-sm-n4 {
-        margin-top: -1.5rem !important
-      }
-
-      .mr-sm-n4,
-      .mx-sm-n4 {
-        margin-right: -1.5rem !important
-      }
-
-      .mb-sm-n4,
-      .my-sm-n4 {
-        margin-bottom: -1.5rem !important
-      }
-
-      .ml-sm-n4,
-      .mx-sm-n4 {
-        margin-left: -1.5rem !important
-      }
-
-      .m-sm-n5 {
-        margin: -3rem !important
-      }
-
-      .mt-sm-n5,
-      .my-sm-n5 {
-        margin-top: -3rem !important
-      }
-
-      .mr-sm-n5,
-      .mx-sm-n5 {
-        margin-right: -3rem !important
-      }
-
-      .mb-sm-n5,
-      .my-sm-n5 {
-        margin-bottom: -3rem !important
-      }
-
-      .ml-sm-n5,
-      .mx-sm-n5 {
-        margin-left: -3rem !important
-      }
-
-      .m-sm-auto {
-        margin: auto !important
-      }
-
-      .mt-sm-auto,
-      .my-sm-auto {
-        margin-top: auto !important
-      }
-
-      .mr-sm-auto,
-      .mx-sm-auto {
-        margin-right: auto !important
-      }
-
-      .mb-sm-auto,
-      .my-sm-auto {
-        margin-bottom: auto !important
-      }
-
-      .ml-sm-auto,
-      .mx-sm-auto {
-        margin-left: auto !important
-      }
-    }
-
-    @media (min-width:768px) {
-      .m-md-0 {
-        margin: 0 !important
-      }
-
-      .mt-md-0,
-      .my-md-0 {
-        margin-top: 0 !important
-      }
-
-      .mr-md-0,
-      .mx-md-0 {
-        margin-right: 0 !important
-      }
-
-      .mb-md-0,
-      .my-md-0 {
-        margin-bottom: 0 !important
-      }
-
-      .ml-md-0,
-      .mx-md-0 {
-        margin-left: 0 !important
-      }
-
-      .m-md-1 {
-        margin: .25rem !important
-      }
-
-      .mt-md-1,
-      .my-md-1 {
-        margin-top: .25rem !important
-      }
-
-      .mr-md-1,
-      .mx-md-1 {
-        margin-right: .25rem !important
-      }
-
-      .mb-md-1,
-      .my-md-1 {
-        margin-bottom: .25rem !important
-      }
-
-      .ml-md-1,
-      .mx-md-1 {
-        margin-left: .25rem !important
-      }
-
-      .m-md-2 {
-        margin: .5rem !important
-      }
-
-      .mt-md-2,
-      .my-md-2 {
-        margin-top: .5rem !important
-      }
-
-      .mr-md-2,
-      .mx-md-2 {
-        margin-right: .5rem !important
-      }
-
-      .mb-md-2,
-      .my-md-2 {
-        margin-bottom: .5rem !important
-      }
-
-      .ml-md-2,
-      .mx-md-2 {
-        margin-left: .5rem !important
-      }
-
-      .m-md-3 {
-        margin: 1rem !important
-      }
-
-      .mt-md-3,
-      .my-md-3 {
-        margin-top: 1rem !important
-      }
-
-      .mr-md-3,
-      .mx-md-3 {
-        margin-right: 1rem !important
-      }
-
-      .mb-md-3,
-      .my-md-3 {
-        margin-bottom: 1rem !important
-      }
-
-      .ml-md-3,
-      .mx-md-3 {
-        margin-left: 1rem !important
-      }
-
-      .m-md-4 {
-        margin: 1.5rem !important
-      }
-
-      .mt-md-4,
-      .my-md-4 {
-        margin-top: 1.5rem !important
-      }
-
-      .mr-md-4,
-      .mx-md-4 {
-        margin-right: 1.5rem !important
-      }
-
-      .mb-md-4,
-      .my-md-4 {
-        margin-bottom: 1.5rem !important
-      }
-
-      .ml-md-4,
-      .mx-md-4 {
-        margin-left: 1.5rem !important
-      }
-
-      .m-md-5 {
-        margin: 3rem !important
-      }
-
-      .mt-md-5,
-      .my-md-5 {
-        margin-top: 3rem !important
-      }
-
-      .mr-md-5,
-      .mx-md-5 {
-        margin-right: 3rem !important
-      }
-
-      .mb-md-5,
-      .my-md-5 {
-        margin-bottom: 3rem !important
-      }
-
-      .ml-md-5,
-      .mx-md-5 {
-        margin-left: 3rem !important
-      }
-
-      .p-md-0 {
-        padding: 0 !important
-      }
-
-      .pt-md-0,
-      .py-md-0 {
-        padding-top: 0 !important
-      }
-
-      .pr-md-0,
-      .px-md-0 {
-        padding-right: 0 !important
-      }
-
-      .pb-md-0,
-      .py-md-0 {
-        padding-bottom: 0 !important
-      }
-
-      .pl-md-0,
-      .px-md-0 {
-        padding-left: 0 !important
-      }
-
-      .p-md-1 {
-        padding: .25rem !important
-      }
-
-      .pt-md-1,
-      .py-md-1 {
-        padding-top: .25rem !important
-      }
-
-      .pr-md-1,
-      .px-md-1 {
-        padding-right: .25rem !important
-      }
-
-      .pb-md-1,
-      .py-md-1 {
-        padding-bottom: .25rem !important
-      }
-
-      .pl-md-1,
-      .px-md-1 {
-        padding-left: .25rem !important
-      }
-
-      .p-md-2 {
-        padding: .5rem !important
-      }
-
-      .pt-md-2,
-      .py-md-2 {
-        padding-top: .5rem !important
-      }
-
-      .pr-md-2,
-      .px-md-2 {
-        padding-right: .5rem !important
-      }
-
-      .pb-md-2,
-      .py-md-2 {
-        padding-bottom: .5rem !important
-      }
-
-      .pl-md-2,
-      .px-md-2 {
-        padding-left: .5rem !important
-      }
-
-      .p-md-3 {
-        padding: 1rem !important
-      }
-
-      .pt-md-3,
-      .py-md-3 {
-        padding-top: 1rem !important
-      }
-
-      .pr-md-3,
-      .px-md-3 {
-        padding-right: 1rem !important
-      }
-
-      .pb-md-3,
-      .py-md-3 {
-        padding-bottom: 1rem !important
-      }
-
-      .pl-md-3,
-      .px-md-3 {
-        padding-left: 1rem !important
-      }
-
-      .p-md-4 {
-        padding: 1.5rem !important
-      }
-
-      .pt-md-4,
-      .py-md-4 {
-        padding-top: 1.5rem !important
-      }
-
-      .pr-md-4,
-      .px-md-4 {
-        padding-right: 1.5rem !important
-      }
-
-      .pb-md-4,
-      .py-md-4 {
-        padding-bottom: 1.5rem !important
-      }
-
-      .pl-md-4,
-      .px-md-4 {
-        padding-left: 1.5rem !important
-      }
-
-      .p-md-5 {
-        padding: 3rem !important
-      }
-
-      .pt-md-5,
-      .py-md-5 {
-        padding-top: 3rem !important
-      }
-
-      .pr-md-5,
-      .px-md-5 {
-        padding-right: 3rem !important
-      }
-
-      .pb-md-5,
-      .py-md-5 {
-        padding-bottom: 3rem !important
-      }
-
-      .pl-md-5,
-      .px-md-5 {
-        padding-left: 3rem !important
-      }
-
-      .m-md-n1 {
-        margin: -.25rem !important
-      }
-
-      .mt-md-n1,
-      .my-md-n1 {
-        margin-top: -.25rem !important
-      }
-
-      .mr-md-n1,
-      .mx-md-n1 {
-        margin-right: -.25rem !important
-      }
-
-      .mb-md-n1,
-      .my-md-n1 {
-        margin-bottom: -.25rem !important
-      }
-
-      .ml-md-n1,
-      .mx-md-n1 {
-        margin-left: -.25rem !important
-      }
-
-      .m-md-n2 {
-        margin: -.5rem !important
-      }
-
-      .mt-md-n2,
-      .my-md-n2 {
-        margin-top: -.5rem !important
-      }
-
-      .mr-md-n2,
-      .mx-md-n2 {
-        margin-right: -.5rem !important
-      }
-
-      .mb-md-n2,
-      .my-md-n2 {
-        margin-bottom: -.5rem !important
-      }
-
-      .ml-md-n2,
-      .mx-md-n2 {
-        margin-left: -.5rem !important
-      }
-
-      .m-md-n3 {
-        margin: -1rem !important
-      }
-
-      .mt-md-n3,
-      .my-md-n3 {
-        margin-top: -1rem !important
-      }
-
-      .mr-md-n3,
-      .mx-md-n3 {
-        margin-right: -1rem !important
-      }
-
-      .mb-md-n3,
-      .my-md-n3 {
-        margin-bottom: -1rem !important
-      }
-
-      .ml-md-n3,
-      .mx-md-n3 {
-        margin-left: -1rem !important
-      }
-
-      .m-md-n4 {
-        margin: -1.5rem !important
-      }
-
-      .mt-md-n4,
-      .my-md-n4 {
-        margin-top: -1.5rem !important
-      }
-
-      .mr-md-n4,
-      .mx-md-n4 {
-        margin-right: -1.5rem !important
-      }
-
-      .mb-md-n4,
-      .my-md-n4 {
-        margin-bottom: -1.5rem !important
-      }
-
-      .ml-md-n4,
-      .mx-md-n4 {
-        margin-left: -1.5rem !important
-      }
-
-      .m-md-n5 {
-        margin: -3rem !important
-      }
-
-      .mt-md-n5,
-      .my-md-n5 {
-        margin-top: -3rem !important
-      }
-
-      .mr-md-n5,
-      .mx-md-n5 {
-        margin-right: -3rem !important
-      }
-
-      .mb-md-n5,
-      .my-md-n5 {
-        margin-bottom: -3rem !important
-      }
-
-      .ml-md-n5,
-      .mx-md-n5 {
-        margin-left: -3rem !important
-      }
-
-      .m-md-auto {
-        margin: auto !important
-      }
-
-      .mt-md-auto,
-      .my-md-auto {
-        margin-top: auto !important
-      }
-
-      .mr-md-auto,
-      .mx-md-auto {
-        margin-right: auto !important
-      }
-
-      .mb-md-auto,
-      .my-md-auto {
-        margin-bottom: auto !important
-      }
-
-      .ml-md-auto,
-      .mx-md-auto {
-        margin-left: auto !important
-      }
-    }
-
-    @media (min-width:992px) {
-      .m-lg-0 {
-        margin: 0 !important
-      }
-
-      .mt-lg-0,
-      .my-lg-0 {
-        margin-top: 0 !important
-      }
-
-      .mr-lg-0,
-      .mx-lg-0 {
-        margin-right: 0 !important
-      }
-
-      .mb-lg-0,
-      .my-lg-0 {
-        margin-bottom: 0 !important
-      }
-
-      .ml-lg-0,
-      .mx-lg-0 {
-        margin-left: 0 !important
-      }
-
-      .m-lg-1 {
-        margin: .25rem !important
-      }
-
-      .mt-lg-1,
-      .my-lg-1 {
-        margin-top: .25rem !important
-      }
-
-      .mr-lg-1,
-      .mx-lg-1 {
-        margin-right: .25rem !important
-      }
-
-      .mb-lg-1,
-      .my-lg-1 {
-        margin-bottom: .25rem !important
-      }
-
-      .ml-lg-1,
-      .mx-lg-1 {
-        margin-left: .25rem !important
-      }
-
-      .m-lg-2 {
-        margin: .5rem !important
-      }
-
-      .mt-lg-2,
-      .my-lg-2 {
-        margin-top: .5rem !important
-      }
-
-      .mr-lg-2,
-      .mx-lg-2 {
-        margin-right: .5rem !important
-      }
-
-      .mb-lg-2,
-      .my-lg-2 {
-        margin-bottom: .5rem !important
-      }
-
-      .ml-lg-2,
-      .mx-lg-2 {
-        margin-left: .5rem !important
-      }
-
-      .m-lg-3 {
-        margin: 1rem !important
-      }
-
-      .mt-lg-3,
-      .my-lg-3 {
-        margin-top: 1rem !important
-      }
-
-      .mr-lg-3,
-      .mx-lg-3 {
-        margin-right: 1rem !important
-      }
-
-      .mb-lg-3,
-      .my-lg-3 {
-        margin-bottom: 1rem !important
-      }
-
-      .ml-lg-3,
-      .mx-lg-3 {
-        margin-left: 1rem !important
-      }
-
-      .m-lg-4 {
-        margin: 1.5rem !important
-      }
-
-      .mt-lg-4,
-      .my-lg-4 {
-        margin-top: 1.5rem !important
-      }
-
-      .mr-lg-4,
-      .mx-lg-4 {
-        margin-right: 1.5rem !important
-      }
-
-      .mb-lg-4,
-      .my-lg-4 {
-        margin-bottom: 1.5rem !important
-      }
-
-      .ml-lg-4,
-      .mx-lg-4 {
-        margin-left: 1.5rem !important
-      }
-
-      .m-lg-5 {
-        margin: 3rem !important
-      }
-
-      .mt-lg-5,
-      .my-lg-5 {
-        margin-top: 3rem !important
-      }
-
-      .mr-lg-5,
-      .mx-lg-5 {
-        margin-right: 3rem !important
-      }
-
-      .mb-lg-5,
-      .my-lg-5 {
-        margin-bottom: 3rem !important
-      }
-
-      .ml-lg-5,
-      .mx-lg-5 {
-        margin-left: 3rem !important
-      }
-
-      .p-lg-0 {
-        padding: 0 !important
-      }
-
-      .pt-lg-0,
-      .py-lg-0 {
-        padding-top: 0 !important
-      }
-
-      .pr-lg-0,
-      .px-lg-0 {
-        padding-right: 0 !important
-      }
-
-      .pb-lg-0,
-      .py-lg-0 {
-        padding-bottom: 0 !important
-      }
-
-      .pl-lg-0,
-      .px-lg-0 {
-        padding-left: 0 !important
-      }
-
-      .p-lg-1 {
-        padding: .25rem !important
-      }
-
-      .pt-lg-1,
-      .py-lg-1 {
-        padding-top: .25rem !important
-      }
-
-      .pr-lg-1,
-      .px-lg-1 {
-        padding-right: .25rem !important
-      }
-
-      .pb-lg-1,
-      .py-lg-1 {
-        padding-bottom: .25rem !important
-      }
-
-      .pl-lg-1,
-      .px-lg-1 {
-        padding-left: .25rem !important
-      }
-
-      .p-lg-2 {
-        padding: .5rem !important
-      }
-
-      .pt-lg-2,
-      .py-lg-2 {
-        padding-top: .5rem !important
-      }
-
-      .pr-lg-2,
-      .px-lg-2 {
-        padding-right: .5rem !important
-      }
-
-      .pb-lg-2,
-      .py-lg-2 {
-        padding-bottom: .5rem !important
-      }
-
-      .pl-lg-2,
-      .px-lg-2 {
-        padding-left: .5rem !important
-      }
-
-      .p-lg-3 {
-        padding: 1rem !important
-      }
-
-      .pt-lg-3,
-      .py-lg-3 {
-        padding-top: 1rem !important
-      }
-
-      .pr-lg-3,
-      .px-lg-3 {
-        padding-right: 1rem !important
-      }
-
-      .pb-lg-3,
-      .py-lg-3 {
-        padding-bottom: 1rem !important
-      }
-
-      .pl-lg-3,
-      .px-lg-3 {
-        padding-left: 1rem !important
-      }
-
-      .p-lg-4 {
-        padding: 1.5rem !important
-      }
-
-      .pt-lg-4,
-      .py-lg-4 {
-        padding-top: 1.5rem !important
-      }
-
-      .pr-lg-4,
-      .px-lg-4 {
-        padding-right: 1.5rem !important
-      }
-
-      .pb-lg-4,
-      .py-lg-4 {
-        padding-bottom: 1.5rem !important
-      }
-
-      .pl-lg-4,
-      .px-lg-4 {
-        padding-left: 1.5rem !important
-      }
-
-      .p-lg-5 {
-        padding: 3rem !important
-      }
-
-      .pt-lg-5,
-      .py-lg-5 {
-        padding-top: 3rem !important
-      }
-
-      .pr-lg-5,
-      .px-lg-5 {
-        padding-right: 3rem !important
-      }
-
-      .pb-lg-5,
-      .py-lg-5 {
-        padding-bottom: 3rem !important
-      }
-
-      .pl-lg-5,
-      .px-lg-5 {
-        padding-left: 3rem !important
-      }
-
-      .m-lg-n1 {
-        margin: -.25rem !important
-      }
-
-      .mt-lg-n1,
-      .my-lg-n1 {
-        margin-top: -.25rem !important
-      }
-
-      .mr-lg-n1,
-      .mx-lg-n1 {
-        margin-right: -.25rem !important
-      }
-
-      .mb-lg-n1,
-      .my-lg-n1 {
-        margin-bottom: -.25rem !important
-      }
-
-      .ml-lg-n1,
-      .mx-lg-n1 {
-        margin-left: -.25rem !important
-      }
-
-      .m-lg-n2 {
-        margin: -.5rem !important
-      }
-
-      .mt-lg-n2,
-      .my-lg-n2 {
-        margin-top: -.5rem !important
-      }
-
-      .mr-lg-n2,
-      .mx-lg-n2 {
-        margin-right: -.5rem !important
-      }
-
-      .mb-lg-n2,
-      .my-lg-n2 {
-        margin-bottom: -.5rem !important
-      }
-
-      .ml-lg-n2,
-      .mx-lg-n2 {
-        margin-left: -.5rem !important
-      }
-
-      .m-lg-n3 {
-        margin: -1rem !important
-      }
-
-      .mt-lg-n3,
-      .my-lg-n3 {
-        margin-top: -1rem !important
-      }
-
-      .mr-lg-n3,
-      .mx-lg-n3 {
-        margin-right: -1rem !important
-      }
-
-      .mb-lg-n3,
-      .my-lg-n3 {
-        margin-bottom: -1rem !important
-      }
-
-      .ml-lg-n3,
-      .mx-lg-n3 {
-        margin-left: -1rem !important
-      }
-
-      .m-lg-n4 {
-        margin: -1.5rem !important
-      }
-
-      .mt-lg-n4,
-      .my-lg-n4 {
-        margin-top: -1.5rem !important
-      }
-
-      .mr-lg-n4,
-      .mx-lg-n4 {
-        margin-right: -1.5rem !important
-      }
-
-      .mb-lg-n4,
-      .my-lg-n4 {
-        margin-bottom: -1.5rem !important
-      }
-
-      .ml-lg-n4,
-      .mx-lg-n4 {
-        margin-left: -1.5rem !important
-      }
-
-      .m-lg-n5 {
-        margin: -3rem !important
-      }
-
-      .mt-lg-n5,
-      .my-lg-n5 {
-        margin-top: -3rem !important
-      }
-
-      .mr-lg-n5,
-      .mx-lg-n5 {
-        margin-right: -3rem !important
-      }
-
-      .mb-lg-n5,
-      .my-lg-n5 {
-        margin-bottom: -3rem !important
-      }
-
-      .ml-lg-n5,
-      .mx-lg-n5 {
-        margin-left: -3rem !important
-      }
-
-      .m-lg-auto {
-        margin: auto !important
-      }
-
-      .mt-lg-auto,
-      .my-lg-auto {
-        margin-top: auto !important
-      }
-
-      .mr-lg-auto,
-      .mx-lg-auto {
-        margin-right: auto !important
-      }
-
-      .mb-lg-auto,
-      .my-lg-auto {
-        margin-bottom: auto !important
-      }
-
-      .ml-lg-auto,
-      .mx-lg-auto {
-        margin-left: auto !important
-      }
-    }
-
-    @media (min-width:1200px) {
-      .m-xl-0 {
-        margin: 0 !important
-      }
-
-      .mt-xl-0,
-      .my-xl-0 {
-        margin-top: 0 !important
-      }
-
-      .mr-xl-0,
-      .mx-xl-0 {
-        margin-right: 0 !important
-      }
-
-      .mb-xl-0,
-      .my-xl-0 {
-        margin-bottom: 0 !important
-      }
-
-      .ml-xl-0,
-      .mx-xl-0 {
-        margin-left: 0 !important
-      }
-
-      .m-xl-1 {
-        margin: .25rem !important
-      }
-
-      .mt-xl-1,
-      .my-xl-1 {
-        margin-top: .25rem !important
-      }
-
-      .mr-xl-1,
-      .mx-xl-1 {
-        margin-right: .25rem !important
-      }
-
-      .mb-xl-1,
-      .my-xl-1 {
-        margin-bottom: .25rem !important
-      }
-
-      .ml-xl-1,
-      .mx-xl-1 {
-        margin-left: .25rem !important
-      }
-
-      .m-xl-2 {
-        margin: .5rem !important
-      }
-
-      .mt-xl-2,
-      .my-xl-2 {
-        margin-top: .5rem !important
-      }
-
-      .mr-xl-2,
-      .mx-xl-2 {
-        margin-right: .5rem !important
-      }
-
-      .mb-xl-2,
-      .my-xl-2 {
-        margin-bottom: .5rem !important
-      }
-
-      .ml-xl-2,
-      .mx-xl-2 {
-        margin-left: .5rem !important
-      }
-
-      .m-xl-3 {
-        margin: 1rem !important
-      }
-
-      .mt-xl-3,
-      .my-xl-3 {
-        margin-top: 1rem !important
-      }
-
-      .mr-xl-3,
-      .mx-xl-3 {
-        margin-right: 1rem !important
-      }
-
-      .mb-xl-3,
-      .my-xl-3 {
-        margin-bottom: 1rem !important
-      }
-
-      .ml-xl-3,
-      .mx-xl-3 {
-        margin-left: 1rem !important
-      }
-
-      .m-xl-4 {
-        margin: 1.5rem !important
-      }
-
-      .mt-xl-4,
-      .my-xl-4 {
-        margin-top: 1.5rem !important
-      }
-
-      .mr-xl-4,
-      .mx-xl-4 {
-        margin-right: 1.5rem !important
-      }
-
-      .mb-xl-4,
-      .my-xl-4 {
-        margin-bottom: 1.5rem !important
-      }
-
-      .ml-xl-4,
-      .mx-xl-4 {
-        margin-left: 1.5rem !important
-      }
-
-      .m-xl-5 {
-        margin: 3rem !important
-      }
-
-      .mt-xl-5,
-      .my-xl-5 {
-        margin-top: 3rem !important
-      }
-
-      .mr-xl-5,
-      .mx-xl-5 {
-        margin-right: 3rem !important
-      }
-
-      .mb-xl-5,
-      .my-xl-5 {
-        margin-bottom: 3rem !important
-      }
-
-      .ml-xl-5,
-      .mx-xl-5 {
-        margin-left: 3rem !important
-      }
-
-      .p-xl-0 {
-        padding: 0 !important
-      }
-
-      .pt-xl-0,
-      .py-xl-0 {
-        padding-top: 0 !important
-      }
-
-      .pr-xl-0,
-      .px-xl-0 {
-        padding-right: 0 !important
-      }
-
-      .pb-xl-0,
-      .py-xl-0 {
-        padding-bottom: 0 !important
-      }
-
-      .pl-xl-0,
-      .px-xl-0 {
-        padding-left: 0 !important
-      }
-
-      .p-xl-1 {
-        padding: .25rem !important
-      }
-
-      .pt-xl-1,
-      .py-xl-1 {
-        padding-top: .25rem !important
-      }
-
-      .pr-xl-1,
-      .px-xl-1 {
-        padding-right: .25rem !important
-      }
-
-      .pb-xl-1,
-      .py-xl-1 {
-        padding-bottom: .25rem !important
-      }
-
-      .pl-xl-1,
-      .px-xl-1 {
-        padding-left: .25rem !important
-      }
-
-      .p-xl-2 {
-        padding: .5rem !important
-      }
-
-      .pt-xl-2,
-      .py-xl-2 {
-        padding-top: .5rem !important
-      }
-
-      .pr-xl-2,
-      .px-xl-2 {
-        padding-right: .5rem !important
-      }
-
-      .pb-xl-2,
-      .py-xl-2 {
-        padding-bottom: .5rem !important
-      }
-
-      .pl-xl-2,
-      .px-xl-2 {
-        padding-left: .5rem !important
-      }
-
-      .p-xl-3 {
-        padding: 1rem !important
-      }
-
-      .pt-xl-3,
-      .py-xl-3 {
-        padding-top: 1rem !important
-      }
-
-      .pr-xl-3,
-      .px-xl-3 {
-        padding-right: 1rem !important
-      }
-
-      .pb-xl-3,
-      .py-xl-3 {
-        padding-bottom: 1rem !important
-      }
-
-      .pl-xl-3,
-      .px-xl-3 {
-        padding-left: 1rem !important
-      }
-
-      .p-xl-4 {
-        padding: 1.5rem !important
-      }
-
-      .pt-xl-4,
-      .py-xl-4 {
-        padding-top: 1.5rem !important
-      }
-
-      .pr-xl-4,
-      .px-xl-4 {
-        padding-right: 1.5rem !important
-      }
-
-      .pb-xl-4,
-      .py-xl-4 {
-        padding-bottom: 1.5rem !important
-      }
-
-      .pl-xl-4,
-      .px-xl-4 {
-        padding-left: 1.5rem !important
-      }
-
-      .p-xl-5 {
-        padding: 3rem !important
-      }
-
-      .pt-xl-5,
-      .py-xl-5 {
-        padding-top: 3rem !important
-      }
-
-      .pr-xl-5,
-      .px-xl-5 {
-        padding-right: 3rem !important
-      }
-
-      .pb-xl-5,
-      .py-xl-5 {
-        padding-bottom: 3rem !important
-      }
-
-      .pl-xl-5,
-      .px-xl-5 {
-        padding-left: 3rem !important
-      }
-
-      .m-xl-n1 {
-        margin: -.25rem !important
-      }
-
-      .mt-xl-n1,
-      .my-xl-n1 {
-        margin-top: -.25rem !important
-      }
-
-      .mr-xl-n1,
-      .mx-xl-n1 {
-        margin-right: -.25rem !important
-      }
-
-      .mb-xl-n1,
-      .my-xl-n1 {
-        margin-bottom: -.25rem !important
-      }
-
-      .ml-xl-n1,
-      .mx-xl-n1 {
-        margin-left: -.25rem !important
-      }
-
-      .m-xl-n2 {
-        margin: -.5rem !important
-      }
-
-      .mt-xl-n2,
-      .my-xl-n2 {
-        margin-top: -.5rem !important
-      }
-
-      .mr-xl-n2,
-      .mx-xl-n2 {
-        margin-right: -.5rem !important
-      }
-
-      .mb-xl-n2,
-      .my-xl-n2 {
-        margin-bottom: -.5rem !important
-      }
-
-      .ml-xl-n2,
-      .mx-xl-n2 {
-        margin-left: -.5rem !important
-      }
-
-      .m-xl-n3 {
-        margin: -1rem !important
-      }
-
-      .mt-xl-n3,
-      .my-xl-n3 {
-        margin-top: -1rem !important
-      }
-
-      .mr-xl-n3,
-      .mx-xl-n3 {
-        margin-right: -1rem !important
-      }
-
-      .mb-xl-n3,
-      .my-xl-n3 {
-        margin-bottom: -1rem !important
-      }
-
-      .ml-xl-n3,
-      .mx-xl-n3 {
-        margin-left: -1rem !important
-      }
-
-      .m-xl-n4 {
-        margin: -1.5rem !important
-      }
-
-      .mt-xl-n4,
-      .my-xl-n4 {
-        margin-top: -1.5rem !important
-      }
-
-      .mr-xl-n4,
-      .mx-xl-n4 {
-        margin-right: -1.5rem !important
-      }
-
-      .mb-xl-n4,
-      .my-xl-n4 {
-        margin-bottom: -1.5rem !important
-      }
-
-      .ml-xl-n4,
-      .mx-xl-n4 {
-        margin-left: -1.5rem !important
-      }
-
-      .m-xl-n5 {
-        margin: -3rem !important
-      }
-
-      .mt-xl-n5,
-      .my-xl-n5 {
-        margin-top: -3rem !important
-      }
-
-      .mr-xl-n5,
-      .mx-xl-n5 {
-        margin-right: -3rem !important
-      }
-
-      .mb-xl-n5,
-      .my-xl-n5 {
-        margin-bottom: -3rem !important
-      }
-
-      .ml-xl-n5,
-      .mx-xl-n5 {
-        margin-left: -3rem !important
-      }
-
-      .m-xl-auto {
-        margin: auto !important
-      }
-
-      .mt-xl-auto,
-      .my-xl-auto {
-        margin-top: auto !important
-      }
-
-      .mr-xl-auto,
-      .mx-xl-auto {
-        margin-right: auto !important
-      }
-
-      .mb-xl-auto,
-      .my-xl-auto {
-        margin-bottom: auto !important
-      }
-
-      .ml-xl-auto,
-      .mx-xl-auto {
-        margin-left: auto !important
-      }
-    }
-
-    .text-monospace {
-      font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important
-    }
-
-    .text-justify {
-      text-align: justify !important
-    }
-
-    .text-wrap {
-      white-space: normal !important
-    }
-
-    .text-nowrap {
-      white-space: nowrap !important
-    }
-
-    .text-truncate {
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap
-    }
-
-    .text-left {
-      text-align: left !important
-    }
-
-    .text-right {
-      text-align: right !important
-    }
-
-    .text-center {
-      text-align: center !important
-    }
-
-    @media (min-width:576px) {
-      .text-sm-left {
-        text-align: left !important
-      }
-
-      .text-sm-right {
-        text-align: right !important
-      }
-
-      .text-sm-center {
-        text-align: center !important
-      }
-    }
-
-    @media (min-width:768px) {
-      .text-md-left {
-        text-align: left !important
-      }
-
-      .text-md-right {
-        text-align: right !important
-      }
-
-      .text-md-center {
-        text-align: center !important
-      }
-    }
-
-    @media (min-width:992px) {
-      .text-lg-left {
-        text-align: left !important
-      }
-
-      .text-lg-right {
-        text-align: right !important
-      }
-
-      .text-lg-center {
-        text-align: center !important
-      }
-    }
-
-    @media (min-width:1200px) {
-      .text-xl-left {
-        text-align: left !important
-      }
-
-      .text-xl-right {
-        text-align: right !important
-      }
-
-      .text-xl-center {
-        text-align: center !important
-      }
-    }
-
-    .text-lowercase {
-      text-transform: lowercase !important
-    }
-
-    .text-uppercase {
-      text-transform: uppercase !important
-    }
-
-    .text-capitalize {
-      text-transform: capitalize !important
-    }
-
-    .font-weight-light {
-      font-weight: 300 !important
-    }
-
-    .font-weight-lighter {
-      font-weight: lighter !important
-    }
-
-    .font-weight-normal {
-      font-weight: 400 !important
-    }
-
-    .font-weight-bold {
-      font-weight: 700 !important
-    }
-
-    .font-weight-bolder {
-      font-weight: bolder !important
-    }
-
-    .font-italic {
-      font-style: italic !important
-    }
-
-    .text-white {
-      color: #fff !important
-    }
-
-    .text-primary {
-      color: #007bff !important
-    }
-
-    a.text-primary:focus,
-    a.text-primary:hover {
-      color: #0056b3 !important
-    }
-
-    .text-secondary {
-      color: #6c757d !important
-    }
-
-    a.text-secondary:focus,
-    a.text-secondary:hover {
-      color: #494f54 !important
-    }
-
-    .text-success {
-      color: #28a745 !important
-    }
-
-    a.text-success:focus,
-    a.text-success:hover {
-      color: #19692c !important
-    }
-
-    .text-info {
-      color: #17a2b8 !important
-    }
-
-    a.text-info:focus,
-    a.text-info:hover {
-      color: #0f6674 !important
-    }
-
-    .text-warning {
-      color: #ffc107 !important
-    }
-
-    a.text-warning:focus,
-    a.text-warning:hover {
-      color: #ba8b00 !important
-    }
-
-    .text-danger {
-      color: #dc3545 !important
-    }
-
-    a.text-danger:focus,
-    a.text-danger:hover {
-      color: #a71d2a !important
-    }
-
-    .text-light {
-      color: #f8f9fa !important
-    }
-
-    a.text-light:focus,
-    a.text-light:hover {
-      color: #cbd3da !important
-    }
-
-    .text-dark {
-      color: #343a40 !important
-    }
-
-    a.text-dark:focus,
-    a.text-dark:hover {
-      color: #121416 !important
-    }
-
-    .text-body {
-      color: #212529 !important
-    }
-
-    .text-muted {
-      color: #6c757d !important
-    }
-
-    .text-black-50 {
-      color: rgba(0, 0, 0, .5) !important
-    }
-
-    .text-white-50 {
-      color: rgba(255, 255, 255, .5) !important
-    }
-
-    .text-hide {
-      font: 0/0 a;
-      color: transparent;
-      text-shadow: none;
-      background-color: transparent;
-      border: 0
-    }
-
-    .text-decoration-none {
-      text-decoration: none !important
-    }
-
-    .text-break {
-      word-break: break-word !important;
-      overflow-wrap: break-word !important
-    }
-
-    .text-reset {
-      color: inherit !important
-    }
-
-    .visible {
-      visibility: visible !important
-    }
-
-    .invisible {
-      visibility: hidden !important
-    }
-
-    @media print {
-
-      *,
-      ::after,
-      ::before {
-        text-shadow: none !important;
-        box-shadow: none !important
-      }
-
-      a:not(.btn) {
-        text-decoration: underline
-      }
-
-      abbr[title]::after {
-        content: " (" attr(title) ")"
-      }
-
-      pre {
-        white-space: pre-wrap !important
-      }
-
-      blockquote,
-      pre {
-        border: 1px solid #adb5bd;
-        page-break-inside: avoid
-      }
-
-      thead {
-        display: table-header-group
-      }
-
-      img,
-      tr {
-        page-break-inside: avoid
-      }
-
-      h2,
-      h3,
-      p {
-        orphans: 3;
-        widows: 3
-      }
-
-      h2,
-      h3 {
-        page-break-after: avoid
-      }
-
-      @page {
-        size: a3
-      }
-
-      body {
-        min-width: 992px !important
-      }
-
-      .container {
-        min-width: 992px !important
-      }
-
-      .navbar {
-        display: none
-      }
-
-      .badge {
-        border: 1px solid #000
-      }
-
-      .table {
-        border-collapse: collapse !important
-      }
-
-      .table td,
-      .table th {
-        background-color: #fff !important
-      }
-
-      .table-bordered td,
-      .table-bordered th {
-        border: 1px solid #dee2e6 !important
-      }
-
-      .table-dark {
-        color: inherit
-      }
-
-      .table-dark tbody+tbody,
-      .table-dark td,
-      .table-dark th,
-      .table-dark thead th {
-        border-color: #dee2e6
-      }
-
-      .table .thead-dark th {
-        color: inherit;
-        border-color: #dee2e6
-      }
-    }
-
-    /*# sourceMappingURL=bootstrap.min.css.map */
-  </style>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.1.0/Chart.bundle.min.js"></script>
-  <style>
-    @import url('https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap');
-
-    #loader {
-      background: #0908088c;
-    }
-
-    body::-webkit-scrollbar {
-      width: 0.5em;
-    }
-
-    body::-webkit-scrollbar-track {
-      box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-      background-color: #061e29;
-    }
-
-    body::-webkit-scrollbar-thumb {
-      background-color: #00f1ffab;
-    }
-
-    #in_view_form::-webkit-scrollbar {
-      width: 0.2em;
-    }
-
-    #in_view_form::-webkit-scrollbar-track {
-      background-color: #42424200;
-      margin-bottom: 30px;
-      margin-top: 30px;
-    }
-
-    #in_view_form::-webkit-scrollbar-thumb {
-      background-color: #00f1ff;
-      border-radius: 7px 7px 7px 7px;
-    }
-
-
-    img {
-      object-fit: cover;
-      filter: blur(20px);
-      transition: all 3s;
-    }
-
-    body {
-      background-image: repeating-linear-gradient(90deg, hsla(69, 0%, 61%, 0.05) 0px, hsla(69, 0%, 61%, 0.05) 1px, transparent 1px, transparent 104px), repeating-linear-gradient(0deg, hsla(69, 0%, 61%, 0.05) 0px, hsla(69, 0%, 61%, 0.05) 1px, transparent 1px, transparent 104px), repeating-linear-gradient(0deg, rgba(77, 77, 77, 0.08) 0px, rgba(77, 77, 77, 0.08) 1px, transparent 1px, transparent 13px), repeating-linear-gradient(90deg, rgba(77, 77, 77, 0.08) 0px, rgba(77, 77, 77, 0.08) 1px, transparent 1px, transparent 13px), linear-gradient(45deg, rgb(6, 7, 30), rgb(6, 36, 44));
-      margin: 0;
-      font-family: 'Baloo Chettan 2', cursive, calibri, Arial, Helvetica, sans-serif;
-
-    }
-
-    svg {
-      opacity: 0;
-      filter: blur(4px);
-      animation: fade-in 0.8s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
-      width: 22px;
-      height: 22px;
-    }
-
-    .header1 {
-      width: 100%;
-      display: flex;
-      padding: 2% 2% 2% 2%;
-      color: white;
-      background-image: repeating-linear-gradient(90deg, hsla(69, 0%, 61%, 0.05) 0px, hsla(69, 0%, 61%, 0.05) 1px, transparent 1px, transparent 104px), repeating-linear-gradient(0deg, hsla(69, 0%, 61%, 0.05) 0px, hsla(69, 0%, 61%, 0.05) 1px, transparent 1px, transparent 104px), repeating-linear-gradient(0deg, rgba(77, 77, 77, 0.08) 0px, rgba(77, 77, 77, 0.08) 1px, transparent 1px, transparent 13px), repeating-linear-gradient(90deg, rgba(77, 77, 77, 0.08) 0px, rgba(77, 77, 77, 0.08) 1px, transparent 1px, transparent 13px), linear-gradient(45deg, rgb(6, 7, 30), rgb(6, 36, 44));
-    }
-
-    .head {
-      width: 18%;
-      margin-right: 1%;
-    }
-
-    .head .head-in .img-profile1 img {
-      width: 100%;
-      border-radius: 50%;
-    }
-
-    .head .head-in .img-qr-code1 img {
-      width: 100%;
-    }
-
-
-    .head2 {
-      width: 30%;
-    }
-
-    .head2 .head-in2:nth-child(1) {
-      padding: 3% 4% 1px 4%;
-    }
-
-    .head2 .head-in2 {
-      margin: 0% 3% 2% 3%;
-      padding: 3% 4% 3% 4%;
-      background: #1a67951c;
-    }
-
-    .head2 .head-in2:hover {
-      scale: 1.05;
-      box-shadow: 8px 16px 16px hsl(0deg 0% 0% / 25%);
-    }
-
-    .head2 .head-in2 .head-in2-1 h1 {
-      font-size: x-large;
-      padding: 3% 5% 3% 5%;
-      /* box-shadow: inset 0 1px 0 0 hsl(0deg 0% 100% / 5%);
-      background-color: rgb(30 41 59 / 48%); */
-    }
-
-    .head2 .head-in2 .head-in2-1-1 h2 {
-      font-size: large;
-      padding: 1% 5% 1% 5%;
-      position: relative;
-      top: -10px;
-      cursor: pointer;
-      --s: 1px;
-      --c: #1095c1;
-      padding-bottom: var(--s);
-      background: linear-gradient(90deg, var(--c) 50%, #000 0) calc(100% - var(--_p, 0%))/200% 100%, linear-gradient(var(--c) 0 0) 0% 100%/var(--_p, 0%) var(--s) no-repeat;
-      -webkit-background-clip: text, padding-box;
-      background-clip: text, padding-box;
-      transition: 0.5s;
-    }
-
-    .head2 .head-in2 .head-in2-1-1 a {
-      text-decoration: none;
-    }
-
-    .head2 .head-in2:nth-child(1):hover {
-      --_p: 100%;
-    }
-
-    .head2 .head-in2 .head-in2-1-1 h2 svg {
-      width: 20;
-      height: 20;
-      vertical-align: top;
-    }
-
-
-
-
-    .head2 .head-in2 .head-in2-3 {
-      vertical-align: text-bottom;
-      color: #a58519;
-      /* #00fdab */
-    }
-
-    .head2 .head-in2 .head-in2-4 {
-      font-size: x-large;
-    }
-
-    .head2 .head-in2 .head-in2-4 a svg {
-      width: 10px;
-      height: 10px;
-    }
-
-    .head2 .head-in2 .head-intable1 {
-      font-size: small;
-      color: white;
-      width: 100%;
-      opacity: 0;
-      filter: blur(4px);
-      animation: fade-in 0.8s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
-    }
-
-    .head2 .head-in2 .head-intable1 tr {
-
-      line-height: 2;
-      font-weight: lighter;
-      color: #b9c7cde8;
-    }
-
-    .head2 .head-in2 .head-intable1 tr td .border-gradient-1 {
-      text-align: center;
-      border-bottom: 0.5px solid transparent;
-      border-image: linear-gradient(0.25turn, #ffc107, #fbc00ca6, #f393056e, #b19d6352, rgb(255 255 255 / 0%));
-      border-image-slice: 0.5;
-      width: 100%;
-    }
-
-    .head2 .head-in2 .head-intable1 tr:last-child {
-      border-bottom: none;
-    }
-
-    .head3 {
-      width: 50%;
-      height: min-content;
-      cursor: grab;
-    }
-
-    .head3:active {
-      cursor: grabbing;
-    }
-
-    .head3 .head-in3 {
-      margin: 3%;
-    }
-
-    .slickerslide2 .head-in3 {
-      border-top: 1px solid #cbbc8f;
-      border-bottom: 1px solid #cbbc8f;
-      position: relative;
-      z-index: 1;
-      top: 0px;
-      height: 13px;
-    }
-
-    .head3 .slickerslide2 .head-in3 .head-in3-1 {
-      font-size: small;
-      color: #1c1c1c;
-      background: #cbbc8f;
-      clip-path: polygon(0% 0%, 100% 0%, 75% 100%, 25% 100%);
-      box-shadow: 1px 1px 0px 0px #cbbc8f;
-      position: absolute;
-      text-align: center;
-      top: -21px;
-      left: 0;
-      border-top: 1px solid;
-      border-left: 1px solid;
-      right: 0;
-      width: 107px;
-      padding: 1% 1% 1% 1%;
-      margin: auto;
-    }
-
-
-
-    .head3 .head-in3 .head-in3-1 {
-      font-size: x-large;
-      color: #cdbe91;
-    }
-
-    .head3 .head-in3 .head-in3-2 {
-      text-align: justify;
-      display: block;
-      font-size: small;
-    }
-
-    .head3 .box_gbr-head {
-      border-radius: 5px 5px 5px 5px;
-      height: 100%;
-      margin: 0% 3%;
-      clip-path: polygon(0% 0%, 100% 0%, 75% 100%, 25% 100%);
-    }
-
-    .border-gradient-set {
-      position: relative;
-      top: 0.5em;
-    }
-
-    .border-gradient-main {
-      text-align: center;
-      border-bottom: 0.5px solid transparent;
-      border-image: linear-gradient(0.25turn, rgb(255 255 255 / 0%), #a56a00, rgb(255 255 255 / 0%));
-      border-image-slice: 0.5;
-      width: 100%;
-      position: relative;
-      top: -19px;
-    }
-
-    .border-gradient-main-diamond {
-      background: #a46900;
-      -webkit-clip-path: polygon(50% 94%, 100% 50%, 50% 100%, 0% 50%);
-      clip-path: polygon(50% 94%, 100% 50%, 50% 100%, 0% 50%);
-      width: 50px;
-      height: 50px;
-      margin: auto;
-      position: absolute;
-      top: 0;
-      bottom: 0;
-      right: 0;
-      left: 0;
-    }
-
-    .border-gradient-main-diamond::after {
-      background: #cbbc8f;
-      -webkit-clip-path: polygon(50.1% 0%, 100% 100%, 0% 100%);
-      clip-path: polygon(50.1% 0%, 100% 100%, 0% 100%);
-      margin: auto;
-      position: absolute;
-      top: -23px;
-      bottom: 0;
-      width: 50px;
-      height: 50px;
-      left: 0;
-      content: "";
-    }
-
-    .leher {
-      padding: 1% 0px 1% 0%;
-      font-size: small;
-      display: flex;
-      color: #cdbe91;
-      box-shadow: inset 0 1px 0 0 hsl(0deg 0% 100% / 5%);
-      background-color: rgb(30 41 59 / 48%);
-    }
-
-    .leher .slide-leher {
-      position: absolute;
-      right: 15px;
-      padding: 6px 6px 6px 6px;
-      visibility: hidden;
-      margin-top: 0.2em;
-      cursor: s-resize;
-      border: 2px solid;
-    }
-
-    .leher .slide-leher:hover {
-      border-radius: 50%;
-      ;
-    }
-
-    .leher .leher1 {
-      color: #cdbe91;
-      margin: auto;
-      /* margin: 0px 1% 0px 1%;*/
-    }
-
-    .leher .plugin-ContactForm {
-      cursor: pointer;
-    }
-
-    .btn-infohoveronly:hover {
-      background: linear-gradient(to right, #128f971f, TRANSPARENT);
-      text-decoration: none;
-    }
-
-    .btn-infohoveronly::before {
-      content: "";
-      width: 20px;
-      height: 20px;
-      position: absolute;
-      background: #259990;
-      left: 0;
-      transform: translateX(-40px) rotate(45deg);
-      border: solid 3px #194846;
-      box-shadow: 2px -2px 0px #1A5754;
-      transition: all 0.2s ease;
-    }
-
-    .btn-infohoveronly:hover::before {
-      transform: translateX(-20px) rotate(45deg);
-    }
-
-    .leher .leher1 span {
-      padding-left: 4px;
-    }
-
-    .leher>.leher1>svg {
-      width: 10px;
-      height: 10px;
-      vertical-align: unset;
-    }
-
-    .leher>.plugin-ContactForm>span>svg {
-      width: 15px;
-      height: 15px;
-      vertical-align: sub;
-    }
-
-    .tab-content {
-      padding: 1%;
-    }
-
-    .tab-content>.tab-pane {
-      /* animation: fade-in 0.8s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
-      opacity: 0;
-      filter: blur(4px); */
-    }
-
-    .skill {
-      margin: 3% 0% 1% 0%;
-    }
-
-    .skill table {
-      width: 90%;
-      margin: auto;
-    }
-
-    .skill table tr:nth-child(2) {
-      border-left: 1px dashed #efefef26;
-    }
-
-    .skill table tr:nth-child(3) {
-      border-left: 1px dashed #efefef26;
-    }
-
-    .skill table tr:nth-child(4) {
-      border-left: 1px dashed #efefef26;
-    }
-
-
-    .navlibuttonspan {
-      display: none;
-    }
-
-    .navlibuttonspanopen {
-      background-color: #1e2328;
-      color: #008df1;
-    }
-
-    .navlibuttonspanactive {
-      display: block;
-      text-indent: 8px;
-    }
-
-
-
-
-    #profile h2,
-    h4 {
-      color: white;
-    }
-
-    .col-md-6 {
-      -ms-flex: 0 0 100%;
-      flex: 0 0 100%;
-      max-width: 100%;
-      display: flex;
-    }
-
-    .keahlian-list {
-      padding: 1%;
-      -ms-flex: 0 0 33.333333%;
-      flex: 0 0 33.333333%;
-      max-width: 33.333333%;
-      height: 271px;
-    }
-
-    .keahlian-list:first-child {
-      flex: 0 0 100%;
-      max-width: 100%;
-      height: 300px;
-      /* height: fit-content; */
-      position: relative;
-      display: inline-block;
-      overflow: hidden;
-    }
-
-    .keahlian-list:first-child>.bungkus-skil>img {
-      z-index: 1;
-      width: 100%;
-      height: 100%;
-    }
-
-    .keahlian-list:first-child>.bungkus-skil {
-      backdrop-filter: blur(4px);
-    }
-
-    .keahlian-list:first-child>.bungkus-skil .bagi {
-      height: 100%;
-      display: flex;
-      position: absolute;
-      margin: 0 auto;
-      left: 0;
-      right: 0;
-      top: 0%;
-      width: 100%;
-    }
-
-    .keahlian-list:first-child>.bungkus-skil .bagi-1 {
-      width: 50%;
-      /* height: 100%; */
-      text-align: left;
-    }
-
-
-    .keahlian-list:first-child>.bungkus-skil>.bagi>.bagi-1>ul {
-      margin: auto;
-      width: 95%;
-    }
-
-    .keahlian-list:first-child>.bungkus-skil>.bagi>.bagi-1>ul>li {
-      width: fit-content;
-      display: table-footer-group;
-    }
-
-    .keahlian-list:first-child>.bungkus-skil>.bagi>.bagi-1>ul>li>h4 {
-      font-size: xx-large;
-    }
-
-    .keahlian-list:first-child>.bungkus-skil>.bagi>.bagi-1>ul>li>p {
-      color: white
-    }
-
-    .keahlian-list:first-child>.bungkus-skil>.bagi>.bagi-1>ul>li>span {
-      padding: 0.5% 2% 0.5% 2%;
-      margin: 0;
-      background: #00f0fe;
-      color: #ffffff;
-      border-radius: 10px 10px 10px 10px;
-    }
-
-    .keahlian-list:first-child>.bungkus-skil .bagi-2 {
-      width: 37%;
-      height: 100%;
-      backdrop-filter: blur(4px);
-    }
-
-    .b-chart-FIRST {
-      width: 100%;
-      height: 100%;
-      padding: 4% 4% 4% 4%;
-    }
-
-    .b-chart {
-      width: 60%;
-      margin: auto;
-      margin-top: 48px;
-      margin-bottom: 86px;
-    }
-
-    #jarvis-circle-wrapper {
-      width: 450px;
-      height: 450px;
-      position: absolute;
-      margin: auto;
-      top: 35px;
-      left: 0;
-      right: 0;
-      z-index: -1;
-    }
-
-    #jarvis-circle-inner {
-      width: 100%;
-      height: 100%;
-      border-radius: 50%;
-      border: 3px solid transparent;
-      border-top-color: #4db8ff;
-      border-bottom-color: #b3e0ff;
-      border-right-color: #66c2ff;
-      border-left-color: #80ccff;
-      box-shadow: 0 0 15px #2187e7;
-      -webkit-animation: spinJarvis 30s linear infinite;
-      animation: spinJarvis 30s linear infinite;
-    }
-
-    #jarvis-circle-inner:before {
-      content: "";
-      position: absolute;
-      top: 15px;
-      left: 15px;
-      right: 15px;
-      bottom: 15px;
-      border-radius: 50%;
-      border: 3px solid transparent;
-      border-color: #1d5ca9;
-      border-style: dotted;
-      -webkit-animation: spinJarvis 18s linear infinite;
-      /* Chrome, Opera 15+, Safari 5+ */
-      animation: spinJarvis 18s linear infinite;
-      /* Chrome, Firefox 16+, IE 10+, Opera */
-    }
-
-    #jarvis-circle-inner:after {
-      content: "";
-      position: absolute;
-      top: 25px;
-      left: 25px;
-      right: 25px;
-      bottom: 25px;
-      border-radius: 50%;
-      border: 3px solid transparent;
-      border-color: #429bc078;
-      border-width: 5px;
-      border-style: dotted solid;
-      -webkit-animation: spin 60s linear infinite;
-      /* Chrome, Opera 15+, Safari 5+ */
-      animation: spin 60s linear infinite;
-      /* Chrome, Firefox 16+, IE 10+, Opera */
-    }
-
-    @-webkit-keyframes spinJarvis {
-      0% {
-        -webkit-transform: rotate(0deg);
-        /* Chrome, Opera 15+, Safari 3.1+ */
-        -ms-transform: rotate(0deg);
-        /* IE 9 */
-        transform: rotate(0deg);
-        /* Firefox 16+, IE 10+, Opera */
-      }
-
-      100% {
-        -webkit-transform: rotate(360deg);
-        /* Chrome, Opera 15+, Safari 3.1+ */
-        -ms-transform: rotate(360deg);
-        /* IE 9 */
-        transform: rotate(360deg);
-        /* Firefox 16+, IE 10+, Opera */
-      }
-    }
-
-    @keyframes spinJarvis {
-      0% {
-        -webkit-transform: rotate(0deg);
-        /* Chrome, Opera 15+, Safari 3.1+ */
-        -ms-transform: rotate(0deg);
-        /* IE 9 */
-        transform: rotate(0deg);
-        /* Firefox 16+, IE 10+, Opera */
-      }
-
-      100% {
-        -webkit-transform: rotate(360deg);
-        /* Chrome, Opera 15+, Safari 3.1+ */
-        -ms-transform: rotate(360deg);
-        /* IE 9 */
-        transform: rotate(360deg);
-        /* Firefox 16+, IE 10+, Opera */
-      }
-    }
-
-    .col-md-4 {
-      margin-bottom: 15px;
-    }
-
-    .b-chart-strip1 {
-      height: 3px;
-      background: #80cbfe;
-      width: 200px;
-      position: absolute;
-      top: 259px;
-      left: 185px;
-      box-shadow: rgb(0 67 255 / 20%) 0px 7px 29px 0px;
-    }
-
-    .b-chart-strip2 {
-      height: 1px;
-      background: #ffdf00;
-      width: 200px;
-      position: absolute;
-      top: 242px;
-      right: 185px;
-      box-shadow: rgb(0 67 255 / 20%) 0px 7px 29px 0px;
-    }
-
-    .befortext {
-      width: 27%;
-      color: #ffffff;
-      padding: 0;
-      position: absolute;
-      top: 152px;
-      display: grid;
-      right: 35px;
-    }
-
-    .befortext span:nth-child(1) {
-      background: #a9a9a926;
-      position: relative;
-      top: 13px;
-      color: #bdbdbd9c;
-      text-indent: 1%;
-    }
-
-    .befortext span:nth-child(2) {
-      font-size: 3em;
-      color: #ffe000;
-      text-shadow: 0 0 7px #ffe000;
-      font-weight: lighter;
-    }
-
-    .b-text {
-      color: #a1a1a1;
-      text-align: justify;
-      font-weight: lighter;
-    }
-
-    .bungkus-skil {
-      -moz-transition: all 0.5s ease;
-      -o-transition: all 0.5s ease;
-      transition: all 0.5s ease;
-      background: rgb(255 255 255 / 8%);
-      border-radius: 16px;
-      box-shadow: 0 4px 30px rgb(0 0 0 / 10%);
-      -webkit-backdrop-filter: blur(5px);
-      border: 1px solid rgba(255, 255, 255, 0.3);
-      width: 100%;
-      height: 100%;
-      overflow: hidden;
-      justify-content: center;
-      align-items: center;
-    }
-
-    .bungkus-skil:hover {
-      background: rgb(255 255 255 / 1%);
-    }
-
-    .bungkus-skil button {
-      position: absolute;
-      overflow: hidden;
-      color: #ffffffb5;
-      background-color: #0069d900;
-      border-color: #0062cc00;
-      z-index: 2;
-    }
-
-    .bungkus-skil button:hover {
-      color: white;
-      background-color: #0069d900;
-      border-color: #0062cc00;
-    }
-
-    .bungkus-skil .k-tgl {
-      color: #ffffffb5;
-      float: right;
-      font-size: x-small;
-      padding: 2% 3% 0% 0%;
-      FONT-WEIGHT: lighter;
-      text-transform: uppercase;
-      border-bottom: 2px solid #00f0fe;
-      width: 16%;
-      border-radius: 0px 0px 0px 0px;
-    }
-
-    .bungkus-skil ul {
-      list-style: none;
-      padding: 4%;
-      margin: 0;
-    }
-
-    .bungkus-skil ul li {
-      margin: 0 auto;
-      width: fit-content;
-    }
-
-    .bungkus-skil ul li:nth-child(1) {
-      margin-bottom: 2%
-    }
-
-    .bungkus-skil ul li:nth-child(3) {
-      color: #959595;
-      font-size: 12px;
-      text-align: justify;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      display: -webkit-box;
-      -webkit-line-clamp: 2;
-      -webkit-box-orient: vertical;
-    }
-
-    .bungkus-skil ul li p::first-letter {
-      font-size: 155%;
-      color: #00f1ff;
-    }
-
-
-    .progress {
-      margin-top: 1%;
-      width: 102px;
-      height: 100px !important;
-      line-height: 100px;
-      background: none;
-      box-shadow: none;
-      position: relative;
-    }
-
-    .progress:after {
-      content: "";
-      width: 100%;
-      height: 100%;
-      border-radius: 50%;
-      border: 4px solid #ffffff0f;
-      position: absolute;
-      top: 0;
-      left: 0;
-    }
-
-    .progress>span {
-      width: 50%;
-      height: 100%;
-      overflow: hidden;
-      position: absolute;
-      top: 0;
-      z-index: 1;
-      filter: none;
-      opacity: none;
-    }
-
-    .progress span {
-
-      filter: none;
-      opacity: 2;
-    }
-
-    .progress .progress-left {
-      left: 0;
-    }
-
-    .progress .progress-bar {
-      width: 100%;
-      height: 100%;
-      background: none;
-      border-width: 4px;
-      border-style: solid;
-      position: absolute;
-      top: 0;
-    }
-
-    .progress .progress-left .progress-bar {
-      left: 100%;
-      border-top-right-radius: 80px;
-      border-bottom-right-radius: 80px;
-      border-left: 0;
-      -webkit-transform-origin: center left;
-      transform-origin: center left;
-    }
-
-    .progress .progress-right {
-      right: 0;
-    }
-
-    .progress .progress-right .progress-bar {
-      left: -102%;
-      border-top-left-radius: 80px;
-      border-bottom-left-radius: 80px;
-      border-right: 0;
-      -webkit-transform-origin: center right;
-      transform-origin: center right;
-      animation: loading-1 1.8s linear forwards;
-    }
-
-    .progress .progress-value {
-      width: 100%;
-      height: 100%;
-      border-radius: 50%;
-      background: #ffffff1f;
-      font-size: x-large;
-      color: #fff;
-      text-align: center;
-      position: absolute;
-      top: 0%;
-      left: 0%;
-    }
-
-    .progress.dgm23 .progress-bar {
-      border-color: #00f1ff;
-    }
-
-    .progress.dgm23 .progress-left .progress-bar {
-      animation: loading-70 1.5s linear forwards 1.8s;
-    }
-
-    .progress.DAytc .progress-bar {
-      border-color: #00f1ff;
-    }
-
-    .progress.DAytc .progress-left .progress-bar {
-      animation: loading-72 1.5s linear forwards 1.8s;
-    }
-
-    .progress.office .progress-bar {
-      border-color: #00f1ff;
-    }
-
-    .progress.office .progress-left .progress-bar {
-      animation: loading-90 1.5s linear forwards 1.8s;
-    }
-
-    .progress.manajementdata .progress-bar {
-      border-color: #00f1ff;
-    }
-
-    .progress.manajementdata .progress-left .progress-bar {
-      animation: loading-89 1.5s linear forwards 1.8s;
-    }
-
-    .progress.its .progress-bar {
-      border-color: #00f1ff;
-    }
-
-    .progress.its .progress-left .progress-bar {
-      animation: loading-92 1.5s linear forwards 1.8s;
-    }
-
-    .progress.itn .progress-bar {
-      border-color: #00f1ff;
-    }
-
-    .progress.itn .progress-left .progress-bar {
-      animation: loading-90 1.5s linear forwards 1.8s;
-    }
-
-    .progress.eis .progress-bar {
-      border-color: #00f1ff;
-    }
-
-    .progress.eis .progress-left .progress-bar {
-      animation: loading-98 1.5s linear forwards 1.8s;
-    }
-
-    @keyframes loading-1 {
-      0% {
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
-      }
-
-      100% {
-        -webkit-transform: rotate(180deg);
-        transform: rotate(180deg);
-      }
-    }
-
-    @keyframes loading-65 {
-      0% {
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
-      }
-
-      100% {
-        -webkit-transform: rotate(117deg);
-        transform: rotate(117deg);
-      }
-    }
-
-    @keyframes loading-70 {
-      0% {
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
-      }
-
-      100% {
-        -webkit-transform: rotate(126deg);
-        transform: rotate(126deg);
-      }
-    }
-
-    @keyframes loading-72 {
-      0% {
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
-      }
-
-      100% {
-        -webkit-transform: rotate(130deg);
-        transform: rotate(130deg);
-      }
-    }
-
-    @keyframes loading-80 {
-      0% {
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
-      }
-
-      100% {
-        -webkit-transform: rotate(144deg);
-        transform: rotate(144deg);
-      }
-    }
-
-    @keyframes loading-85 {
-      0% {
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
-      }
-
-      100% {
-        -webkit-transform: rotate(153deg);
-        transform: rotate(153deg);
-      }
-    }
-
-    @keyframes loading-89 {
-      0% {
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
-      }
-
-      100% {
-        -webkit-transform: rotate(160deg);
-        transform: rotate(160deg);
-      }
-    }
-
-    @keyframes loading-90 {
-      0% {
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
-      }
-
-      100% {
-        -webkit-transform: rotate(160deg);
-        transform: rotate(160deg);
-      }
-    }
-
-    @keyframes loading-92 {
-      0% {
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
-      }
-
-      100% {
-        -webkit-transform: rotate(166deg);
-        transform: rotate(166deg);
-      }
-    }
-
-    @keyframes loading-95 {
-      0% {
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
-      }
-
-      100% {
-        -webkit-transform: rotate(171deg);
-        transform: rotate(171deg);
-      }
-    }
-
-    @keyframes loading-98 {
-      0% {
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
-      }
-
-      100% {
-        -webkit-transform: rotate(176deg);
-        transform: rotate(176deg);
-      }
-    }
-
-    @keyframes loading-99 {
-      0% {
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
-      }
-
-      100% {
-        -webkit-transform: rotate(178.2deg);
-        transform: rotate(178.2deg);
-      }
-    }
-
-
-
-
-
-
-
-    .container {
-      width: 100%;
-      margin: auto;
-      width: 100%;
-      margin: auto;
-      background-color: #efefef0f;
-      font-size: small;
-      border: 0.1px solid #061726;
-    }
-
-    .skills {
-      transition: 0.5s;
-      padding-left: 5px;
-      text-align: right;
-      padding-top: 7px;
-      padding-bottom: 7px;
-      color: white;
-    }
-
-    .skills:hover {
-      background: #00000038;
-      transition: width 2s;
-      padding-top: 9px;
-      padding-bottom: 9px;
-    }
-
-    .container .skills i {
-      float: left;
-      text-transform: uppercase;
-      font-weight: 900;
-    }
-
-    .html {
-      width: 99%;
-      background-color: #b3470040;
-      border: 1px solid #ffa50070;
-    }
-
-    .css {
-      width: 90%;
-      background-color: #cc52003b;
-      border: 1px solid #ffa50052;
-    }
-
-
-    .skill>table>tbody>tr:nth-child(3)>td {
-      display: flex;
-    }
-
-    .skill>table>tbody>tr:nth-child(4)>td {
-      display: flex;
-    }
-
-    .b-chart-Skills-Programming {
-      width: 46%;
-      padding: 1%;
-      margin: 1% auto;
-    }
-
-    .b-chart-Skills-Programming .posisichart-Programming {
-      width: 100%;
-    }
-
-    .b-chart-Skills-Programming h3 {
-      padding: 2%;
-      color: whitesmoke;
-      text-align: center;
-    }
-
-    .media-body ul li {
-      text-align: justify;
-    }
-
-
-    @media screen and (min-width: 1200px) {
-      .container {
-        max-width: 100%;
-      }
-    }
-
-    @media screen and (min-width: 992px) {
-      .container {
-        max-width: 100%;
-      }
-    }
-
-    /* Surface DUO================= */
-    @media screen and (min-width : 1113px) and (max-width: 1114px) {
-      .b-chart {
-        left: -8.5em !important;
-        top: 0.5em !important;
-      }
-    }
-
-    /* LAPTOP===================================================================================================================================== */
-    @media screen and (min-width : 1024px) and (max-width :1114px) {
-      .head {
-        width: 30%;
-      }
-
-      .head1 {
-        width: 35%;
-      }
-
-      .head2 {
-        width: 35%;
-      }
-
-      .keahlian-list:first-child>.bungkus-skil .bagi-2 {
-        width: 50%;
-      }
-
-      .b-chart-FIRST {
-        position: relative;
-        top: 14px;
-      }
-
-      #jarvis-circle-wrapper {
-        position: relative;
-        left: 3.5em;
-        margin: 0;
-        top: 2em;
-        width: 400px;
-        height: 400px;
-        margin-bottom: 5em;
-      }
-
-      .b-chart {
-        width: 78%;
-        position: absolute;
-        left: -6.5em;
-        right: 0;
-        top: 1.5em;
-        margin: 48px 0px 86px 0px;
-      }
-
-      .b-chart-strip1 {
-        display: none;
-      }
-
-      .b-chart-strip2 {
-        top: 196px;
-      }
-
-      .befortext {
-        position: absolute;
-        width: 36%;
-        display: grid;
-        margin: 6% 0% 4% 0%;
-        top: 2em;
-        right: 2em;
-      }
-
-      .befortext span:nth-child(2) {
-        margin: 4% 0% 0% 0%;
-      }
-
-      #jarvis-circle-wrapper-profile {
-        left: -2px !important;
-      }
-
-    }
-
-    /* TABLET===================================================================================================================================== */
-    @media screen and (min-width : 601px) and (max-width : 1023px) {
-      .container {
-        max-width: 100%;
-      }
-
-      .col-md-4 {
-        -ms-flex: 0 0 50%;
-        flex: 0 0 50% !important;
-        max-width: 50% !important;
-      }
-
-      .keahlian-list {
-        padding: 1%;
-        -ms-flex: 0 0 49.333333%;
-        flex: 0 0 50%;
-        max-width: 49.333333%;
-        height: 271px;
-        margin: auto;
-      }
-
-      .keahlian-list:first-child>.bungkus-skil .bagi-2 {
-        width: 50%;
-      }
-
-      .b-chart-FIRST {
-        position: relative;
-        top: 23px;
-      }
-
-      #jarvis-circle-wrapper {
-        position: initial;
-      }
-
-      .b-chart {
-        width: 100%;
-        position: absolute;
-        left: -8px;
-        right: 0;
-        top: 8px;
-      }
-
-      .b-chart-strip1 {
-        display: none;
-      }
-
-      .b-chart-strip2 {
-        display: none;
-      }
-
-      .befortext {
-        position: inherit;
-        width: 100%;
-        display: grid;
-        text-align: center;
-        margin: 6% 0% 4% 0%;
-      }
-
-      .befortext span:nth-child(2) {
-        margin: 4% 0% 0% 0%;
-      }
-
-      .header1 {
-        display: block;
-      }
-
-      .head {
-        width: 100%;
-      }
-
-      .head1 {
-        width: 100%;
-      }
-
-      .head2 {
-        width: 100%;
-      }
-
-      .head2 .head-in2 {
-        text-align: center;
-      }
-
-      .head2 .head-in2 .head-intable1 {
-        width: 100%;
-      }
-
-      .head-intable1 tr td:nth-child(1) {
-        text-align: right;
-        width: 50%;
-      }
-
-      .head3 {
-        width: 100%;
-        padding: 2%;
-      }
-
-      .head3 .head-in3 {
-        text-align: center;
-      }
-
-      .leher {
-        display: grid;
-        width: 100%;
-        height: 59px;
-        overflow: hidden;
-      }
-
-      .leher .leher1 {
-        margin: 0px 1% 0px 1%;
-        padding: 13px 1px 7px 1px;
-      }
-
-      .leher .slide-leher {
-        visibility: visible;
-      }
-
-      #profile h2 {
-        font-size: small;
-        margin: 5% 0% 3% 0%;
-        text-align: center;
-      }
-
-      .bungkus-skil .kiri ul li:nth-child(2) {
-        width: 40%;
-      }
-    }
-
-    /* Handphone======================================================================================================= */
-    @media screen and (max-width: 600px) {
-      .posisi-untuk-profession-HP {
-        top: 16em !important;
-        left: 0 !important;
-        right: 0 !important;
-      }
-
-      .circle-fire-wrapper {
-        display: none;
-      }
-
-      .header1 {
-        display: block;
-      }
-
-      .head {
-        width: 100%;
-      }
-
-      .head1 {
-        width: 100%;
-      }
-
-      .head2 {
-        width: 100%;
-        margin-top: -25px;
-      }
-
-      .head2 .head-in2:nth-child(1) {
-        padding: 0%;
-      }
-
-      .head2 .head-in2 {
-        text-align: center;
-        display: flex;
-        background: #1a679538;
-        border-radius: 15px;
-        height: auto;
-        box-shadow: rgb(0 0 0 / 15%) 0px 5px 15px 0px;
-        margin: 3.5%;
-
-      }
-
-      .head2 .head-in2 .head-in2-1-1 a {
-        text-decoration: none;
-      }
-
-      .head2 .head-in2 .head-in2-1-1 h2 {
-        position: relative;
-        border-top: solid 1px rgba(255, 255, 255, 0.2);
-        border-bottom: solid 1px rgba(255, 255, 255, 0.2);
-        text-transform: uppercase;
-        color: #AEEDD7;
-        letter-spacing: 1px;
-        overflow: hidden;
-        text-decoration: none;
-        font-size: unset;
-        text-align: right;
-        top: -14px;
-        margin: 0% 5% 0% 5%;
-        border-radius: 46px;
-      }
-
-      .head2 .head-in2 .head-in2-1-1 h2:before {
-        content: "";
-        width: 20px;
-        height: 20px;
-        position: absolute;
-        background: #259990;
-        left: 7px;
-        transform: translateX(-40px) rotate(45deg);
-        border: solid 3px #194846;
-        box-shadow: 2px -2px 0px #1a5754;
-        transition: all 0.2s ease;
-      }
-
-      .head2 .head-in2:nth-child(2) {
-        box-shadow: none;
-        position: absolute;
-        top: 22.7em;
-        padding: 2% 3% 2% 3%;
-        left: 0.4em;
-        border-top: solid 1px rgba(255, 255, 255, 0.2);
-        display: block;
-        height: auto;
-        background: #1a6bbfe6;
-        border-bottom-left-radius: calc(0.9rem - 1px);
-        border-bottom-right-radius: calc(1.25rem - 1px);
-        border-top-left-radius: calc(0.25rem - 1px);
-        border-top-right-radius: calc(0.25rem - 1px);
-      }
-
-      .head2 .head-in2:nth-child(2)>.head-in2-4 {
-        font-size: medium;
-        position: relative;
-        top: 1px;
-      }
-
-      .head2 .head-in2:nth-child(2)>.head-in2-3 {
-        vertical-align: middle;
-      }
-
-      .head2 .head-in2:nth-child(2)>.head-in2-3>svg {
-        width: 18px;
-        height: 18px;
-        color: #6bb4ff;
-      }
-
-      .head2 .head-in2 .head-in2-1 {
-        width: 100%;
-      }
-
-      .head2 .head-in2 .head-in2-1 h1 {
-        box-shadow: none;
-        background: none;
-        padding: 3% 5% 3% 5%;
-      }
-
-      .head2 .head-in2-mobile {
-        padding: 3% 5% 1% 5%;
-      }
-
-      .head2 .head-in2 .head-intable1 {
-        width: 100%;
-      }
-
-      .head2 .head-in2 .head-intable1 tr td .border-gradient-1 {
-        border-image: linear-gradient(0.25turn, rgb(255 255 255 / 0%), #c5b78ca6, #bbae86, #b19d63b0, rgb(255 255 255 / 0%));
-        border-image-slice: 0.5;
-      }
-
-      .head-intable1 tr td:nth-child(1) {
-        text-align: right;
-        width: 50%;
-      }
-
-      .head3 {
-        width: 100%;
-        padding: 2%;
-      }
-
-      .head3 .head-in3 {
-        text-align: center;
-      }
-
-      .leher {
-        display: grid;
-        width: 100%;
-        height: 59px;
-        overflow: hidden;
-      }
-
-      .leher .slide-leher {
-        visibility: visible;
-      }
-
-      .leher .leher1 {
-        margin: 7px 1% 0px 1%;
-        padding: 3%;
-      }
-
-      #profile h2 {
-        font-size: larger;
-        margin: 5% 0% 5% 0%;
-        text-align: center;
-      }
-
-
-
-      .navlibuttonspanactive {
-        display: block;
-        position: absolute;
-        right: 12px;
-        top: 12px;
-      }
-
-      .bungkus-skil .kiri ul li:nth-child(2) {
-        width: 40%;
-      }
-
-      .keahlian-list:first-child {
-        height: 500px;
-      }
-
-      .keahlian-list:first-child>.bungkus-skil .bagi {
-        display: block;
-      }
-
-      .keahlian-list:first-child>.bungkus-skil .bagi-1 {
-        height: 56%;
-        text-align: center;
-        width: 100%;
-        margin: auto;
-      }
-
-      .keahlian-list:first-child>.bungkus-skil>.bagi>.bagi-1>ul>li {
-        display: block;
-        text-align: center;
-      }
-
-      .keahlian-list:first-child>.bungkus-skil .bagi-2 {
-        width: 100%;
-        height: 50%;
-      }
-
-      img {
-        animation: none;
-      }
-
-      .keahlian-list {
-        padding: 1%;
-        -ms-flex: 0 0 89.333333%;
-        flex: 0 0 89.333333%;
-        max-width: 89.333333%;
-        height: 271px;
-        margin: auto;
-      }
-
-      #jarvis-circle-wrapper {
-        width: 258px;
-        height: 259px;
-        top: 9px;
-        position: relative;
-      }
-
-      .b-chart {
-        width: 100%;
-        position: absolute;
-        left: -8px;
-        right: 0;
-        top: 8px;
-      }
-
-      .b-chart-strip1 {
-        display: none;
-      }
-
-      .b-chart-strip2 {
-        display: none;
-      }
-
-      .befortext {
-        position: inherit;
-        width: 100%;
-        display: grid;
-        text-align: center;
-        margin: 6% 0% 4% 0%;
-      }
-
-      .befortext span:nth-child(2) {
-        margin: 4% 0% 0% 0%;
-      }
-
-
-      .skill>table>tbody>tr:nth-child(1)>td {
-        background: #d5d5d52e;
-      }
-
-      .skill>table>tbody>tr:nth-child(3)>td {
-        display: block;
-      }
-
-      .skill>table>tbody>tr:nth-child(4)>td {
-        display: block;
-      }
-
-      .b-chart-Skills-Programming {
-        width: 98%;
-        padding: 1%;
-        margin: 1% auto;
-        border-bottom: 1px dashed #efefef26;
-        padding-bottom: 15%;
-      }
-
-      .b-chart-Skills-Programming h3 {
-        font-size: medium;
-      }
-
-      .container .skills i {
-        font-size: smaller;
-      }
-
-      .container {
-        padding: 2%;
-      }
-
-      .pendidikan {
-        width: 100% !important;
-        display: block !important;
-      }
-
-      .pendidikan .pendidikan-bagi {
-        width: 100% !important;
-      }
-
-      .card-img-slick {
-        position: absolute;
-        top: 0;
-        bottom: 0;
-        left: 0;
-        right: 0;
-        margin: auto;
-        border: 1px solid #cbbc8f;
-      }
-
-      .head3 .box_gbr-head {
-        /* height: 300px; */
-        background: #08909040;
-      }
-
-      .slickerslide2 .head-in3 {
-        top: 8px;
-      }
-    }
-
-    @media screen and (max-width: 320px) {
-      .animate-text1 {
-        font-size: small;
-      }
-
-      .navlibuttonspanactive {
-        display: flex;
-        position: absolute;
-        right: 10px;
-        top: 0;
-        bottom: 0;
-        width: 79px;
-        line-height: 13px;
-        align-items: center;
-        vertical-align: middle;
-        text-align: center;
-      }
-
-      .leher .slide-leher {
-        margin-top: 0.5em;
-      }
-
-      .leher .leher1 {
-        margin: 7px 1% 0px 1%;
-      }
-
-      .tab-content {
-        display: block;
-      }
-
-      .tab-content>.tab-pane {
-        flex: unset;
-      }
-
-      .card-text {
-        text-align: justify;
-        text-overflow: ellipsis;
-        display: -webkit-box;
-        -webkit-line-clamp: 3;
-        -webkit-box-orient: vertical;
-        overflow: hidden;
-        font-weight: lighter;
-        line-height: 14.5px;
-      }
-
-    }
-
-    @media screen and (min-device-width: 280px) and (-webkit-min-device-pixel-ratio: 3) {
-
-      .navlibuttonspan {
-        font-size: x-small !important;
-      }
-
-
-      .card-body {
-        font-size: x-small !important;
-      }
-
-    }
-  </style>
-</head>
-
-<body style="margin: 0;">
-  <!-- for bing search -->
-  <h1 style="display:none">yusup maulana</h1>
-
-  <div class="header1">
-
-    <div class="head">
-
-
-      <style type="text/css">
-        /* entire container, keeps perspective */
-        .card-container {
-          -webkit-perspective: 800px;
-          -moz-perspective: 800px;
-          -o-perspective: 800px;
-          perspective: 800px;
-          margin-bottom: 30px;
-        }
-
-        /* flip the pane when hovered */
-        .card-container:not(.manual-flip):active .card,
-        .card-container.hover.manual-flip .card {
-          -webkit-transform: rotateY(180deg);
-          -moz-transform: rotateY(180deg);
-          -o-transform: rotateY(180deg);
-          transform: rotateY(180deg);
-        }
-
-
-        .card-container.static:hover .card,
-        .card-container.static.hover .card {
-          -webkit-transform: none;
-          -moz-transform: none;
-          -o-transform: none;
-          transform: none;
-        }
-
-        /* flip speed goes here */
-        .card {
-          -webkit-transition: -webkit-transform .5s;
-          -moz-transition: -moz-transform .5s;
-          -o-transition: -o-transform .5s;
-          transition: transform .5s;
-          -webkit-transform-style: preserve-3d;
-          -moz-transform-style: preserve-3d;
-          -o-transform-style: preserve-3d;
-          transform-style: preserve-3d;
-          position: relative;
-        }
-
-        /* hide back of pane during swap */
-        .front,
-        .back {
-          -webkit-backface-visibility: hidden;
-          -moz-backface-visibility: hidden;
-          -o-backface-visibility: hidden;
-          backface-visibility: hidden;
-          position: absolute;
-          top: 0;
-          left: 0;
-          /* background-color: #3e0a0d;*/
-
-          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.14);
-          /* background-image: radial-gradient(circle at bottom right, rgb(242, 106, 56) 0%, rgb(242, 106, 56) 4%, rgb(238, 120, 55) 4%, rgb(238, 120, 55) 14%, rgb(233, 134, 54) 14%, rgb(233, 134, 54) 25%, rgb(229, 148, 53) 25%, rgb(229, 148, 53) 42%, rgb(246, 178, 57) 42%, rgb(246, 178, 57) 49%, rgb(246, 198, 60) 49%, rgb(246, 198, 60) 66%, rgb(255, 230, 103) 66%, rgb(255, 230, 103) 97%, rgb(255, 247, 128) 97%, rgb(255, 247, 128) 100%); */
-        }
-
-        /* front pane, placed above back */
-        .front {
-          z-index: 2;
-        }
-
-        /* back, initially hidden pane */
-        .back {
-          -webkit-transform: rotateY(180deg);
-          -moz-transform: rotateY(180deg);
-          -o-transform: rotateY(180deg);
-          transform: rotateY(180deg);
-          z-index: 3;
-        }
-
-        .back .btn-simple {
-          position: absolute;
-          left: 0;
-          bottom: 4px;
-        }
-
-        /*        Style       */
-
-
-        .card {
-          /* background: none repeat scroll 0 0 #FFFFFF; */
-          border-radius: 4px;
-          color: #444444;
-        }
-
-        .card-container,
-        .front,
-        .back {
-          width: 100%;
-          height: 300px;
-          border-radius: 4px;
-        }
-
-        .card .cover {
-          height: 105px;
-          overflow: hidden;
-          border-radius: 4px 4px 0 0;
-        }
-
-        .card .user {
-          box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
-          border-radius: 50%;
-          display: block;
-          height: 174px;
-          margin: -55px auto 0;
-          overflow: hidden;
-          width: 178px;
-
-        }
-
-        .card .user img {
-          background: none repeat scroll 0 0 #FFFFFF;
-          width: 100%;
-        }
-
-        .circle-fire-wrapper {
-          width: 230px;
-          height: 230px;
-          position: absolute;
-          margin: auto;
-          top: 22px;
-          left: 0;
-          right: 0;
-          z-index: 4;
-        }
-
-        .circle-fire {
-          width: 100%;
-          height: 100%;
-          filter: url(#wavy) blur(1px);
-        }
-
-        .circle-fire:before {
-          content: "";
-          position: absolute;
-          top: 25px;
-          left: 25px;
-          right: 25px;
-          bottom: 25px;
-          border: 3px solid #FFF;
-          border-radius: 50%;
-          box-shadow: 0 0 50px #0bb3bf, inset 0 0 50px #02b7c7;
-          -webkit-box-reflect: below 10px linear-gradient(transparent, transparent, #0002);
-        }
-
-        .circle-fire:after {
-          content: "";
-          position: absolute;
-          top: 25px;
-          left: 25px;
-          right: 25px;
-          bottom: 25px;
-          border: 5px solid #ffffff;
-          border-radius: 50%;
-          box-shadow: 0 0 50px #0089ff, inset 0 0 50px #fff;
-        }
-
-        .circle-fire:nth-child(2):before {
-          animation-delay: -2.5s;
-        }
-
-        #jarvis-circle-wrapper-profile {
-          width: 230px;
-          height: 230px;
-          position: absolute;
-          margin: auto;
-          top: 22px;
-          left: 0;
-          right: 0;
-          z-index: 4;
-        }
-
-        #jarvis-circle-inner-profile:hover {
-          border-top-color: #ffffff;
-          border-style: dashed solid;
-          border-bottom-color: #cdbe83;
-          border-right-color: #27c0eb;
-          border-left-color: #00ceff;
-          box-shadow: 0 0 15px #ffffff;
-        }
-
-        #jarvis-circle-inner-profile {
-          width: 100%;
-          height: 100%;
-          border-radius: 50%;
-          border: 3px solid transparent;
-          border-top-color: #cdbe83;
-          border-bottom-color: #cdbe83;
-          border-right-color: #eb9b27;
-          border-left-color: #ff9700;
-          box-shadow: 0 0 15px #e76421;
-          -webkit-animation: spinJarvis 30s linear infinite;
-          animation: spinJarvis 30s linear infinite;
-        }
-
-        #jarvis-circle-inner-profile:before {
-          content: "";
-          position: absolute;
-          top: 15px;
-          left: 15px;
-          right: 15px;
-          bottom: 15px;
-          border-radius: 50%;
-          border: 3px dashed transparent;
-          border-color: #00f1ff;
-          border-style: dashed;
-          -webkit-animation: spinJarvis 18s linear infinite;
-          animation: spinJarvis 18s linear infinite;
-          box-shadow: 0 0 10px #ffffff66;
-        }
-
-        #jarvis-circle-inner-profile:after {
-          content: "";
-          position: absolute;
-          top: 25px;
-          left: 25px;
-          right: 25px;
-          bottom: 25px;
-          border-radius: 50%;
-          border: 3px solid transparent;
-          border-color: white;
-          border-width: 3px;
-          border-style: dashed solid;
-          -webkit-animation: spin 60s linear infinite;
-          animation: spin 60s linear infinite;
-        }
-
-        .profile-hold {
-          position: absolute;
-          background: #fcffff14;
-          z-index: 0;
-          width: 11em;
-          color: #ffffff;
-          text-shadow: 3px 3px 0px #000000, -2px 1px 12px #000000;
-          font-weight: 900;
-          border-radius: 50%;
-          left: 4px;
-          right: 0;
-          margin: auto;
-          clip-path: polygon(50% 0%, 100% 44%, 82% 100%, 18% 100%, 0% 44%);
-          border-top: solid 7px #00fbfb;
-          border-bottom: solid 1px #bb8c00;
-          top: 61px;
-          bottom: 61px;
-          text-align: center;
-          padding-top: 33%;
-        }
-
-        .card-container:hover>.card .front>.profile-hold {
-          top: 29px;
-          bottom: 15px;
-          z-index: 2;
-        }
-
-        .card .content {
-          background-color: rgba(0, 0, 0, 0);
-          box-shadow: none;
-
-        }
-
-        .card .back .content .main {
-          height: 215px;
-        }
-
-        .card .name {
-          font-size: 22px;
-          line-height: 28px;
-          margin: 10px 0 0;
-          text-align: center;
-          text-transform: capitalize;
-          height: 25px;
-        }
-
-        .card h5 {
-          margin: 5px 0;
-          font-weight: 700;
-          line-height: 20px;
-        }
-
-        .profession {
-          color: #ffffff;
-          text-align: center;
-          font-size: large;
-          font-weight: lighter;
-          letter-spacing: 7px;
-          position: absolute;
-
-          margin: auto;
-        }
-
-        .posisi-untuk-profession-PC {
-          top: 17.5em;
-          left: 0em;
-          right: 0em;
-          margin-right: 79%;
-        }
-
-        .posisi-untuk-profession-TABLET {
-          top: 18em !important;
-          left: 0 !important;
-          right: 0 !important;
-        }
-
-        .posisi-untuk-profession-LAPTOP {
-          top: 18em !important;
-          left: 0 !important;
-          right: 42em !important;
-        }
-
-        .card {
-          border: none !important;
-        }
-
-        .card .motto {
-
-          color: #999999;
-          font-size: xx-small;
-          padding-bottom: 10px;
-          text-align: center;
-        }
-
-        .main .text-center {
-          font-size: small;
-          text-align: justify !important;
-          color: #778990;
-        }
-
-        @media screen and (-ms-high-contrast: active),
-        (-ms-high-contrast: none) {
-
-          .front,
-          .back {
-            -ms-backface-visibility: visible;
-            backface-visibility: visible;
-          }
-
-          .back {
-            visibility: hidden;
-            -ms-transition: all 0.2s cubic-bezier(.92, .01, .83, .67);
-          }
-
-          .front {
-            z-index: 4;
-          }
-
-          .card-container:not(.manual-flip):hover .back,
-          .card-container.manual-flip.hover .back {
-            z-index: 5;
-            visibility: visible;
-          }
-        }
-
-        .card-img-slick {
-          width: 100%;
-        }
-
-        .slick-dots li button {
-          background: #ffffff14;
-          clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
-        }
-
-        .slick-dots li button:before {
-          color: whitesmoke;
-        }
-
-        .slick-dots li.slick-active button:before {
-          color: #00ecfd;
-        }
-
-        .slick-slide {
-          -webkit-transform: translate3d(0, 0, 0);
-        }
-
-        .slick-track {
-          transition: fade 2000ms ease-out;
-          infinite: true;
-        }
-      </style>
-      <!--start View in Chrome or Firefox Browser only-->
-      <svg>
-        <filter id="wavy">
-          <feTurbulence x="0" y="0" baseFrequency="0.009" numOctaves="5" seed="2">
-            <animate attributeName="baseFrequency" dur="60s" values="0.02;0.005;0.02" repeatCount="indefinite">
-          </feTurbulence>
-          <feDisplacementMap in="SourceGraphic" scale="30">
-        </filter>
-      </svg>
-      <!--end View in Chrome or Firefox Browser only -->
-      <div class="card-container">
-        <div class="card">
-          <div class="front">
-            <div class="cover">
-            </div>
-            <div class="circle-fire-wrapper">
-              <div class="circle-fire"></div>
-            </div>
-            <div id="jarvis-circle-wrapper-profile">
-              <div id="jarvis-circle-inner-profile"></div>
-            </div>
-            <div class="btn-info profile-hold">Hold Me</div>
-            <div class="user">
-              <img class="img-circle" src="IMG/img.png" data-src="IMG/profile.webp" alt="yusup maulana photos" />
-            </div>
-            <div class="content">
-              <div class="main">
-                <h3 class="name"></h3>
-
-              </div>
-            </div>
-
-          </div> <!-- end front panel -->
-          <div class="back">
-            <div class="header">
-              <h5 class="motto">"Aku merindukan kekuatan yang mendominasi"</h5>
-            </div>
-            <div class="border-gradient-set">
-              <div class="border-gradient-main">
-                <div class="border-gradient-main-diamond">
-                  <div class="diamond"></div>
-                </div>
-              </div>
-            </div>
-            <div class="content">
-              <div class="main">
-                <p class="text-center" style="font-size:small; padding: 12%;">Assalamualaikum.. Saya sedang mencari
-                  peluang baru, kotak
-                  masuk saya selalu terbuka. Apakah Anda memiliki pertanyaan atau hanya ingin menyapa, saya akan mencoba
-                  yang terbaik untuk menghubungi Anda kembali!</p>
-
-
-              </div>
-            </div>
-
-          </div> <!-- end back panel -->
-        </div> <!-- end card -->
-      </div> <!-- end card-container -->
-
-    </div>
-
-    <div class="head2">
-      <div class="head-in2">
-        <span class="head-in2-1">
-          <h1>Yusup maulana</h1>
-          <span class="head-in2-1-1"><a href="https://resume.showwcase.com/yusup-maulana.pdf" target="_blank">
-              <h2>Resume <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
-                  class="bi bi-cloud-arrow-down-fill" viewBox="0 0 16 16">
-                  <path
-                    d="M8 2a5.53 5.53 0 0 0-3.594 1.342c-.766.66-1.321 1.52-1.464 2.383C1.266 6.095 0 7.555 0 9.318 0 11.366 1.708 13 3.781 13h8.906C14.502 13 16 11.57 16 9.773c0-1.636-1.242-2.969-2.834-3.194C12.923 3.999 10.69 2 8 2zm2.354 6.854-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 9.293V5.5a.5.5 0 0 1 1 0v3.793l1.146-1.147a.5.5 0 0 1 .708.708z" />
-                </svg> <i class="bi bi-cloud-arrow-down-fill"></i></h2>
-            </a></span>
-        </span>
-      </div>
-
-      <div class="head-in2">
-        <span class="head-in2-3"><i class="bi bi-whatsapp"></i><svg xmlns="http://www.w3.org/2000/svg" width="20"
-            height="20" fill="currentColor" class="bi bi-whatsapp" viewBox="0 0 16 16">
-            <path
-              d="M13.601 2.326A7.854 7.854 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.933 7.933 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.898 7.898 0 0 0 13.6 2.326zM7.994 14.521a6.573 6.573 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.557 6.557 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592zm3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.729.729 0 0 0-.529.247c-.182.198-.691.677-.691 1.654 0 .977.71 1.916.81 2.049.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232z" />
-          </svg></span><span class="head-in2-4"> <a target="_blank" style="color:#9eaeb5;"
-            href="https://api.whatsapp.com/send?phone=6283898610918">083898610918 <svg
-              xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
-              class="bi bi-box-arrow-up-right" viewBox="0 0 16 16">
-              <path fill-rule="evenodd"
-                d="M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z" />
-              <path fill-rule="evenodd"
-                d="M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z" />
-            </svg> <i class="bi bi-box-arrow-up-right"></i></a></span>
-      </div>
-      <div class="head-in2 head-in2-mobile">
-        <table class="head-intable1">
-          <tr>
-            <td>Menguasai Bahasa </td>
-            <td>: Indonesia & Sunda</td>
-          </tr>
-          <tr>
-            <td colspan="2">
-              <div class="border-gradient-1"></div>
-            </td>
-          </tr>
-          <tr>
-            <td>Status</td>
-            <td>: Lajang </td>
-          </tr>
-          <tr>
-            <td colspan="2">
-              <div class="border-gradient-1"></div>
-            </td>
-          </tr>
-          <tr>
-            <td>Hobi</td>
-            <td>: Ngaji</td>
-          </tr>
-          <tr>
-            <td colspan="2">
-              <div class="border-gradient-1"></div>
-            </td>
-          </tr>
-          <tr>
-            <td>Usia</td>
-            <td>: <span class="usia"></span></td>
-          </tr>
-
-        </table>
-      </div>
-    </div>
-
-    <div class="head3" data-ride="slick" data-slick='{   "arrows":false }'>
-      <div> <!-- slide slick 1 -->
-        <div class="head-in3">
-          <span class="head-in3-1">Tentang Saya</span>
-        </div>
-
-        <div class="head-in3">
-          <style type="text/css">
-            .animate-text1 {
-              text-align: justify;
-              transform: scale(0.94);
-              animation: scale 3s forwards cubic-bezier(0.5, 1, 0.89, 1);
-              font-weight: lighter;
-              color: #b9c7cde8;
-            }
-
-            @keyframes scale {
-              100% {
-                transform: scale(1);
-              }
-            }
-
-            span {
-              opacity: 0;
-              filter: blur(4px);
-            }
-
-            span:nth-child(1) {
-              animation: fade-in 0.8s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(2) {
-              animation: fade-in 0.8s 0.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(3) {
-              animation: fade-in 0.8s 0.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(4) {
-              animation: fade-in 0.8s 0.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(5) {
-              animation: fade-in 0.8s 0.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(6) {
-              animation: fade-in 0.8s 0.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(7) {
-              animation: fade-in 0.8s 0.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(8) {
-              animation: fade-in 0.8s 0.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(9) {
-              animation: fade-in 0.8s 0.9s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(10) {
-              animation: fade-in 0.8s 1s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(11) {
-              animation: fade-in 0.8s 1.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(12) {
-              animation: fade-in 0.8s 1.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(13) {
-              animation: fade-in 0.8s 1.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(14) {
-              animation: fade-in 0.8s 1.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(15) {
-              animation: fade-in 0.8s 1.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(16) {
-              animation: fade-in 0.8s 1.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(17) {
-              animation: fade-in 0.8s 1.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(18) {
-              animation: fade-in 0.8s 1.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(19) {
-              animation: fade-in 0.8s 1.9s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(20) {
-              animation: fade-in 0.8s 2s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(21) {
-              animation: fade-in 0.8s 2.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(22) {
-              animation: fade-in 0.8s 2.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(23) {
-              animation: fade-in 0.8s 2.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(24) {
-              animation: fade-in 0.8s 2.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(25) {
-              animation: fade-in 0.8s 2.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(26) {
-              animation: fade-in 0.8s 2.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(27) {
-              animation: fade-in 0.8s 2.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(28) {
-              animation: fade-in 0.8s 2.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(29) {
-              animation: fade-in 0.8s 2.9s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(30) {
-              animation: fade-in 0.8s 3s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(31) {
-              animation: fade-in 0.8s 3.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(32) {
-              animation: fade-in 0.8s 3.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(33) {
-              animation: fade-in 0.8s 3.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(34) {
-              animation: fade-in 0.8s 3.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(35) {
-              animation: fade-in 0.8s 3.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(36) {
-              animation: fade-in 0.8s 3.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(37) {
-              animation: fade-in 0.8s 3.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(38) {
-              animation: fade-in 0.8s 3.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(39) {
-              animation: fade-in 0.8s 3.9s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(40) {
-              animation: fade-in 0.8s 4s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(41) {
-              animation: fade-in 0.8s 4.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(42) {
-              animation: fade-in 0.8s 4.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(43) {
-              animation: fade-in 0.8s 4.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(44) {
-              animation: fade-in 0.8s 4.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(45) {
-              animation: fade-in 0.8s 4.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(46) {
-              animation: fade-in 0.8s 4.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(47) {
-              animation: fade-in 0.8s 4.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(48) {
-              animation: fade-in 0.8s 4.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(49) {
-              animation: fade-in 0.8s 4.9s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(50) {
-              animation: fade-in 0.8s 5s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(51) {
-              animation: fade-in 0.8s 5.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(52) {
-              animation: fade-in 0.8s 5.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(53) {
-              animation: fade-in 0.8s 5.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(54) {
-              animation: fade-in 0.8s 5.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(55) {
-              animation: fade-in 0.8s 5.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(56) {
-              animation: fade-in 0.8s 5.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(57) {
-              animation: fade-in 0.8s 5.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(58) {
-              animation: fade-in 0.8s 5.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(59) {
-              animation: fade-in 0.8s 5.9s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(60) {
-              animation: fade-in 0.8s 6s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(61) {
-              animation: fade-in 0.8s 6.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(62) {
-              animation: fade-in 0.8s 6.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(63) {
-              animation: fade-in 0.8s 6.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            @keyframes fade-in {
-              100% {
-                opacity: 1;
-                filter: blur(0);
-              }
-            }
-          </style>
-          <div class="animate-text1">
-            <span>Keahlian</span>
-            <span>favorit</span>
-            <span>saya</span>
-            <span>adalah</span>
-            <span>membangun</span>
-            <span>sebuah</span>
-            <span>Web dalam</span>
-            <span style="    color: #0bb4c0; font-weight: 600;text-shadow: 0 0 5px #ffffff47;">Pemograman Native</span>
-            <span>dan membuat</span>
-            <span>sebuah Jaringan Komputer</span>
-            <span>Selain itu,</span>
-            <span>saya berpengalaman</span>
-            <span>dalam Tender</span>
-            <span>Proyek</span>
-            <span>pengadaan</span>
-            <span>barang/jasa</span>
-            <span>di lingkungan</span>
-            <span>PT PLN (Persero),</span>
-            <span>juga</span>
-            <span>sebagai</span>
-            <span>IT Support</span>
-            <span>dan Administrasi</span>
-            <span>lebih</span>
-            <span>dari</span>
-            <span>4 tahun</span>
-            <span>di PT. Raya Azura Persada</span>
-            <span>dengan</span>
-            <span>hasil</span>
-            <span>efisiensi</span>
-            <span>dalam</span>
-            <span>pengelolaan</span>
-            <span>data</span>
-            <span>meningkat</span>
-            <span>sebesar</span>
-            <span>60%,</span>
-            <span>Saya</span>
-            <span>juga</span>
-            <span>dapat</span>
-            <span>mengelola</span>
-            <span>beberapa</span>
-            <span>tanggung</span>
-            <span>jawab</span>
-            <span>sekaligus</span>
-            <span>dengan</span>
-            <span>berfokus</span>
-            <span>pada</span>
-            <span>satu tugas</span>
-            <span>sambil melacak</span>
-            <span>yang lain.</span>
-            <span>Sehingga</span>
-            <span>Perasaan</span>
-            <span>produktivitas</span>
-            <span>saya,</span>
-            <span>dapat</span>
-            <span>meningkatkan</span>
-            <span>motivasi</span>
-            <span>orang</span>
-            <span>lain</span>
-            <span>untuk</span>
-            <span>terus</span>
-            <span>mengerjakan</span>
-            <span>tugas</span>
-            <span>mereka.</span>
-          </div>
-        </div>
-      </div><!-- end slide slick 1 -->
-
-      <div class="slickerslide2"><!--  slide slick 2 -->
-        <div class="head-in3">
-          <span class="head-in3-1">Temui Saya</span>
-        </div>
-        <div class="box_gbr-head">
-          <img src="IMG/img.png" class="card-img-slick" data-src="IMG/me2.webp" alt="Cashflow Proyek">
-        </div>
-      </div><!-- end slide slick 2 -->
-
-      <div><!--  slide slick 3 -->
-        your content 2
-      </div><!-- end slide slick 3 -->
-
-    </div> <!--end head3-->
-  </div>
-
-
-
-  <div class="leher">
-    <div class="slide-leher"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
-        class="bi bi-chevron-bar-down" viewBox="0 0 16 16">
-        <path fill-rule="evenodd"
-          d="M3.646 4.146a.5.5 0 0 1 .708 0L8 7.793l3.646-3.647a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 0-.708zM1 11.5a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13a.5.5 0 0 1-.5-.5z" />
-      </svg><i class="bi bi-chevron-bar-down"></i></div>
-    <div class="leher1 plugin-ContactForm btn-infohoveronly"><span><svg xmlns="http://www.w3.org/2000/svg" width="16"
-          height="16" fill="currentColor" class="bi bi-google" viewBox="0 0 16 16">
-          <path
-            d="M15.545 6.558a9.42 9.42 0 0 1 .139 1.626c0 2.434-.87 4.492-2.384 5.885h.002C11.978 15.292 10.158 16 8 16A8 8 0 1 1 8 0a7.689 7.689 0 0 1 5.352 2.082l-2.284 2.284A4.347 4.347 0 0 0 8 3.166c-2.087 0-3.86 1.408-4.492 3.304a4.792 4.792 0 0 0 0 3.063h.003c.635 1.893 2.405 3.301 4.492 3.301 1.078 0 2.004-.276 2.722-.764h-.003a3.702 3.702 0 0 0 1.599-2.431H8v-3.08h7.545z" />
-        </svg><i class="bi bi-google"></i></span> <span>yusupmaulana.net@gmail.com <svg viewBox="0 0 24 24">
-          <path fill="currentColor"
-            d="M21.36,10.46L13.54,2.64C12.69,1.79 11.31,1.79 10.46,2.64L2.64,10.46C1.79,11.31 1.79,12.69 2.64,13.54L10.46,21.36C11.31,22.21 12.69,22.21 13.54,21.36L21.36,13.54C22.21,12.69 22.21,11.31 21.36,10.46M12,19L5,12L12,5L19,12L12,19M16.5,12L12,16.5L7.5,12L12,7.5L16.5,12Z" />
-        </svg></span>
-    </div>
-    <a class="leher1 btn-infohoveronly" href="https://www.nyenang.com/" target="_blank"><span><svg
-          xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-globe"
-          viewBox="0 0 16 16">
-          <path
-            d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm7.5-6.923c-.67.204-1.335.82-1.887 1.855A7.97 7.97 0 0 0 5.145 4H7.5V1.077zM4.09 4a9.267 9.267 0 0 1 .64-1.539 6.7 6.7 0 0 1 .597-.933A7.025 7.025 0 0 0 2.255 4H4.09zm-.582 3.5c.03-.877.138-1.718.312-2.5H1.674a6.958 6.958 0 0 0-.656 2.5h2.49zM4.847 5a12.5 12.5 0 0 0-.338 2.5H7.5V5H4.847zM8.5 5v2.5h2.99a12.495 12.495 0 0 0-.337-2.5H8.5zM4.51 8.5a12.5 12.5 0 0 0 .337 2.5H7.5V8.5H4.51zm3.99 0V11h2.653c.187-.765.306-1.608.338-2.5H8.5zM5.145 12c.138.386.295.744.468 1.068.552 1.035 1.218 1.65 1.887 1.855V12H5.145zm.182 2.472a6.696 6.696 0 0 1-.597-.933A9.268 9.268 0 0 1 4.09 12H2.255a7.024 7.024 0 0 0 3.072 2.472zM3.82 11a13.652 13.652 0 0 1-.312-2.5h-2.49c.062.89.291 1.733.656 2.5H3.82zm6.853 3.472A7.024 7.024 0 0 0 13.745 12H11.91a9.27 9.27 0 0 1-.64 1.539 6.688 6.688 0 0 1-.597.933zM8.5 12v2.923c.67-.204 1.335-.82 1.887-1.855.173-.324.33-.682.468-1.068H8.5zm3.68-1h2.146c.365-.767.594-1.61.656-2.5h-2.49a13.65 13.65 0 0 1-.312 2.5zm2.802-3.5a6.959 6.959 0 0 0-.656-2.5H12.18c.174.782.282 1.623.312 2.5h2.49zM11.27 2.461c.247.464.462.98.64 1.539h1.835a7.024 7.024 0 0 0-3.072-2.472c.218.284.418.598.597.933zM10.855 4a7.966 7.966 0 0 0-.468-1.068C9.835 1.897 9.17 1.282 8.5 1.077V4h2.355z" />
-        </svg><i class="bi bi-globe"></i></span> <span>nyenang.com </span><svg xmlns="http://www.w3.org/2000/svg"
-        width="16" height="16" fill="currentColor" class="bi bi-box-arrow-up-right" viewBox="0 0 16 16">
-        <path fill-rule="evenodd"
-          d="M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z" />
-        <path fill-rule="evenodd"
-          d="M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z" />
-      </svg> <i class="bi bi-box-arrow-up-right"></i>
-    </a>
-    <a class="leher1 btn-infohoveronly" href="https://www.instagram.com/maulana_net" target="_blank"><span><svg
-          xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-instagram"
-          viewBox="0 0 16 16">
-          <path
-            d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z" />
-        </svg><i class="bi bi-instagram"></i></span> <span>Instagram </span><svg xmlns="http://www.w3.org/2000/svg"
-        width="16" height="16" fill="currentColor" class="bi bi-box-arrow-up-right" viewBox="0 0 16 16">
-        <path fill-rule="evenodd"
-          d="M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z" />
-        <path fill-rule="evenodd"
-          d="M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z" />
-      </svg> <i class="bi bi-box-arrow-up-right"></i>
-    </a>
-    <a class="leher1 btn-infohoveronly" href="https://www.facebook.com/chunk.lovereggae/" target="_blank">
-      <span><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-facebook"
-          viewBox="0 0 16 16">
-          <path
-            d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z" />
-        </svg>
-        <i class="bi bi-facebook"></i></span> <span>Facebook </span><svg xmlns="http://www.w3.org/2000/svg" width="16"
-        height="16" fill="currentColor" class="bi bi-box-arrow-up-right" viewBox="0 0 16 16">
-        <path fill-rule="evenodd"
-          d="M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z" />
-        <path fill-rule="evenodd"
-          d="M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z" />
-      </svg> <i class="bi bi-box-arrow-up-right"></i>
-    </a>
-    <a class="leher1 btn-infohoveronly" href="https://github.com/yusup-maulana" target="_blank"><span><svg
-          xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-github"
-          viewBox="0 0 16 16">
-          <path
-            d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z" />
-        </svg><i class="bi bi-github"></i></span> <span>Github </span><svg xmlns="http://www.w3.org/2000/svg" width="16"
-        height="16" fill="currentColor" class="bi bi-box-arrow-up-right" viewBox="0 0 16 16">
-        <path fill-rule="evenodd"
-          d="M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z" />
-        <path fill-rule="evenodd"
-          d="M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z" />
-      </svg> <i class="bi bi-box-arrow-up-right"></i></a>
-    <a class="leher1 btn-infohoveronly" href="https://www.youtube.com/channel/UCrnSCuFBjzBE6RuEiV-IKzg/featured"
-      target="_blank"><span><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
-          class="bi bi-youtube" viewBox="0 0 16 16">
-          <path
-            d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408L6.4 5.209z" />
-        </svg><i class="bi bi-youtube"></i></span> <span>Youtube </span><svg xmlns="http://www.w3.org/2000/svg"
-        width="16" height="16" fill="currentColor" class="bi bi-box-arrow-up-right" viewBox="0 0 16 16">
-        <path fill-rule="evenodd"
-          d="M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z" />
-        <path fill-rule="evenodd"
-          d="M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z" />
-      </svg> <i class="bi bi-box-arrow-up-right"></i></a>
-    <a class="leher1 btn-infohoveronly" href="https://www.linkedin.com/in/nyenang/" target="_blank"><span><svg
-          xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-linkedin"
-          viewBox="0 0 16 16">
-          <path
-            d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z" />
-        </svg><i class="bi bi-linkedin"></i></span> <span>linked </span><svg xmlns="http://www.w3.org/2000/svg"
-        width="16" height="16" fill="currentColor" class="bi bi-box-arrow-up-right" viewBox="0 0 16 16">
-        <path fill-rule="evenodd"
-          d="M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z" />
-        <path fill-rule="evenodd"
-          d="M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z" />
-      </svg> <i class="bi bi-box-arrow-up-right"></i></a>
-  </div>
-  <script>
-
-    $('.head3').slick({
-      lazyLoad: 'ondemand',
-      dots: true,
-      infinite: true,
-      speed: 300,
-      slidesToShow: 1,
-      adaptiveHeight: true
-    });
-
-
-    var btnSlideLeherval = 0;
-    $(document).on('click', '.slide-leher', function () {
-      if (btnSlideLeherval == 0) {
-        $('.leher').animate({
-          height: '364px'
-        });
-        $('.slide-leher').html('<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-bar-up" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M3.646 11.854a.5.5 0 0 0 .708 0L8 8.207l3.646 3.647a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 0 0 0 .708zM2.4 5.2c0 .22.18.4.4.4h10.4a.4.4 0 0 0 0-.8H2.8a.4.4 0 0 0-.4.4z"/></svg><i class="bi bi-chevron-bar-up"></i>');
-
-        btnSlideLeherval = 1;
-      } else {
-        $('.leher').animate({
-          height: '59px'
-        });
-        $('.slide-leher').html('<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-bar-down" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M3.646 4.146a.5.5 0 0 1 .708 0L8 7.793l3.646-3.647a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 0-.708zM1 11.5a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13a.5.5 0 0 1-.5-.5z"/></svg><i class="bi bi-chevron-bar-down"></i>');
-        btnSlideLeherval = 0;
-      }
-
-    });
-  </script>
-
-
-
-
-
-
-  <!-- ======================================================================================================================== START TAB 1 -->
-  <style type="text/css">
-    .card-body {
-      position: absolute;
-      border-radius: 5px 5px 5px 5px;
-      width: 100%;
-      height: -webkit-fill-available;
-      height: 100%;
-      background-image: linear-gradient(45deg, rgb(100 126 159 / 18%) 0%, rgb(29 159 199 / 25%) 24%, rgb(0 184 255 / 25%) 24%, rgb(112 112 163 / 0%) 28%, rgb(79 124 166 / 0%) 28%, rgb(21 104 181 / 28%) 40%, rgb(47 136 170 / 0%) 40%, rgb(47 136 170 / 0%) 84%, rgb(14 148 173 / 13%) 84%, rgb(14 148 173 / 0%) 100%), linear-gradient(0deg, rgb(144 100 159 / 0%) 0%, rgb(144 100 159 / 0%) 24%, rgb(112 112 163 / 0%) 24%, rgb(112 112 163 / 0%) 28%, rgb(79 124 166 / 0%) 28%, rgb(79 124 166 / 0%) 40%, rgb(47 136 170 / 0%) 40%, rgb(47 136 170 / 0%) 84%, rgb(14 148 173 / 0%) 84%, rgb(14 148 173 / 0%) 100%), linear-gradient(135deg, rgb(27 162 167 / 0%) 0%, rgb(4 167 185 / 35%) 24%, rgb(112 112 163 / 0%) 24%, rgb(112 112 163 / 0%) 28%, rgb(79 124 166 / 0%) 28%, rgb(79 124 166 / 8%) 40%, rgb(47 136 170 / 0%) 40%, rgb(47 136 170 / 0%) 84%, rgb(14 148 173 / 0%) 84%, rgb(14 148 173 / 12%) 100%), linear-gradient(90deg, rgb(35 122 157 / 22%), rgb(43 171 222 / 15%));
-      background-blend-mode: overlay, overlay, overlay, normal;
-    }
-
-    .card-body:hover {
-      box-shadow: rgb(0 241 255) 0px 0px 5px;
-      border-top: 2px solid #ffffff;
-      /* background-image: linear-gradient(112.5deg, rgba(250, 109, 130, 0.38) 0%, rgba(250, 109, 130, 0.38) 3%, rgba(219, 107, 130, 0.35) 3%, rgba(219, 107, 130, 0.35) 34%, rgba(187, 104, 131, 0.41) 34%, rgba(187, 104, 131, 0.41) 46%, rgba(156, 102, 131, 0.48) 46%, rgba(156, 102, 131, 0.48) 51%, rgba(124, 99, 132, 0.37) 51%, rgba(124, 99, 132, 0.37) 52%, rgba(93, 97, 132, 0.31) 52%, rgba(93, 97, 132, 0.31) 76%, rgba(61, 94, 133, 0.37) 76%, rgba(61, 94, 133, 0.37) 84%, rgba(30, 92, 133, 0.36) 84%, rgba(30, 92, 133, 0.36) 100%), linear-gradient(157.5deg, rgba(250, 109, 130, 0.38) 0%, rgba(250, 109, 130, 0.38) 3%, rgba(219, 107, 130, 0.35) 3%, rgba(219, 107, 130, 0.35) 34%, rgba(187, 104, 131, 0.41) 34%, rgba(187, 104, 131, 0.41) 46%, rgba(156, 102, 131, 0.48) 46%, rgba(156, 102, 131, 0.48) 51%, rgba(124, 99, 132, 0.37) 51%, rgba(124, 99, 132, 0.37) 52%, rgba(93, 97, 132, 0.31) 52%, rgba(93, 97, 132, 0.31) 76%, rgba(61, 94, 133, 0.37) 76%, rgba(61, 94, 133, 0.37) 84%, rgba(30, 92, 133, 0.36) 84%, rgba(30, 92, 133, 0.36) 100%), linear-gradient(45deg, rgba(250, 109, 130, 0.38) 0%, rgba(250, 109, 130, 0.38) 3%, rgba(219, 107, 130, 0.35) 3%, rgba(219, 107, 130, 0.35) 34%, rgba(187, 104, 131, 0.41) 34%, rgba(187, 104, 131, 0.41) 46%, rgba(156, 102, 131, 0.48) 46%, rgba(156, 102, 131, 0.48) 51%, rgba(124, 99, 132, 0.37) 51%, rgba(124, 99, 132, 0.37) 52%, rgba(93, 97, 132, 0.31) 52%, rgba(93, 97, 132, 0.31) 76%, rgba(61, 94, 133, 0.37) 76%, rgba(61, 94, 133, 0.37) 84%, rgba(30, 92, 133, 0.36) 84%, rgba(30, 92, 133, 0.36) 100%), linear-gradient(90deg, rgba(71, 69, 135, 0.33), rgba(241, 26, 171, 0.39));
-      background-blend-mode: overlay, overlay, overlay, normal; */
-    }
-
-    .card-body a svg {
-      width: 18px;
-      height: 18px;
-      position: absolute;
-      top: 0;
-      bottom: 0;
-      margin: auto;
-    }
-
-    .card-body button svg {
-      width: 15px;
-      height: 15px;
-      position: absolute;
-      top: 0;
-      bottom: 0;
-      right: 0;
-      margin: auto;
-    }
-
-    .card-body button:hover>svg path {
-      d: path("M21.36,10.46L13.54,2.64C12.69,1.79 11.31,1.79 10.46,2.64L2.64,10.46C1.79,11.31 1.79,12.69 2.64,13.54L10.46,21.36C11.31,22.21 12.69,22.21 13.54,21.36L21.36,13.54C22.21,12.69 22.21,11.31 21.36,10.46M12,19L1,12L12,5L23,12L12,19M16.5,12L12,16.5L7.5,12L12,7.5L16.5,12Z");
-    }
-
-    .card-body a:hover>svg path {
-      d: path("M 19 3 C 20 3 21 3.9 21 5 V 19 C 21 20.1 20.1 21 19 21 H 5 C 3.9 21 3 20.1 3 19 V 5 C 3 3.9 3.9 3 5 3 H 19 M 7 8 L 12 10 L 8 16 L 8 16 L 14 12 L 16 17 V 8 H 7 Z");
-    }
-
-    .card .card_status:after {
-      max-width: 100%;
-      height: 35px;
-      display: block;
-      content: "";
-      position: relative;
-      bottom: 0px;
-      left: -12px;
-      z-index: -1;
-      top: -17px;
-      transform: skew(33deg, 0deg);
-      padding: 0px 0px;
-      box-shadow: rgb(0 0 0 / 39%) 0px 1px 0px 0px;
-    }
-
-    .box_gbr {
-      border-radius: 5px 5px 83px 5px;
-      height: 200px;
-      object-fit: contain;
-      position: relative;
-      top: 0px;
-      left: 0%;
-      box-shadow: 0 3px 0px #ff9700, 0 3px 0px rgb(205 190 131);
-      overflow: hidden;
-      opacity: 0.7;
-    }
-
-
-    .card_status_completed:after {
-      background: #b47009;
-      background: -webkit-linear-gradient(to right, #155799, #159957);
-      background: linear-gradient(to right, #155799, #b47009);
-    }
-
-    .card .card_status {
-      position: absolute;
-      left: 0px;
-      top: 169px;
-      padding: 0px 0px;
-      font-size: 10px;
-      text-align: center;
-      color: #d5d5d5b5;
-      transition: all 0.5s ease;
-      text-transform: capitalize;
-      z-index: 1;
-      width: 132px;
-
-      overflow: auto;
-    }
-
-    .card .card_status span {
-      position: relative;
-      left: -6px;
-      top: 9px;
-    }
-
-    .card .card_tahun {
-      position: absolute;
-      right: 0px;
-      background: #1e2328;
-      font-weight: 600;
-      top: 6px;
-      padding: 2px 3px 2px 7px;
-      font-size: 11px;
-      text-align: center;
-      color: #ffffff;
-      border-radius: 10px 0px 0px 10px;
-      transition: all 0.5s ease;
-      /* text-shadow: 0px 1px 2px #000000d1; */
-      box-shadow: rgb(0 0 0 / 39%) 0px 1px 0px 0px;
-      text-transform: capitalize;
-    }
-  </style>
-  <div class="tab-content">
-    <div class="tab-pane active" id="home" role="tabpanel" aria-labelledby="home-tab">
-      <div class="row">
-        <div class="col-md-4">
-          <div class="card mb-4 border-dark " style="box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">
-            <div class="card_status card_status_completed" style-hover="background:green"><span>Februari - Maret
-                2022</span></div>
-            <div class=" box_gbr" tabindex="0" id="">
-              <img src="IMG/img.png" class="card-img-top" data-src="IMG/manpumpingchar.webp"
-                alt="Man. Pumping charity web program">
-            </div>
-            <div class="card-body">
-              <h5 class="card-title">Man. Pumping Charity</h5>
-              <p class="card-text" style="font-size: smaller;">Sebuah aplikasi web pengelolaan data SPT control, dana
-                kelola, member, basecamp, profit, inventaris, transaksi, kas, dan laporan yang kompleks dengan 3 sisi
-                user</p>
-
-              <a target="_blank" href="https://maulana-project122.000webhostapp.com/" class="btn btn-info btn-sm">Demo
-                <svg viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M19 3C20.1 3 21 3.9 21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19M8.7 8L10.8 10.1L7 14L9.8 16.8L13.6 12.9L15.7 15V8H8.7Z" />
-                </svg>
-              </a>
-              <button id="portofolio-manpumping" class="btn btn-info btn-sm in_view">Selengkapnya<svg
-                  viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M21.36,10.46L13.54,2.64C12.69,1.79 11.31,1.79 10.46,2.64L2.64,10.46C1.79,11.31 1.79,12.69 2.64,13.54L10.46,21.36C11.31,22.21 12.69,22.21 13.54,21.36L21.36,13.54C22.21,12.69 22.21,11.31 21.36,10.46M12,19L5,12L12,5L19,12L12,19M16.5,12L12,16.5L7.5,12L12,7.5L16.5,12Z" />
-                </svg></button>
-            </div>
-          </div>
-        </div>
-
-        <div class="col-md-4">
-          <div class="card mb-4 border-dark " style="box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">
-            <div class="card_status card_status_completed" style-hover="background:green"><span>Januari - Februari
-                2021</span></div>
-            <div class=" box_gbr" tabindex="0" id="">
-              <img src="IMG/img.png" class="card-img-top" data-src="IMG/webanime.webp"
-                alt="Website Video Anime yang sedang dikembangkan">
-            </div>
-            <div class="card-body">
-              <h5 class="card-title">Website Video Anime</h5>
-              <p class="card-text" style="font-size: smaller;">Sebuah Website single page pengelola link video /
-                template web didesain khusus untuk layanan video dari pihak ketiga</p>
-              <a target="_blank" href="https://maulanaproject1.000webhostapp.com/" class="btn btn-info btn-sm">Demo <svg
-                  viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M19 3C20.1 3 21 3.9 21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19M8.7 8L10.8 10.1L7 14L9.8 16.8L13.6 12.9L15.7 15V8H8.7Z" />
-                </svg></a>
-              <button id="portofolio-webanime" class="btn btn-info btn-sm in_view">Selengkapnya<svg viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M21.36,10.46L13.54,2.64C12.69,1.79 11.31,1.79 10.46,2.64L2.64,10.46C1.79,11.31 1.79,12.69 2.64,13.54L10.46,21.36C11.31,22.21 12.69,22.21 13.54,21.36L21.36,13.54C22.21,12.69 22.21,11.31 21.36,10.46M12,19L5,12L12,5L19,12L12,19M16.5,12L12,16.5L7.5,12L12,7.5L16.5,12Z" />
-                </svg></button>
-            </div>
-          </div>
-        </div>
-
-        <div class="col-md-4">
-          <div class="card mb-4 border-dark " style="box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">
-            <div class="card_status card_status_completed" style-hover="background:green"><span>Oktober - Desember
-                2019</span></div>
-            <div class=" box_gbr" tabindex="0" id="">
-              <img src="IMG/img.png" class="card-img-top" data-src="IMG/pwebazura.webp"
-                alt="sebuah website dari PT. Raya Azura Persada">
-            </div>
-            <div class="card-body">
-              <h5 class="card-title">Website RAP</h5>
-              <p class="card-text" style="font-size: smaller;">Merupakan sebuah website dari PT. Raya Azura Persada.
-                unik, simpel, dan user friendly</p>
-
-              <a target="_blank" href="https://salamnunggal.000webhostapp.com/" class="btn btn-info btn-sm">Demo <svg
-                  viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M19 3C20.1 3 21 3.9 21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19M8.7 8L10.8 10.1L7 14L9.8 16.8L13.6 12.9L15.7 15V8H8.7Z" />
-                </svg></a>
-              <button id="portofolio-websiteRAP" class="btn btn-info btn-sm in_view">Selengkapnya<svg
-                  viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M21.36,10.46L13.54,2.64C12.69,1.79 11.31,1.79 10.46,2.64L2.64,10.46C1.79,11.31 1.79,12.69 2.64,13.54L10.46,21.36C11.31,22.21 12.69,22.21 13.54,21.36L21.36,13.54C22.21,12.69 22.21,11.31 21.36,10.46M12,19L5,12L12,5L19,12L12,19M16.5,12L12,16.5L7.5,12L12,7.5L16.5,12Z" />
-                </svg></button>
-            </div>
-          </div>
-        </div>
-        <div class="col-md-4">
-          <div class="card mb-4 border-dark " style="box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">
-            <div class="card_status card_status_completed" style-hover="background:green"><span>September 2019</span>
-            </div>
-            <div class=" box_gbr" tabindex="0" id="">
-              <img src="IMG/img.png" class="target card-img-top" data-src="IMG/sipem.webp"
-                alt="pemberdayaan masyarakat seperti agenda">
-            </div>
-            <div class="card-body">
-              <h5 class="card-title">SIPEM Bankul</h5>
-              <p class="card-text" style="font-size: smaller;">Sebuah aplikasi berbasis desktop untuk pengelolaan data
-                pemberdayaan masyarakat seperti agenda, kegiatan atau acara validasi proposal dan lain-lain</p>
-              <a target="_blank" href="https://www.nyenang.com/2022/11/sipem-sistem-informasi-pemberdayan.html"
-                class="btn btn-info btn-sm">Selengkapnya <svg viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M19 3C20.1 3 21 3.9 21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19M8.7 8L10.8 10.1L7 14L9.8 16.8L13.6 12.9L15.7 15V8H8.7Z" />
-                </svg>
-              </a>
-            </div>
-          </div>
-        </div>
-        <div class="col-md-4">
-          <div class="card mb-4 border-dark " style="box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">
-            <div class="card_status card_status_completed" style-hover="background:green"><span>Juli - Agustus
-                2019</span></div>
-            <div class=" box_gbr" tabindex="0" id="">
-              <img src="IMG/img.png" class="target card-img-top" data-src="IMG/inventaris.webp" alt="Inventaris RAP">
-            </div>
-            <div class="card-body">
-              <h5 class="card-title">Inventaris RAP</h5>
-              <p class="card-text" style="font-size: smaller;">Sebuah aplikasi web pengelolaan data inventaris yang
-                terintegrasi dengan web PT. Raya Azura Persada</p>
-              <a target="_blank" href="https://inventaris-maulana.000webhostapp.com/master_gudang.php"
-                class="btn btn-info btn-sm">Demo <svg viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M19 3C20.1 3 21 3.9 21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19M8.7 8L10.8 10.1L7 14L9.8 16.8L13.6 12.9L15.7 15V8H8.7Z" />
-                </svg></a>
-              <button id="portofolio-inventarisRAP" class="btn btn-info btn-sm in_view">Selengkapnya<svg
-                  viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M21.36,10.46L13.54,2.64C12.69,1.79 11.31,1.79 10.46,2.64L2.64,10.46C1.79,11.31 1.79,12.69 2.64,13.54L10.46,21.36C11.31,22.21 12.69,22.21 13.54,21.36L21.36,13.54C22.21,12.69 22.21,11.31 21.36,10.46M12,19L5,12L12,5L19,12L12,19M16.5,12L12,16.5L7.5,12L12,7.5L16.5,12Z" />
-                </svg></button>
-            </div>
-          </div>
-        </div>
-
-        <div class="col-md-4">
-          <div class="card mb-4 border-dark " style="box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">
-            <div class="card_status card_status_completed" style-hover="background:green"><span>Maret - Maret
-                2019</span></div>
-            <div class=" box_gbr" tabindex="0" id="">
-              <img src="IMG/img.png" class="card-img-top" data-src="IMG/cashflow.webp" alt="Cashflow Proyek">
-            </div>
-            <div class="card-body">
-              <h5 class="card-title">Cashflow Proyek</h5>
-              <p class="card-text" style="font-size: smaller;">Sebuah aplikasi web untuk membantu estimasi pengeluaran
-                rencana dan aktual Proyek </p>
-              <a target="_blank" href="https://internetclanc.000webhostapp.com/" class="btn btn-info btn-sm">Demo <svg
-                  viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M19 3C20.1 3 21 3.9 21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19M8.7 8L10.8 10.1L7 14L9.8 16.8L13.6 12.9L15.7 15V8H8.7Z" />
-                </svg></a>
-              <button id="portofolio-cashflow" class="btn btn-info btn-sm in_view">Selengkapnya<svg viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M21.36,10.46L13.54,2.64C12.69,1.79 11.31,1.79 10.46,2.64L2.64,10.46C1.79,11.31 1.79,12.69 2.64,13.54L10.46,21.36C11.31,22.21 12.69,22.21 13.54,21.36L21.36,13.54C22.21,12.69 22.21,11.31 21.36,10.46M12,19L5,12L12,5L19,12L12,19M16.5,12L12,16.5L7.5,12L12,7.5L16.5,12Z" />
-                </svg></button>
-            </div>
-          </div>
-        </div>
-
-        <div class="col-md-4">
-          <div class="card mb-4 border-dark " style="box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">
-            <div class="card_status card_status_completed" style-hover="background:green"><span>Januari 2019</span>
-            </div>
-            <div class=" box_gbr" tabindex="0" id="">
-              <img src="IMG/img.png" class="card-img-top" data-src="IMG/siauptutc.webp"
-                alt="Sistem informasi peminjaman berbasis desktop">
-            </div>
-            <div class="card-body">
-              <h5 class="card-title">SIAU</h5>
-              <p class="card-text" style="font-size: smaller;">Sistem informasi peminjaman berbasis desktop yang dibuat
-                guna mempermudah pengelolaan alat ukur dibuat untuk memenuhi tugas skripsi</p>
-              <a target="_blank" href="https://www.nyenang.com/2022/11/sistem-informasi-peminjaman-alat-ukur.html"
-                class="btn btn-info btn-sm">Selengkapnya
-                <svg viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M19 3C20.1 3 21 3.9 21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19M8.7 8L10.8 10.1L7 14L9.8 16.8L13.6 12.9L15.7 15V8H8.7Z" />
-                </svg>
-              </a>
-            </div>
-          </div>
-        </div>
-
-        <div class="col-md-4">
-          <div class="card mb-4 border-dark " style="box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">
-            <div class="card_status card_status_completed" style-hover="background:green"><span>Agustus - agustus
-                2018</span></div>
-            <div class=" box_gbr" tabindex="0" id="">
-              <img src="IMG/img.png" class="card-img-top" data-src="IMG/siak.webp"
-                alt="Sebuah sistem informasi administrasi kependudukan untuk              mengelola data KTP + KK berbasis dekstop">
-            </div>
-            <div class="card-body">
-              <h5 class="card-title">SIAK Andir</h5>
-              <p class="card-text" style="font-size: smaller;">Sebuah sistem informasi administrasi kependudukan untuk
-                mengelola data KTP + KK berbasis dekstop</p>
-              <a target="_blank" href="https://www.nyenang.com/2022/10/sistem-informasi-administrasi.html"
-                class="btn btn-info btn-sm">Selengkapnya <svg viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M19 3C20.1 3 21 3.9 21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19M8.7 8L10.8 10.1L7 14L9.8 16.8L13.6 12.9L15.7 15V8H8.7Z" />
-                </svg></a>
-            </div>
-          </div>
-        </div>
-
-        <div class="col-md-4">
-          <div class="card mb-4 border-dark " style="box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">
-            <div class="card_status card_status_completed" style-hover="background:green"><span>April - April
-                2018</span></div>
-            <div class=" box_gbr" tabindex="0" id="">
-              <img src="IMG/img.png" class="card-img-top" data-src="IMG/osengmercon.webp"
-                alt="Sebuah aplikasi pengelola stok bahan makanan untuk multi              outlet berbasis web">
-            </div>
-            <div class="card-body">
-              <h5 class="card-title">Oseng Mercon</h5>
-              <p class="card-text" style="font-size: smaller;">Sebuah aplikasi pengelola stok bahan makanan untuk multi
-                outlet berbasis web</p>
-              <a target="_blank" href="https://internetclan.000webhostapp.com/" class="btn btn-info btn-sm">Demo <svg
-                  viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M19 3C20.1 3 21 3.9 21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19M8.7 8L10.8 10.1L7 14L9.8 16.8L13.6 12.9L15.7 15V8H8.7Z" />
-                </svg></a>
-              <button id="portofolio-osengmercon" class="btn btn-info btn-sm in_view">Selengkapnya<svg
-                  viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M21.36,10.46L13.54,2.64C12.69,1.79 11.31,1.79 10.46,2.64L2.64,10.46C1.79,11.31 1.79,12.69 2.64,13.54L10.46,21.36C11.31,22.21 12.69,22.21 13.54,21.36L21.36,13.54C22.21,12.69 22.21,11.31 21.36,10.46M12,19L5,12L12,5L19,12L12,19M16.5,12L12,16.5L7.5,12L12,7.5L16.5,12Z" />
-                </svg></button>
-            </div>
-          </div>
-        </div>
-
-        <div class="col-md-4">
-          <div class="card mb-4 border-dark " style="box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">
-            <div class="card_status card_status_completed" style-hover="background:green"><span>Maret 2018</span></div>
-            <div class=" box_gbr" tabindex="0" id="">
-              <img src="IMG/img.png" class="card-img-top" data-src="IMG/rabp1.webp"
-                alt="Aplikasi berbasis desktop yang terintegrasi dengan MAN.              KTR, untuk mengelola rancangan anggaran biaya proyek serta estimasi harga barang">
-            </div>
-            <div class="card-body">
-              <h5 class="card-title">RABP Man. QBarang</h5>
-              <p class="card-text" style="font-size: smaller;">Aplikasi berbasis desktop yang terintegrasi dengan MAN.
-                KTR, untuk mengelola rancangan anggaran biaya proyek serta estimasi harga barang </p>
-              <button id="portofolio-rabp" class="btn btn-info btn-sm in_view"> Selengkapnya <svg viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M21.36,10.46L13.54,2.64C12.69,1.79 11.31,1.79 10.46,2.64L2.64,10.46C1.79,11.31 1.79,12.69 2.64,13.54L10.46,21.36C11.31,22.21 12.69,22.21 13.54,21.36L21.36,13.54C22.21,12.69 22.21,11.31 21.36,10.46M12,19L5,12L12,5L19,12L12,19M16.5,12L12,16.5L7.5,12L12,7.5L16.5,12Z" />
-                </svg></button>
-            </div>
-          </div>
-        </div>
-
-        <div class="col-md-4">
-          <div class="card mb-4 border-dark " style="box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">
-            <div class="card_status card_status_completed" style-hover="background:green"><span>Januari - Maret
-                2018</span></div>
-            <div class=" box_gbr" tabindex="0" id="">
-              <img src="IMG/img.png" class="card-img-top" data-src="IMG/manktr.webp"
-                alt="Sebuah aplikasi berbasis web untuk pengelolaan data">
-            </div>
-            <div class="card-body">
-              <h5 class="card-title">Man. KTR</h5>
-              <p class="card-text" style="font-size: smaller;">Sebuah aplikasi berbasis web untuk pengelolaan data, baik
-                logistik, transaksi, karyawan dan info harga barang </p>
-              <a target="_blank" href="https://maulana-project10.000webhostapp.com/#popuplogin"
-                class="btn btn-info btn-sm">Demo <svg viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M19 3C20.1 3 21 3.9 21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19M8.7 8L10.8 10.1L7 14L9.8 16.8L13.6 12.9L15.7 15V8H8.7Z" />
-                </svg></a>
-              <button id="portofolio-manktr" class="btn btn-info btn-sm in_view">Selengkapnya<svg viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M21.36,10.46L13.54,2.64C12.69,1.79 11.31,1.79 10.46,2.64L2.64,10.46C1.79,11.31 1.79,12.69 2.64,13.54L10.46,21.36C11.31,22.21 12.69,22.21 13.54,21.36L21.36,13.54C22.21,12.69 22.21,11.31 21.36,10.46M12,19L5,12L12,5L19,12L12,19M16.5,12L12,16.5L7.5,12L12,7.5L16.5,12Z" />
-                </svg></button>
-            </div>
-          </div>
-        </div>
-        <div class="col-md-4">
-          <div class="card mb-4 border-dark " style="box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">
-            <div class="card_status card_status_completed" style-hover="background:green"><span>September 2017</span>
-            </div>
-            <div class=" box_gbr" tabindex="0" id="">
-              <img src="IMG/img.png" class="card-img-top" data-src="IMG/sbmart.webp"
-                alt="Aplikasi pengelolaan barang bedasarkan rak-rak pengelola">
-            </div>
-            <div class="card-body">
-              <h5 class="card-title">Bazar SBmart</h5>
-              <p class="card-text" style="font-size: smaller;">Aplikasi pengelolaan barang bedasarkan rak-rak pengelola
-                yang akan expired untuk dibazarkan</p>
-              <a target="_blank" href="https://www.nyenang.com/2022/11/aplikasi-bazar-sbmart-menggunakan.html"
-                class="btn btn-info btn-sm">Selengkapnya <svg viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M19 3C20.1 3 21 3.9 21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19M8.7 8L10.8 10.1L7 14L9.8 16.8L13.6 12.9L15.7 15V8H8.7Z" />
-                </svg></a>
-            </div>
-          </div>
-        </div>
-
-        <div class="col-md-4">
-          <div class="card mb-4 border-dark " style="box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">
-            <div class="card_status card_status_completed" style-hover="background:green"><span>Agustus - Agustus
-                2017</span></div>
-            <div class=" box_gbr" tabindex="0" id="">
-              <img src="IMG/img.png" class="card-img-top" data-src="IMG/webcommandcentre.webp"
-                alt="Website Command Centre untuk kecamatan Andir">
-            </div>
-            <div class="card-body">
-              <h5 class="card-title">Website Andir</h5>
-              <p class="card-text" style="font-size: smaller;">Website Command Centre untuk kecamatan Andir Bandung
-                untuk memenuhi tugas skripsi</p>
-              <a target="_blank" href="https://commandcenter-maulanaproject.000webhostapp.com/"
-                class="btn btn-info btn-sm">Demo <svg viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M19 3C20.1 3 21 3.9 21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19M8.7 8L10.8 10.1L7 14L9.8 16.8L13.6 12.9L15.7 15V8H8.7Z" />
-                </svg></a>
-              <button id="portofolio-webcommandcentre" class="btn btn-info btn-sm in_view">Selengkapnya<svg
-                  viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M21.36,10.46L13.54,2.64C12.69,1.79 11.31,1.79 10.46,2.64L2.64,10.46C1.79,11.31 1.79,12.69 2.64,13.54L10.46,21.36C11.31,22.21 12.69,22.21 13.54,21.36L21.36,13.54C22.21,12.69 22.21,11.31 21.36,10.46M12,19L5,12L12,5L19,12L12,19M16.5,12L12,16.5L7.5,12L12,7.5L16.5,12Z" />
-                </svg></button>
-            </div>
-          </div>
-        </div>
-
-      </div>
-
-    </div>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    <!-- ======================================================================================================================== START TAB 2 -->
-    <div class="tab-pane" id="profile" role="tabpanel" aria-labelledby="profile-tab">
-      <h2 style="text-align: center;">Kemampuan & Kompetensi</h2>
-
-      <h4 style="text-align: center;">Professional Skills</h4>
-      <div class="row mt-100">
-
-
-        <div class="keahlian-list">
-          <div id="DIGImar" class="bungkus-skil in_view">
-            <button class="btn btn-sm btn-primary "><i class="bi bi-eye-fill"></i><svg
-                xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye-fill"
-                viewBox="0 0 16 16">
-                <path d="M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z" />
-                <path d="M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8zm8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z" />
-              </svg></button>
-            <div class="bagi">
-              <div class="bagi-1">
-                <ul>
-                  <li>
-                    <div class="progress dgm23">
-                      <span class="progress-left"><span class="progress-bar"></span></span><span
-                        class="progress-right"><span class="progress-bar"></span></span>
-                      <div class="progress-value">65%</div>
-                    </div>
-                  </li>
-                  <li>
-                    <h4>Digital Marketing</h4>
-                  </li>
-                  <li>
-                    <span>On Going</span>
-                    <p>Terlatih dalam menggunakan media digital atau internet dengan tujuan untuk menarik konsumen atau
-                      calon konsumen secara cepat</p>
-                  </li>
-                </ul>
-              </div>
-              <div class="bagi-2">
-                <div class="b-chart-FIRST"><canvas id="chart-DGM"></canvas></div>
-                <script>
-                  var configchartDGM = {
-                    type: 'radar',
-                    data: {
-                      labels: ['Paid Advertising', 'Funneling Strategy', 'SEO / SEM', 'Social Media Marketing', 'Foreign language', 'Market research capabilities', 'Writing & Storytelling'],
-                      datasets: [{
-                        label: "DM Skills",
-                        data: [50, 85, 70, 80, 10, 90, 70],
-                        backgroundColor: 'rgba(99, 211, 255, 0.2)',
-                        borderColor: '#00f1ff',
-                        pointBackgroundColor: '#00f1ff',
-                        pointBorderColor: '#fff',
-                        pointHoverBackgroundColor: '#fff',
-                        pointHoverBorderColor: '#00f1ff'
-                      }, {
-                        label: '',
-                        data: [0, 0, 0, 0, 0, 0],
-                      }]
-                    },
-                    options: {
-                      legend: {
-                        display: false
-                      },
-                      scale: {
-                        gridLines: {
-                          color: ['#d4d4d4']
-                        }
-                      }
-                    }
-                  };
-                  var chartDGM = document.getElementById("chart-DGM");
-                  new Chart(chartDGM, configchartDGM);
-                  Chart.defaults.global.defaultFontColor = '#cccccc';
-                </script>
-              </div>
-            </div>
-          </div>
-        </div>
-
-
-        <div class="keahlian-list">
-          <div id="DataAnalytic" class="bungkus-skil in_view">
-            <span class="k-tgl">16 NOV 2022</span>
-            <button class="btn btn-sm btn-primary in_view"><i class="bi bi-eye-fill"></i><svg
-                xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye-fill"
-                viewBox="0 0 16 16">
-                <path d="M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z" />
-                <path d="M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8zm8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z" />
-              </svg></button>
-            <ul>
-              <li>
-                <div class="progress DAytc">
-                  <span class="progress-left"><span class="progress-bar"></span></span><span
-                    class="progress-right"><span class="progress-bar"></span></span>
-                  <div class="progress-value">72%</div>
-                </div>
-              </li>
-              <li>
-                <b class="hh4"></b>
-                <h4>Data Analytic </h4>
-              </li>
-              <li>
-                <p>Ulet ketika menganalisa, sehingga teliti dalam menyajikan dan menginterpretasikan Data dengan sangat
-                  baik</p>
-              </li>
-            </ul>
-          </div>
-        </div>
-
-        <div class="keahlian-list">
-          <div id="ManajemenData" class="bungkus-skil in_view">
-            <span class="k-tgl">15 Okt 2018</span>
-            <button class="btn btn-sm btn-primary in_view"><i class="bi bi-eye-fill"></i><svg
-                xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye-fill"
-                viewBox="0 0 16 16">
-                <path d="M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z" />
-                <path d="M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8zm8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z" />
-              </svg></button>
-            <ul>
-              <li>
-                <div class="progress manajementdata">
-                  <span class="progress-left"><span class="progress-bar"></span></span><span
-                    class="progress-right"><span class="progress-bar"></span></span>
-                  <div class="progress-value">89%</div>
-                </div>
-              </li>
-              <li>
-                <b class="hh4"></b>
-                <h4>Manajemen Informatika</h4>
-              </li>
-              <li>
-                <p>Mampu membangun, merancang dan mengembangkan sebuah sistem software dan juga Aplikasi Berbasis WEB.
-                  Melakukan analisis secara menyeluruh pada sistem komputer. Mengelola, merapikan data-data agar sumber
-                  data tetap aktual. Pelayanan konsultasi di bidang IT dan menyusun rancangan jaringan komputer</p>
-              </li>
-            </ul>
-          </div>
-        </div>
-
-        <div class="keahlian-list">
-          <div id="EngineringInformationSystem" class="bungkus-skil in_view">
-            <span class="k-tgl">29 Nov 2017</span>
-            <button class="btn btn-sm btn-primary in_view"><i class="bi bi-eye-fill"></i><svg
-                xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye-fill"
-                viewBox="0 0 16 16">
-                <path d="M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z" />
-                <path d="M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8zm8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z" />
-              </svg></button>
-            <ul>
-              <li>
-                <div class="progress eis">
-                  <span class="progress-left"><span class="progress-bar"></span></span><span
-                    class="progress-right"><span class="progress-bar"></span></span>
-                  <div class="progress-value">98%</div>
-                </div>
-              </li>
-              <li>
-                <b class="hh4"></b>
-                <h4>Engineering Information System </h4>
-              </li>
-              <li>
-                <p>Cakap dalam membuat algoritma, menulis atau membuat dokumen kode pemograman yang terstruktur dan
-                  Tangkas dalam mengoprasikan aplikasi basis data</p>
-              </li>
-            </ul>
-          </div>
-        </div>
-
-        <div class="keahlian-list">
-          <div id="MircrosoftOfficeSpecialist" class="bungkus-skil in_view">
-            <span class="k-tgl">18 Nov 2017</span>
-            <button class="btn btn-sm btn-primary in_view"><i class="bi bi-eye-fill"></i><svg
-                xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye-fill"
-                viewBox="0 0 16 16">
-                <path d="M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z" />
-                <path d="M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8zm8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z" />
-              </svg></button>
-            <ul>
-              <li>
-                <div class="progress office">
-                  <span class="progress-left"><span class="progress-bar"></span></span><span
-                    class="progress-right"><span class="progress-bar"></span></span>
-                  <div class="progress-value">90%</div>
-                </div>
-              </li>
-              <li>
-                <b class="hh4"></b>
-                <h4>Mircrosoft Office Specialist </h4>
-              </li>
-              <li>
-                <p>Menguasai fitur dan fungsionalitas lengkap Microsoft Office, mulai dari Excel, Word, Power Point,
-                  Publisher, Acces dan telah memiliki sertifikasi yang dikeluarkan oleh Certiport, Kredensial yang
-                  diakui secara global</p>
-              </li>
-            </ul>
-          </div>
-        </div>
-
-        <div class="keahlian-list">
-          <div id="InformationTechnologyNetwork" class="bungkus-skil in_view">
-            <span class="k-tgl">02 Des 2016</span>
-            <button class="btn btn-sm btn-primary in_view"><i class="bi bi-eye-fill"></i><svg
-                xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye-fill"
-                viewBox="0 0 16 16">
-                <path d="M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z" />
-                <path d="M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8zm8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z" />
-              </svg></button>
-            <ul>
-              <li>
-                <div class="progress itn">
-                  <span class="progress-left"><span class="progress-bar"></span></span><span
-                    class="progress-right"><span class="progress-bar"></span></span>
-                  <div class="progress-value">90%</div>
-                </div>
-              </li>
-              <li>
-                <b class="hh4"></b>
-                <h4>Information Technology Network </h4>
-              </li>
-              <li>
-                <p>Lihai membuat jaringan lokal, dan nirkabel dan juga Terampil melaksanakan prosedur perawatan serta
-                  menyelenggarakan adm sistem jaringan, maupun menginstal sumber daya berbagi pada jaringan</p>
-              </li>
-            </ul>
-          </div>
-        </div>
-
-        <div class="keahlian-list">
-          <div id="InformationTechnologySupport" class="bungkus-skil in_view">
-            <span class="k-tgl">28 Okt 2015</span>
-            <button class="btn btn-sm btn-primary in_view"><i class="bi bi-eye-fill"></i><svg
-                xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye-fill"
-                viewBox="0 0 16 16">
-                <path d="M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z" />
-                <path d="M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8zm8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z" />
-              </svg></button>
-            <ul>
-              <li>
-                <div class="progress its">
-                  <span class="progress-left"><span class="progress-bar"></span></span><span
-                    class="progress-right"><span class="progress-bar"></span></span>
-                  <div class="progress-value">92%</div>
-                </div>
-              </li>
-              <li>
-                <b class="hh4"></b>
-                <h4>Information Technology Support </h4>
-              </li>
-              <li>
-                <p>Mahir dalam mengidentifikasi, memasang perlengkapan, mengoprasikan perangkat komputer, dan melakukan
-                  instalasi jaringan serta instalasi operating system</p>
-              </li>
-            </ul>
-          </div>
-        </div>
-      </div>
-      <script>
-        $('.keahlian-list').hover(function () {
-          var $this = $(this).find(".progress-value");
-          $this.data('defaultText', $this.text());
-          $this.text("Open");
-          $(this).find(".progress-value").css('background', 'rgba(0,231,255,0.12)');
-        },
-          function () {
-            var $this = $(this).find(".progress-value"); // caching $(this)
-            $this.text($this.data('defaultText'));
-            $(this).find(".progress-value").css('background', '#ffffff1f');
-          }
-        );
-      </script>
-
-      <div class="skill">
-        <table>
-          <tr>
-            <td>
-              <h2>Programming Skills</h2>
-            </td>
-          </tr>
-          <tr>
-            <td>
-              <div class="container">
-                <div class="skills html"><i>HTML - HyperText Markup Language </i> 99%</div>
-              </div>
-              <div class="container">
-                <div class="skills css"><i>CSS - Cascading Style Sheet</i> 90%</div>
-              </div>
-            </td>
-          </tr>
-          <tr>
-            <td>
-              <div class="b-chart-Skills-Programming">
-                <h3>Programming language</h3>
-                <div class="posisichart-Programming"><canvas id="chart-Skills-Programming-language"></canvas></div>
-              </div>
-              <script>DatasetsProgramminglanguage = [94, 60, 40, 80]; var ctxProgramminglanguage = document.getElementById("chart-Skills-Programming-language"); var myChartctxProgrammingskil = new Chart(ctxProgramminglanguage, { type: 'bar', data: { labels: ['PHP', 'Javascript', 'Java', 'Visual Basic .NET'], datasets: [{ label: 'Result', fill: false, data: DatasetsProgramminglanguage, backgroundColor: ['rgba(255, 99, 132, 0.2)', 'rgba(255, 159, 64, 0.2)', 'rgba(255, 205, 86, 0.2)', 'rgba(75, 192, 192, 0.2)'], borderColor: ['rgb(255, 99, 132)', 'rgb(255, 159, 64)', 'rgb(255, 205, 86)', 'rgb(75, 192, 192)'], borderWidth: 1 }] }, options: { scales: { yAxes: [{ ticks: { beginAtZero: true } }] }, responsive: true, tooltips: { callbacks: { labelColor: function (tooltipItem, chart) { return { borderColor: 'rgb(255, 0, 20)', backgroundColor: 'rgb(255,20, 0)' } } } }, legend: { display: false }, } });</script>
-
-              <div class="b-chart-Skills-Programming">
-                <h3>Database</h3>
-                <div class="posisichart-Programming"><canvas id="chart-Skills-database"></canvas></div>
-                <script>Datasetsdatabase = [95, 30, 60]; var ctxProgrammingDatabase = document.getElementById("chart-Skills-database"); var myChartctxProgrammingskil = new Chart(ctxProgrammingDatabase, { type: 'pie', data: { labels: ['MYSQL', 'MS. SQL Server', 'Access'], datasets: [{ label: 'Result', fill: true, data: Datasetsdatabase, backgroundColor: ['rgba(255, 99, 132, 0.2)', 'rgba(75, 192, 192, 0.2)', 'rgba(255, 159, 64, 0.2)'], borderColor: ['rgb(255, 99, 132)', 'rgb(255, 159, 64)', 'rgb(255, 205, 86)', 'rgb(75, 192, 192)'], borderWidth: 1 }] }, options: { responsive: true, tooltips: { callbacks: { labelColor: function (tooltipItem, chart) { return { borderColor: 'rgb(255, 0, 20)', backgroundColor: 'rgb(255,20, 0)' } } } }, legend: { display: true }, } });</script>
-            </td>
-          </tr>
-          <tr>
-            <td>
-              <div class="b-chart-Skills-Programming">
-                <h3>Frequently used technologies stack</h3>
-                <div class="posisichart-Programming"><canvas id="chart-Skills-frameworkorlbr"></canvas></div>
-              </div>
-              <script>Datasetsframeworkorlbr = [80, 90, 60, 50, 30, 60, 80]; var ctxframeworkorlbr = document.getElementById("chart-Skills-frameworkorlbr"); var myChartctxProgrammingskil = new Chart(ctxframeworkorlbr, { type: 'bar', data: { labels: ['jQuery', 'Bootstrap', 'Chartjs', 'Highchart', 'Code igniter', 'Pusher', 'Slickjs'], datasets: [{ label: 'Result', fill: false, data: Datasetsframeworkorlbr, backgroundColor: ['rgba(255, 99, 132, 0.2)', 'rgba(255, 159, 64, 0.2)', 'rgba(255, 205, 86, 0.2)', 'rgba(75, 192, 192, 0.2)', 'rgba(75, 192, 76, 0.2)', 'rgba(56, 24, 167, 0.2)', 'rgba(240, 41, 144, 0.13)'], borderColor: ['rgb(255, 99, 132)', 'rgb(255, 159, 64)', 'rgb(255, 205, 86)', 'rgb(75, 192, 192)', '#65cc00', 'rgb(133, 0, 255)', 'rgba(240, 41, 144, 1)'], borderWidth: 1 }] }, options: { scales: { yAxes: [{ ticks: { beginAtZero: true } }] }, responsive: true, tooltips: { callbacks: { labelColor: function (tooltipItem, chart) { return { borderColor: 'rgb(255, 0, 20)', backgroundColor: 'rgb(255,20, 0)' } } } }, legend: { display: false }, } });</script>
-
-              <div class="b-chart-Skills-Programming">
-                <h3>Programming Desktop Tools</h3>
-                <div class="posisichart-Programming"><canvas id="chart-Skills-DeskTools"></canvas></div>
-              </div>
-              <script>var configchartDeskTools = { type: 'radar', data: { labels: ['Visual Studio Code', 'Sublime Text', 'Microsoft Visual Studio', 'Netbeans', 'Android Studio', 'Crystal Report'], datasets: [{ label: "DT Skills", data: [70, 80, 90, 60, 30, 85], backgroundColor: 'rgba(255, 99, 132, 0.2)', borderColor: 'rgb(255, 99, 132)', pointBackgroundColor: 'rgb(255, 99, 132)', pointBorderColor: '#fff', pointHoverBackgroundColor: '#fff', pointHoverBorderColor: 'rgb(255, 99, 132)' }, { label: '', data: [0, 0, 0, 0, 0, 0], }] }, options: { legend: { display: false }, scale: { gridLines: { color: ['#d4d4d4'] } } } }; var chartDeskTools = document.getElementById("chart-Skills-DeskTools"); new Chart(chartDeskTools, configchartDeskTools); </script>
-            </td>
-          </tr>
-        </table>
-      </div>
-
-
-      <div class="skill">
-        <table>
-          <tr>
-            <td>
-              <h2>Technical and Other Skills</h2>
-            </td>
-          </tr>
-          <tr>
-            <td>
-
-              <div class="container">
-                <div class="skills js"><i>Build a Mikrotik Network</i> 85%</div>
-              </div>
-              <div class="container">
-                <div class="skills php"><i>Google Office</i> 90%</div>
-              </div>
-              <div class="container">
-                <div class="skills jquery"><i>Adobe Photoshop</i> 90%</div>
-              </div>
-
-              <div class="container">
-                <div class="skills vb"><i>Adobe Priemere</i> 70%</div>
-              </div>
-              <div class="container">
-                <div class="skills java"><i>Sony Vegas</i> 90%</div>
-              </div>
-
-            </td>
-          </tr>
-        </table>
-      </div>
-    </div>
-
-
-
-
-
-
-    <!-- ======================================================================================================================== START TAB 3 -->
-    <div class="tab-pane" id="messages" role="tabpanel" aria-labelledby="messages-tab">
-      <style type="text/css">
-        .pendidikan {
-          width: 100%;
-          display: flex;
-        }
-
-        .pendidikan .pendidikan-bagi {
-          width: 50%;
-        }
-
-        .pendidikan .pendidikan-bagi h2 {
-          color: white;
-        }
-
-        .pendidikan .pendidikan-bagi .ULLastActivity {
-          border-left: 1px solid #4848488f;
-          margin-left: 3%;
-          padding-left: 2%;
-          list-style: none;
-        }
-
-        .pendidikan .pendidikan-bagi .ULLastActivity li {
-          margin: 0px 0px 1% 0px;
-          background: #0084c30d;
-          padding: 2%;
-          cursor: pointer;
-        }
-
-        .pendidikan .pendidikan-bagi .ULLastActivity li:hover {
-          background: #0084c34a;
-        }
-
-        .pendidikan .pendidikan-bagi .ULLastActivity li span:nth-child(1) {
-          padding: 1px 5px 1px 0px;
-          border-radius: 5px;
-          font-size: small;
-          color: #cdbe91;
-        }
-
-        .pendidikan .pendidikan-bagi .ULLastActivity li span:nth-child(2) {
-          background: rgb(255 255 255 / 0%);
-          padding: 1px 5px 1px 5px;
-          border-radius: 3px;
-          font-size: small;
-          color: #cdbe91;
-          border: 2px solid #cdbe91;
-        }
-
-        .pendidikan .pendidikan-bagi .ULLastActivity li h4 {
-          font-size: large;
-          padding: 0;
-          margin: 4px 0px 0px 0px;
-        }
-
-        ul.timeline {
-          color: #adadad;
-          list-style-type: none;
-          position: relative;
-        }
-
-        ul.timeline:before {
-          content: ' ';
-          background: #d4d9df;
-          display: inline-block;
-          position: absolute;
-          left: 29px;
-          width: 2px;
-          height: 100%;
-          z-index: 400;
-        }
-
-        ul.timeline>li {
-          margin: 30px 0;
-          padding: 0px 3% 0px 4px;
-        }
-
-        ul.timeline>li:before {
-          content: ' ';
-          background: white;
-          display: inline-block;
-          position: absolute;
-          border-radius: 50%;
-          border: 3px solid #22c0e8;
-          left: 20px;
-          width: 20px;
-          height: 20px;
-          z-index: 400;
-        }
-
-        ul.timeline>li span {
-          color: #727272;
-        }
-
-        ul.timeline>li ul li ul li {
-          margin: 0% 0% 0.5% 0%;
-        }
-
-        ul.timeline>li p {
-          text-align: justify;
-        }
-      </style>
-      <div class="pendidikan">
-        <div class="pendidikan-bagi">
-          <h2>Riwayat Pendidikan</h2>
-          <div class="row">
-            <div class="">
-              <ul class="timeline">
-                <li>
-                  <span>September 2014 - Oktober 2018</span>
-                  <a href="#" class="float-right"> </a>
-                  <h3> <a target="_blank" href="https://www.piksi.ac.id/">Politeknik Piksi Ganesha Bandung</a></h3>
-                  <h5>DIV Manajemen Informatika - IPK 3.09</h5>
-                  <button class="btn btn-outline-primary btn-sm in_view" id="LihatIjazah">Lihat Ijazah</button>
-                  <button class="btn btn-outline-primary btn-sm in_view" id="KeteranganLulus">Keterangan Lulus</button>
-                  <button class="btn btn-outline-primary btn-sm in_view" id="SKHUN-PIKSI">Rekap Nilai</button>
-                  <ul style="margin-top: 1%;">
-                    <li>
-                      <p>Setiap masuk kuliah saya ditantang untuk menempuh 60 km perjalanan dari rumah sampai kampus
-                        dengan
-                        menggunakan sepeda motor, diperlukan waktu kurang lebih 2-3 jam untuk sampai dan itu saya
-                        lakukan
-                        konsisten selama 4 tahun.</p>
-                    </li>
-                    <li>
-                      <p>Saya aktif mengikuti seminar dan kompetensi, selama kuliah</p>
-                      <ul>
-                        <li><button class="btn btn-info btn-sm in_view" id="CALLFORPAPER">Seminar Nasional dan Call For
-                            Paper Information Technology & Computer</button> </li>
-                        <li><button class="btn btn-info btn-sm in_view" id="TOEIC">Sertifikasi TOEIC</button> </li>
-                        <li><button class="btn btn-info btn-sm in_view" id="ORACLE">Introduction to Big Data : Limitless
-                            Possibilities</button> </li>
-                        <li><button class="btn btn-info btn-sm in_view" id="EKSIS2017">Ekonomi Kesehatan Sistem
-                            Informasi
-                            Bisnis (EKSIS) 2017</button> </li>
-                        <li><button class="btn btn-info btn-sm in_view" id="PICKS2016">Piksi International Conference on
-                            Knowledge and Sciences (PICKS) 2016</button></li>
-                      </ul>
-                    </li>
-                  </ul>
-                </li>
-
-                <li style="margin-top: 5%;">
-                  <span>Juli 2011 - Mei 2014</span>
-                  <a href="#" class="float-right"> </a>
-                  <h3> <a target="_blank" href="https://goo.gl/maps/LE4vZkz2FK5UE2aa8">Madrasah Aliyah Muslimin
-                      Cipeundeuy</a></h3>
-                  <h5>Jurusan Ilmu Pengetahuan Sosial (IPS)</h5>
-                  <button class="btn btn-outline-primary btn-sm in_view" id="LihatIjazah-MA">Lihat Ijazah</button>
-                  <button class="btn btn-outline-primary btn-sm in_view" id="SKHUN-MA">SKHUN</button>
-                  <ul style="margin-top: 1%;">
-                    <li>
-                      <p>Pernah mewakili sekolah dalam mengikuti lomba catur tingkat kecamatan.</p>
-                    </li>
-                    <li>
-                      <p>Mengikuti organisasi IKRIMA sebagai anggota</p>
-                    </li>
-                  </ul>
-                </li>
-
-                <li style="margin-top: 5%;">
-                  <span>2007 - Juni 2011</span>
-                  <a href="#" class="float-right"> </a>
-                  <h3> <a target="_blank"
-                      href="https://www.google.com/maps/place/6%C2%B044'17.4%22S+107%C2%B021'49.8%22E/@-6.7381707,107.3632978,19z/data=!3m1!4b1!4m6!3m5!1s0x0:0x14e44832bcfe5168!7e2!8m2!3d-6.7381721!4d107.3638448">Madrasah
-                      Tsanawiyah Muslimin Cipeundeuy</a></h3>
-
-                  <button class="btn btn-outline-primary btn-sm in_view" id="LihatIjazah-MTS">Lihat Ijazah</button>
-                  <button class="btn btn-outline-primary btn-sm in_view" id="SKHUN-MTS">SKHUN</button>
-                  <ul style="margin-top: 1%;">
-                    <li>
-                      <p>2.5 Tahun pernah mondok di <a target="_blank"
-                          href="https://goo.gl/maps/pVkRSEpvG6P3rp147">PONPES
-                          SABIILUNNAJA</a> dimulai kelas 1 sampai kelas 3 MTS</p>
-                    </li>
-
-                  </ul>
-                </li>
-
-                <li style="margin-top: 5%;">
-                  <span>2002 - 2007</span>
-                  <a href="#" class="float-right"> </a>
-                  <h3> <a target="_blank" href="https://goo.gl/maps/9cN6afUvH75b69y4A">Madrasah Ibtidaiyah Nyenang</a>
-                  </h3>
-
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-        <div class="pendidikan-bagi">
-          <h2>Latest</h2>
-          <ul class="ULLastActivity">
-            <li id="Course-DigitalMarketing" class="in_view "><span>OnGoing</span><span>Kursus</span>
-              <h4>Digital Marketing Kelas Professional</h4><span><a target="_blank"
-                  href="https://jabarcodingcamp.jabarprov.go.id/">Candradimuka Jabar Coding Camp</a></span>
-            </li>
-            <li id="Course-RevouMiniCourseDataAnalytics" class="in_view "><span>2022/11/16</span><span>Kursus</span>
-              <h4>Revou Mini Course Data Analytics</h4><span><a target="_blank"
-                  href="https://revou.co/">RevoU</a></span>
-            </li>
-            <li id="Course-BelajarPrinsipPemrogramanSOLID" class="in_view "><span>2022/11/11</span><span>Kursus</span>
-              <h4>Belajar Prinsip Pemrograman SOLID</h4><span><a target="_blank"
-                  href="https://www.dicoding.com/">Dicoding Indonesia</a></span>
-            </li>
-            <li id="Course-BukitAlgoritmadanMasaDepanTeknologiDatadiIndonesia" class="in_view ">
-              <span>2021/10/02</span><span>Webinar</span>
-              <h4>Bukit Algoritma dan Masa Depan Teknologi Data di Indonesia</h4><span><a target="_blank"
-                  href="https://www.instagram.com/taudata.analytics/">taudata</a></span>
-            </li>
-          </ul>
-        </div>
-      </div>
-    </div>
-
-    <!-- ======================================================================================================================== START TAB 4 -->
-    <style type="text/css">
-      .media {
-        color: #adadad;
-      }
-    </style>
-    <div class="tab-pane" id="settings" role="tabpanel" aria-labelledby="settings-tab">
-      <div class="row">
-        <div class="col-12">
-          <div class="media  p-3 flex-column flex-md-row">
-            <img src="IMG/img.png" data-src="IMG/rap.webp" alt="#" class="mr-3 rounded-circle" alt="logo rap"
-              style="width: 50px;    background: #e3e3e3;    border-radius: 50%;    padding: 6px; ">
-            <div class="media-body align-self-center">
-              <h4><a target="_blank" href="https://goo.gl/maps/TLHgSqZvYX9LZ94c9">PT. Raya Azura Persada</a></h4>
-              <small>
-                <p>Januari 2020 - Sekarang (Pesanggrahan, Jakarta Selatan)</p>
-              </small>
-              <h5>Administrative Officer</h5>
-              <ul>
-                <li>Menyiapkan serta memvalidasi data-data perusahaan serta mengorganisasi kelengkapan dokumen untuk
-                  proses Tender Proyek dan persyaratan lainnya yang berkaitan dengan perizinan</li>
-                <li>Bertanggung jawab mengelola dan mengarsipkan dokumen kelengkapan kebutuhan legalitas perusahaan,
-                  baik yang bentuknya fisik atau digital</li>
-                <li>Memanipulasi data statistik, apabila ada tuntutan dari atasan atau situasi yang mendesak</li>
-                <li>Mengelola setiap surat yang keluar ataupun masuk ke perusahaan</li>
-                <li>Bertanggung jawab dalam pengelolaan peralatan dan kelengkapan inventaris perusahaan</li>
-                <li>Mengoperasikan peralatan mesin fotokopi, mesin faks, printer, dan sebagainya</li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="row">
-        <div class="col-12">
-          <div class="media  p-3 flex-column flex-md-row">
-            <img src="IMG/img.png" data-src="IMG/rap.webp" alt="#" class="mr-3 rounded-circle" alt="logo rap"
-              style="width: 50px;    background: #e3e3e3;    border-radius: 50%;    padding: 6px;">
-            <div class="media-body align-self-center">
-              <h4><a target="_blank" href="https://goo.gl/maps/TLHgSqZvYX9LZ94c9">PT. Raya Azura Persada</a></h4>
-              <small>
-                <p>Januari 2018 - Desember 2019 (Pesanggrahan, Jakarta Selatan)</p>
-              </small>
-              <button class="btn btn-info btn-sm in_view" id="SuketKerjaRAP">Surat Keterangan</button>
-              <h5>IT Support</h5>
-              <ul>
-                <li>Mendevelop website perusahaan berbasis PHP dengan database Mysql dan mengoprasikannya </li>
-                <li>Membuat Aplikasi Inventaris peralatan dan barang berbasis WEB yang terintegrasi dengan website
-                  perusahaan dan mengoprasikannya</li>
-                <li>Mendevelop Aplikasi management kantor, accounting, kepegawaian, Logistik local LAN berbasis WEB dan
-                  mengimplementasikannya..</li>
-                <li>Membuat aplikasi Logistik berbasis Dekstop terintegrasi dengan Aplikasi WEB Local Lan</li>
-                <li>Membantu setiap senior karyawan perusahaan terkait masalah software, hardware dan Mengkoordinasikan
-                  ruang kerja serta hal-hal yang berkaitan dengan informasi teknologi juga persiapan meeting</li>
-                <li>Membantu mengurus dokumen perusahaan, disposisi surat, baik yang bentuknya fisik atau digital dan
-                  menyiapkan data-data legalitas perusahaan untuk proses Tender Proyek</li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="row">
-        <div class="col-12">
-          <div class="media  p-3 flex-column flex-md-row">
-            <img src="IMG/img.png" data-src="IMG/kbk.webp" alt="#" class="mr-3 rounded-circle"
-              alt="logo pemerintah bandung"
-              style="width: 50px;    background: #e3e3e3;    border-radius: 50%;    padding: 6px;">
-            <div class="media-body align-self-center">
-              <h4><a target="_blank" href="https://twitter.com/KecBankul">Kantor Kecamatan Bandung Kulon</a></h4>
-              <small>
-                <p>Oktober 2017 - Desember 2017 (Bandung kulon, Kota Bandung)</p>
-              </small>
-              <button class="btn btn-info btn-sm in_view" id="Pengantar">Pengantar</button>
-              <button class="btn btn-info btn-sm in_view" id="Absen">Absen</button>
-              <h5>Praktek Kerja Lapangan Rolling Staff Kepala Sub Bagian (KASUBAG)</h5>
-              <ul>
-                <li>Membantu mengolah data penduduk pada setiap kelurahan, Update media sosial di KASUBAG Command Centre
-                </li>
-                <li>Membantu Acara Sosialisasi masyarakat serta mendokumentasikan dan membuat notulen pada setiap acara
-                  yang berlangsung di KASUBAG Unit Pemberdayaan Masyarakat</li>
-                <li>Membantu Disposisi Surat di KASUBAG Unit Kepegawaian</li>
-                <li>Membantu mengolah permintaan, Perubahan, data KTP, Kartu Keluarga di KASUBAG Unit Pelayanan</li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-
-
-  </div>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <!-- ====================================================================================================== START contactform -->
-  <style>
-    /*=== Trigger  ===*/
-    .animasikan {
-      -webkit-animation-duration: 1s;
-      animation-duration: 1s;
-      -webkit-animation-fill-mode: both;
-      animation-fill-mode: both;
-    }
-
-    /*=== FADE IN DOWN ===*/
-    .fadeInDown {
-      -webkit-animation-name: fadeInDown;
-      animation-name: fadeInDown;
-    }
-
-    @-webkit-keyframes fadeInDown {
-      0% {
-        opacity: 0;
-        -webkit-transform: translate3d(0, -100%, 0);
-        transform: translate3d(0, -100%, 0);
-      }
-
-      100% {
-        opacity: 1;
-        -webkit-transform: none;
-        transform: none;
-      }
-    }
-
-    @keyframes fadeInDown {
-      0% {
-        opacity: 0;
-        -webkit-transform: translate3d(0, -100%, 0);
-        transform: translate3d(0, -100%, 0);
-      }
-
-      100% {
-        opacity: 1;
-        -webkit-transform: none;
-        transform: none;
-      }
-    }
-
-    /*==== FADE IN UP ===*/
-    @-webkit-keyframes fadeInUp {
-      from {
-        opacity: 1;
-        -webkit-transform: none;
-        transform: none;
-      }
-
-      to {
-        opacity: 0;
-        -webkit-transform: translate3d(0, 100%, 0);
-        transform: translate3d(0, 100%, 0);
-      }
-    }
-
-    @keyframes fadeInUp {
-      from {
-        opacity: 1;
-        -webkit-transform: none;
-        transform: none;
-      }
-
-      to {
-        opacity: 0;
-        -webkit-transform: translate3d(0, 100%, 0);
-        transform: translate3d(0, 100%, 0);
-      }
-    }
-
-    .fadeInUp {
-      -webkit-animation-name: fadeInUp;
-      animation-name: fadeInUp;
-      display: none;
-    }
-  </style>
-  <div id="ContactForm">
-
-  </div>
-  <script>
-    $(document).on('click', '.plugin-ContactForm', function () {
-      $('#ContactForm').html();
-      $('#ContactForm').load("plugin-ContactForm.html");
-    });
-
-    $(document).on('click', '.screen-header-button ', function () {
-      $('.background-style-linux').removeClass("fadeInDown").addClass("fadeInUp");
-    });
-  </script>
-
-  <!-- ====================================================================================================== START Inview klik open -->
-
-  <style type="text/css">
-    #loader-line {
-      height: 3px;
-      position: relative;
-      overflow: hidden;
-      background-color: #ddd;
-      margin: auto;
-      -webkit-border-radius: 20px;
-      -moz-border-radius: 20px;
-      border-radius: 20px;
-    }
-
-    #loader-line:before {
-      content: "";
-      position: absolute;
-      left: -50%;
-      height: 3px;
-      width: 40%;
-      background-color: #00b2ff;
-      -webkit-animation: lineAnim 1s linear infinite;
-      -moz-animation: lineAnim 1s linear infinite;
-      animation: lineAnim 1s linear infinite;
-      -webkit-border-radius: 20px;
-      -moz-border-radius: 20px;
-      border-radius: 20px;
-    }
-
-    @keyframes lineAnim {
-      0% {
-        left: -40%;
-      }
-
-      50% {
-        left: 20%;
-        width: 80%;
-      }
-
-      100% {
-        left: 100%;
-        width: 100%;
-      }
-    }
-
-    /* end css loading......... */
-    .in_view {
-      cursor: pointer;
-    }
-
-    #in_view_form {
-      display: none;
-      /* transition: all 0.3s ease-out; */
-      border-radius: 20px;
-      background: #ebebeb2e;
-      backdrop-filter: blur(15px);
-      overflow: auto;
-      z-index: 999;
-      position: fixed;
-      top: -100%;
-      right: 0;
-      left: 0;
-      bottom: 0;
-      width: 98%;
-      height: 92%;
-      margin: 2% auto;
-      padding: 2%;
-      box-shadow: rgb(0 0 0 / 18%) -1px 1px 17px 7px;
-    }
-
-    .close-button {
-      width: 30px;
-      height: 30px;
-      border-radius: 50%;
-      background: #3e3e3e;
-      right: 1%;
-      top: 1%;
-      position: absolute;
-      display: block;
-      z-index: 200;
-      text-indent: -9999px;
-      box-shadow: rgb(0 243 255) 0px 0px 0px 2px;
-      border: none;
-    }
-
-    .close-button:before,
-    .close-button:after {
-      content: '';
-      width: 55%;
-      height: 2px;
-      background: #fff;
-      position: absolute;
-      top: 48%;
-      left: 22%;
-      -webkit-transform: rotate(-45deg);
-      -moz-transform: rotate(-45deg);
-      -ms-transform: rotate(-45deg);
-      -o-transform: rotate(-45deg);
-      transform: rotate(-45deg);
-      -webkit-transition: all 0.3s ease-out;
-      -moz-transition: all 0.3s ease-out;
-      -ms-transition: all 0.3s ease-out;
-      -o-transition: all 0.3s ease-out;
-      transition: all 0.3s ease-out;
-    }
-
-    .close-button:after {
-      -webkit-transform: rotate(45deg);
-      -moz-transform: rotate(45deg);
-      -ms-transform: rotate(45deg);
-      -o-transform: rotate(45deg);
-      transform: rotate(45deg);
-      -webkit-transition: all 0.3s ease-out;
-      -moz-transition: all 0.3s ease-out;
-      -ms-transition: all 0.3s ease-out;
-      -o-transition: all 0.3s ease-out;
-      transition: all 0.3s ease-out;
-    }
-
-    .close-button:hover:before,
-    .close-button:hover:after {
-      -webkit-transform: rotate(180deg);
-      -moz-transform: rotate(180deg);
-      -ms-transform: rotate(180deg);
-      -o-transform: rotate(180deg);
-      transform: rotate(180deg);
-    }
-
-    .inview_frame iframe {
-      width: 100%;
-      height: 100%;
-      border: none;
-    }
-
-    .inview_frame img {
-      max-width: 100%;
-    }
-  </style>
-
-
-  <div id="in_view_form" title="Detail">
-    <button class="close-button">x</button>
-
-    <div class="inview_frame"></div>
-  </div>
-
-  <script>
-    function hideLoadingiframe() {
-      document.getElementById('loader-line').style.display = "none";
-      document.getElementById('iframeid').style.display = "block";
-    }
-
-    function klikClosebtninview(argument) {
-      // $("#in_view_form").css('display','none');
-      $("#in_view_form").slideUp();
-      $("#in_view_form").animate({
-        top: '-100%',
-      });
-      $(".inview_frame").empty();
-    }
-    $(document).on('click', '.close-button', function () {
-      klikClosebtninview();
-    });
-    $(document).on('click', '.in_view', function () {
-      $(".inview_frame").empty();
-      var stat = $(this).attr("id");
-      if (stat == "DataAnalytic") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><div id="jarvis-circle-wrapper"><div id="jarvis-circle-inner"></div></div><div class="b-chart-strip1"></div><div class="b-chart-strip2"></div><div class="b-chart"><canvas id="chart-DAtyc"></canvas></div><div class="befortext"><span>Average</span><span>72%</span><div class="b-text">Ulet ketika menganalisa, sehingga teliti dalam menyajikan dan menginterpretasikan Data dengan sangat baik</div></div><iframe onload="hideLoadingiframe()" id="iframeid"   scrolling="auto" src="https://drive.google.com/file/d/127ieaRo7ngK4_uCAjCcBUV3_27eJSt2E/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" ></iframe><br/><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://apply.revou.co/mc-report?name=Yusup+Maulana&tier=DA3&code=yusupmaulana.net@gmail.com" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" ></iframe></div>'
-        );
-        var configchartDAtyc = {
-          type: 'radar',
-          data: {
-            labels: ['R & Phyton', 'Mathematics', 'Visualization', 'Data Cleaning', 'Data Mining', 'MYSQL'],
-            datasets: [{
-              label: "DA Skills",
-              data: [40, 60, 95, 80, 65, 90],
-              backgroundColor: 'rgba(99, 211, 255, 0.2)',
-              borderColor: '#00f1ff',
-              pointBackgroundColor: '#00f1ff',
-              pointBorderColor: '#fff',
-              pointHoverBackgroundColor: '#fff',
-              pointHoverBorderColor: '#00f1ff'
-            }, {
-              label: '',
-              data: [0, 0, 0, 0, 0, 0],
-            }]
-          },
-          options: {
-            legend: {
-              display: false
-            },
-            scale: {
-              gridLines: {
-                color: ['#d4d4d4']
-              }
-            }
-          }
-        };
-        var chartDAtyc = document.getElementById("chart-DAtyc");
-        new Chart(chartDAtyc, configchartDAtyc);
-      } else if (stat == "DIGImar") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><div id="jarvis-circle-wrapper"><div id="jarvis-circle-inner"></div></div><div class="b-chart-strip1"></div><div class="b-chart-strip2"></div><div class="b-chart"><canvas id="chart-DIGImar"></canvas></div><div class="befortext"><span>Average</span><span>65%</span><div class="b-text">Terlatih dalam menggunakan media digital atau internet dengan tujuan untuk menarik konsumen atau calon konsumen secara cepat</div></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://apply.revou.co/mc-report?name=Yusup+maulana&tier=DM4&code=yusupmaulana.net@gmail.com" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-        var configchartDIGImar = {
-          type: 'radar',
-          data: {
-            labels: ['Paid Advertising', 'Funneling Strategy', 'SEO / SEM', 'Social Media Marketing', 'Foreign language', 'Market research capabilities', 'Writing & Storytelling'],
-            datasets: [{
-              label: "DM Skills",
-              data: [50, 85, 70, 80, 10, 90, 70],
-              backgroundColor: 'rgba(99, 211, 255, 0.2)',
-              borderColor: '#00f1ff',
-              pointBackgroundColor: '#00f1ff',
-              pointBorderColor: '#fff',
-              pointHoverBackgroundColor: '#fff',
-              pointHoverBorderColor: '#00f1ff'
-            }, {
-              label: '',
-              data: [0, 0, 0, 0, 0, 0],
-            }]
-          },
-          options: {
-            legend: {
-              display: false
-            },
-            scale: {
-              gridLines: {
-                color: ['#d4d4d4']
-              }
-            }
-          }
-        };
-        var chartDIGImar = document.getElementById("chart-DIGImar");
-        new Chart(chartDIGImar, configchartDIGImar);
-      }
-      else if (stat == "MircrosoftOfficeSpecialist") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><div id="jarvis-circle-wrapper"><div id="jarvis-circle-inner"></div></div><div class="b-chart-strip1"></div><div class="b-chart-strip2"></div><div class="b-chart"><canvas id="chart-MOS"></canvas></div><div class="befortext"><span>Average</span><span>90%</span><div class="b-text">Menguasai fitur dan fungsionalitas lengkap Microsoft Office, mulai dari Excel, Word, Power Point, Publisher, Acces dan telah memiliki sertifikasi yang dikeluarkan oleh Certiport, Kredensial yang diakui secara global</div></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/16LDi4XU0qaFX-wQsOnKpRu3ahG1LIG5I/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-        var configchartMOS = {
-          type: 'radar',
-          data: {
-            labels: ['Ms. Word', 'Ms. Excel', 'Ms. Power Point', 'Ms. Acces', 'Ms. Publisher', 'Ms. Project'],
-            datasets: [{
-              label: "MOS Skills",
-              data: [99, 95, 99, 95, 95, 55],
-              backgroundColor: 'rgba(99, 211, 255, 0.2)',
-              borderColor: '#00f1ff',
-              pointBackgroundColor: '#00f1ff',
-              pointBorderColor: '#fff',
-              pointHoverBackgroundColor: '#fff',
-              pointHoverBorderColor: '#00f1ff'
-            }, {
-              label: '',
-              data: [0, 0, 0, 0, 0, 0],
-            }]
-          },
-          options: {
-            legend: {
-              display: false
-            },
-            scale: {
-              gridLines: {
-                color: ['#d4d4d4']
-              }
-            }
-          }
-        };
-        var chartMOS = document.getElementById("chart-MOS");
-        new Chart(chartMOS, configchartMOS);
-      } else if (stat == "ManajemenData") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><div id="jarvis-circle-wrapper"><div id="jarvis-circle-inner"></div></div><div class="b-chart-strip1"></div><div class="b-chart-strip2"></div><div class="b-chart"><canvas id="chart-MANINF"></canvas></div><div class="befortext"><span>Average</span><span>89%</span><div class="b-text">Mampu membangun, merancang dan mengembangkan sebuah sistem software dan juga Aplikasi Berbasis WEB. Melakukan analisis secara menyeluruh pada sistem komputer. Mengelola, merapikan data-data agar sumber data tetap aktual. Pelayanan konsultasi di bidang IT dan menyusun rancangan jaringan komputer</div></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/1RxNHpvfPc1dE3xidyTmB2fqs-zohkPrw/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-        var configchartMANINF = {
-          type: 'radar',
-          data: {
-            labels: ['Programmer', 'Software Engineer', 'System Analyst', 'Database Adm', 'IT Consultant', 'Web Developer', 'C. Network Architect'],
-            datasets: [{
-              label: "MD Skills",
-              data: [85, 95, 90, 88, 85, 97, 84],
-              backgroundColor: 'rgba(99, 211, 255, 0.2)',
-              borderColor: '#00f1ff',
-              pointBackgroundColor: '#00f1ff',
-              pointBorderColor: '#fff',
-              pointHoverBackgroundColor: '#fff',
-              pointHoverBorderColor: '#00f1ff'
-            }, {
-              label: '',
-              data: [0, 0, 0, 0, 0, 0],
-            }]
-          },
-          options: {
-            legend: {
-              display: false
-            },
-            scale: {
-              gridLines: {
-                color: ['#d4d4d4']
-              }
-            }
-          }
-        };
-        var chartMANINF = document.getElementById("chart-MANINF");
-        new Chart(chartMANINF, configchartMANINF);
-      } else if (stat == "InformationTechnologySupport") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><div id="jarvis-circle-wrapper"><div id="jarvis-circle-inner"></div></div><div class="b-chart-strip1"></div><div class="b-chart-strip2"></div><div class="b-chart"><canvas id="chart-InformationTechnologySupport"></canvas></div> <div class="befortext"><span>Average</span><span>92%</span><div class="b-text">Mahir dalam mengidentifikasi spesifikasi, memasang perlengkapan, mengoprasikan perangkat komputer, dan melakukan instalasi jaringan serta instalasi operating system</div></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/1GRKu-OdNKD_TFHURZimDeM2YJLpLXuL1/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-        var configchartInformationTechnologySupport = {
-          type: 'radar',
-          data: {
-            labels: ['Install Pheriperal', 'PC Stand Alone', 'Instalation Network', 'Instalation OS', 'Ident spec'],
-            datasets: [{
-              label: "ITS Skills",
-              data: [99, 99, 85, 95, 80],
-              backgroundColor: 'rgba(99, 211, 255, 0.2)',
-              borderColor: '#00f1ff',
-              pointBackgroundColor: '#00f1ff',
-              pointBorderColor: '#fff',
-              pointHoverBackgroundColor: '#fff',
-              pointHoverBorderColor: '#00f1ff'
-            }, {
-              label: ' Skills',
-              data: [0, 0, 0, 0, 0, 0],
-            }]
-          },
-          options: {
-            legend: {
-              display: false
-            },
-            scale: {
-              gridLines: {
-                color: ['#d4d4d4']
-              }
-            }
-          }
-        };
-        var chartInformationTechnologySupport = document.getElementById("chart-InformationTechnologySupport");
-        new Chart(chartInformationTechnologySupport, configchartInformationTechnologySupport);
-      } else if (stat == "InformationTechnologyNetwork") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><div id="jarvis-circle-wrapper"><div id="jarvis-circle-inner"></div></div><div class="b-chart-strip1"></div><div class="b-chart-strip2"></div><div class="b-chart"><canvas id="chart-ITN"></canvas></div> <div class="befortext"><span>Average</span><span>90%</span><div class="b-text">Lihai membuat jaringan lokal, dan nirkabel dan juga Terampil melaksanakan prosedur perawatan serta menyelenggarakan adm sistem jaringan, maupun menginstal sumber daya berbagi pada jaringan</div></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/12yPnLG5v5e1VtWNfA3VkgK1sQPNakOCC/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>');
-        var configchartITN = {
-          type: 'radar',
-          data: {
-            labels: ['Desain LAN', 'Cable UTP & BNC', 'Install Wireless', 'Network resources', 'Network administration', 'Procedure maintenance'],
-            datasets: [{
-              label: "ITN Skills",
-              data: [90, 99, 91, 85, 80, 94],
-              backgroundColor: 'rgba(99, 211, 255, 0.2)',
-              borderColor: '#00f1ff',
-              pointBackgroundColor: '#00f1ff',
-              pointBorderColor: '#fff',
-              pointHoverBackgroundColor: '#fff',
-              pointHoverBorderColor: '#00f1ff'
-            }, {
-              label: '',
-              data: [0, 0, 0, 0, 0, 0],
-            }]
-          },
-          options: {
-            legend: {
-              display: false
-            },
-            scale: {
-              gridLines: {
-                color: ['#d4d4d4']
-              }
-            }
-          }
-        };
-        var chartITN = document.getElementById("chart-ITN");
-        new Chart(chartITN, configchartITN);
-      } else if (stat == "EngineringInformationSystem") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><div id="jarvis-circle-wrapper"><div id="jarvis-circle-inner"></div></div><div class="b-chart-strip1"></div><div class="b-chart-strip2"></div><div class="b-chart"><canvas id="chart-EIS"></canvas></div><div class="befortext"><span>Average</span><span>98%</span><div class="b-text">Cakap dalam membuat algoritma, menulis atau membuat dokumen kode pemograman yang terstruktur dan Tangkas dalam mengoprasikan aplikasi basis data</div></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/1Pkhz1i4Mw6OCRKCDSvgKVwc7AkGKTBfX/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-        var configchartEIS = {
-          type: 'radar',
-          data: {
-            labels: ['Algorithm', 'Write basic programs', 'Code documents', 'Operate Database'],
-            datasets: [{
-              label: "EIS Skills",
-              data: [95, 99, 99, 98],
-              backgroundColor: 'rgba(99, 211, 255, 0.2)',
-              borderColor: '#00f1ff',
-              pointBackgroundColor: '#00f1ff',
-              pointBorderColor: '#fff',
-              pointHoverBackgroundColor: '#fff',
-              pointHoverBorderColor: '#00f1ff'
-            }, {
-              label: '',
-              data: [0, 0, 0, 0, 0, 0],
-            }]
-          },
-          options: {
-            legend: {
-              display: false
-            },
-            scale: {
-              gridLines: {
-                color: ['#d4d4d4']
-              }
-            }
-          }
-        };
-        var chartEIS = document.getElementById("chart-EIS");
-        new Chart(chartEIS, configchartEIS);
-      } else if (stat == "LihatIjazah") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/1RxNHpvfPc1dE3xidyTmB2fqs-zohkPrw/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-      } else if (stat == "KeteranganLulus") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/1LohMqstmsX4ujx74yaJbg41SEOSWG1CD/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-      } else if (stat == "CALLFORPAPER") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/1LLkm3GmxhXWPbo2HuawRnJV7ab2rW5Zi/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-      } else if (stat == "TOEIC") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/1MbFAvmm47GoR5rEoMdj6JgZVdQaPn0qz/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-      } else if (stat == "ORACLE") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/1fBrfSLDw3EeQRQ-HsO1dFSN4lApeX3py/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-      } else if (stat == "EKSIS2017") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/1BA9KvDkAmDQhx_WclroQ2R0RaVKV3_BM/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-      } else if (stat == "PICKS2016") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/1sm63YoLQsDy1ob1p_DVph5H0XOClyONJ/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-      } else if (stat == "LihatIjazah-MA") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/1IIcC3sZW2nZoVDniDs-XdHJa5XUehQ-o/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-      } else if (stat == "SKHUN-MA") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/1S4EobZy1FW1mQoqXClK_0DHs51GZmxLC/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-      } else if (stat == "LihatIjazah-MTS") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/1u5qAPLCxngIvfkh-pdg9_b7jhpsRK-uF/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-      } else if (stat == "SKHUN-MTS") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/18WXcldAqJFhpefVmYUZaBs-ophyRwAN2/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-      } else if (stat == "SKHUN-PIKSI") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/1PuSQ6CJ6Khn6uF1Igv2CYe57XKIlbXta/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-      } else if (stat == "Pengantar") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/1ZepM4Xno5bMo27X2-k80565bCzojTFpf/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-      } else if (stat == "Absen") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/16eHkXyKMTDY1IoF8hXu8fzE5CbUvfnTC/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-      } else if (stat == "SuketKerjaRAP") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/105pgmA3CPSVtPPrnvPcuhHrHAjqk6QsR/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-      } else if (stat == "Course-DigitalMarketing") {
-        $(".inview_frame").html(
-          '<h1 style="color:white;text-align:center">On Going</h1>'
-        );
-      } else if (stat == "Course-BelajarPrinsipPemrogramanSOLID") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/1i9zmAJ7v1GxGLvbziFqfUIWhz6s6w2C1/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-      } else if (stat == "Course-RevouMiniCourseDataAnalytics") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/127ieaRo7ngK4_uCAjCcBUV3_27eJSt2E/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-      } else if (stat == "Course-BukitAlgoritmadanMasaDepanTeknologiDatadiIndonesia") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/1U0Q6F7Xt0DJyeof6-Ap679-f9UBoRokr/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-      } else if (stat == "portofolio-webanime") {
-        $(".inview_frame").append('<iframe  src="portofolio-webanime.html" />');
-      } else if (stat == "portofolio-websiteRAP") {
-        $(".inview_frame").append('<iframe  src="portofolio-websiteRAP.html" />');
-      } else if (stat == "portofolio-inventarisRAP") {
-        $(".inview_frame").append('<iframe  src="portofolio-inventarisRAP.html" />');
-      } else if (stat == "portofolio-cashflow") {
-        $(".inview_frame").append('<iframe  src="portofolio-cashflow.html" />');
-      } else if (stat == "portofolio-manktr") {
-        $(".inview_frame").append('<iframe  src="portofolio-manktr.html" />');
-      } else if (stat == "portofolio-osengmercon") {
-        $(".inview_frame").append('<iframe  src="portofolio-osengmercon.html" />');
-      } else if (stat == "portofolio-webcommandcentre") {
-        $(".inview_frame").append('<iframe  src="portofolio-webcommandcentre.html" />');
-      } else if (stat == "portofolio-manpumping") {
-        $(".inview_frame").append('<iframe  src="portofolio-manpumping.html" />');
-      } else if (stat == "portofolio-rabp") {
-        $(".inview_frame").append('<iframe  src="portofolio-rabp.html" />');
-      }
-      $("#in_view_form").css('display', 'block');
-      $("#in_view_form").animate({
-        top: '0%',
-      });
-
-    });
-  </script>
-  <!-- ====================================================================================================== END Inview klik open -->
-
-</body>
-
-</html>
-
-<script>
-  // loading firstime===============================================================================
-  document.onreadystatechange = function () {
-    if (document.readyState !== "complete") {
-      // document.querySelector(
-      //   "body").style.visibility = "hidden";
-      // document.querySelector(
-      //   "#loader").style.visibility = "visible";
-    } else {
-      document.querySelector(
-        "#loader").style.display = "none";
-      document.querySelector(
-        "body").style.visibility = "visible";
-    }
-  };
-
-
-  // image even lazyload preloader===============================================================================
-  const images = document.querySelectorAll("img");
-
-  const imgOptions = {};
-  const imgObserver = new IntersectionObserver((entries, imgObserver) => {
-    entries.forEach((entry) => {
-      if (!entry.isIntersecting) return;
-
-      const img = entry.target;
-      const realSRC = img.dataset.src;
-      console.log(realSRC);
-      img.setAttribute('src', realSRC);
-      img.style.filter = "blur(0px)";
-      // img.src = img.src.replace("w=10&", "w=800&");
-      imgObserver.unobserve(entry.target);
-    });
-  }, imgOptions);
-
-  images.forEach((img) => {
-    imgObserver.observe(img);
-  });
-
-
-
-
-
-  // proffesion change posisi===============================================================================
-  $(document).ready(function () {
-    let deviceType;
-    let windowWidth = $(window).width();
-    if (windowWidth < 767) {
-      $(".profession").addClass("posisi-untuk-profession-HP");
-    } else if (windowWidth < 1023) {
-      $(".profession").addClass("posisi-untuk-profession-TABLET");
-    } else if (windowWidth < 1025) {
-      $(".profession").addClass("posisi-untuk-profession-LAPTOP");
-    } else if (windowWidth < 1280) {
-      $(".profession").addClass("posisi-untuk-profession-LAPTOP");
-    } else {
-      $(".profession").addClass("posisi-untuk-profession-PC");
-    }
-  });
-  let TxtType = function (el, toRotate, period) {
-    this.toRotate = toRotate;
-    this.el = el;
-    this.loopNum = 0;
-    this.period = parseInt(period, 10) || 2000;
-    this.txt = "";
-    this.tick();
-    this.isDeleting = false;
-  };
-
-  TxtType.prototype.tick = function () {
-    var i = this.loopNum % this.toRotate.length;
-    var fullTxt = this.toRotate[i];
-
-    if (this.isDeleting) {
-      this.txt = fullTxt.substring(0, this.txt.length - 1);
-    } else {
-      this.txt = fullTxt.substring(0, this.txt.length + 1);
-    }
-
-    this.el.innerHTML = '<b class="wrap">' + this.txt + "</b>";
-
-    var that = this;
-    var delta = 200 - Math.random() * 100;
-
-    if (this.isDeleting) {
-      delta /= 2;
-    }
-
-    if (!this.isDeleting && this.txt === fullTxt) {
-      delta = this.period;
-      this.isDeleting = true;
-    } else if (this.isDeleting && this.txt === "") {
-      this.isDeleting = false;
-      this.loopNum++;
-      delta = 500;
-    }
-
-    setTimeout(function () {
-      that.tick();
-    }, delta);
-  };
-
-  window.onload = function () {
-    var elements = document.getElementsByClassName("profession");
-    for (var i = 0; i < elements.length; i++) {
-      var toRotate = elements[i].getAttribute("data-type");
-      var period = elements[i].getAttribute("data-period");
-      if (toRotate) {
-        new TxtType(elements[i], JSON.parse(toRotate), period);
-      }
-    }
-    // INJECT CSS
-    var css = document.createElement("style");
-    css.type = "text/css";
-    css.innerHTML = ".profession > .wrap { border-right: 0.08em solid #fff}";
-    document.body.appendChild(css);
-  };
-</script>
-<div class="untuk-profession"></div>
-<p class="profession" data-period="2000" data-type='["PROGRAMMER", "Administrative"]'></p>
-
-
-
-
-
-
-
-<!-- navigasi ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// -->
-
-<script type="text/javascript">
-  function getAge(dateString) {
-    var today = new Date();
-    var birthDate = new Date(dateString);
-    var age = today.getFullYear() - birthDate.getFullYear();
-    var m = today.getMonth() - birthDate.getMonth();
-    if (m < 0 || (m === 0 && today.getDate() < birthDate.getDate())) {
-      age--;
-    }
-    return age;
-  }
-  var usia = getAge("1996-07-07");
-  $(".usia").html(usia + " Tahun");
-
-
-  function openTabs(evt, TabsName) {
-    var i, tabcontent, tablinks;
-    tabcontent = document.getElementsByClassName("tab-pane");
-    for (i = 0; i < tabcontent.length; i++) {
-      tabcontent[i].className = tabcontent[i].className.replace(" active", "");
-      tabcontent[i].style.display = "none";
-    }
-
-    document.getElementById(TabsName).style.display = "block";
-
-    evt.currentTarget.className += " active";
-    $("html, body").animate({
-      scrollTop: $("#" + TabsName).offset().top
-    }, 1000, function () {
-      window.scrollTo(0, $("#" + TabsName).offset().top);
-    });
-  }
-
-  // $(document).on("click", "", function () {
-
-  // })
-</script>
-
-
-<style>
-  .tabbar {
-    --icon-active: #275efe;
-    --icon-inactive: #6c7486;
-    --icon-hover: #99a3ba;
-    --text: #e4ecfa;
-    --circle: #e4ecfa;
-    --background: #171c28;
-    --shadow: rgba(18, 22, 33, 0.1);
-    border-radius: 0 0 12px 12px;
-    background: var(--background);
-    position: sticky;
-    bottom: 0px;
-    height: 50px;
-    padding: 0 12px;
-    box-shadow: 0 8px 16px var(--shadow);
-    z-index:10;
-  }
-
-  .tabbar>div {
-    display: flex;
-    height: 100%;
-    position: relative;
-  }
-
-  .tabbar>div label {
-    flex: 0 0 25%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    position: relative;
-    cursor: pointer;
-    z-index: 1;
-    overflow: hidden;
-  }
-
-  .tabbar>div label svg,
-  .tabbar>div label span {
-    display: block;
-    -webkit-backface-visibility: hidden;
-    transition: transform 0.4s cubic-bezier(0.2, 0.64, 0.48, 1.12), opacity 0.4s ease, color 0.4s ease;
-    transform: translateY(var(--y)) scale(var(--s));
-  }
-
-  .tabbar>div label svg {
-    --y: 0;
-    --s: 0.84;
-    width: 24px;
-    height: 24px;
-    margin: auto;
-    color: var(--icon-inactive);
-    transform-origin: 50% 50%;
-  }
-
-  .tabbar>div label span {
-    --y: 25px;
-    --s: 0.92;
-    font-size: 10px;
-    font-weight: 500;
-    position: absolute;
-    left: 0;
-    right: 0;
-    text-align: center;
-    bottom: 0;
-    opacity: 0;
-    color: var(--text);
-    transform-origin: 50% 0;
-  }
-
-  .tabbar>div label:hover svg {
-    color: var(--icon-hover);
-  }
-
-  .tabbar>div label:active svg {
-    --s: 0.76;
-  }
-
-  .tabbar>div input {
-    display: none;
-  }
-
-  .tabbar>div input:nth-of-type(1):checked+label+input+label+input+label+span {
-    --x: 0;
-  }
-
-  .tabbar>div input:nth-of-type(2):checked+label+input+label+input+label+span {
-    --x: 100%;
-  }
-
-  .tabbar>div input:nth-of-type(3):checked+label+input+label+span {
-    --x: 200%;
-  }
-
-  .tabbar>div input:nth-of-type(4):checked+label+span {
-    --x: 300%;
-  }
-
-
-
-  .tabbar>div input:checked+label svg {
-    --y: -14px;
-    --s: 1;
-    color: var(--icon-active);
-  }
-
-  .tabbar>div input:checked+label span {
-    --s: 1;
-    --y: 3px;
-    opacity: 1;
-  }
-
-  .tabbar>div>span {
-    --x: 0;
-    display: block;
-    position: absolute;
-    left: 0;
-    top: 0;
-    bottom: 0;
-    width: 25%;
-    transition: transform 0.4s cubic-bezier(0.2, 0.64, 0.48, 1.12);
-    transform: translateX(var(--x));
-    -webkit-backface-visibility: hidden;
-  }
-
-  .tabbar>div>span:after {
-    content: "";
-    width: 44px;
-    height: 44px;
-    display: block;
-    border-radius: 50%;
-    background: var(--circle);
-    position: absolute;
-    left: 50%;
-    top: 0;
-    box-shadow: 0 2px 8px var(--shadow);
-    margin: -14px 0 0 -22px;
-  }
-</style>
-
-<nav class="tabbar">
-  <div>
-
-    <input id="menu-1" type="radio" name="menu" checked>
-    <label for="menu-1" onclick="openTabs(event, 'home')">
-      <svg>
-        <use xlink:href="#portfolioicon">
-      </svg>
-      <span>Portofolio</span>
-    </label>
-
-    <input id="menu-2" type="radio" name="menu">
-    <label for="menu-2" onclick="openTabs(event, 'profile')">
-      <svg>
-        <use xlink:href="#skiilssicon">
-      </svg>
-      <span>Skills</span>
-    </label>
-
-    <input id="menu-3" type="radio" name="menu">
-    <label for="menu-3" onclick="openTabs(event, 'messages')">
-      <svg>
-        <use xlink:href="#educationicon">
-      </svg>
-      <span>Education</span>
-    </label>
-
-    <input id="menu-4" type="radio" name="menu">
-    <label for="menu-4" onclick="openTabs(event, 'settings')">
-      <svg>
-        <use xlink:href="#workicon">
-      </svg>
-      <span>Work Record</span>
-    </label>
-
-    <span></span>
-  </div>
-</nav>
-
-<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
-  <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="portfolioicon" fill="currentColor">
-    <path
-      d="M21,2H3A2,2 0 0,0 1,4V20A2,2 0 0,0 3,22H21A2,2 0 0,0 23,20V4A2,2 0 0,0 21,2M11,17.5L9.5,19L5,14.5L9.5,10L11,11.5L8,14.5L11,17.5M14.5,19L13,17.5L16,14.5L13,11.5L14.5,10L19,14.5L14.5,19M21,7H3V4H21V7Z" />
-  </symbol>
-  <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="skiilssicon" fill="currentColor">
-    <path
-      d="M20,2H4V4L9.81,8.36C6.14,9.57 4.14,13.53 5.35,17.2C6.56,20.87 10.5,22.87 14.19,21.66C17.86,20.45 19.86,16.5 18.65,12.82C17.95,10.71 16.3,9.05 14.19,8.36L20,4V2M14.94,19.5L12,17.78L9.06,19.5L9.84,16.17L7.25,13.93L10.66,13.64L12,10.5L13.34,13.64L16.75,13.93L14.16,16.17L14.94,19.5Z" />
-  </symbol>
-  <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="educationicon" fill="currentColor">
-    <circle cx="12" cy="12" r="1.5" />
-    <path d="M12,3L1,9L12,15L21,10.09V17H23V9M5,13.18V17.18L12,21L19,17.18V13.18L12,17L5,13.18Z" />
-  </symbol>
-  <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="workicon" fill="currentColor">
-    <path
-      d="M10,2H14A2,2 0 0,1 16,4V6H20A2,2 0 0,1 22,8V19A2,2 0 0,1 20,21H4C2.89,21 2,20.1 2,19V8C2,6.89 2.89,6 4,6H8V4C8,2.89 8.89,2 10,2M14,6V4H10V6H14Z" />
-  </symbol>
\ No newline at end of file
diff --git a/.history/index_20231007013104.html b/.history/index_20231007013104.html
deleted file mode 100644
index 9a3f7c6..0000000
--- a/.history/index_20231007013104.html
+++ /dev/null
@@ -1,19572 +0,0 @@
-<div id="loader">
-  <b class="loader2"></b>
-  <img src="IMG/me.webp" data-src="IMG/me.webp" class="imageloading" alt="loading first time" />
-</div>
-<style type="text/css">
-  /*body{visibility: hidden;}*/
-  * {
-    -webkit-transition: all 0.2s ease;
-    -moz-transition: all 0.2s ease;
-    -o-transition: all 0.2s ease;
-    transition: all 0.2s ease;
-  }
-
-  .imageloading {
-    width: 120px;
-    margin: auto;
-    filter: none;
-  }
-
-  @keyframes rotate {
-    100% {
-      transform: rotate(360deg);
-    }
-  }
-
-  .loader2 {
-    width: 120px;
-    height: 118px;
-    border-radius: 50%;
-    display: inline-block;
-    position: absolute;
-    background: linear-gradient(0deg, rgba(18, 140, 83, 0.17) 33%, #05e8ff 100%);
-    box-sizing: border-box;
-    animation: rotation 1s linear infinite !important;
-    margin: auto;
-  }
-
-  .loader2::after {
-    content: '';
-    box-sizing: border-box;
-    position: absolute;
-    left: 50%;
-    top: 50%;
-    transform: translate(-50%, -50%);
-    width: 100px;
-    height: 100px;
-    border-radius: 50%;
-    background: #027eae26;
-  }
-
-  @keyframes rotation {
-    0% {
-      transform: rotate(0deg)
-    }
-
-    100% {
-      transform: rotate(360deg)
-    }
-  }
-
-  /* start css loading......... */
-
-  #loader {
-    z-index: 999;
-    position: fixed;
-    width: 100%;
-    height: 100%;
-    text-align: center;
-    padding: 10% 0px 0px 0px;
-  }
-
-  /* end css loading......... */
-</style>
-
-
-<!-- <!DOCTYPE html> -->
-<html lang="id-ID">
-
-<head>
-  <title>Yusup maulana | Programmer</title>
-  <meta charset="UTF-8">
-  <link rel="icon" type="image/x-icon" href="IMG/f.ico">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <meta name='description'
-    content='yusup maulana atau dikenal dengan sebutan maulana.net adalah seorang web programmer. dan juga membuka sebuah Jasa Website, seperti layaknya ini yang dibuat menggunakan pemograman native, HTML, CSS, javascript, Jquery, bootstrap 4, bisa jasa website, jasa aplikasi berbasis web, hubungi saja pada contact yang tercantum'>
-  <meta
-    content='yusup maulana, CV (Curriculum vitae), resume, portofolio, riwayat hidup, maulana.net, web programmer, pemograman native, HTML, CSS, javascript, Jquery, bootstrap 4, bisa jasa website, jasa aplikasi berbasis web, website programmer'
-    name='keywords' />
-  <meta name="author" content="yusup maulana">
-  <meta name="google-site-verification" content="B01fQU13pBHkgqGVwCV5DwMFfYZTHM5yT-vzihImekQ">
-
-  <!-- Slick CSS -->
-  <!-- src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js" -->
-  <script>
-    /*! jQuery v3.6.0 | (c) OpenJS Foundation and other contributors | jquery.org/license */ ! function (e, t) {
-      "use strict";
-      "object" == typeof module && "object" == typeof module.exports ? module.exports = e.document ? t(e, !0) :
-        function (e) {
-          if (!e.document) throw new Error("jQuery requires a window with a document");
-          return t(e)
-        } : t(e)
-    }("undefined" != typeof window ? window : this, function (C, e) {
-      "use strict";
-      var t = [],
-        r = Object.getPrototypeOf,
-        s = t.slice,
-        g = t.flat ? function (e) {
-          return t.flat.call(e)
-        } : function (e) {
-          return t.concat.apply([], e)
-        },
-        u = t.push,
-        i = t.indexOf,
-        n = {},
-        o = n.toString,
-        v = n.hasOwnProperty,
-        a = v.toString,
-        l = a.call(Object),
-        y = {},
-        m = function (e) {
-          return "function" == typeof e && "number" != typeof e.nodeType && "function" != typeof e.item
-        },
-        x = function (e) {
-          return null != e && e === e.window
-        },
-        E = C.document,
-        c = {
-          type: !0,
-          src: !0,
-          nonce: !0,
-          noModule: !0
-        };
-
-      function b(e, t, n) {
-        var r, i, o = (n = n || E).createElement("script");
-        if (o.text = e, t)
-          for (r in c) (i = t[r] || t.getAttribute && t.getAttribute(r)) && o.setAttribute(r, i);
-        n.head.appendChild(o).parentNode.removeChild(o)
-      }
-
-      function w(e) {
-        return null == e ? e + "" : "object" == typeof e || "function" == typeof e ? n[o.call(e)] || "object" :
-          typeof e
-      }
-      var f = "3.6.0",
-        S = function (e, t) {
-          return new S.fn.init(e, t)
-        };
-
-      function p(e) {
-        var t = !!e && "length" in e && e.length,
-          n = w(e);
-        return !m(e) && !x(e) && ("array" === n || 0 === t || "number" == typeof t && 0 < t && t - 1 in e)
-      }
-      S.fn = S.prototype = {
-        jquery: f,
-        constructor: S,
-        length: 0,
-        toArray: function () {
-          return s.call(this)
-        },
-        get: function (e) {
-          return null == e ? s.call(this) : e < 0 ? this[e + this.length] : this[e]
-        },
-        pushStack: function (e) {
-          var t = S.merge(this.constructor(), e);
-          return t.prevObject = this, t
-        },
-        each: function (e) {
-          return S.each(this, e)
-        },
-        map: function (n) {
-          return this.pushStack(S.map(this, function (e, t) {
-            return n.call(e, t, e)
-          }))
-        },
-        slice: function () {
-          return this.pushStack(s.apply(this, arguments))
-        },
-        first: function () {
-          return this.eq(0)
-        },
-        last: function () {
-          return this.eq(-1)
-        },
-        even: function () {
-          return this.pushStack(S.grep(this, function (e, t) {
-            return (t + 1) % 2
-          }))
-        },
-        odd: function () {
-          return this.pushStack(S.grep(this, function (e, t) {
-            return t % 2
-          }))
-        },
-        eq: function (e) {
-          var t = this.length,
-            n = +e + (e < 0 ? t : 0);
-          return this.pushStack(0 <= n && n < t ? [this[n]] : [])
-        },
-        end: function () {
-          return this.prevObject || this.constructor()
-        },
-        push: u,
-        sort: t.sort,
-        splice: t.splice
-      }, S.extend = S.fn.extend = function () {
-        var e, t, n, r, i, o, a = arguments[0] || {},
-          s = 1,
-          u = arguments.length,
-          l = !1;
-        for ("boolean" == typeof a && (l = a, a = arguments[s] || {}, s++), "object" == typeof a || m(a) || (
-          a = {}), s === u && (a = this, s--); s < u; s++)
-          if (null != (e = arguments[s]))
-            for (t in e) r = e[t], "__proto__" !== t && a !== r && (l && r && (S.isPlainObject(r) || (i = Array
-              .isArray(r))) ? (n = a[t], o = i && !Array.isArray(n) ? [] : i || S.isPlainObject(n) ? n : {},
-                i = !1, a[t] = S.extend(l, o, r)) : void 0 !== r && (a[t] = r));
-        return a
-      }, S.extend({
-        expando: "jQuery" + (f + Math.random()).replace(/\D/g, ""),
-        isReady: !0,
-        error: function (e) {
-          throw new Error(e)
-        },
-        noop: function () { },
-        isPlainObject: function (e) {
-          var t, n;
-          return !(!e || "[object Object]" !== o.call(e)) && (!(t = r(e)) || "function" == typeof (n = v.call(t,
-            "constructor") && t.constructor) && a.call(n) === l)
-        },
-        isEmptyObject: function (e) {
-          var t;
-          for (t in e) return !1;
-          return !0
-        },
-        globalEval: function (e, t, n) {
-          b(e, {
-            nonce: t && t.nonce
-          }, n)
-        },
-        each: function (e, t) {
-          var n, r = 0;
-          if (p(e)) {
-            for (n = e.length; r < n; r++)
-              if (!1 === t.call(e[r], r, e[r])) break
-          } else
-            for (r in e)
-              if (!1 === t.call(e[r], r, e[r])) break;
-          return e
-        },
-        makeArray: function (e, t) {
-          var n = t || [];
-          return null != e && (p(Object(e)) ? S.merge(n, "string" == typeof e ? [e] : e) : u.call(n, e)), n
-        },
-        inArray: function (e, t, n) {
-          return null == t ? -1 : i.call(t, e, n)
-        },
-        merge: function (e, t) {
-          for (var n = +t.length, r = 0, i = e.length; r < n; r++) e[i++] = t[r];
-          return e.length = i, e
-        },
-        grep: function (e, t, n) {
-          for (var r = [], i = 0, o = e.length, a = !n; i < o; i++) !t(e[i], i) !== a && r.push(e[i]);
-          return r
-        },
-        map: function (e, t, n) {
-          var r, i, o = 0,
-            a = [];
-          if (p(e))
-            for (r = e.length; o < r; o++) null != (i = t(e[o], o, n)) && a.push(i);
-          else
-            for (o in e) null != (i = t(e[o], o, n)) && a.push(i);
-          return g(a)
-        },
-        guid: 1,
-        support: y
-      }), "function" == typeof Symbol && (S.fn[Symbol.iterator] = t[Symbol.iterator]), S.each(
-        "Boolean Number String Function Array Date RegExp Object Error Symbol".split(" "),
-        function (e, t) {
-          n["[object " + t + "]"] = t.toLowerCase()
-        });
-      var d = function (n) {
-        var e, d, b, o, i, h, f, g, w, u, l, T, C, a, E, v, s, c, y, S = "sizzle" + 1 * new Date,
-          p = n.document,
-          k = 0,
-          r = 0,
-          m = ue(),
-          x = ue(),
-          A = ue(),
-          N = ue(),
-          j = function (e, t) {
-            return e === t && (l = !0), 0
-          },
-          D = {}.hasOwnProperty,
-          t = [],
-          q = t.pop,
-          L = t.push,
-          H = t.push,
-          O = t.slice,
-          P = function (e, t) {
-            for (var n = 0, r = e.length; n < r; n++)
-              if (e[n] === t) return n;
-            return -1
-          },
-          R =
-            "checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",
-          M = "[\\x20\\t\\r\\n\\f]",
-          I = "(?:\\\\[\\da-fA-F]{1,6}" + M + "?|\\\\[^\\r\\n\\f]|[\\w-]|[^\0-\\x7f])+",
-          W = "\\[" + M + "*(" + I + ")(?:" + M + "*([*^$|!~]?=)" + M +
-            "*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|(" + I + "))|)" + M + "*\\]",
-          F = ":(" + I + ")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|" +
-            W + ")*)|.*)\\)|)",
-          B = new RegExp(M + "+", "g"),
-          $ = new RegExp("^" + M + "+|((?:^|[^\\\\])(?:\\\\.)*)" + M + "+$", "g"),
-          _ = new RegExp("^" + M + "*," + M + "*"),
-          z = new RegExp("^" + M + "*([>+~]|" + M + ")" + M + "*"),
-          U = new RegExp(M + "|>"),
-          X = new RegExp(F),
-          V = new RegExp("^" + I + "$"),
-          G = {
-            ID: new RegExp("^#(" + I + ")"),
-            CLASS: new RegExp("^\\.(" + I + ")"),
-            TAG: new RegExp("^(" + I + "|[*])"),
-            ATTR: new RegExp("^" + W),
-            PSEUDO: new RegExp("^" + F),
-            CHILD: new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\(" + M +
-              "*(even|odd|(([+-]|)(\\d*)n|)" + M + "*(?:([+-]|)" + M + "*(\\d+)|))" + M + "*\\)|)", "i"),
-            bool: new RegExp("^(?:" + R + ")$", "i"),
-            needsContext: new RegExp("^" + M + "*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\(" + M +
-              "*((?:-\\d)?\\d*)" + M + "*\\)|)(?=[^-]|$)", "i")
-          },
-          Y = /HTML$/i,
-          Q = /^(?:input|select|textarea|button)$/i,
-          J = /^h\d$/i,
-          K = /^[^{]+\{\s*\[native \w/,
-          Z = /^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,
-          ee = /[+~]/,
-          te = new RegExp("\\\\[\\da-fA-F]{1,6}" + M + "?|\\\\([^\\r\\n\\f])", "g"),
-          ne = function (e, t) {
-            var n = "0x" + e.slice(1) - 65536;
-            return t || (n < 0 ? String.fromCharCode(n + 65536) : String.fromCharCode(n >> 10 | 55296, 1023 & n |
-              56320))
-          },
-          re = /([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,
-          ie = function (e, t) {
-            return t ? "\0" === e ? "\ufffd" : e.slice(0, -1) + "\\" + e.charCodeAt(e.length - 1).toString(16) +
-              " " : "\\" + e
-          },
-          oe = function () {
-            T()
-          },
-          ae = be(function (e) {
-            return !0 === e.disabled && "fieldset" === e.nodeName.toLowerCase()
-          }, {
-            dir: "parentNode",
-            next: "legend"
-          });
-        try {
-          H.apply(t = O.call(p.childNodes), p.childNodes), t[p.childNodes.length].nodeType
-        } catch (e) {
-          H = {
-            apply: t.length ? function (e, t) {
-              L.apply(e, O.call(t))
-            } : function (e, t) {
-              var n = e.length,
-                r = 0;
-              while (e[n++] = t[r++]);
-              e.length = n - 1
-            }
-          }
-        }
-
-        function se(t, e, n, r) {
-          var i, o, a, s, u, l, c, f = e && e.ownerDocument,
-            p = e ? e.nodeType : 9;
-          if (n = n || [], "string" != typeof t || !t || 1 !== p && 9 !== p && 11 !== p) return n;
-          if (!r && (T(e), e = e || C, E)) {
-            if (11 !== p && (u = Z.exec(t)))
-              if (i = u[1]) {
-                if (9 === p) {
-                  if (!(a = e.getElementById(i))) return n;
-                  if (a.id === i) return n.push(a), n
-                } else if (f && (a = f.getElementById(i)) && y(e, a) && a.id === i) return n.push(a), n
-              } else {
-                if (u[2]) return H.apply(n, e.getElementsByTagName(t)), n;
-                if ((i = u[3]) && d.getElementsByClassName && e.getElementsByClassName) return H.apply(n, e
-                  .getElementsByClassName(i)), n
-              } if (d.qsa && !N[t + " "] && (!v || !v.test(t)) && (1 !== p || "object" !== e.nodeName
-                .toLowerCase())) {
-              if (c = t, f = e, 1 === p && (U.test(t) || z.test(t))) {
-                (f = ee.test(t) && ye(e.parentNode) || e) === e && d.scope || ((s = e.getAttribute("id")) ? s = s
-                  .replace(re, ie) : e.setAttribute("id", s = S)), o = (l = h(t)).length;
-                while (o--) l[o] = (s ? "#" + s : ":scope") + " " + xe(l[o]);
-                c = l.join(",")
-              }
-              try {
-                return H.apply(n, f.querySelectorAll(c)), n
-              } catch (e) {
-                N(t, !0)
-              } finally {
-                s === S && e.removeAttribute("id")
-              }
-            }
-          }
-          return g(t.replace($, "$1"), e, n, r)
-        }
-
-        function ue() {
-          var r = [];
-          return function e(t, n) {
-            return r.push(t + " ") > b.cacheLength && delete e[r.shift()], e[t + " "] = n
-          }
-        }
-
-        function le(e) {
-          return e[S] = !0, e
-        }
-
-        function ce(e) {
-          var t = C.createElement("fieldset");
-          try {
-            return !!e(t)
-          } catch (e) {
-            return !1
-          } finally {
-            t.parentNode && t.parentNode.removeChild(t), t = null
-          }
-        }
-
-        function fe(e, t) {
-          var n = e.split("|"),
-            r = n.length;
-          while (r--) b.attrHandle[n[r]] = t
-        }
-
-        function pe(e, t) {
-          var n = t && e,
-            r = n && 1 === e.nodeType && 1 === t.nodeType && e.sourceIndex - t.sourceIndex;
-          if (r) return r;
-          if (n)
-            while (n = n.nextSibling)
-              if (n === t) return -1;
-          return e ? 1 : -1
-        }
-
-        function de(t) {
-          return function (e) {
-            return "input" === e.nodeName.toLowerCase() && e.type === t
-          }
-        }
-
-        function he(n) {
-          return function (e) {
-            var t = e.nodeName.toLowerCase();
-            return ("input" === t || "button" === t) && e.type === n
-          }
-        }
-
-        function ge(t) {
-          return function (e) {
-            return "form" in e ? e.parentNode && !1 === e.disabled ? "label" in e ? "label" in e.parentNode ? e
-              .parentNode.disabled === t : e.disabled === t : e.isDisabled === t || e.isDisabled !== !t && ae(
-                e) === t : e.disabled === t : "label" in e && e.disabled === t
-          }
-        }
-
-        function ve(a) {
-          return le(function (o) {
-            return o = +o, le(function (e, t) {
-              var n, r = a([], e.length, o),
-                i = r.length;
-              while (i--) e[n = r[i]] && (e[n] = !(t[n] = e[n]))
-            })
-          })
-        }
-
-        function ye(e) {
-          return e && "undefined" != typeof e.getElementsByTagName && e
-        }
-        for (e in d = se.support = {}, i = se.isXML = function (e) {
-          var t = e && e.namespaceURI,
-            n = e && (e.ownerDocument || e).documentElement;
-          return !Y.test(t || n && n.nodeName || "HTML")
-        }, T = se.setDocument = function (e) {
-          var t, n, r = e ? e.ownerDocument || e : p;
-          return r != C && 9 === r.nodeType && r.documentElement && (a = (C = r).documentElement, E = !i(C), p !=
-            C && (n = C.defaultView) && n.top !== n && (n.addEventListener ? n.addEventListener("unload", oe, !
-              1) : n.attachEvent && n.attachEvent("onunload", oe)), d.scope = ce(function (e) {
-                return a.appendChild(e).appendChild(C.createElement("div")), "undefined" != typeof e
-                  .querySelectorAll && !e.querySelectorAll(":scope fieldset div").length
-              }), d.attributes = ce(function (e) {
-                return e.className = "i", !e.getAttribute("className")
-              }), d.getElementsByTagName = ce(function (e) {
-                return e.appendChild(C.createComment("")), !e.getElementsByTagName("*").length
-              }), d.getElementsByClassName = K.test(C.getElementsByClassName), d.getById = ce(function (e) {
-                return a.appendChild(e).id = S, !C.getElementsByName || !C.getElementsByName(S).length
-              }), d.getById ? (b.filter.ID = function (e) {
-                var t = e.replace(te, ne);
-                return function (e) {
-                  return e.getAttribute("id") === t
-                }
-              }, b.find.ID = function (e, t) {
-                if ("undefined" != typeof t.getElementById && E) {
-                  var n = t.getElementById(e);
-                  return n ? [n] : []
-                }
-              }) : (b.filter.ID = function (e) {
-                var n = e.replace(te, ne);
-                return function (e) {
-                  var t = "undefined" != typeof e.getAttributeNode && e.getAttributeNode("id");
-                  return t && t.value === n
-                }
-              }, b.find.ID = function (e, t) {
-                if ("undefined" != typeof t.getElementById && E) {
-                  var n, r, i, o = t.getElementById(e);
-                  if (o) {
-                    if ((n = o.getAttributeNode("id")) && n.value === e) return [o];
-                    i = t.getElementsByName(e), r = 0;
-                    while (o = i[r++])
-                      if ((n = o.getAttributeNode("id")) && n.value === e) return [o]
-                  }
-                  return []
-                }
-              }), b.find.TAG = d.getElementsByTagName ? function (e, t) {
-                return "undefined" != typeof t.getElementsByTagName ? t.getElementsByTagName(e) : d.qsa ? t
-                  .querySelectorAll(e) : void 0
-              } : function (e, t) {
-                var n, r = [],
-                  i = 0,
-                  o = t.getElementsByTagName(e);
-                if ("*" === e) {
-                  while (n = o[i++]) 1 === n.nodeType && r.push(n);
-                  return r
-                }
-                return o
-              }, b.find.CLASS = d.getElementsByClassName && function (e, t) {
-                if ("undefined" != typeof t.getElementsByClassName && E) return t.getElementsByClassName(e)
-              }, s = [], v = [], (d.qsa = K.test(C.querySelectorAll)) && (ce(function (e) {
-                var t;
-                a.appendChild(e).innerHTML = "<a id='" + S + "'></a><select id='" + S +
-                  "-\r\\' msallowcapture=''><option selected=''></option></select>", e.querySelectorAll(
-                    "[msallowcapture^='']").length && v.push("[*^$]=" + M + "*(?:''|\"\")"), e
-                      .querySelectorAll("[selected]").length || v.push("\\[" + M + "*(?:value|" + R + ")"), e
-                        .querySelectorAll("[id~=" + S + "-]").length || v.push("~="), (t = C.createElement("input"))
-                          .setAttribute("name", ""), e.appendChild(t), e.querySelectorAll("[name='']").length || v
-                            .push("\\[" + M + "*name" + M + "*=" + M + "*(?:''|\"\")"), e.querySelectorAll(":checked")
-                              .length || v.push(":checked"), e.querySelectorAll("a#" + S + "+*").length || v.push(
-                                ".#.+[+~]"), e.querySelectorAll("\\\f"), v.push("[\\r\\n\\f]")
-              }), ce(function (e) {
-                e.innerHTML =
-                  "<a href='' disabled='disabled'></a><select disabled='disabled'><option/></select>";
-                var t = C.createElement("input");
-                t.setAttribute("type", "hidden"), e.appendChild(t).setAttribute("name", "D"), e
-                  .querySelectorAll("[name=d]").length && v.push("name" + M + "*[*^$|!~]?="), 2 !== e
-                    .querySelectorAll(":enabled").length && v.push(":enabled", ":disabled"), a.appendChild(e)
-                      .disabled = !0, 2 !== e.querySelectorAll(":disabled").length && v.push(":enabled",
-                        ":disabled"), e.querySelectorAll("*,:x"), v.push(",.*:")
-              })), (d.matchesSelector = K.test(c = a.matches || a.webkitMatchesSelector || a.mozMatchesSelector ||
-                a.oMatchesSelector || a.msMatchesSelector)) && ce(function (e) {
-                  d.disconnectedMatch = c.call(e, "*"), c.call(e, "[s!='']:x"), s.push("!=", F)
-                }), v = v.length && new RegExp(v.join("|")), s = s.length && new RegExp(s.join("|")), t = K.test(a
-                  .compareDocumentPosition), y = t || K.test(a.contains) ? function (e, t) {
-                    var n = 9 === e.nodeType ? e.documentElement : e,
-                      r = t && t.parentNode;
-                    return e === r || !(!r || 1 !== r.nodeType || !(n.contains ? n.contains(r) : e
-                      .compareDocumentPosition && 16 & e.compareDocumentPosition(r)))
-                  } : function (e, t) {
-                    if (t)
-                      while (t = t.parentNode)
-                        if (t === e) return !0;
-                    return !1
-                  }, j = t ? function (e, t) {
-                    if (e === t) return l = !0, 0;
-                    var n = !e.compareDocumentPosition - !t.compareDocumentPosition;
-                    return n || (1 & (n = (e.ownerDocument || e) == (t.ownerDocument || t) ? e
-                      .compareDocumentPosition(t) : 1) || !d.sortDetached && t.compareDocumentPosition(e) === n ?
-                      e == C || e.ownerDocument == p && y(p, e) ? -1 : t == C || t.ownerDocument == p && y(p, t) ?
-                        1 : u ? P(u, e) - P(u, t) : 0 : 4 & n ? -1 : 1)
-                  } : function (e, t) {
-                    if (e === t) return l = !0, 0;
-                    var n, r = 0,
-                      i = e.parentNode,
-                      o = t.parentNode,
-                      a = [e],
-                      s = [t];
-                    if (!i || !o) return e == C ? -1 : t == C ? 1 : i ? -1 : o ? 1 : u ? P(u, e) - P(u, t) : 0;
-                    if (i === o) return pe(e, t);
-                    n = e;
-                    while (n = n.parentNode) a.unshift(n);
-                    n = t;
-                    while (n = n.parentNode) s.unshift(n);
-                    while (a[r] === s[r]) r++;
-                    return r ? pe(a[r], s[r]) : a[r] == p ? -1 : s[r] == p ? 1 : 0
-                  }), C
-        }, se.matches = function (e, t) {
-          return se(e, null, null, t)
-        }, se.matchesSelector = function (e, t) {
-          if (T(e), d.matchesSelector && E && !N[t + " "] && (!s || !s.test(t)) && (!v || !v.test(t))) try {
-            var n = c.call(e, t);
-            if (n || d.disconnectedMatch || e.document && 11 !== e.document.nodeType) return n
-          } catch (e) {
-            N(t, !0)
-          }
-          return 0 < se(t, C, null, [e]).length
-        }, se.contains = function (e, t) {
-          return (e.ownerDocument || e) != C && T(e), y(e, t)
-        }, se.attr = function (e, t) {
-          (e.ownerDocument || e) != C && T(e);
-          var n = b.attrHandle[t.toLowerCase()],
-            r = n && D.call(b.attrHandle, t.toLowerCase()) ? n(e, t, !E) : void 0;
-          return void 0 !== r ? r : d.attributes || !E ? e.getAttribute(t) : (r = e.getAttributeNode(t)) && r
-            .specified ? r.value : null
-        }, se.escape = function (e) {
-          return (e + "").replace(re, ie)
-        }, se.error = function (e) {
-          throw new Error("Syntax error, unrecognized expression: " + e)
-        }, se.uniqueSort = function (e) {
-          var t, n = [],
-            r = 0,
-            i = 0;
-          if (l = !d.detectDuplicates, u = !d.sortStable && e.slice(0), e.sort(j), l) {
-            while (t = e[i++]) t === e[i] && (r = n.push(i));
-            while (r--) e.splice(n[r], 1)
-          }
-          return u = null, e
-        }, o = se.getText = function (e) {
-          var t, n = "",
-            r = 0,
-            i = e.nodeType;
-          if (i) {
-            if (1 === i || 9 === i || 11 === i) {
-              if ("string" == typeof e.textContent) return e.textContent;
-              for (e = e.firstChild; e; e = e.nextSibling) n += o(e)
-            } else if (3 === i || 4 === i) return e.nodeValue
-          } else
-            while (t = e[r++]) n += o(t);
-          return n
-        }, (b = se.selectors = {
-          cacheLength: 50,
-          createPseudo: le,
-          match: G,
-          attrHandle: {},
-          find: {},
-          relative: {
-            ">": {
-              dir: "parentNode",
-              first: !0
-            },
-            " ": {
-              dir: "parentNode"
-            },
-            "+": {
-              dir: "previousSibling",
-              first: !0
-            },
-            "~": {
-              dir: "previousSibling"
-            }
-          },
-          preFilter: {
-            ATTR: function (e) {
-              return e[1] = e[1].replace(te, ne), e[3] = (e[3] || e[4] || e[5] || "").replace(te, ne),
-                "~=" === e[2] && (e[3] = " " + e[3] + " "), e.slice(0, 4)
-            },
-            CHILD: function (e) {
-              return e[1] = e[1].toLowerCase(), "nth" === e[1].slice(0, 3) ? (e[3] || se.error(e[0]), e[4] = +
-                (e[4] ? e[5] + (e[6] || 1) : 2 * ("even" === e[3] || "odd" === e[3])), e[5] = +(e[7] + e[
-                  8] || "odd" === e[3])) : e[3] && se.error(e[0]), e
-            },
-            PSEUDO: function (e) {
-              var t, n = !e[6] && e[2];
-              return G.CHILD.test(e[0]) ? null : (e[3] ? e[2] = e[4] || e[5] || "" : n && X.test(n) && (t = h(
-                n, !0)) && (t = n.indexOf(")", n.length - t) - n.length) && (e[0] = e[0].slice(0, t), e[
-                  2] = n.slice(0, t)), e.slice(0, 3))
-            }
-          },
-          filter: {
-            TAG: function (e) {
-              var t = e.replace(te, ne).toLowerCase();
-              return "*" === e ? function () {
-                return !0
-              } : function (e) {
-                return e.nodeName && e.nodeName.toLowerCase() === t
-              }
-            },
-            CLASS: function (e) {
-              var t = m[e + " "];
-              return t || (t = new RegExp("(^|" + M + ")" + e + "(" + M + "|$)")) && m(e, function (e) {
-                return t.test("string" == typeof e.className && e.className || "undefined" != typeof e
-                  .getAttribute && e.getAttribute("class") || "")
-              })
-            },
-            ATTR: function (n, r, i) {
-              return function (e) {
-                var t = se.attr(e, n);
-                return null == t ? "!=" === r : !r || (t += "", "=" === r ? t === i : "!=" === r ? t !== i :
-                  "^=" === r ? i && 0 === t.indexOf(i) : "*=" === r ? i && -1 < t.indexOf(i) : "$=" ===
-                    r ? i && t.slice(-i.length) === i : "~=" === r ? -1 < (" " + t.replace(B, " ") + " ")
-                      .indexOf(i) : "|=" === r && (t === i || t.slice(0, i.length + 1) === i + "-"))
-              }
-            },
-            CHILD: function (h, e, t, g, v) {
-              var y = "nth" !== h.slice(0, 3),
-                m = "last" !== h.slice(-4),
-                x = "of-type" === e;
-              return 1 === g && 0 === v ? function (e) {
-                return !!e.parentNode
-              } : function (e, t, n) {
-                var r, i, o, a, s, u, l = y !== m ? "nextSibling" : "previousSibling",
-                  c = e.parentNode,
-                  f = x && e.nodeName.toLowerCase(),
-                  p = !n && !x,
-                  d = !1;
-                if (c) {
-                  if (y) {
-                    while (l) {
-                      a = e;
-                      while (a = a[l])
-                        if (x ? a.nodeName.toLowerCase() === f : 1 === a.nodeType) return !1;
-                      u = l = "only" === h && !u && "nextSibling"
-                    }
-                    return !0
-                  }
-                  if (u = [m ? c.firstChild : c.lastChild], m && p) {
-                    d = (s = (r = (i = (o = (a = c)[S] || (a[S] = {}))[a.uniqueID] || (o[a.uniqueID] = {}))[
-                      h] || [])[0] === k && r[1]) && r[2], a = s && c.childNodes[s];
-                    while (a = ++s && a && a[l] || (d = s = 0) || u.pop())
-                      if (1 === a.nodeType && ++d && a === e) {
-                        i[h] = [k, s, d];
-                        break
-                      }
-                  } else if (p && (d = s = (r = (i = (o = (a = e)[S] || (a[S] = {}))[a.uniqueID] || (o[a
-                    .uniqueID] = {}))[h] || [])[0] === k && r[1]), !1 === d)
-                    while (a = ++s && a && a[l] || (d = s = 0) || u.pop())
-                      if ((x ? a.nodeName.toLowerCase() === f : 1 === a.nodeType) && ++d && (p && ((i = (o =
-                        a[S] || (a[S] = {}))[a.uniqueID] || (o[a.uniqueID] = {}))[h] = [k, d]), a === e))
-                        break;
-                  return (d -= v) === g || d % g == 0 && 0 <= d / g
-                }
-              }
-            },
-            PSEUDO: function (e, o) {
-              var t, a = b.pseudos[e] || b.setFilters[e.toLowerCase()] || se.error("unsupported pseudo: " +
-                e);
-              return a[S] ? a(o) : 1 < a.length ? (t = [e, e, "", o], b.setFilters.hasOwnProperty(e
-                .toLowerCase()) ? le(function (e, t) {
-                  var n, r = a(e, o),
-                    i = r.length;
-                  while (i--) e[n = P(e, r[i])] = !(t[n] = r[i])
-                }) : function (e) {
-                  return a(e, 0, t)
-                }) : a
-            }
-          },
-          pseudos: {
-            not: le(function (e) {
-              var r = [],
-                i = [],
-                s = f(e.replace($, "$1"));
-              return s[S] ? le(function (e, t, n, r) {
-                var i, o = s(e, null, r, []),
-                  a = e.length;
-                while (a--) (i = o[a]) && (e[a] = !(t[a] = i))
-              }) : function (e, t, n) {
-                return r[0] = e, s(r, null, n, i), r[0] = null, !i.pop()
-              }
-            }),
-            has: le(function (t) {
-              return function (e) {
-                return 0 < se(t, e).length
-              }
-            }),
-            contains: le(function (t) {
-              return t = t.replace(te, ne),
-                function (e) {
-                  return -1 < (e.textContent || o(e)).indexOf(t)
-                }
-            }),
-            lang: le(function (n) {
-              return V.test(n || "") || se.error("unsupported lang: " + n), n = n.replace(te, ne)
-                .toLowerCase(),
-                function (e) {
-                  var t;
-                  do {
-                    if (t = E ? e.lang : e.getAttribute("xml:lang") || e.getAttribute("lang")) return (t = t
-                      .toLowerCase()) === n || 0 === t.indexOf(n + "-")
-                  } while ((e = e.parentNode) && 1 === e.nodeType);
-                  return !1
-                }
-            }),
-            target: function (e) {
-              var t = n.location && n.location.hash;
-              return t && t.slice(1) === e.id
-            },
-            root: function (e) {
-              return e === a
-            },
-            focus: function (e) {
-              return e === C.activeElement && (!C.hasFocus || C.hasFocus()) && !!(e.type || e.href || ~e
-                .tabIndex)
-            },
-            enabled: ge(!1),
-            disabled: ge(!0),
-            checked: function (e) {
-              var t = e.nodeName.toLowerCase();
-              return "input" === t && !!e.checked || "option" === t && !!e.selected
-            },
-            selected: function (e) {
-              return e.parentNode && e.parentNode.selectedIndex, !0 === e.selected
-            },
-            empty: function (e) {
-              for (e = e.firstChild; e; e = e.nextSibling)
-                if (e.nodeType < 6) return !1;
-              return !0
-            },
-            parent: function (e) {
-              return !b.pseudos.empty(e)
-            },
-            header: function (e) {
-              return J.test(e.nodeName)
-            },
-            input: function (e) {
-              return Q.test(e.nodeName)
-            },
-            button: function (e) {
-              var t = e.nodeName.toLowerCase();
-              return "input" === t && "button" === e.type || "button" === t
-            },
-            text: function (e) {
-              var t;
-              return "input" === e.nodeName.toLowerCase() && "text" === e.type && (null == (t = e
-                .getAttribute("type")) || "text" === t.toLowerCase())
-            },
-            first: ve(function () {
-              return [0]
-            }),
-            last: ve(function (e, t) {
-              return [t - 1]
-            }),
-            eq: ve(function (e, t, n) {
-              return [n < 0 ? n + t : n]
-            }),
-            even: ve(function (e, t) {
-              for (var n = 0; n < t; n += 2) e.push(n);
-              return e
-            }),
-            odd: ve(function (e, t) {
-              for (var n = 1; n < t; n += 2) e.push(n);
-              return e
-            }),
-            lt: ve(function (e, t, n) {
-              for (var r = n < 0 ? n + t : t < n ? t : n; 0 <= --r;) e.push(r);
-              return e
-            }),
-            gt: ve(function (e, t, n) {
-              for (var r = n < 0 ? n + t : n; ++r < t;) e.push(r);
-              return e
-            })
-          }
-        }).pseudos.nth = b.pseudos.eq, {
-          radio: !0,
-          checkbox: !0,
-          file: !0,
-          password: !0,
-          image: !0
-        }) b.pseudos[e] = de(e);
-        for (e in {
-          submit: !0,
-          reset: !0
-        }) b.pseudos[e] = he(e);
-
-        function me() { }
-
-        function xe(e) {
-          for (var t = 0, n = e.length, r = ""; t < n; t++) r += e[t].value;
-          return r
-        }
-
-        function be(s, e, t) {
-          var u = e.dir,
-            l = e.next,
-            c = l || u,
-            f = t && "parentNode" === c,
-            p = r++;
-          return e.first ? function (e, t, n) {
-            while (e = e[u])
-              if (1 === e.nodeType || f) return s(e, t, n);
-            return !1
-          } : function (e, t, n) {
-            var r, i, o, a = [k, p];
-            if (n) {
-              while (e = e[u])
-                if ((1 === e.nodeType || f) && s(e, t, n)) return !0
-            } else
-              while (e = e[u])
-                if (1 === e.nodeType || f)
-                  if (i = (o = e[S] || (e[S] = {}))[e.uniqueID] || (o[e.uniqueID] = {}), l && l === e.nodeName
-                    .toLowerCase()) e = e[u] || e;
-                  else {
-                    if ((r = i[c]) && r[0] === k && r[1] === p) return a[2] = r[2];
-                    if ((i[c] = a)[2] = s(e, t, n)) return !0
-                  } return !1
-          }
-        }
-
-        function we(i) {
-          return 1 < i.length ? function (e, t, n) {
-            var r = i.length;
-            while (r--)
-              if (!i[r](e, t, n)) return !1;
-            return !0
-          } : i[0]
-        }
-
-        function Te(e, t, n, r, i) {
-          for (var o, a = [], s = 0, u = e.length, l = null != t; s < u; s++)(o = e[s]) && (n && !n(o, r, i) || (a
-            .push(o), l && t.push(s)));
-          return a
-        }
-
-        function Ce(d, h, g, v, y, e) {
-          return v && !v[S] && (v = Ce(v)), y && !y[S] && (y = Ce(y, e)), le(function (e, t, n, r) {
-            var i, o, a, s = [],
-              u = [],
-              l = t.length,
-              c = e || function (e, t, n) {
-                for (var r = 0, i = t.length; r < i; r++) se(e, t[r], n);
-                return n
-              }(h || "*", n.nodeType ? [n] : n, []),
-              f = !d || !e && h ? c : Te(c, s, d, n, r),
-              p = g ? y || (e ? d : l || v) ? [] : t : f;
-            if (g && g(f, p, n, r), v) {
-              i = Te(p, u), v(i, [], n, r), o = i.length;
-              while (o--) (a = i[o]) && (p[u[o]] = !(f[u[o]] = a))
-            }
-            if (e) {
-              if (y || d) {
-                if (y) {
-                  i = [], o = p.length;
-                  while (o--) (a = p[o]) && i.push(f[o] = a);
-                  y(null, p = [], i, r)
-                }
-                o = p.length;
-                while (o--) (a = p[o]) && -1 < (i = y ? P(e, a) : s[o]) && (e[i] = !(t[i] = a))
-              }
-            } else p = Te(p === t ? p.splice(l, p.length) : p), y ? y(null, t, p, r) : H.apply(t, p)
-          })
-        }
-
-        function Ee(e) {
-          for (var i, t, n, r = e.length, o = b.relative[e[0].type], a = o || b.relative[" "], s = o ? 1 : 0, u =
-            be(function (e) {
-              return e === i
-            }, a, !0), l = be(function (e) {
-              return -1 < P(i, e)
-            }, a, !0), c = [function (e, t, n) {
-              var r = !o && (n || t !== w) || ((i = t).nodeType ? u(e, t, n) : l(e, t, n));
-              return i = null, r
-            }]; s < r; s++)
-            if (t = b.relative[e[s].type]) c = [be(we(c), t)];
-            else {
-              if ((t = b.filter[e[s].type].apply(null, e[s].matches))[S]) {
-                for (n = ++s; n < r; n++)
-                  if (b.relative[e[n].type]) break;
-                return Ce(1 < s && we(c), 1 < s && xe(e.slice(0, s - 1).concat({
-                  value: " " === e[s - 2].type ? "*" : ""
-                })).replace($, "$1"), t, s < n && Ee(e.slice(s, n)), n < r && Ee(e = e.slice(n)), n < r && xe(
-                  e))
-              }
-              c.push(t)
-            } return we(c)
-        }
-        return me.prototype = b.filters = b.pseudos, b.setFilters = new me, h = se.tokenize = function (e, t) {
-          var n, r, i, o, a, s, u, l = x[e + " "];
-          if (l) return t ? 0 : l.slice(0);
-          a = e, s = [], u = b.preFilter;
-          while (a) {
-            for (o in n && !(r = _.exec(a)) || (r && (a = a.slice(r[0].length) || a), s.push(i = [])), n = !1, (
-              r = z.exec(a)) && (n = r.shift(), i.push({
-                value: n,
-                type: r[0].replace($, " ")
-              }), a = a.slice(n.length)), b.filter) !(r = G[o].exec(a)) || u[o] && !(r = u[o](r)) || (n = r
-                .shift(), i.push({
-                  value: n,
-                  type: o,
-                  matches: r
-                }), a = a.slice(n.length));
-            if (!n) break
-          }
-          return t ? a.length : a ? se.error(e) : x(e, s).slice(0)
-        }, f = se.compile = function (e, t) {
-          var n, v, y, m, x, r, i = [],
-            o = [],
-            a = A[e + " "];
-          if (!a) {
-            t || (t = h(e)), n = t.length;
-            while (n--) (a = Ee(t[n]))[S] ? i.push(a) : o.push(a);
-            (a = A(e, (v = o, m = 0 < (y = i).length, x = 0 < v.length, r = function (e, t, n, r, i) {
-              var o, a, s, u = 0,
-                l = "0",
-                c = e && [],
-                f = [],
-                p = w,
-                d = e || x && b.find.TAG("*", i),
-                h = k += null == p ? 1 : Math.random() || .1,
-                g = d.length;
-              for (i && (w = t == C || t || i); l !== g && null != (o = d[l]); l++) {
-                if (x && o) {
-                  a = 0, t || o.ownerDocument == C || (T(o), n = !E);
-                  while (s = v[a++])
-                    if (s(o, t || C, n)) {
-                      r.push(o);
-                      break
-                    } i && (k = h)
-                }
-                m && ((o = !s && o) && u--, e && c.push(o))
-              }
-              if (u += l, m && l !== u) {
-                a = 0;
-                while (s = y[a++]) s(c, f, t, n);
-                if (e) {
-                  if (0 < u)
-                    while (l--) c[l] || f[l] || (f[l] = q.call(r));
-                  f = Te(f)
-                }
-                H.apply(r, f), i && !e && 0 < f.length && 1 < u + y.length && se.uniqueSort(r)
-              }
-              return i && (k = h, w = p), c
-            }, m ? le(r) : r))).selector = e
-          }
-          return a
-        }, g = se.select = function (e, t, n, r) {
-          var i, o, a, s, u, l = "function" == typeof e && e,
-            c = !r && h(e = l.selector || e);
-          if (n = n || [], 1 === c.length) {
-            if (2 < (o = c[0] = c[0].slice(0)).length && "ID" === (a = o[0]).type && 9 === t.nodeType && E && b
-              .relative[o[1].type]) {
-              if (!(t = (b.find.ID(a.matches[0].replace(te, ne), t) || [])[0])) return n;
-              l && (t = t.parentNode), e = e.slice(o.shift().value.length)
-            }
-            i = G.needsContext.test(e) ? 0 : o.length;
-            while (i--) {
-              if (a = o[i], b.relative[s = a.type]) break;
-              if ((u = b.find[s]) && (r = u(a.matches[0].replace(te, ne), ee.test(o[0].type) && ye(t
-                .parentNode) || t))) {
-                if (o.splice(i, 1), !(e = r.length && xe(o))) return H.apply(n, r), n;
-                break
-              }
-            }
-          }
-          return (l || f(e, c))(r, t, !E, n, !t || ee.test(e) && ye(t.parentNode) || t), n
-        }, d.sortStable = S.split("").sort(j).join("") === S, d.detectDuplicates = !!l, T(), d.sortDetached = ce(
-          function (e) {
-            return 1 & e.compareDocumentPosition(C.createElement("fieldset"))
-          }), ce(function (e) {
-            return e.innerHTML = "<a href='#'></a>", "#" === e.firstChild.getAttribute("href")
-          }) || fe("type|href|height|width", function (e, t, n) {
-            if (!n) return e.getAttribute(t, "type" === t.toLowerCase() ? 1 : 2)
-          }), d.attributes && ce(function (e) {
-            return e.innerHTML = "<input/>", e.firstChild.setAttribute("value", ""), "" === e.firstChild
-              .getAttribute("value")
-          }) || fe("value", function (e, t, n) {
-            if (!n && "input" === e.nodeName.toLowerCase()) return e.defaultValue
-          }), ce(function (e) {
-            return null == e.getAttribute("disabled")
-          }) || fe(R, function (e, t, n) {
-            var r;
-            if (!n) return !0 === e[t] ? t.toLowerCase() : (r = e.getAttributeNode(t)) && r.specified ? r.value :
-              null
-          }), se
-      }(C);
-      S.find = d, S.expr = d.selectors, S.expr[":"] = S.expr.pseudos, S.uniqueSort = S.unique = d.uniqueSort, S.text =
-        d.getText, S.isXMLDoc = d.isXML, S.contains = d.contains, S.escapeSelector = d.escape;
-      var h = function (e, t, n) {
-        var r = [],
-          i = void 0 !== n;
-        while ((e = e[t]) && 9 !== e.nodeType)
-          if (1 === e.nodeType) {
-            if (i && S(e).is(n)) break;
-            r.push(e)
-          } return r
-      },
-        T = function (e, t) {
-          for (var n = []; e; e = e.nextSibling) 1 === e.nodeType && e !== t && n.push(e);
-          return n
-        },
-        k = S.expr.match.needsContext;
-
-      function A(e, t) {
-        return e.nodeName && e.nodeName.toLowerCase() === t.toLowerCase()
-      }
-      var N = /^<([a-z][^\/\0>:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;
-
-      function j(e, n, r) {
-        return m(n) ? S.grep(e, function (e, t) {
-          return !!n.call(e, t, e) !== r
-        }) : n.nodeType ? S.grep(e, function (e) {
-          return e === n !== r
-        }) : "string" != typeof n ? S.grep(e, function (e) {
-          return -1 < i.call(n, e) !== r
-        }) : S.filter(n, e, r)
-      }
-      S.filter = function (e, t, n) {
-        var r = t[0];
-        return n && (e = ":not(" + e + ")"), 1 === t.length && 1 === r.nodeType ? S.find.matchesSelector(r, e) ? [
-          r] : [] : S.find.matches(e, S.grep(t, function (e) {
-            return 1 === e.nodeType
-          }))
-      }, S.fn.extend({
-        find: function (e) {
-          var t, n, r = this.length,
-            i = this;
-          if ("string" != typeof e) return this.pushStack(S(e).filter(function () {
-            for (t = 0; t < r; t++)
-              if (S.contains(i[t], this)) return !0
-          }));
-          for (n = this.pushStack([]), t = 0; t < r; t++) S.find(e, i[t], n);
-          return 1 < r ? S.uniqueSort(n) : n
-        },
-        filter: function (e) {
-          return this.pushStack(j(this, e || [], !1))
-        },
-        not: function (e) {
-          return this.pushStack(j(this, e || [], !0))
-        },
-        is: function (e) {
-          return !!j(this, "string" == typeof e && k.test(e) ? S(e) : e || [], !1).length
-        }
-      });
-      var D, q = /^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]+))$/;
-      (S.fn.init = function (e, t, n) {
-        var r, i;
-        if (!e) return this;
-        if (n = n || D, "string" == typeof e) {
-          if (!(r = "<" === e[0] && ">" === e[e.length - 1] && 3 <= e.length ? [null, e, null] : q.exec(e)) || !r[
-            1] && t) return !t || t.jquery ? (t || n).find(e) : this.constructor(t).find(e);
-          if (r[1]) {
-            if (t = t instanceof S ? t[0] : t, S.merge(this, S.parseHTML(r[1], t && t.nodeType ? t.ownerDocument ||
-              t : E, !0)), N.test(r[1]) && S.isPlainObject(t))
-              for (r in t) m(this[r]) ? this[r](t[r]) : this.attr(r, t[r]);
-            return this
-          }
-          return (i = E.getElementById(r[2])) && (this[0] = i, this.length = 1), this
-        }
-        return e.nodeType ? (this[0] = e, this.length = 1, this) : m(e) ? void 0 !== n.ready ? n.ready(e) : e(S) : S
-          .makeArray(e, this)
-      }).prototype = S.fn, D = S(E);
-      var L = /^(?:parents|prev(?:Until|All))/,
-        H = {
-          children: !0,
-          contents: !0,
-          next: !0,
-          prev: !0
-        };
-
-      function O(e, t) {
-        while ((e = e[t]) && 1 !== e.nodeType);
-        return e
-      }
-      S.fn.extend({
-        has: function (e) {
-          var t = S(e, this),
-            n = t.length;
-          return this.filter(function () {
-            for (var e = 0; e < n; e++)
-              if (S.contains(this, t[e])) return !0
-          })
-        },
-        closest: function (e, t) {
-          var n, r = 0,
-            i = this.length,
-            o = [],
-            a = "string" != typeof e && S(e);
-          if (!k.test(e))
-            for (; r < i; r++)
-              for (n = this[r]; n && n !== t; n = n.parentNode)
-                if (n.nodeType < 11 && (a ? -1 < a.index(n) : 1 === n.nodeType && S.find.matchesSelector(n,
-                  e))) {
-                  o.push(n);
-                  break
-                } return this.pushStack(1 < o.length ? S.uniqueSort(o) : o)
-        },
-        index: function (e) {
-          return e ? "string" == typeof e ? i.call(S(e), this[0]) : i.call(this, e.jquery ? e[0] : e) : this[
-            0] && this[0].parentNode ? this.first().prevAll().length : -1
-        },
-        add: function (e, t) {
-          return this.pushStack(S.uniqueSort(S.merge(this.get(), S(e, t))))
-        },
-        addBack: function (e) {
-          return this.add(null == e ? this.prevObject : this.prevObject.filter(e))
-        }
-      }), S.each({
-        parent: function (e) {
-          var t = e.parentNode;
-          return t && 11 !== t.nodeType ? t : null
-        },
-        parents: function (e) {
-          return h(e, "parentNode")
-        },
-        parentsUntil: function (e, t, n) {
-          return h(e, "parentNode", n)
-        },
-        next: function (e) {
-          return O(e, "nextSibling")
-        },
-        prev: function (e) {
-          return O(e, "previousSibling")
-        },
-        nextAll: function (e) {
-          return h(e, "nextSibling")
-        },
-        prevAll: function (e) {
-          return h(e, "previousSibling")
-        },
-        nextUntil: function (e, t, n) {
-          return h(e, "nextSibling", n)
-        },
-        prevUntil: function (e, t, n) {
-          return h(e, "previousSibling", n)
-        },
-        siblings: function (e) {
-          return T((e.parentNode || {}).firstChild, e)
-        },
-        children: function (e) {
-          return T(e.firstChild)
-        },
-        contents: function (e) {
-          return null != e.contentDocument && r(e.contentDocument) ? e.contentDocument : (A(e, "template") && (
-            e = e.content || e), S.merge([], e.childNodes))
-        }
-      }, function (r, i) {
-        S.fn[r] = function (e, t) {
-          var n = S.map(this, i, e);
-          return "Until" !== r.slice(-5) && (t = e), t && "string" == typeof t && (n = S.filter(t, n)), 1 < this
-            .length && (H[r] || S.uniqueSort(n), L.test(r) && n.reverse()), this.pushStack(n)
-        }
-      });
-      var P = /[^\x20\t\r\n\f]+/g;
-
-      function R(e) {
-        return e
-      }
-
-      function M(e) {
-        throw e
-      }
-
-      function I(e, t, n, r) {
-        var i;
-        try {
-          e && m(i = e.promise) ? i.call(e).done(t).fail(n) : e && m(i = e.then) ? i.call(e, t, n) : t.apply(void 0, [
-            e
-          ].slice(r))
-        } catch (e) {
-          n.apply(void 0, [e])
-        }
-      }
-      S.Callbacks = function (r) {
-        var e, n;
-        r = "string" == typeof r ? (e = r, n = {}, S.each(e.match(P) || [], function (e, t) {
-          n[t] = !0
-        }), n) : S.extend({}, r);
-        var i, t, o, a, s = [],
-          u = [],
-          l = -1,
-          c = function () {
-            for (a = a || r.once, o = i = !0; u.length; l = -1) {
-              t = u.shift();
-              while (++l < s.length) !1 === s[l].apply(t[0], t[1]) && r.stopOnFalse && (l = s.length, t = !1)
-            }
-            r.memory || (t = !1), i = !1, a && (s = t ? [] : "")
-          },
-          f = {
-            add: function () {
-              return s && (t && !i && (l = s.length - 1, u.push(t)), function n(e) {
-                S.each(e, function (e, t) {
-                  m(t) ? r.unique && f.has(t) || s.push(t) : t && t.length && "string" !== w(t) && n(t)
-                })
-              }(arguments), t && !i && c()), this
-            },
-            remove: function () {
-              return S.each(arguments, function (e, t) {
-                var n;
-                while (-1 < (n = S.inArray(t, s, n))) s.splice(n, 1), n <= l && l--
-              }), this
-            },
-            has: function (e) {
-              return e ? -1 < S.inArray(e, s) : 0 < s.length
-            },
-            empty: function () {
-              return s && (s = []), this
-            },
-            disable: function () {
-              return a = u = [], s = t = "", this
-            },
-            disabled: function () {
-              return !s
-            },
-            lock: function () {
-              return a = u = [], t || i || (s = t = ""), this
-            },
-            locked: function () {
-              return !!a
-            },
-            fireWith: function (e, t) {
-              return a || (t = [e, (t = t || []).slice ? t.slice() : t], u.push(t), i || c()), this
-            },
-            fire: function () {
-              return f.fireWith(this, arguments), this
-            },
-            fired: function () {
-              return !!o
-            }
-          };
-        return f
-      }, S.extend({
-        Deferred: function (e) {
-          var o = [
-            ["notify", "progress", S.Callbacks("memory"), S.Callbacks("memory"), 2],
-            ["resolve", "done", S.Callbacks("once memory"), S.Callbacks("once memory"), 0, "resolved"],
-            ["reject", "fail", S.Callbacks("once memory"), S.Callbacks("once memory"), 1, "rejected"]
-          ],
-            i = "pending",
-            a = {
-              state: function () {
-                return i
-              },
-              always: function () {
-                return s.done(arguments).fail(arguments), this
-              },
-              "catch": function (e) {
-                return a.then(null, e)
-              },
-              pipe: function () {
-                var i = arguments;
-                return S.Deferred(function (r) {
-                  S.each(o, function (e, t) {
-                    var n = m(i[t[4]]) && i[t[4]];
-                    s[t[1]](function () {
-                      var e = n && n.apply(this, arguments);
-                      e && m(e.promise) ? e.promise().progress(r.notify).done(r.resolve).fail(r
-                        .reject) : r[t[0] + "With"](this, n ? [e] : arguments)
-                    })
-                  }), i = null
-                }).promise()
-              },
-              then: function (t, n, r) {
-                var u = 0;
-
-                function l(i, o, a, s) {
-                  return function () {
-                    var n = this,
-                      r = arguments,
-                      e = function () {
-                        var e, t;
-                        if (!(i < u)) {
-                          if ((e = a.apply(n, r)) === o.promise()) throw new TypeError(
-                            "Thenable self-resolution");
-                          t = e && ("object" == typeof e || "function" == typeof e) && e.then, m(t) ? s ? t
-                            .call(e, l(u, o, R, s), l(u, o, M, s)) : (u++, t.call(e, l(u, o, R, s), l(u, o,
-                              M, s), l(u, o, R, o.notifyWith))) : (a !== R && (n = void 0, r = [e]), (s || o
-                                .resolveWith)(n, r))
-                        }
-                      },
-                      t = s ? e : function () {
-                        try {
-                          e()
-                        } catch (e) {
-                          S.Deferred.exceptionHook && S.Deferred.exceptionHook(e, t.stackTrace), u <= i +
-                            1 && (a !== M && (n = void 0, r = [e]), o.rejectWith(n, r))
-                        }
-                      };
-                    i ? t() : (S.Deferred.getStackHook && (t.stackTrace = S.Deferred.getStackHook()), C
-                      .setTimeout(t))
-                  }
-                }
-                return S.Deferred(function (e) {
-                  o[0][3].add(l(0, e, m(r) ? r : R, e.notifyWith)), o[1][3].add(l(0, e, m(t) ? t : R)), o[
-                    2][3].add(l(0, e, m(n) ? n : M))
-                }).promise()
-              },
-              promise: function (e) {
-                return null != e ? S.extend(e, a) : a
-              }
-            },
-            s = {};
-          return S.each(o, function (e, t) {
-            var n = t[2],
-              r = t[5];
-            a[t[1]] = n.add, r && n.add(function () {
-              i = r
-            }, o[3 - e][2].disable, o[3 - e][3].disable, o[0][2].lock, o[0][3].lock), n.add(t[3].fire), s[
-            t[0]] = function () {
-              return s[t[0] + "With"](this === s ? void 0 : this, arguments), this
-            }, s[t[0] + "With"] = n.fireWith
-          }), a.promise(s), e && e.call(s, s), s
-        },
-        when: function (e) {
-          var n = arguments.length,
-            t = n,
-            r = Array(t),
-            i = s.call(arguments),
-            o = S.Deferred(),
-            a = function (t) {
-              return function (e) {
-                r[t] = this, i[t] = 1 < arguments.length ? s.call(arguments) : e, --n || o.resolveWith(r, i)
-              }
-            };
-          if (n <= 1 && (I(e, o.done(a(t)).resolve, o.reject, !n), "pending" === o.state() || m(i[t] && i[t]
-            .then))) return o.then();
-          while (t--) I(i[t], a(t), o.reject);
-          return o.promise()
-        }
-      });
-      var W = /^(Eval|Internal|Range|Reference|Syntax|Type|URI)Error$/;
-      S.Deferred.exceptionHook = function (e, t) {
-        C.console && C.console.warn && e && W.test(e.name) && C.console.warn("jQuery.Deferred exception: " + e
-          .message, e.stack, t)
-      }, S.readyException = function (e) {
-        C.setTimeout(function () {
-          throw e
-        })
-      };
-      var F = S.Deferred();
-
-      function B() {
-        E.removeEventListener("DOMContentLoaded", B), C.removeEventListener("load", B), S.ready()
-      }
-      S.fn.ready = function (e) {
-        return F.then(e)["catch"](function (e) {
-          S.readyException(e)
-        }), this
-      }, S.extend({
-        isReady: !1,
-        readyWait: 1,
-        ready: function (e) {
-          (!0 === e ? --S.readyWait : S.isReady) || (S.isReady = !0) !== e && 0 < --S.readyWait || F
-            .resolveWith(E, [S])
-        }
-      }), S.ready.then = F.then, "complete" === E.readyState || "loading" !== E.readyState && !E.documentElement
-        .doScroll ? C.setTimeout(S.ready) : (E.addEventListener("DOMContentLoaded", B), C.addEventListener("load",
-          B));
-      var $ = function (e, t, n, r, i, o, a) {
-        var s = 0,
-          u = e.length,
-          l = null == n;
-        if ("object" === w(n))
-          for (s in i = !0, n) $(e, t, s, n[s], !0, o, a);
-        else if (void 0 !== r && (i = !0, m(r) || (a = !0), l && (a ? (t.call(e, r), t = null) : (l = t, t =
-          function (e, t, n) {
-            return l.call(S(e), n)
-          })), t))
-          for (; s < u; s++) t(e[s], n, a ? r : r.call(e[s], s, t(e[s], n)));
-        return i ? e : l ? t.call(e) : u ? t(e[0], n) : o
-      },
-        _ = /^-ms-/,
-        z = /-([a-z])/g;
-
-      function U(e, t) {
-        return t.toUpperCase()
-      }
-
-      function X(e) {
-        return e.replace(_, "ms-").replace(z, U)
-      }
-      var V = function (e) {
-        return 1 === e.nodeType || 9 === e.nodeType || !+e.nodeType
-      };
-
-      function G() {
-        this.expando = S.expando + G.uid++
-      }
-      G.uid = 1, G.prototype = {
-        cache: function (e) {
-          var t = e[this.expando];
-          return t || (t = {}, V(e) && (e.nodeType ? e[this.expando] = t : Object.defineProperty(e, this
-            .expando, {
-            value: t,
-            configurable: !0
-          }))), t
-        },
-        set: function (e, t, n) {
-          var r, i = this.cache(e);
-          if ("string" == typeof t) i[X(t)] = n;
-          else
-            for (r in t) i[X(r)] = t[r];
-          return i
-        },
-        get: function (e, t) {
-          return void 0 === t ? this.cache(e) : e[this.expando] && e[this.expando][X(t)]
-        },
-        access: function (e, t, n) {
-          return void 0 === t || t && "string" == typeof t && void 0 === n ? this.get(e, t) : (this.set(e, t, n),
-            void 0 !== n ? n : t)
-        },
-        remove: function (e, t) {
-          var n, r = e[this.expando];
-          if (void 0 !== r) {
-            if (void 0 !== t) {
-              n = (t = Array.isArray(t) ? t.map(X) : (t = X(t)) in r ? [t] : t.match(P) || []).length;
-              while (n--) delete r[t[n]]
-            } (void 0 === t || S.isEmptyObject(r)) && (e.nodeType ? e[this.expando] = void 0 : delete e[this
-              .expando])
-          }
-        },
-        hasData: function (e) {
-          var t = e[this.expando];
-          return void 0 !== t && !S.isEmptyObject(t)
-        }
-      };
-      var Y = new G,
-        Q = new G,
-        J = /^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,
-        K = /[A-Z]/g;
-
-      function Z(e, t, n) {
-        var r, i;
-        if (void 0 === n && 1 === e.nodeType)
-          if (r = "data-" + t.replace(K, "-$&").toLowerCase(), "string" == typeof (n = e.getAttribute(r))) {
-            try {
-              n = "true" === (i = n) || "false" !== i && ("null" === i ? null : i === +i + "" ? +i : J.test(i) ? JSON
-                .parse(i) : i)
-            } catch (e) { }
-            Q.set(e, t, n)
-          } else n = void 0;
-        return n
-      }
-      S.extend({
-        hasData: function (e) {
-          return Q.hasData(e) || Y.hasData(e)
-        },
-        data: function (e, t, n) {
-          return Q.access(e, t, n)
-        },
-        removeData: function (e, t) {
-          Q.remove(e, t)
-        },
-        _data: function (e, t, n) {
-          return Y.access(e, t, n)
-        },
-        _removeData: function (e, t) {
-          Y.remove(e, t)
-        }
-      }), S.fn.extend({
-        data: function (n, e) {
-          var t, r, i, o = this[0],
-            a = o && o.attributes;
-          if (void 0 === n) {
-            if (this.length && (i = Q.get(o), 1 === o.nodeType && !Y.get(o, "hasDataAttrs"))) {
-              t = a.length;
-              while (t--) a[t] && 0 === (r = a[t].name).indexOf("data-") && (r = X(r.slice(5)), Z(o, r, i[r]));
-              Y.set(o, "hasDataAttrs", !0)
-            }
-            return i
-          }
-          return "object" == typeof n ? this.each(function () {
-            Q.set(this, n)
-          }) : $(this, function (e) {
-            var t;
-            if (o && void 0 === e) return void 0 !== (t = Q.get(o, n)) ? t : void 0 !== (t = Z(o, n)) ? t :
-              void 0;
-            this.each(function () {
-              Q.set(this, n, e)
-            })
-          }, null, e, 1 < arguments.length, null, !0)
-        },
-        removeData: function (e) {
-          return this.each(function () {
-            Q.remove(this, e)
-          })
-        }
-      }), S.extend({
-        queue: function (e, t, n) {
-          var r;
-          if (e) return t = (t || "fx") + "queue", r = Y.get(e, t), n && (!r || Array.isArray(n) ? r = Y.access(
-            e, t, S.makeArray(n)) : r.push(n)), r || []
-        },
-        dequeue: function (e, t) {
-          t = t || "fx";
-          var n = S.queue(e, t),
-            r = n.length,
-            i = n.shift(),
-            o = S._queueHooks(e, t);
-          "inprogress" === i && (i = n.shift(), r--), i && ("fx" === t && n.unshift("inprogress"), delete o
-            .stop, i.call(e, function () {
-              S.dequeue(e, t)
-            }, o)), !r && o && o.empty.fire()
-        },
-        _queueHooks: function (e, t) {
-          var n = t + "queueHooks";
-          return Y.get(e, n) || Y.access(e, n, {
-            empty: S.Callbacks("once memory").add(function () {
-              Y.remove(e, [t + "queue", n])
-            })
-          })
-        }
-      }), S.fn.extend({
-        queue: function (t, n) {
-          var e = 2;
-          return "string" != typeof t && (n = t, t = "fx", e--), arguments.length < e ? S.queue(this[0], t) :
-            void 0 === n ? this : this.each(function () {
-              var e = S.queue(this, t, n);
-              S._queueHooks(this, t), "fx" === t && "inprogress" !== e[0] && S.dequeue(this, t)
-            })
-        },
-        dequeue: function (e) {
-          return this.each(function () {
-            S.dequeue(this, e)
-          })
-        },
-        clearQueue: function (e) {
-          return this.queue(e || "fx", [])
-        },
-        promise: function (e, t) {
-          var n, r = 1,
-            i = S.Deferred(),
-            o = this,
-            a = this.length,
-            s = function () {
-              --r || i.resolveWith(o, [o])
-            };
-          "string" != typeof e && (t = e, e = void 0), e = e || "fx";
-          while (a--) (n = Y.get(o[a], e + "queueHooks")) && n.empty && (r++, n.empty.add(s));
-          return s(), i.promise(t)
-        }
-      });
-      var ee = /[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,
-        te = new RegExp("^(?:([+-])=|)(" + ee + ")([a-z%]*)$", "i"),
-        ne = ["Top", "Right", "Bottom", "Left"],
-        re = E.documentElement,
-        ie = function (e) {
-          return S.contains(e.ownerDocument, e)
-        },
-        oe = {
-          composed: !0
-        };
-      re.getRootNode && (ie = function (e) {
-        return S.contains(e.ownerDocument, e) || e.getRootNode(oe) === e.ownerDocument
-      });
-      var ae = function (e, t) {
-        return "none" === (e = t || e).style.display || "" === e.style.display && ie(e) && "none" === S.css(e,
-          "display")
-      };
-
-      function se(e, t, n, r) {
-        var i, o, a = 20,
-          s = r ? function () {
-            return r.cur()
-          } : function () {
-            return S.css(e, t, "")
-          },
-          u = s(),
-          l = n && n[3] || (S.cssNumber[t] ? "" : "px"),
-          c = e.nodeType && (S.cssNumber[t] || "px" !== l && +u) && te.exec(S.css(e, t));
-        if (c && c[3] !== l) {
-          u /= 2, l = l || c[3], c = +u || 1;
-          while (a--) S.style(e, t, c + l), (1 - o) * (1 - (o = s() / u || .5)) <= 0 && (a = 0), c /= o;
-          c *= 2, S.style(e, t, c + l), n = n || []
-        }
-        return n && (c = +c || +u || 0, i = n[1] ? c + (n[1] + 1) * n[2] : +n[2], r && (r.unit = l, r.start = c, r
-          .end = i)), i
-      }
-      var ue = {};
-
-      function le(e, t) {
-        for (var n, r, i, o, a, s, u, l = [], c = 0, f = e.length; c < f; c++)(r = e[c]).style && (n = r.style
-          .display, t ? ("none" === n && (l[c] = Y.get(r, "display") || null, l[c] || (r.style.display = "")),
-            "" === r.style.display && ae(r) && (l[c] = (u = a = o = void 0, a = (i = r).ownerDocument, s = i
-              .nodeName, (u = ue[s]) || (o = a.body.appendChild(a.createElement(s)), u = S.css(o, "display"), o
-                .parentNode.removeChild(o), "none" === u && (u = "block"), ue[s] = u)))) : "none" !== n && (l[c] =
-                  "none", Y.set(r, "display", n)));
-        for (c = 0; c < f; c++) null != l[c] && (e[c].style.display = l[c]);
-        return e
-      }
-      S.fn.extend({
-        show: function () {
-          return le(this, !0)
-        },
-        hide: function () {
-          return le(this)
-        },
-        toggle: function (e) {
-          return "boolean" == typeof e ? e ? this.show() : this.hide() : this.each(function () {
-            ae(this) ? S(this).show() : S(this).hide()
-          })
-        }
-      });
-      var ce, fe, pe = /^(?:checkbox|radio)$/i,
-        de = /<([a-z][^\/\0>\x20\t\r\n\f]*)/i,
-        he = /^$|^module$|\/(?:java|ecma)script/i;
-      ce = E.createDocumentFragment().appendChild(E.createElement("div")), (fe = E.createElement("input"))
-        .setAttribute("type", "radio"), fe.setAttribute("checked", "checked"), fe.setAttribute("name", "t"), ce
-          .appendChild(fe), y.checkClone = ce.cloneNode(!0).cloneNode(!0).lastChild.checked, ce.innerHTML =
-        "<textarea>x</textarea>", y.noCloneChecked = !!ce.cloneNode(!0).lastChild.defaultValue, ce.innerHTML =
-        "<option></option>", y.option = !!ce.lastChild;
-      var ge = {
-        thead: [1, "<table>", "</table>"],
-        col: [2, "<table><colgroup>", "</colgroup></table>"],
-        tr: [2, "<table><tbody>", "</tbody></table>"],
-        td: [3, "<table><tbody><tr>", "</tr></tbody></table>"],
-        _default: [0, "", ""]
-      };
-
-      function ve(e, t) {
-        var n;
-        return n = "undefined" != typeof e.getElementsByTagName ? e.getElementsByTagName(t || "*") : "undefined" !=
-          typeof e.querySelectorAll ? e.querySelectorAll(t || "*") : [], void 0 === t || t && A(e, t) ? S.merge([e],
-            n) : n
-      }
-
-      function ye(e, t) {
-        for (var n = 0, r = e.length; n < r; n++) Y.set(e[n], "globalEval", !t || Y.get(t[n], "globalEval"))
-      }
-      ge.tbody = ge.tfoot = ge.colgroup = ge.caption = ge.thead, ge.th = ge.td, y.option || (ge.optgroup = ge
-        .option = [1, "<select multiple='multiple'>", "</select>"]);
-      var me = /<|&#?\w+;/;
-
-      function xe(e, t, n, r, i) {
-        for (var o, a, s, u, l, c, f = t.createDocumentFragment(), p = [], d = 0, h = e.length; d < h; d++)
-          if ((o = e[d]) || 0 === o)
-            if ("object" === w(o)) S.merge(p, o.nodeType ? [o] : o);
-            else if (me.test(o)) {
-              a = a || f.appendChild(t.createElement("div")), s = (de.exec(o) || ["", ""])[1].toLowerCase(), u = ge[s] ||
-                ge._default, a.innerHTML = u[1] + S.htmlPrefilter(o) + u[2], c = u[0];
-              while (c--) a = a.lastChild;
-              S.merge(p, a.childNodes), (a = f.firstChild).textContent = ""
-            } else p.push(t.createTextNode(o));
-        f.textContent = "", d = 0;
-        while (o = p[d++])
-          if (r && -1 < S.inArray(o, r)) i && i.push(o);
-          else if (l = ie(o), a = ve(f.appendChild(o), "script"), l && ye(a), n) {
-            c = 0;
-            while (o = a[c++]) he.test(o.type || "") && n.push(o)
-          }
-        return f
-      }
-      var be = /^([^.]*)(?:\.(.+)|)/;
-
-      function we() {
-        return !0
-      }
-
-      function Te() {
-        return !1
-      }
-
-      function Ce(e, t) {
-        return e === function () {
-          try {
-            return E.activeElement
-          } catch (e) { }
-        }() == ("focus" === t)
-      }
-
-      function Ee(e, t, n, r, i, o) {
-        var a, s;
-        if ("object" == typeof t) {
-          for (s in "string" != typeof n && (r = r || n, n = void 0), t) Ee(e, s, n, r, t[s], o);
-          return e
-        }
-        if (null == r && null == i ? (i = n, r = n = void 0) : null == i && ("string" == typeof n ? (i = r, r =
-          void 0) : (i = r, r = n, n = void 0)), !1 === i) i = Te;
-        else if (!i) return e;
-        return 1 === o && (a = i, (i = function (e) {
-          return S().off(e), a.apply(this, arguments)
-        }).guid = a.guid || (a.guid = S.guid++)), e.each(function () {
-          S.event.add(this, t, i, r, n)
-        })
-      }
-
-      function Se(e, i, o) {
-        o ? (Y.set(e, i, !1), S.event.add(e, i, {
-          namespace: !1,
-          handler: function (e) {
-            var t, n, r = Y.get(this, i);
-            if (1 & e.isTrigger && this[i]) {
-              if (r.length) (S.event.special[i] || {}).delegateType && e.stopPropagation();
-              else if (r = s.call(arguments), Y.set(this, i, r), t = o(this, i), this[i](), r !== (n = Y.get(
-                this, i)) || t ? Y.set(this, i, !1) : n = {}, r !== n) return e.stopImmediatePropagation(),
-                  e.preventDefault(), n && n.value
-            } else r.length && (Y.set(this, i, {
-              value: S.event.trigger(S.extend(r[0], S.Event.prototype), r.slice(1), this)
-            }), e.stopImmediatePropagation())
-          }
-        })) : void 0 === Y.get(e, i) && S.event.add(e, i, we)
-      }
-      S.event = {
-        global: {},
-        add: function (t, e, n, r, i) {
-          var o, a, s, u, l, c, f, p, d, h, g, v = Y.get(t);
-          if (V(t)) {
-            n.handler && (n = (o = n).handler, i = o.selector), i && S.find.matchesSelector(re, i), n.guid || (n
-              .guid = S.guid++), (u = v.events) || (u = v.events = Object.create(null)), (a = v.handle) || (a =
-                v.handle = function (e) {
-                  return "undefined" != typeof S && S.event.triggered !== e.type ? S.event.dispatch.apply(t,
-                    arguments) : void 0
-                }), l = (e = (e || "").match(P) || [""]).length;
-            while (l--) d = g = (s = be.exec(e[l]) || [])[1], h = (s[2] || "").split(".").sort(), d && (f = S
-              .event.special[d] || {}, d = (i ? f.delegateType : f.bindType) || d, f = S.event.special[d] || {},
-              c = S.extend({
-                type: d,
-                origType: g,
-                data: r,
-                handler: n,
-                guid: n.guid,
-                selector: i,
-                needsContext: i && S.expr.match.needsContext.test(i),
-                namespace: h.join(".")
-              }, o), (p = u[d]) || ((p = u[d] = []).delegateCount = 0, f.setup && !1 !== f.setup.call(t, r, h,
-                a) || t.addEventListener && t.addEventListener(d, a)), f.add && (f.add.call(t, c), c.handler
-                  .guid || (c.handler.guid = n.guid)), i ? p.splice(p.delegateCount++, 0, c) : p.push(c), S.event
-                    .global[d] = !0)
-          }
-        },
-        remove: function (e, t, n, r, i) {
-          var o, a, s, u, l, c, f, p, d, h, g, v = Y.hasData(e) && Y.get(e);
-          if (v && (u = v.events)) {
-            l = (t = (t || "").match(P) || [""]).length;
-            while (l--)
-              if (d = g = (s = be.exec(t[l]) || [])[1], h = (s[2] || "").split(".").sort(), d) {
-                f = S.event.special[d] || {}, p = u[d = (r ? f.delegateType : f.bindType) || d] || [], s = s[2] &&
-                  new RegExp("(^|\\.)" + h.join("\\.(?:.*\\.|)") + "(\\.|$)"), a = o = p.length;
-                while (o--) c = p[o], !i && g !== c.origType || n && n.guid !== c.guid || s && !s.test(c
-                  .namespace) || r && r !== c.selector && ("**" !== r || !c.selector) || (p.splice(o, 1), c
-                    .selector && p.delegateCount--, f.remove && f.remove.call(e, c));
-                a && !p.length && (f.teardown && !1 !== f.teardown.call(e, h, v.handle) || S.removeEvent(e, d, v
-                  .handle), delete u[d])
-              } else
-                for (d in u) S.event.remove(e, d + t[l], n, r, !0);
-            S.isEmptyObject(u) && Y.remove(e, "handle events")
-          }
-        },
-        dispatch: function (e) {
-          var t, n, r, i, o, a, s = new Array(arguments.length),
-            u = S.event.fix(e),
-            l = (Y.get(this, "events") || Object.create(null))[u.type] || [],
-            c = S.event.special[u.type] || {};
-          for (s[0] = u, t = 1; t < arguments.length; t++) s[t] = arguments[t];
-          if (u.delegateTarget = this, !c.preDispatch || !1 !== c.preDispatch.call(this, u)) {
-            a = S.event.handlers.call(this, u, l), t = 0;
-            while ((i = a[t++]) && !u.isPropagationStopped()) {
-              u.currentTarget = i.elem, n = 0;
-              while ((o = i.handlers[n++]) && !u.isImmediatePropagationStopped()) u.rnamespace && !1 !== o
-                .namespace && !u.rnamespace.test(o.namespace) || (u.handleObj = o, u.data = o.data, void 0 !== (
-                  r = ((S.event.special[o.origType] || {}).handle || o.handler).apply(i.elem, s)) && !1 === (u
-                    .result = r) && (u.preventDefault(), u.stopPropagation()))
-            }
-            return c.postDispatch && c.postDispatch.call(this, u), u.result
-          }
-        },
-        handlers: function (e, t) {
-          var n, r, i, o, a, s = [],
-            u = t.delegateCount,
-            l = e.target;
-          if (u && l.nodeType && !("click" === e.type && 1 <= e.button))
-            for (; l !== this; l = l.parentNode || this)
-              if (1 === l.nodeType && ("click" !== e.type || !0 !== l.disabled)) {
-                for (o = [], a = {}, n = 0; n < u; n++) void 0 === a[i = (r = t[n]).selector + " "] && (a[i] = r
-                  .needsContext ? -1 < S(i, this).index(l) : S.find(i, this, null, [l]).length), a[i] && o.push(
-                    r);
-                o.length && s.push({
-                  elem: l,
-                  handlers: o
-                })
-              } return l = this, u < t.length && s.push({
-                elem: l,
-                handlers: t.slice(u)
-              }), s
-        },
-        addProp: function (t, e) {
-          Object.defineProperty(S.Event.prototype, t, {
-            enumerable: !0,
-            configurable: !0,
-            get: m(e) ? function () {
-              if (this.originalEvent) return e(this.originalEvent)
-            } : function () {
-              if (this.originalEvent) return this.originalEvent[t]
-            },
-            set: function (e) {
-              Object.defineProperty(this, t, {
-                enumerable: !0,
-                configurable: !0,
-                writable: !0,
-                value: e
-              })
-            }
-          })
-        },
-        fix: function (e) {
-          return e[S.expando] ? e : new S.Event(e)
-        },
-        special: {
-          load: {
-            noBubble: !0
-          },
-          click: {
-            setup: function (e) {
-              var t = this || e;
-              return pe.test(t.type) && t.click && A(t, "input") && Se(t, "click", we), !1
-            },
-            trigger: function (e) {
-              var t = this || e;
-              return pe.test(t.type) && t.click && A(t, "input") && Se(t, "click"), !0
-            },
-            _default: function (e) {
-              var t = e.target;
-              return pe.test(t.type) && t.click && A(t, "input") && Y.get(t, "click") || A(t, "a")
-            }
-          },
-          beforeunload: {
-            postDispatch: function (e) {
-              void 0 !== e.result && e.originalEvent && (e.originalEvent.returnValue = e.result)
-            }
-          }
-        }
-      }, S.removeEvent = function (e, t, n) {
-        e.removeEventListener && e.removeEventListener(t, n)
-      }, S.Event = function (e, t) {
-        if (!(this instanceof S.Event)) return new S.Event(e, t);
-        e && e.type ? (this.originalEvent = e, this.type = e.type, this.isDefaultPrevented = e.defaultPrevented ||
-          void 0 === e.defaultPrevented && !1 === e.returnValue ? we : Te, this.target = e.target && 3 === e
-            .target.nodeType ? e.target.parentNode : e.target, this.currentTarget = e.currentTarget, this
-              .relatedTarget = e.relatedTarget) : this.type = e, t && S.extend(this, t), this.timeStamp = e && e
-                .timeStamp || Date.now(), this[S.expando] = !0
-      }, S.Event.prototype = {
-        constructor: S.Event,
-        isDefaultPrevented: Te,
-        isPropagationStopped: Te,
-        isImmediatePropagationStopped: Te,
-        isSimulated: !1,
-        preventDefault: function () {
-          var e = this.originalEvent;
-          this.isDefaultPrevented = we, e && !this.isSimulated && e.preventDefault()
-        },
-        stopPropagation: function () {
-          var e = this.originalEvent;
-          this.isPropagationStopped = we, e && !this.isSimulated && e.stopPropagation()
-        },
-        stopImmediatePropagation: function () {
-          var e = this.originalEvent;
-          this.isImmediatePropagationStopped = we, e && !this.isSimulated && e.stopImmediatePropagation(), this
-            .stopPropagation()
-        }
-      }, S.each({
-        altKey: !0,
-        bubbles: !0,
-        cancelable: !0,
-        changedTouches: !0,
-        ctrlKey: !0,
-        detail: !0,
-        eventPhase: !0,
-        metaKey: !0,
-        pageX: !0,
-        pageY: !0,
-        shiftKey: !0,
-        view: !0,
-        "char": !0,
-        code: !0,
-        charCode: !0,
-        key: !0,
-        keyCode: !0,
-        button: !0,
-        buttons: !0,
-        clientX: !0,
-        clientY: !0,
-        offsetX: !0,
-        offsetY: !0,
-        pointerId: !0,
-        pointerType: !0,
-        screenX: !0,
-        screenY: !0,
-        targetTouches: !0,
-        toElement: !0,
-        touches: !0,
-        which: !0
-      }, S.event.addProp), S.each({
-        focus: "focusin",
-        blur: "focusout"
-      }, function (e, t) {
-        S.event.special[e] = {
-          setup: function () {
-            return Se(this, e, Ce), !1
-          },
-          trigger: function () {
-            return Se(this, e), !0
-          },
-          _default: function () {
-            return !0
-          },
-          delegateType: t
-        }
-      }), S.each({
-        mouseenter: "mouseover",
-        mouseleave: "mouseout",
-        pointerenter: "pointerover",
-        pointerleave: "pointerout"
-      }, function (e, i) {
-        S.event.special[e] = {
-          delegateType: i,
-          bindType: i,
-          handle: function (e) {
-            var t, n = e.relatedTarget,
-              r = e.handleObj;
-            return n && (n === this || S.contains(this, n)) || (e.type = r.origType, t = r.handler.apply(this,
-              arguments), e.type = i), t
-          }
-        }
-      }), S.fn.extend({
-        on: function (e, t, n, r) {
-          return Ee(this, e, t, n, r)
-        },
-        one: function (e, t, n, r) {
-          return Ee(this, e, t, n, r, 1)
-        },
-        off: function (e, t, n) {
-          var r, i;
-          if (e && e.preventDefault && e.handleObj) return r = e.handleObj, S(e.delegateTarget).off(r
-            .namespace ? r.origType + "." + r.namespace : r.origType, r.selector, r.handler), this;
-          if ("object" == typeof e) {
-            for (i in e) this.off(i, t, e[i]);
-            return this
-          }
-          return !1 !== t && "function" != typeof t || (n = t, t = void 0), !1 === n && (n = Te), this.each(
-            function () {
-              S.event.remove(this, e, n, t)
-            })
-        }
-      });
-      var ke = /<script|<style|<link/i,
-        Ae = /checked\s*(?:[^=]|=\s*.checked.)/i,
-        Ne = /^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g;
-
-      function je(e, t) {
-        return A(e, "table") && A(11 !== t.nodeType ? t : t.firstChild, "tr") && S(e).children("tbody")[0] || e
-      }
-
-      function De(e) {
-        return e.type = (null !== e.getAttribute("type")) + "/" + e.type, e
-      }
-
-      function qe(e) {
-        return "true/" === (e.type || "").slice(0, 5) ? e.type = e.type.slice(5) : e.removeAttribute("type"), e
-      }
-
-      function Le(e, t) {
-        var n, r, i, o, a, s;
-        if (1 === t.nodeType) {
-          if (Y.hasData(e) && (s = Y.get(e).events))
-            for (i in Y.remove(t, "handle events"), s)
-              for (n = 0, r = s[i].length; n < r; n++) S.event.add(t, i, s[i][n]);
-          Q.hasData(e) && (o = Q.access(e), a = S.extend({}, o), Q.set(t, a))
-        }
-      }
-
-      function He(n, r, i, o) {
-        r = g(r);
-        var e, t, a, s, u, l, c = 0,
-          f = n.length,
-          p = f - 1,
-          d = r[0],
-          h = m(d);
-        if (h || 1 < f && "string" == typeof d && !y.checkClone && Ae.test(d)) return n.each(function (e) {
-          var t = n.eq(e);
-          h && (r[0] = d.call(this, e, t.html())), He(t, r, i, o)
-        });
-        if (f && (t = (e = xe(r, n[0].ownerDocument, !1, n, o)).firstChild, 1 === e.childNodes.length && (e = t), t ||
-          o)) {
-          for (s = (a = S.map(ve(e, "script"), De)).length; c < f; c++) u = e, c !== p && (u = S.clone(u, !0, !0),
-            s && S.merge(a, ve(u, "script"))), i.call(n[c], u, c);
-          if (s)
-            for (l = a[a.length - 1].ownerDocument, S.map(a, qe), c = 0; c < s; c++) u = a[c], he.test(u.type ||
-              "") && !Y.access(u, "globalEval") && S.contains(l, u) && (u.src && "module" !== (u.type || "")
-                .toLowerCase() ? S._evalUrl && !u.noModule && S._evalUrl(u.src, {
-                  nonce: u.nonce || u.getAttribute("nonce")
-                }, l) : b(u.textContent.replace(Ne, ""), u, l))
-        }
-        return n
-      }
-
-      function Oe(e, t, n) {
-        for (var r, i = t ? S.filter(t, e) : e, o = 0; null != (r = i[o]); o++) n || 1 !== r.nodeType || S.cleanData(
-          ve(r)), r.parentNode && (n && ie(r) && ye(ve(r, "script")), r.parentNode.removeChild(r));
-        return e
-      }
-      S.extend({
-        htmlPrefilter: function (e) {
-          return e
-        },
-        clone: function (e, t, n) {
-          var r, i, o, a, s, u, l, c = e.cloneNode(!0),
-            f = ie(e);
-          if (!(y.noCloneChecked || 1 !== e.nodeType && 11 !== e.nodeType || S.isXMLDoc(e)))
-            for (a = ve(c), r = 0, i = (o = ve(e)).length; r < i; r++) s = o[r], u = a[r], void 0, "input" === (
-              l = u.nodeName.toLowerCase()) && pe.test(s.type) ? u.checked = s.checked : "input" !== l &&
-              "textarea" !== l || (u.defaultValue = s.defaultValue);
-          if (t)
-            if (n)
-              for (o = o || ve(e), a = a || ve(c), r = 0, i = o.length; r < i; r++) Le(o[r], a[r]);
-            else Le(e, c);
-          return 0 < (a = ve(c, "script")).length && ye(a, !f && ve(e, "script")), c
-        },
-        cleanData: function (e) {
-          for (var t, n, r, i = S.event.special, o = 0; void 0 !== (n = e[o]); o++)
-            if (V(n)) {
-              if (t = n[Y.expando]) {
-                if (t.events)
-                  for (r in t.events) i[r] ? S.event.remove(n, r) : S.removeEvent(n, r, t.handle);
-                n[Y.expando] = void 0
-              }
-              n[Q.expando] && (n[Q.expando] = void 0)
-            }
-        }
-      }), S.fn.extend({
-        detach: function (e) {
-          return Oe(this, e, !0)
-        },
-        remove: function (e) {
-          return Oe(this, e)
-        },
-        text: function (e) {
-          return $(this, function (e) {
-            return void 0 === e ? S.text(this) : this.empty().each(function () {
-              1 !== this.nodeType && 11 !== this.nodeType && 9 !== this.nodeType || (this.textContent =
-                e)
-            })
-          }, null, e, arguments.length)
-        },
-        append: function () {
-          return He(this, arguments, function (e) {
-            1 !== this.nodeType && 11 !== this.nodeType && 9 !== this.nodeType || je(this, e).appendChild(e)
-          })
-        },
-        prepend: function () {
-          return He(this, arguments, function (e) {
-            if (1 === this.nodeType || 11 === this.nodeType || 9 === this.nodeType) {
-              var t = je(this, e);
-              t.insertBefore(e, t.firstChild)
-            }
-          })
-        },
-        before: function () {
-          return He(this, arguments, function (e) {
-            this.parentNode && this.parentNode.insertBefore(e, this)
-          })
-        },
-        after: function () {
-          return He(this, arguments, function (e) {
-            this.parentNode && this.parentNode.insertBefore(e, this.nextSibling)
-          })
-        },
-        empty: function () {
-          for (var e, t = 0; null != (e = this[t]); t++) 1 === e.nodeType && (S.cleanData(ve(e, !1)), e
-            .textContent = "");
-          return this
-        },
-        clone: function (e, t) {
-          return e = null != e && e, t = null == t ? e : t, this.map(function () {
-            return S.clone(this, e, t)
-          })
-        },
-        html: function (e) {
-          return $(this, function (e) {
-            var t = this[0] || {},
-              n = 0,
-              r = this.length;
-            if (void 0 === e && 1 === t.nodeType) return t.innerHTML;
-            if ("string" == typeof e && !ke.test(e) && !ge[(de.exec(e) || ["", ""])[1].toLowerCase()]) {
-              e = S.htmlPrefilter(e);
-              try {
-                for (; n < r; n++) 1 === (t = this[n] || {}).nodeType && (S.cleanData(ve(t, !1)), t
-                  .innerHTML = e);
-                t = 0
-              } catch (e) { }
-            }
-            t && this.empty().append(e)
-          }, null, e, arguments.length)
-        },
-        replaceWith: function () {
-          var n = [];
-          return He(this, arguments, function (e) {
-            var t = this.parentNode;
-            S.inArray(this, n) < 0 && (S.cleanData(ve(this)), t && t.replaceChild(e, this))
-          }, n)
-        }
-      }), S.each({
-        appendTo: "append",
-        prependTo: "prepend",
-        insertBefore: "before",
-        insertAfter: "after",
-        replaceAll: "replaceWith"
-      }, function (e, a) {
-        S.fn[e] = function (e) {
-          for (var t, n = [], r = S(e), i = r.length - 1, o = 0; o <= i; o++) t = o === i ? this : this.clone(!
-            0), S(r[o])[a](t), u.apply(n, t.get());
-          return this.pushStack(n)
-        }
-      });
-      var Pe = new RegExp("^(" + ee + ")(?!px)[a-z%]+$", "i"),
-        Re = function (e) {
-          var t = e.ownerDocument.defaultView;
-          return t && t.opener || (t = C), t.getComputedStyle(e)
-        },
-        Me = function (e, t, n) {
-          var r, i, o = {};
-          for (i in t) o[i] = e.style[i], e.style[i] = t[i];
-          for (i in r = n.call(e), t) e.style[i] = o[i];
-          return r
-        },
-        Ie = new RegExp(ne.join("|"), "i");
-
-      function We(e, t, n) {
-        var r, i, o, a, s = e.style;
-        return (n = n || Re(e)) && ("" !== (a = n.getPropertyValue(t) || n[t]) || ie(e) || (a = S.style(e, t)), !y
-          .pixelBoxStyles() && Pe.test(a) && Ie.test(t) && (r = s.width, i = s.minWidth, o = s.maxWidth, s
-            .minWidth = s.maxWidth = s.width = a, a = n.width, s.width = r, s.minWidth = i, s.maxWidth = o)),
-          void 0 !== a ? a + "" : a
-      }
-
-      function Fe(e, t) {
-        return {
-          get: function () {
-            if (!e()) return (this.get = t).apply(this, arguments);
-            delete this.get
-          }
-        }
-      } ! function () {
-        function e() {
-          if (l) {
-            u.style.cssText = "position:absolute;left:-11111px;width:60px;margin-top:1px;padding:0;border:0", l.style
-              .cssText =
-              "position:relative;display:block;box-sizing:border-box;overflow:scroll;margin:auto;border:1px;padding:1px;width:60%;top:1%",
-              re.appendChild(u).appendChild(l);
-            var e = C.getComputedStyle(l);
-            n = "1%" !== e.top, s = 12 === t(e.marginLeft), l.style.right = "60%", o = 36 === t(e.right), r = 36 ===
-              t(e.width), l.style.position = "absolute", i = 12 === t(l.offsetWidth / 3), re.removeChild(u), l = null
-          }
-        }
-
-        function t(e) {
-          return Math.round(parseFloat(e))
-        }
-        var n, r, i, o, a, s, u = E.createElement("div"),
-          l = E.createElement("div");
-        l.style && (l.style.backgroundClip = "content-box", l.cloneNode(!0).style.backgroundClip = "", y
-          .clearCloneStyle = "content-box" === l.style.backgroundClip, S.extend(y, {
-            boxSizingReliable: function () {
-              return e(), r
-            },
-            pixelBoxStyles: function () {
-              return e(), o
-            },
-            pixelPosition: function () {
-              return e(), n
-            },
-            reliableMarginLeft: function () {
-              return e(), s
-            },
-            scrollboxSize: function () {
-              return e(), i
-            },
-            reliableTrDimensions: function () {
-              var e, t, n, r;
-              return null == a && (e = E.createElement("table"), t = E.createElement("tr"), n = E.createElement(
-                "div"), e.style.cssText = "position:absolute;left:-11111px;border-collapse:separate", t
-                  .style.cssText = "border:1px solid", t.style.height = "1px", n.style.height = "9px", n.style
-                    .display = "block", re.appendChild(e).appendChild(t).appendChild(n), r = C.getComputedStyle(
-                      t), a = parseInt(r.height, 10) + parseInt(r.borderTopWidth, 10) + parseInt(r
-                        .borderBottomWidth, 10) === t.offsetHeight, re.removeChild(e)), a
-            }
-          }))
-      }();
-      var Be = ["Webkit", "Moz", "ms"],
-        $e = E.createElement("div").style,
-        _e = {};
-
-      function ze(e) {
-        var t = S.cssProps[e] || _e[e];
-        return t || (e in $e ? e : _e[e] = function (e) {
-          var t = e[0].toUpperCase() + e.slice(1),
-            n = Be.length;
-          while (n--)
-            if ((e = Be[n] + t) in $e) return e
-        }(e) || e)
-      }
-      var Ue = /^(none|table(?!-c[ea]).+)/,
-        Xe = /^--/,
-        Ve = {
-          position: "absolute",
-          visibility: "hidden",
-          display: "block"
-        },
-        Ge = {
-          letterSpacing: "0",
-          fontWeight: "400"
-        };
-
-      function Ye(e, t, n) {
-        var r = te.exec(t);
-        return r ? Math.max(0, r[2] - (n || 0)) + (r[3] || "px") : t
-      }
-
-      function Qe(e, t, n, r, i, o) {
-        var a = "width" === t ? 1 : 0,
-          s = 0,
-          u = 0;
-        if (n === (r ? "border" : "content")) return 0;
-        for (; a < 4; a += 2) "margin" === n && (u += S.css(e, n + ne[a], !0, i)), r ? ("content" === n && (u -= S
-          .css(e, "padding" + ne[a], !0, i)), "margin" !== n && (u -= S.css(e, "border" + ne[a] + "Width", !0,
-            i))) : (u += S.css(e, "padding" + ne[a], !0, i), "padding" !== n ? u += S.css(e, "border" + ne[a] +
-              "Width", !0, i) : s += S.css(e, "border" + ne[a] + "Width", !0, i));
-        return !r && 0 <= o && (u += Math.max(0, Math.ceil(e["offset" + t[0].toUpperCase() + t.slice(1)] - o - u - s -
-          .5)) || 0), u
-      }
-
-      function Je(e, t, n) {
-        var r = Re(e),
-          i = (!y.boxSizingReliable() || n) && "border-box" === S.css(e, "boxSizing", !1, r),
-          o = i,
-          a = We(e, t, r),
-          s = "offset" + t[0].toUpperCase() + t.slice(1);
-        if (Pe.test(a)) {
-          if (!n) return a;
-          a = "auto"
-        }
-        return (!y.boxSizingReliable() && i || !y.reliableTrDimensions() && A(e, "tr") || "auto" === a || !parseFloat(
-          a) && "inline" === S.css(e, "display", !1, r)) && e.getClientRects().length && (i = "border-box" === S
-            .css(e, "boxSizing", !1, r), (o = s in e) && (a = e[s])), (a = parseFloat(a) || 0) + Qe(e, t, n || (i ?
-              "border" : "content"), o, r, a) + "px"
-      }
-
-      function Ke(e, t, n, r, i) {
-        return new Ke.prototype.init(e, t, n, r, i)
-      }
-      S.extend({
-        cssHooks: {
-          opacity: {
-            get: function (e, t) {
-              if (t) {
-                var n = We(e, "opacity");
-                return "" === n ? "1" : n
-              }
-            }
-          }
-        },
-        cssNumber: {
-          animationIterationCount: !0,
-          columnCount: !0,
-          fillOpacity: !0,
-          flexGrow: !0,
-          flexShrink: !0,
-          fontWeight: !0,
-          gridArea: !0,
-          gridColumn: !0,
-          gridColumnEnd: !0,
-          gridColumnStart: !0,
-          gridRow: !0,
-          gridRowEnd: !0,
-          gridRowStart: !0,
-          lineHeight: !0,
-          opacity: !0,
-          order: !0,
-          orphans: !0,
-          widows: !0,
-          zIndex: !0,
-          zoom: !0
-        },
-        cssProps: {},
-        style: function (e, t, n, r) {
-          if (e && 3 !== e.nodeType && 8 !== e.nodeType && e.style) {
-            var i, o, a, s = X(t),
-              u = Xe.test(t),
-              l = e.style;
-            if (u || (t = ze(s)), a = S.cssHooks[t] || S.cssHooks[s], void 0 === n) return a && "get" in a &&
-              void 0 !== (i = a.get(e, !1, r)) ? i : l[t];
-            "string" === (o = typeof n) && (i = te.exec(n)) && i[1] && (n = se(e, t, i), o = "number"), null !=
-              n && n == n && ("number" !== o || u || (n += i && i[3] || (S.cssNumber[s] ? "" : "px")), y
-                .clearCloneStyle || "" !== n || 0 !== t.indexOf("background") || (l[t] = "inherit"), a &&
-                "set" in a && void 0 === (n = a.set(e, n, r)) || (u ? l.setProperty(t, n) : l[t] = n))
-          }
-        },
-        css: function (e, t, n, r) {
-          var i, o, a, s = X(t);
-          return Xe.test(t) || (t = ze(s)), (a = S.cssHooks[t] || S.cssHooks[s]) && "get" in a && (i = a.get(e,
-            !0, n)), void 0 === i && (i = We(e, t, r)), "normal" === i && t in Ge && (i = Ge[t]), "" === n ||
-              n ? (o = parseFloat(i), !0 === n || isFinite(o) ? o || 0 : i) : i
-        }
-      }), S.each(["height", "width"], function (e, u) {
-        S.cssHooks[u] = {
-          get: function (e, t, n) {
-            if (t) return !Ue.test(S.css(e, "display")) || e.getClientRects().length && e
-              .getBoundingClientRect().width ? Je(e, u, n) : Me(e, Ve, function () {
-                return Je(e, u, n)
-              })
-          },
-          set: function (e, t, n) {
-            var r, i = Re(e),
-              o = !y.scrollboxSize() && "absolute" === i.position,
-              a = (o || n) && "border-box" === S.css(e, "boxSizing", !1, i),
-              s = n ? Qe(e, u, n, a, i) : 0;
-            return a && o && (s -= Math.ceil(e["offset" + u[0].toUpperCase() + u.slice(1)] - parseFloat(i[
-              u]) - Qe(e, u, "border", !1, i) - .5)), s && (r = te.exec(t)) && "px" !== (r[3] || "px") && (e
-                .style[u] = t, t = S.css(e, u)), Ye(0, t, s)
-          }
-        }
-      }), S.cssHooks.marginLeft = Fe(y.reliableMarginLeft, function (e, t) {
-        if (t) return (parseFloat(We(e, "marginLeft")) || e.getBoundingClientRect().left - Me(e, {
-          marginLeft: 0
-        }, function () {
-          return e.getBoundingClientRect().left
-        })) + "px"
-      }), S.each({
-        margin: "",
-        padding: "",
-        border: "Width"
-      }, function (i, o) {
-        S.cssHooks[i + o] = {
-          expand: function (e) {
-            for (var t = 0, n = {}, r = "string" == typeof e ? e.split(" ") : [e]; t < 4; t++) n[i + ne[t] +
-              o] = r[t] || r[t - 2] || r[0];
-            return n
-          }
-        }, "margin" !== i && (S.cssHooks[i + o].set = Ye)
-      }), S.fn.extend({
-        css: function (e, t) {
-          return $(this, function (e, t, n) {
-            var r, i, o = {},
-              a = 0;
-            if (Array.isArray(t)) {
-              for (r = Re(e), i = t.length; a < i; a++) o[t[a]] = S.css(e, t[a], !1, r);
-              return o
-            }
-            return void 0 !== n ? S.style(e, t, n) : S.css(e, t)
-          }, e, t, 1 < arguments.length)
-        }
-      }), ((S.Tween = Ke).prototype = {
-        constructor: Ke,
-        init: function (e, t, n, r, i, o) {
-          this.elem = e, this.prop = n, this.easing = i || S.easing._default, this.options = t, this.start =
-            this.now = this.cur(), this.end = r, this.unit = o || (S.cssNumber[n] ? "" : "px")
-        },
-        cur: function () {
-          var e = Ke.propHooks[this.prop];
-          return e && e.get ? e.get(this) : Ke.propHooks._default.get(this)
-        },
-        run: function (e) {
-          var t, n = Ke.propHooks[this.prop];
-          return this.options.duration ? this.pos = t = S.easing[this.easing](e, this.options.duration * e, 0,
-            1, this.options.duration) : this.pos = t = e, this.now = (this.end - this.start) * t + this.start,
-            this.options.step && this.options.step.call(this.elem, this.now, this), n && n.set ? n.set(this) :
-              Ke.propHooks._default.set(this), this
-        }
-      }).init.prototype = Ke.prototype, (Ke.propHooks = {
-        _default: {
-          get: function (e) {
-            var t;
-            return 1 !== e.elem.nodeType || null != e.elem[e.prop] && null == e.elem.style[e.prop] ? e.elem[e
-              .prop] : (t = S.css(e.elem, e.prop, "")) && "auto" !== t ? t : 0
-          },
-          set: function (e) {
-            S.fx.step[e.prop] ? S.fx.step[e.prop](e) : 1 !== e.elem.nodeType || !S.cssHooks[e.prop] && null == e
-              .elem.style[ze(e.prop)] ? e.elem[e.prop] = e.now : S.style(e.elem, e.prop, e.now + e.unit)
-          }
-        }
-      }).scrollTop = Ke.propHooks.scrollLeft = {
-        set: function (e) {
-          e.elem.nodeType && e.elem.parentNode && (e.elem[e.prop] = e.now)
-        }
-      }, S.easing = {
-        linear: function (e) {
-          return e
-        },
-        swing: function (e) {
-          return .5 - Math.cos(e * Math.PI) / 2
-        },
-        _default: "swing"
-      }, S.fx = Ke.prototype.init, S.fx.step = {};
-      var Ze, et, tt, nt, rt = /^(?:toggle|show|hide)$/,
-        it = /queueHooks$/;
-
-      function ot() {
-        et && (!1 === E.hidden && C.requestAnimationFrame ? C.requestAnimationFrame(ot) : C.setTimeout(ot, S.fx
-          .interval), S.fx.tick())
-      }
-
-      function at() {
-        return C.setTimeout(function () {
-          Ze = void 0
-        }), Ze = Date.now()
-      }
-
-      function st(e, t) {
-        var n, r = 0,
-          i = {
-            height: e
-          };
-        for (t = t ? 1 : 0; r < 4; r += 2 - t) i["margin" + (n = ne[r])] = i["padding" + n] = e;
-        return t && (i.opacity = i.width = e), i
-      }
-
-      function ut(e, t, n) {
-        for (var r, i = (lt.tweeners[t] || []).concat(lt.tweeners["*"]), o = 0, a = i.length; o < a; o++)
-          if (r = i[o].call(n, t, e)) return r
-      }
-
-      function lt(o, e, t) {
-        var n, a, r = 0,
-          i = lt.prefilters.length,
-          s = S.Deferred().always(function () {
-            delete u.elem
-          }),
-          u = function () {
-            if (a) return !1;
-            for (var e = Ze || at(), t = Math.max(0, l.startTime + l.duration - e), n = 1 - (t / l.duration || 0), r =
-              0, i = l.tweens.length; r < i; r++) l.tweens[r].run(n);
-            return s.notifyWith(o, [l, n, t]), n < 1 && i ? t : (i || s.notifyWith(o, [l, 1, 0]), s.resolveWith(o, [
-              l]), !1)
-          },
-          l = s.promise({
-            elem: o,
-            props: S.extend({}, e),
-            opts: S.extend(!0, {
-              specialEasing: {},
-              easing: S.easing._default
-            }, t),
-            originalProperties: e,
-            originalOptions: t,
-            startTime: Ze || at(),
-            duration: t.duration,
-            tweens: [],
-            createTween: function (e, t) {
-              var n = S.Tween(o, l.opts, e, t, l.opts.specialEasing[e] || l.opts.easing);
-              return l.tweens.push(n), n
-            },
-            stop: function (e) {
-              var t = 0,
-                n = e ? l.tweens.length : 0;
-              if (a) return this;
-              for (a = !0; t < n; t++) l.tweens[t].run(1);
-              return e ? (s.notifyWith(o, [l, 1, 0]), s.resolveWith(o, [l, e])) : s.rejectWith(o, [l, e]), this
-            }
-          }),
-          c = l.props;
-        for (! function (e, t) {
-          var n, r, i, o, a;
-          for (n in e)
-            if (i = t[r = X(n)], o = e[n], Array.isArray(o) && (i = o[1], o = e[n] = o[0]), n !== r && (e[r] = o,
-              delete e[n]), (a = S.cssHooks[r]) && "expand" in a)
-              for (n in o = a.expand(o), delete e[r], o) n in e || (e[n] = o[n], t[n] = i);
-            else t[r] = i
-        }(c, l.opts.specialEasing); r < i; r++)
-          if (n = lt.prefilters[r].call(l, o, c, l.opts)) return m(n.stop) && (S._queueHooks(l.elem, l.opts.queue)
-            .stop = n.stop.bind(n)), n;
-        return S.map(c, ut, l), m(l.opts.start) && l.opts.start.call(o, l), l.progress(l.opts.progress).done(l.opts
-          .done, l.opts.complete).fail(l.opts.fail).always(l.opts.always), S.fx.timer(S.extend(u, {
-            elem: o,
-            anim: l,
-            queue: l.opts.queue
-          })), l
-      }
-      S.Animation = S.extend(lt, {
-        tweeners: {
-          "*": [function (e, t) {
-            var n = this.createTween(e, t);
-            return se(n.elem, e, te.exec(t), n), n
-          }]
-        },
-        tweener: function (e, t) {
-          m(e) ? (t = e, e = ["*"]) : e = e.match(P);
-          for (var n, r = 0, i = e.length; r < i; r++) n = e[r], lt.tweeners[n] = lt.tweeners[n] || [], lt
-            .tweeners[n].unshift(t)
-        },
-        prefilters: [function (e, t, n) {
-          var r, i, o, a, s, u, l, c, f = "width" in t || "height" in t,
-            p = this,
-            d = {},
-            h = e.style,
-            g = e.nodeType && ae(e),
-            v = Y.get(e, "fxshow");
-          for (r in n.queue || (null == (a = S._queueHooks(e, "fx")).unqueued && (a.unqueued = 0, s = a.empty
-            .fire, a.empty.fire = function () {
-              a.unqueued || s()
-            }), a.unqueued++, p.always(function () {
-              p.always(function () {
-                a.unqueued--, S.queue(e, "fx").length || a.empty.fire()
-              })
-            })), t)
-            if (i = t[r], rt.test(i)) {
-              if (delete t[r], o = o || "toggle" === i, i === (g ? "hide" : "show")) {
-                if ("show" !== i || !v || void 0 === v[r]) continue;
-                g = !0
-              }
-              d[r] = v && v[r] || S.style(e, r)
-            } if ((u = !S.isEmptyObject(t)) || !S.isEmptyObject(d))
-            for (r in f && 1 === e.nodeType && (n.overflow = [h.overflow, h.overflowX, h.overflowY], null == (
-              l = v && v.display) && (l = Y.get(e, "display")), "none" === (c = S.css(e, "display")) && (
-                l ? c = l : (le([e], !0), l = e.style.display || l, c = S.css(e, "display"), le([e]))), (
-                  "inline" === c || "inline-block" === c && null != l) && "none" === S.css(e, "float") && (
-                u || (p.done(function () {
-                  h.display = l
-                }), null == l && (c = h.display, l = "none" === c ? "" : c)), h.display = "inline-block")), n
-                  .overflow && (h.overflow = "hidden", p.always(function () {
-                    h.overflow = n.overflow[0], h.overflowX = n.overflow[1], h.overflowY = n.overflow[2]
-                  })), u = !1, d) u || (v ? "hidden" in v && (g = v.hidden) : v = Y.access(e, "fxshow", {
-                    display: l
-                  }), o && (v.hidden = !g), g && le([e], !0), p.done(function () {
-                    for (r in g || le([e]), Y.remove(e, "fxshow"), d) S.style(e, r, d[r])
-                  })), u = ut(g ? v[r] : 0, r, p), r in v || (v[r] = u.start, g && (u.end = u.start, u.start = 0))
-        }],
-        prefilter: function (e, t) {
-          t ? lt.prefilters.unshift(e) : lt.prefilters.push(e)
-        }
-      }), S.speed = function (e, t, n) {
-        var r = e && "object" == typeof e ? S.extend({}, e) : {
-          complete: n || !n && t || m(e) && e,
-          duration: e,
-          easing: n && t || t && !m(t) && t
-        };
-        return S.fx.off ? r.duration = 0 : "number" != typeof r.duration && (r.duration in S.fx.speeds ? r
-          .duration = S.fx.speeds[r.duration] : r.duration = S.fx.speeds._default), null != r.queue && !0 !== r
-            .queue || (r.queue = "fx"), r.old = r.complete, r.complete = function () {
-              m(r.old) && r.old.call(this), r.queue && S.dequeue(this, r.queue)
-            }, r
-      }, S.fn.extend({
-        fadeTo: function (e, t, n, r) {
-          return this.filter(ae).css("opacity", 0).show().end().animate({
-            opacity: t
-          }, e, n, r)
-        },
-        animate: function (t, e, n, r) {
-          var i = S.isEmptyObject(t),
-            o = S.speed(e, n, r),
-            a = function () {
-              var e = lt(this, S.extend({}, t), o);
-              (i || Y.get(this, "finish")) && e.stop(!0)
-            };
-          return a.finish = a, i || !1 === o.queue ? this.each(a) : this.queue(o.queue, a)
-        },
-        stop: function (i, e, o) {
-          var a = function (e) {
-            var t = e.stop;
-            delete e.stop, t(o)
-          };
-          return "string" != typeof i && (o = e, e = i, i = void 0), e && this.queue(i || "fx", []), this.each(
-            function () {
-              var e = !0,
-                t = null != i && i + "queueHooks",
-                n = S.timers,
-                r = Y.get(this);
-              if (t) r[t] && r[t].stop && a(r[t]);
-              else
-                for (t in r) r[t] && r[t].stop && it.test(t) && a(r[t]);
-              for (t = n.length; t--;) n[t].elem !== this || null != i && n[t].queue !== i || (n[t].anim.stop(
-                o), e = !1, n.splice(t, 1));
-              !e && o || S.dequeue(this, i)
-            })
-        },
-        finish: function (a) {
-          return !1 !== a && (a = a || "fx"), this.each(function () {
-            var e, t = Y.get(this),
-              n = t[a + "queue"],
-              r = t[a + "queueHooks"],
-              i = S.timers,
-              o = n ? n.length : 0;
-            for (t.finish = !0, S.queue(this, a, []), r && r.stop && r.stop.call(this, !0), e = i
-              .length; e--;) i[e].elem === this && i[e].queue === a && (i[e].anim.stop(!0), i.splice(e, 1));
-            for (e = 0; e < o; e++) n[e] && n[e].finish && n[e].finish.call(this);
-            delete t.finish
-          })
-        }
-      }), S.each(["toggle", "show", "hide"], function (e, r) {
-        var i = S.fn[r];
-        S.fn[r] = function (e, t, n) {
-          return null == e || "boolean" == typeof e ? i.apply(this, arguments) : this.animate(st(r, !0), e, t,
-            n)
-        }
-      }), S.each({
-        slideDown: st("show"),
-        slideUp: st("hide"),
-        slideToggle: st("toggle"),
-        fadeIn: {
-          opacity: "show"
-        },
-        fadeOut: {
-          opacity: "hide"
-        },
-        fadeToggle: {
-          opacity: "toggle"
-        }
-      }, function (e, r) {
-        S.fn[e] = function (e, t, n) {
-          return this.animate(r, e, t, n)
-        }
-      }), S.timers = [], S.fx.tick = function () {
-        var e, t = 0,
-          n = S.timers;
-        for (Ze = Date.now(); t < n.length; t++)(e = n[t])() || n[t] !== e || n.splice(t--, 1);
-        n.length || S.fx.stop(), Ze = void 0
-      }, S.fx.timer = function (e) {
-        S.timers.push(e), S.fx.start()
-      }, S.fx.interval = 13, S.fx.start = function () {
-        et || (et = !0, ot())
-      }, S.fx.stop = function () {
-        et = null
-      }, S.fx.speeds = {
-        slow: 600,
-        fast: 200,
-        _default: 400
-      }, S.fn.delay = function (r, e) {
-        return r = S.fx && S.fx.speeds[r] || r, e = e || "fx", this.queue(e, function (e, t) {
-          var n = C.setTimeout(e, r);
-          t.stop = function () {
-            C.clearTimeout(n)
-          }
-        })
-      }, tt = E.createElement("input"), nt = E.createElement("select").appendChild(E.createElement("option")), tt
-        .type = "checkbox", y.checkOn = "" !== tt.value, y.optSelected = nt.selected, (tt = E.createElement("input"))
-          .value = "t", tt.type = "radio", y.radioValue = "t" === tt.value;
-      var ct, ft = S.expr.attrHandle;
-      S.fn.extend({
-        attr: function (e, t) {
-          return $(this, S.attr, e, t, 1 < arguments.length)
-        },
-        removeAttr: function (e) {
-          return this.each(function () {
-            S.removeAttr(this, e)
-          })
-        }
-      }), S.extend({
-        attr: function (e, t, n) {
-          var r, i, o = e.nodeType;
-          if (3 !== o && 8 !== o && 2 !== o) return "undefined" == typeof e.getAttribute ? S.prop(e, t, n) : (
-            1 === o && S.isXMLDoc(e) || (i = S.attrHooks[t.toLowerCase()] || (S.expr.match.bool.test(t) ?
-              ct : void 0)), void 0 !== n ? null === n ? void S.removeAttr(e, t) : i && "set" in i &&
-                void 0 !== (r = i.set(e, n, t)) ? r : (e.setAttribute(t, n + ""), n) : i && "get" in i &&
-                  null !== (r = i.get(e, t)) ? r : null == (r = S.find.attr(e, t)) ? void 0 : r)
-        },
-        attrHooks: {
-          type: {
-            set: function (e, t) {
-              if (!y.radioValue && "radio" === t && A(e, "input")) {
-                var n = e.value;
-                return e.setAttribute("type", t), n && (e.value = n), t
-              }
-            }
-          }
-        },
-        removeAttr: function (e, t) {
-          var n, r = 0,
-            i = t && t.match(P);
-          if (i && 1 === e.nodeType)
-            while (n = i[r++]) e.removeAttribute(n)
-        }
-      }), ct = {
-        set: function (e, t, n) {
-          return !1 === t ? S.removeAttr(e, n) : e.setAttribute(n, n), n
-        }
-      }, S.each(S.expr.match.bool.source.match(/\w+/g), function (e, t) {
-        var a = ft[t] || S.find.attr;
-        ft[t] = function (e, t, n) {
-          var r, i, o = t.toLowerCase();
-          return n || (i = ft[o], ft[o] = r, r = null != a(e, t, n) ? o : null, ft[o] = i), r
-        }
-      });
-      var pt = /^(?:input|select|textarea|button)$/i,
-        dt = /^(?:a|area)$/i;
-
-      function ht(e) {
-        return (e.match(P) || []).join(" ")
-      }
-
-      function gt(e) {
-        return e.getAttribute && e.getAttribute("class") || ""
-      }
-
-      function vt(e) {
-        return Array.isArray(e) ? e : "string" == typeof e && e.match(P) || []
-      }
-      S.fn.extend({
-        prop: function (e, t) {
-          return $(this, S.prop, e, t, 1 < arguments.length)
-        },
-        removeProp: function (e) {
-          return this.each(function () {
-            delete this[S.propFix[e] || e]
-          })
-        }
-      }), S.extend({
-        prop: function (e, t, n) {
-          var r, i, o = e.nodeType;
-          if (3 !== o && 8 !== o && 2 !== o) return 1 === o && S.isXMLDoc(e) || (t = S.propFix[t] || t, i = S
-            .propHooks[t]), void 0 !== n ? i && "set" in i && void 0 !== (r = i.set(e, n, t)) ? r : e[t] =
-              n : i && "get" in i && null !== (r = i.get(e, t)) ? r : e[t]
-        },
-        propHooks: {
-          tabIndex: {
-            get: function (e) {
-              var t = S.find.attr(e, "tabindex");
-              return t ? parseInt(t, 10) : pt.test(e.nodeName) || dt.test(e.nodeName) && e.href ? 0 : -1
-            }
-          }
-        },
-        propFix: {
-          "for": "htmlFor",
-          "class": "className"
-        }
-      }), y.optSelected || (S.propHooks.selected = {
-        get: function (e) {
-          var t = e.parentNode;
-          return t && t.parentNode && t.parentNode.selectedIndex, null
-        },
-        set: function (e) {
-          var t = e.parentNode;
-          t && (t.selectedIndex, t.parentNode && t.parentNode.selectedIndex)
-        }
-      }), S.each(["tabIndex", "readOnly", "maxLength", "cellSpacing", "cellPadding", "rowSpan", "colSpan", "useMap",
-        "frameBorder", "contentEditable"
-      ], function () {
-        S.propFix[this.toLowerCase()] = this
-      }), S.fn.extend({
-        addClass: function (t) {
-          var e, n, r, i, o, a, s, u = 0;
-          if (m(t)) return this.each(function (e) {
-            S(this).addClass(t.call(this, e, gt(this)))
-          });
-          if ((e = vt(t)).length)
-            while (n = this[u++])
-              if (i = gt(n), r = 1 === n.nodeType && " " + ht(i) + " ") {
-                a = 0;
-                while (o = e[a++]) r.indexOf(" " + o + " ") < 0 && (r += o + " ");
-                i !== (s = ht(r)) && n.setAttribute("class", s)
-              } return this
-        },
-        removeClass: function (t) {
-          var e, n, r, i, o, a, s, u = 0;
-          if (m(t)) return this.each(function (e) {
-            S(this).removeClass(t.call(this, e, gt(this)))
-          });
-          if (!arguments.length) return this.attr("class", "");
-          if ((e = vt(t)).length)
-            while (n = this[u++])
-              if (i = gt(n), r = 1 === n.nodeType && " " + ht(i) + " ") {
-                a = 0;
-                while (o = e[a++])
-                  while (-1 < r.indexOf(" " + o + " ")) r = r.replace(" " + o + " ", " ");
-                i !== (s = ht(r)) && n.setAttribute("class", s)
-              } return this
-        },
-        toggleClass: function (i, t) {
-          var o = typeof i,
-            a = "string" === o || Array.isArray(i);
-          return "boolean" == typeof t && a ? t ? this.addClass(i) : this.removeClass(i) : m(i) ? this.each(
-            function (e) {
-              S(this).toggleClass(i.call(this, e, gt(this), t), t)
-            }) : this.each(function () {
-              var e, t, n, r;
-              if (a) {
-                t = 0, n = S(this), r = vt(i);
-                while (e = r[t++]) n.hasClass(e) ? n.removeClass(e) : n.addClass(e)
-              } else void 0 !== i && "boolean" !== o || ((e = gt(this)) && Y.set(this, "__className__", e),
-                this.setAttribute && this.setAttribute("class", e || !1 === i ? "" : Y.get(this,
-                  "__className__") || ""))
-            })
-        },
-        hasClass: function (e) {
-          var t, n, r = 0;
-          t = " " + e + " ";
-          while (n = this[r++])
-            if (1 === n.nodeType && -1 < (" " + ht(gt(n)) + " ").indexOf(t)) return !0;
-          return !1
-        }
-      });
-      var yt = /\r/g;
-      S.fn.extend({
-        val: function (n) {
-          var r, e, i, t = this[0];
-          return arguments.length ? (i = m(n), this.each(function (e) {
-            var t;
-            1 === this.nodeType && (null == (t = i ? n.call(this, e, S(this).val()) : n) ? t = "" :
-              "number" == typeof t ? t += "" : Array.isArray(t) && (t = S.map(t, function (e) {
-                return null == e ? "" : e + ""
-              })), (r = S.valHooks[this.type] || S.valHooks[this.nodeName.toLowerCase()]) && "set" in
-              r && void 0 !== r.set(this, t, "value") || (this.value = t))
-          })) : t ? (r = S.valHooks[t.type] || S.valHooks[t.nodeName.toLowerCase()]) && "get" in r &&
-            void 0 !== (e = r.get(t, "value")) ? e : "string" == typeof (e = t.value) ? e.replace(yt, "") :
-            null == e ? "" : e : void 0
-        }
-      }), S.extend({
-        valHooks: {
-          option: {
-            get: function (e) {
-              var t = S.find.attr(e, "value");
-              return null != t ? t : ht(S.text(e))
-            }
-          },
-          select: {
-            get: function (e) {
-              var t, n, r, i = e.options,
-                o = e.selectedIndex,
-                a = "select-one" === e.type,
-                s = a ? null : [],
-                u = a ? o + 1 : i.length;
-              for (r = o < 0 ? u : a ? o : 0; r < u; r++)
-                if (((n = i[r]).selected || r === o) && !n.disabled && (!n.parentNode.disabled || !A(n
-                  .parentNode, "optgroup"))) {
-                  if (t = S(n).val(), a) return t;
-                  s.push(t)
-                } return s
-            },
-            set: function (e, t) {
-              var n, r, i = e.options,
-                o = S.makeArray(t),
-                a = i.length;
-              while (a--) ((r = i[a]).selected = -1 < S.inArray(S.valHooks.option.get(r), o)) && (n = !0);
-              return n || (e.selectedIndex = -1), o
-            }
-          }
-        }
-      }), S.each(["radio", "checkbox"], function () {
-        S.valHooks[this] = {
-          set: function (e, t) {
-            if (Array.isArray(t)) return e.checked = -1 < S.inArray(S(e).val(), t)
-          }
-        }, y.checkOn || (S.valHooks[this].get = function (e) {
-          return null === e.getAttribute("value") ? "on" : e.value
-        })
-      }), y.focusin = "onfocusin" in C;
-      var mt = /^(?:focusinfocus|focusoutblur)$/,
-        xt = function (e) {
-          e.stopPropagation()
-        };
-      S.extend(S.event, {
-        trigger: function (e, t, n, r) {
-          var i, o, a, s, u, l, c, f, p = [n || E],
-            d = v.call(e, "type") ? e.type : e,
-            h = v.call(e, "namespace") ? e.namespace.split(".") : [];
-          if (o = f = a = n = n || E, 3 !== n.nodeType && 8 !== n.nodeType && !mt.test(d + S.event.triggered) &&
-            (-1 < d.indexOf(".") && (d = (h = d.split(".")).shift(), h.sort()), u = d.indexOf(":") < 0 && "on" +
-              d, (e = e[S.expando] ? e : new S.Event(d, "object" == typeof e && e)).isTrigger = r ? 2 : 3, e
-                .namespace = h.join("."), e.rnamespace = e.namespace ? new RegExp("(^|\\.)" + h.join(
-                  "\\.(?:.*\\.|)") + "(\\.|$)") : null, e.result = void 0, e.target || (e.target = n), t = null ==
-                    t ? [e] : S.makeArray(t, [e]), c = S.event.special[d] || {}, r || !c.trigger || !1 !== c.trigger
-                      .apply(n, t))) {
-            if (!r && !c.noBubble && !x(n)) {
-              for (s = c.delegateType || d, mt.test(s + d) || (o = o.parentNode); o; o = o.parentNode) p.push(
-                o), a = o;
-              a === (n.ownerDocument || E) && p.push(a.defaultView || a.parentWindow || C)
-            }
-            i = 0;
-            while ((o = p[i++]) && !e.isPropagationStopped()) f = o, e.type = 1 < i ? s : c.bindType || d, (l =
-              (Y.get(o, "events") || Object.create(null))[e.type] && Y.get(o, "handle")) && l.apply(o, t), (
-                l = u && o[u]) && l.apply && V(o) && (e.result = l.apply(o, t), !1 === e.result && e
-                  .preventDefault());
-            return e.type = d, r || e.isDefaultPrevented() || c._default && !1 !== c._default.apply(p.pop(),
-              t) || !V(n) || u && m(n[d]) && !x(n) && ((a = n[u]) && (n[u] = null), S.event.triggered = d, e
-                .isPropagationStopped() && f.addEventListener(d, xt), n[d](), e.isPropagationStopped() && f
-                  .removeEventListener(d, xt), S.event.triggered = void 0, a && (n[u] = a)), e.result
-          }
-        },
-        simulate: function (e, t, n) {
-          var r = S.extend(new S.Event, n, {
-            type: e,
-            isSimulated: !0
-          });
-          S.event.trigger(r, null, t)
-        }
-      }), S.fn.extend({
-        trigger: function (e, t) {
-          return this.each(function () {
-            S.event.trigger(e, t, this)
-          })
-        },
-        triggerHandler: function (e, t) {
-          var n = this[0];
-          if (n) return S.event.trigger(e, t, n, !0)
-        }
-      }), y.focusin || S.each({
-        focus: "focusin",
-        blur: "focusout"
-      }, function (n, r) {
-        var i = function (e) {
-          S.event.simulate(r, e.target, S.event.fix(e))
-        };
-        S.event.special[r] = {
-          setup: function () {
-            var e = this.ownerDocument || this.document || this,
-              t = Y.access(e, r);
-            t || e.addEventListener(n, i, !0), Y.access(e, r, (t || 0) + 1)
-          },
-          teardown: function () {
-            var e = this.ownerDocument || this.document || this,
-              t = Y.access(e, r) - 1;
-            t ? Y.access(e, r, t) : (e.removeEventListener(n, i, !0), Y.remove(e, r))
-          }
-        }
-      });
-      var bt = C.location,
-        wt = {
-          guid: Date.now()
-        },
-        Tt = /\?/;
-      S.parseXML = function (e) {
-        var t, n;
-        if (!e || "string" != typeof e) return null;
-        try {
-          t = (new C.DOMParser).parseFromString(e, "text/xml")
-        } catch (e) { }
-        return n = t && t.getElementsByTagName("parsererror")[0], t && !n || S.error("Invalid XML: " + (n ? S.map(n
-          .childNodes,
-          function (e) {
-            return e.textContent
-          }).join("\n") : e)), t
-      };
-      var Ct = /\[\]$/,
-        Et = /\r?\n/g,
-        St = /^(?:submit|button|image|reset|file)$/i,
-        kt = /^(?:input|select|textarea|keygen)/i;
-
-      function At(n, e, r, i) {
-        var t;
-        if (Array.isArray(e)) S.each(e, function (e, t) {
-          r || Ct.test(n) ? i(n, t) : At(n + "[" + ("object" == typeof t && null != t ? e : "") + "]", t, r, i)
-        });
-        else if (r || "object" !== w(e)) i(n, e);
-        else
-          for (t in e) At(n + "[" + t + "]", e[t], r, i)
-      }
-      S.param = function (e, t) {
-        var n, r = [],
-          i = function (e, t) {
-            var n = m(t) ? t() : t;
-            r[r.length] = encodeURIComponent(e) + "=" + encodeURIComponent(null == n ? "" : n)
-          };
-        if (null == e) return "";
-        if (Array.isArray(e) || e.jquery && !S.isPlainObject(e)) S.each(e, function () {
-          i(this.name, this.value)
-        });
-        else
-          for (n in e) At(n, e[n], t, i);
-        return r.join("&")
-      }, S.fn.extend({
-        serialize: function () {
-          return S.param(this.serializeArray())
-        },
-        serializeArray: function () {
-          return this.map(function () {
-            var e = S.prop(this, "elements");
-            return e ? S.makeArray(e) : this
-          }).filter(function () {
-            var e = this.type;
-            return this.name && !S(this).is(":disabled") && kt.test(this.nodeName) && !St.test(e) && (this
-              .checked || !pe.test(e))
-          }).map(function (e, t) {
-            var n = S(this).val();
-            return null == n ? null : Array.isArray(n) ? S.map(n, function (e) {
-              return {
-                name: t.name,
-                value: e.replace(Et, "\r\n")
-              }
-            }) : {
-              name: t.name,
-              value: n.replace(Et, "\r\n")
-            }
-          }).get()
-        }
-      });
-      var Nt = /%20/g,
-        jt = /#.*$/,
-        Dt = /([?&])_=[^&]*/,
-        qt = /^(.*?):[ \t]*([^\r\n]*)$/gm,
-        Lt = /^(?:GET|HEAD)$/,
-        Ht = /^\/\//,
-        Ot = {},
-        Pt = {},
-        Rt = "*/".concat("*"),
-        Mt = E.createElement("a");
-
-      function It(o) {
-        return function (e, t) {
-          "string" != typeof e && (t = e, e = "*");
-          var n, r = 0,
-            i = e.toLowerCase().match(P) || [];
-          if (m(t))
-            while (n = i[r++]) "+" === n[0] ? (n = n.slice(1) || "*", (o[n] = o[n] || []).unshift(t)) : (o[n] = o[
-              n] || []).push(t)
-        }
-      }
-
-      function Wt(t, i, o, a) {
-        var s = {},
-          u = t === Pt;
-
-        function l(e) {
-          var r;
-          return s[e] = !0, S.each(t[e] || [], function (e, t) {
-            var n = t(i, o, a);
-            return "string" != typeof n || u || s[n] ? u ? !(r = n) : void 0 : (i.dataTypes.unshift(n), l(n), !1)
-          }), r
-        }
-        return l(i.dataTypes[0]) || !s["*"] && l("*")
-      }
-
-      function Ft(e, t) {
-        var n, r, i = S.ajaxSettings.flatOptions || {};
-        for (n in t) void 0 !== t[n] && ((i[n] ? e : r || (r = {}))[n] = t[n]);
-        return r && S.extend(!0, e, r), e
-      }
-      Mt.href = bt.href, S.extend({
-        active: 0,
-        lastModified: {},
-        etag: {},
-        ajaxSettings: {
-          url: bt.href,
-          type: "GET",
-          isLocal: /^(?:about|app|app-storage|.+-extension|file|res|widget):$/.test(bt.protocol),
-          global: !0,
-          processData: !0,
-          async: !0,
-          contentType: "application/x-www-form-urlencoded; charset=UTF-8",
-          accepts: {
-            "*": Rt,
-            text: "text/plain",
-            html: "text/html",
-            xml: "application/xml, text/xml",
-            json: "application/json, text/javascript"
-          },
-          contents: {
-            xml: /\bxml\b/,
-            html: /\bhtml/,
-            json: /\bjson\b/
-          },
-          responseFields: {
-            xml: "responseXML",
-            text: "responseText",
-            json: "responseJSON"
-          },
-          converters: {
-            "* text": String,
-            "text html": !0,
-            "text json": JSON.parse,
-            "text xml": S.parseXML
-          },
-          flatOptions: {
-            url: !0,
-            context: !0
-          }
-        },
-        ajaxSetup: function (e, t) {
-          return t ? Ft(Ft(e, S.ajaxSettings), t) : Ft(S.ajaxSettings, e)
-        },
-        ajaxPrefilter: It(Ot),
-        ajaxTransport: It(Pt),
-        ajax: function (e, t) {
-          "object" == typeof e && (t = e, e = void 0), t = t || {};
-          var c, f, p, n, d, r, h, g, i, o, v = S.ajaxSetup({}, t),
-            y = v.context || v,
-            m = v.context && (y.nodeType || y.jquery) ? S(y) : S.event,
-            x = S.Deferred(),
-            b = S.Callbacks("once memory"),
-            w = v.statusCode || {},
-            a = {},
-            s = {},
-            u = "canceled",
-            T = {
-              readyState: 0,
-              getResponseHeader: function (e) {
-                var t;
-                if (h) {
-                  if (!n) {
-                    n = {};
-                    while (t = qt.exec(p)) n[t[1].toLowerCase() + " "] = (n[t[1].toLowerCase() + " "] || [])
-                      .concat(t[2])
-                  }
-                  t = n[e.toLowerCase() + " "]
-                }
-                return null == t ? null : t.join(", ")
-              },
-              getAllResponseHeaders: function () {
-                return h ? p : null
-              },
-              setRequestHeader: function (e, t) {
-                return null == h && (e = s[e.toLowerCase()] = s[e.toLowerCase()] || e, a[e] = t), this
-              },
-              overrideMimeType: function (e) {
-                return null == h && (v.mimeType = e), this
-              },
-              statusCode: function (e) {
-                var t;
-                if (e)
-                  if (h) T.always(e[T.status]);
-                  else
-                    for (t in e) w[t] = [w[t], e[t]];
-                return this
-              },
-              abort: function (e) {
-                var t = e || u;
-                return c && c.abort(t), l(0, t), this
-              }
-            };
-          if (x.promise(T), v.url = ((e || v.url || bt.href) + "").replace(Ht, bt.protocol + "//"), v.type = t
-            .method || t.type || v.method || v.type, v.dataTypes = (v.dataType || "*").toLowerCase().match(P) ||
-            [""], null == v.crossDomain) {
-            r = E.createElement("a");
-            try {
-              r.href = v.url, r.href = r.href, v.crossDomain = Mt.protocol + "//" + Mt.host != r.protocol +
-                "//" + r.host
-            } catch (e) {
-              v.crossDomain = !0
-            }
-          }
-          if (v.data && v.processData && "string" != typeof v.data && (v.data = S.param(v.data, v.traditional)),
-            Wt(Ot, v, t, T), h) return T;
-          for (i in (g = S.event && v.global) && 0 == S.active++ && S.event.trigger("ajaxStart"), v.type = v
-            .type.toUpperCase(), v.hasContent = !Lt.test(v.type), f = v.url.replace(jt, ""), v.hasContent ? v
-              .data && v.processData && 0 === (v.contentType || "").indexOf(
-                "application/x-www-form-urlencoded") && (v.data = v.data.replace(Nt, "+")) : (o = v.url.slice(f
-                  .length), v.data && (v.processData || "string" == typeof v.data) && (f += (Tt.test(f) ? "&" :
-                    "?") + v.data, delete v.data), !1 === v.cache && (f = f.replace(Dt, "$1"), o = (Tt.test(f) ?
-                      "&" : "?") + "_=" + wt.guid++ + o), v.url = f + o), v.ifModified && (S.lastModified[f] && T
-                        .setRequestHeader("If-Modified-Since", S.lastModified[f]), S.etag[f] && T.setRequestHeader(
-                          "If-None-Match", S.etag[f])), (v.data && v.hasContent && !1 !== v.contentType || t
-                            .contentType) && T.setRequestHeader("Content-Type", v.contentType), T.setRequestHeader("Accept", v
-                              .dataTypes[0] && v.accepts[v.dataTypes[0]] ? v.accepts[v.dataTypes[0]] + ("*" !== v.dataTypes[0] ?
-                                ", " + Rt + "; q=0.01" : "") : v.accepts["*"]), v.headers) T.setRequestHeader(i, v.headers[i]);
-          if (v.beforeSend && (!1 === v.beforeSend.call(y, T, v) || h)) return T.abort();
-          if (u = "abort", b.add(v.complete), T.done(v.success), T.fail(v.error), c = Wt(Pt, v, t, T)) {
-            if (T.readyState = 1, g && m.trigger("ajaxSend", [T, v]), h) return T;
-            v.async && 0 < v.timeout && (d = C.setTimeout(function () {
-              T.abort("timeout")
-            }, v.timeout));
-            try {
-              h = !1, c.send(a, l)
-            } catch (e) {
-              if (h) throw e;
-              l(-1, e)
-            }
-          } else l(-1, "No Transport");
-
-          function l(e, t, n, r) {
-            var i, o, a, s, u, l = t;
-            h || (h = !0, d && C.clearTimeout(d), c = void 0, p = r || "", T.readyState = 0 < e ? 4 : 0, i =
-              200 <= e && e < 300 || 304 === e, n && (s = function (e, t, n) {
-                var r, i, o, a, s = e.contents,
-                  u = e.dataTypes;
-                while ("*" === u[0]) u.shift(), void 0 === r && (r = e.mimeType || t.getResponseHeader(
-                  "Content-Type"));
-                if (r)
-                  for (i in s)
-                    if (s[i] && s[i].test(r)) {
-                      u.unshift(i);
-                      break
-                    } if (u[0] in n) o = u[0];
-                else {
-                  for (i in n) {
-                    if (!u[0] || e.converters[i + " " + u[0]]) {
-                      o = i;
-                      break
-                    }
-                    a || (a = i)
-                  }
-                  o = o || a
-                }
-                if (o) return o !== u[0] && u.unshift(o), n[o]
-              }(v, T, n)), !i && -1 < S.inArray("script", v.dataTypes) && S.inArray("json", v.dataTypes) <
-              0 && (v.converters["text script"] = function () { }), s = function (e, t, n, r) {
-                var i, o, a, s, u, l = {},
-                  c = e.dataTypes.slice();
-                if (c[1])
-                  for (a in e.converters) l[a.toLowerCase()] = e.converters[a];
-                o = c.shift();
-                while (o)
-                  if (e.responseFields[o] && (n[e.responseFields[o]] = t), !u && r && e.dataFilter && (t = e
-                    .dataFilter(t, e.dataType)), u = o, o = c.shift())
-                    if ("*" === o) o = u;
-                    else if ("*" !== u && u !== o) {
-                      if (!(a = l[u + " " + o] || l["* " + o]))
-                        for (i in l)
-                          if ((s = i.split(" "))[1] === o && (a = l[u + " " + s[0]] || l["* " + s[0]])) {
-                            !0 === a ? a = l[i] : !0 !== l[i] && (o = s[0], c.unshift(s[1]));
-                            break
-                          } if (!0 !== a)
-                        if (a && e["throws"]) t = a(t);
-                        else try {
-                          t = a(t)
-                        } catch (e) {
-                          return {
-                            state: "parsererror",
-                            error: a ? e : "No conversion from " + u + " to " + o
-                          }
-                        }
-                    }
-                return {
-                  state: "success",
-                  data: t
-                }
-              }(v, s, T, i), i ? (v.ifModified && ((u = T.getResponseHeader("Last-Modified")) && (S
-                .lastModified[f] = u), (u = T.getResponseHeader("etag")) && (S.etag[f] = u)), 204 === e ||
-                  "HEAD" === v.type ? l = "nocontent" : 304 === e ? l = "notmodified" : (l = s.state, o = s
-                    .data, i = !(a = s.error))) : (a = l, !e && l || (l = "error", e < 0 && (e = 0))), T
-                      .status = e, T.statusText = (t || l) + "", i ? x.resolveWith(y, [o, l, T]) : x.rejectWith(y, [T,
-                        l, a
-                      ]), T.statusCode(w), w = void 0, g && m.trigger(i ? "ajaxSuccess" : "ajaxError", [T, v, i ? o :
-                        a
-                      ]), b.fireWith(y, [T, l]), g && (m.trigger("ajaxComplete", [T, v]), --S.active || S.event
-                        .trigger("ajaxStop")))
-          }
-          return T
-        },
-        getJSON: function (e, t, n) {
-          return S.get(e, t, n, "json")
-        },
-        getScript: function (e, t) {
-          return S.get(e, void 0, t, "script")
-        }
-      }), S.each(["get", "post"], function (e, i) {
-        S[i] = function (e, t, n, r) {
-          return m(t) && (r = r || n, n = t, t = void 0), S.ajax(S.extend({
-            url: e,
-            type: i,
-            dataType: r,
-            data: t,
-            success: n
-          }, S.isPlainObject(e) && e))
-        }
-      }), S.ajaxPrefilter(function (e) {
-        var t;
-        for (t in e.headers) "content-type" === t.toLowerCase() && (e.contentType = e.headers[t] || "")
-      }), S._evalUrl = function (e, t, n) {
-        return S.ajax({
-          url: e,
-          type: "GET",
-          dataType: "script",
-          cache: !0,
-          async: !1,
-          global: !1,
-          converters: {
-            "text script": function () { }
-          },
-          dataFilter: function (e) {
-            S.globalEval(e, t, n)
-          }
-        })
-      }, S.fn.extend({
-        wrapAll: function (e) {
-          var t;
-          return this[0] && (m(e) && (e = e.call(this[0])), t = S(e, this[0].ownerDocument).eq(0).clone(!0),
-            this[0].parentNode && t.insertBefore(this[0]), t.map(function () {
-              var e = this;
-              while (e.firstElementChild) e = e.firstElementChild;
-              return e
-            }).append(this)), this
-        },
-        wrapInner: function (n) {
-          return m(n) ? this.each(function (e) {
-            S(this).wrapInner(n.call(this, e))
-          }) : this.each(function () {
-            var e = S(this),
-              t = e.contents();
-            t.length ? t.wrapAll(n) : e.append(n)
-          })
-        },
-        wrap: function (t) {
-          var n = m(t);
-          return this.each(function (e) {
-            S(this).wrapAll(n ? t.call(this, e) : t)
-          })
-        },
-        unwrap: function (e) {
-          return this.parent(e).not("body").each(function () {
-            S(this).replaceWith(this.childNodes)
-          }), this
-        }
-      }), S.expr.pseudos.hidden = function (e) {
-        return !S.expr.pseudos.visible(e)
-      }, S.expr.pseudos.visible = function (e) {
-        return !!(e.offsetWidth || e.offsetHeight || e.getClientRects().length)
-      }, S.ajaxSettings.xhr = function () {
-        try {
-          return new C.XMLHttpRequest
-        } catch (e) { }
-      };
-      var Bt = {
-        0: 200,
-        1223: 204
-      },
-        $t = S.ajaxSettings.xhr();
-      y.cors = !!$t && "withCredentials" in $t, y.ajax = $t = !!$t, S.ajaxTransport(function (i) {
-        var o, a;
-        if (y.cors || $t && !i.crossDomain) return {
-          send: function (e, t) {
-            var n, r = i.xhr();
-            if (r.open(i.type, i.url, i.async, i.username, i.password), i.xhrFields)
-              for (n in i.xhrFields) r[n] = i.xhrFields[n];
-            for (n in i.mimeType && r.overrideMimeType && r.overrideMimeType(i.mimeType), i.crossDomain || e[
-              "X-Requested-With"] || (e["X-Requested-With"] = "XMLHttpRequest"), e) r.setRequestHeader(n, e[
-                n]);
-            o = function (e) {
-              return function () {
-                o && (o = a = r.onload = r.onerror = r.onabort = r.ontimeout = r.onreadystatechange =
-                  null, "abort" === e ? r.abort() : "error" === e ? "number" != typeof r.status ? t(0,
-                    "error") : t(r.status, r.statusText) : t(Bt[r.status] || r.status, r.statusText,
-                      "text" !== (r.responseType || "text") || "string" != typeof r.responseText ? {
-                        binary: r.response
-                      } : {
-                        text: r.responseText
-                      }, r.getAllResponseHeaders()))
-              }
-            }, r.onload = o(), a = r.onerror = r.ontimeout = o("error"), void 0 !== r.onabort ? r.onabort =
-              a : r.onreadystatechange = function () {
-                4 === r.readyState && C.setTimeout(function () {
-                  o && a()
-                })
-              }, o = o("abort");
-            try {
-              r.send(i.hasContent && i.data || null)
-            } catch (e) {
-              if (o) throw e
-            }
-          },
-          abort: function () {
-            o && o()
-          }
-        }
-      }), S.ajaxPrefilter(function (e) {
-        e.crossDomain && (e.contents.script = !1)
-      }), S.ajaxSetup({
-        accepts: {
-          script: "text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"
-        },
-        contents: {
-          script: /\b(?:java|ecma)script\b/
-        },
-        converters: {
-          "text script": function (e) {
-            return S.globalEval(e), e
-          }
-        }
-      }), S.ajaxPrefilter("script", function (e) {
-        void 0 === e.cache && (e.cache = !1), e.crossDomain && (e.type = "GET")
-      }), S.ajaxTransport("script", function (n) {
-        var r, i;
-        if (n.crossDomain || n.scriptAttrs) return {
-          send: function (e, t) {
-            r = S("<script>").attr(n.scriptAttrs || {}).prop({
-              charset: n.scriptCharset,
-              src: n.url
-            }).on("load error", i = function (e) {
-              r.remove(), i = null, e && t("error" === e.type ? 404 : 200, e.type)
-            }), E.head.appendChild(r[0])
-          },
-          abort: function () {
-            i && i()
-          }
-        }
-      });
-      var _t, zt = [],
-        Ut = /(=)\?(?=&|$)|\?\?/;
-      S.ajaxSetup({
-        jsonp: "callback",
-        jsonpCallback: function () {
-          var e = zt.pop() || S.expando + "_" + wt.guid++;
-          return this[e] = !0, e
-        }
-      }), S.ajaxPrefilter("json jsonp", function (e, t, n) {
-        var r, i, o, a = !1 !== e.jsonp && (Ut.test(e.url) ? "url" : "string" == typeof e.data && 0 === (e
-          .contentType || "").indexOf("application/x-www-form-urlencoded") && Ut.test(e.data) && "data");
-        if (a || "jsonp" === e.dataTypes[0]) return r = e.jsonpCallback = m(e.jsonpCallback) ? e.jsonpCallback() :
-          e.jsonpCallback, a ? e[a] = e[a].replace(Ut, "$1" + r) : !1 !== e.jsonp && (e.url += (Tt.test(e.url) ?
-            "&" : "?") + e.jsonp + "=" + r), e.converters["script json"] = function () {
-              return o || S.error(r + " was not called"), o[0]
-            }, e.dataTypes[0] = "json", i = C[r], C[r] = function () {
-              o = arguments
-            }, n.always(function () {
-              void 0 === i ? S(C).removeProp(r) : C[r] = i, e[r] && (e.jsonpCallback = t.jsonpCallback, zt.push(
-                r)), o && m(i) && i(o[0]), o = i = void 0
-            }), "script"
-      }), y.createHTMLDocument = ((_t = E.implementation.createHTMLDocument("").body).innerHTML =
-        "<form></form><form></form>", 2 === _t.childNodes.length), S.parseHTML = function (e, t, n) {
-          return "string" != typeof e ? [] : ("boolean" == typeof t && (n = t, t = !1), t || (y.createHTMLDocument ? (
-            (r = (t = E.implementation.createHTMLDocument("")).createElement("base")).href = E.location.href, t
-              .head.appendChild(r)) : t = E), o = !n && [], (i = N.exec(e)) ? [t.createElement(i[1])] : (i = xe([e],
-                t, o), o && o.length && S(o).remove(), S.merge([], i.childNodes)));
-          var r, i, o
-        }, S.fn.load = function (e, t, n) {
-          var r, i, o, a = this,
-            s = e.indexOf(" ");
-          return -1 < s && (r = ht(e.slice(s)), e = e.slice(0, s)), m(t) ? (n = t, t = void 0) : t && "object" ==
-            typeof t && (i = "POST"), 0 < a.length && S.ajax({
-              url: e,
-              type: i || "GET",
-              dataType: "html",
-              data: t
-            }).done(function (e) {
-              o = arguments, a.html(r ? S("<div>").append(S.parseHTML(e)).find(r) : e)
-            }).always(n && function (e, t) {
-              a.each(function () {
-                n.apply(this, o || [e.responseText, t, e])
-              })
-            }), this
-        }, S.expr.pseudos.animated = function (t) {
-          return S.grep(S.timers, function (e) {
-            return t === e.elem
-          }).length
-        }, S.offset = {
-          setOffset: function (e, t, n) {
-            var r, i, o, a, s, u, l = S.css(e, "position"),
-              c = S(e),
-              f = {};
-            "static" === l && (e.style.position = "relative"), s = c.offset(), o = S.css(e, "top"), u = S.css(e,
-              "left"), ("absolute" === l || "fixed" === l) && -1 < (o + u).indexOf("auto") ? (a = (r = c
-                .position()).top, i = r.left) : (a = parseFloat(o) || 0, i = parseFloat(u) || 0), m(t) && (t = t.call(
-                  e, n, S.extend({}, s))), null != t.top && (f.top = t.top - s.top + a), null != t.left && (f.left = t
-                    .left - s.left + i), "using" in t ? t.using.call(e, f) : c.css(f)
-          }
-        }, S.fn.extend({
-          offset: function (t) {
-            if (arguments.length) return void 0 === t ? this : this.each(function (e) {
-              S.offset.setOffset(this, t, e)
-            });
-            var e, n, r = this[0];
-            return r ? r.getClientRects().length ? (e = r.getBoundingClientRect(), n = r.ownerDocument
-              .defaultView, {
-              top: e.top + n.pageYOffset,
-              left: e.left + n.pageXOffset
-            }) : {
-              top: 0,
-              left: 0
-            } : void 0
-          },
-          position: function () {
-            if (this[0]) {
-              var e, t, n, r = this[0],
-                i = {
-                  top: 0,
-                  left: 0
-                };
-              if ("fixed" === S.css(r, "position")) t = r.getBoundingClientRect();
-              else {
-                t = this.offset(), n = r.ownerDocument, e = r.offsetParent || n.documentElement;
-                while (e && (e === n.body || e === n.documentElement) && "static" === S.css(e, "position")) e = e
-                  .parentNode;
-                e && e !== r && 1 === e.nodeType && ((i = S(e).offset()).top += S.css(e, "borderTopWidth", !0), i
-                  .left += S.css(e, "borderLeftWidth", !0))
-              }
-              return {
-                top: t.top - i.top - S.css(r, "marginTop", !0),
-                left: t.left - i.left - S.css(r, "marginLeft", !0)
-              }
-            }
-          },
-          offsetParent: function () {
-            return this.map(function () {
-              var e = this.offsetParent;
-              while (e && "static" === S.css(e, "position")) e = e.offsetParent;
-              return e || re
-            })
-          }
-        }), S.each({
-          scrollLeft: "pageXOffset",
-          scrollTop: "pageYOffset"
-        }, function (t, i) {
-          var o = "pageYOffset" === i;
-          S.fn[t] = function (e) {
-            return $(this, function (e, t, n) {
-              var r;
-              if (x(e) ? r = e : 9 === e.nodeType && (r = e.defaultView), void 0 === n) return r ? r[i] : e[
-                t];
-              r ? r.scrollTo(o ? r.pageXOffset : n, o ? n : r.pageYOffset) : e[t] = n
-            }, t, e, arguments.length)
-          }
-        }), S.each(["top", "left"], function (e, n) {
-          S.cssHooks[n] = Fe(y.pixelPosition, function (e, t) {
-            if (t) return t = We(e, n), Pe.test(t) ? S(e).position()[n] + "px" : t
-          })
-        }), S.each({
-          Height: "height",
-          Width: "width"
-        }, function (a, s) {
-          S.each({
-            padding: "inner" + a,
-            content: s,
-            "": "outer" + a
-          }, function (r, o) {
-            S.fn[o] = function (e, t) {
-              var n = arguments.length && (r || "boolean" != typeof e),
-                i = r || (!0 === e || !0 === t ? "margin" : "border");
-              return $(this, function (e, t, n) {
-                var r;
-                return x(e) ? 0 === o.indexOf("outer") ? e["inner" + a] : e.document.documentElement[
-                  "client" + a] : 9 === e.nodeType ? (r = e.documentElement, Math.max(e.body["scroll" +
-                    a], r["scroll" + a], e.body["offset" + a], r["offset" + a], r["client" + a])) :
-                  void 0 === n ? S.css(e, t, i) : S.style(e, t, n, i)
-              }, s, n ? e : void 0, n)
-            }
-          })
-        }), S.each(["ajaxStart", "ajaxStop", "ajaxComplete", "ajaxError", "ajaxSuccess", "ajaxSend"], function (e,
-          t) {
-          S.fn[t] = function (e) {
-            return this.on(t, e)
-          }
-        }), S.fn.extend({
-          bind: function (e, t, n) {
-            return this.on(e, null, t, n)
-          },
-          unbind: function (e, t) {
-            return this.off(e, null, t)
-          },
-          delegate: function (e, t, n, r) {
-            return this.on(t, e, n, r)
-          },
-          undelegate: function (e, t, n) {
-            return 1 === arguments.length ? this.off(e, "**") : this.off(t, e || "**", n)
-          },
-          hover: function (e, t) {
-            return this.mouseenter(e).mouseleave(t || e)
-          }
-        }), S.each(
-          "blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu"
-            .split(" "),
-          function (e, n) {
-            S.fn[n] = function (e, t) {
-              return 0 < arguments.length ? this.on(n, null, e, t) : this.trigger(n)
-            }
-          });
-      var Xt = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;
-      S.proxy = function (e, t) {
-        var n, r, i;
-        if ("string" == typeof t && (n = e[t], t = e, e = n), m(e)) return r = s.call(arguments, 2), (i =
-          function () {
-            return e.apply(t || this, r.concat(s.call(arguments)))
-          }).guid = e.guid = e.guid || S.guid++, i
-      }, S.holdReady = function (e) {
-        e ? S.readyWait++ : S.ready(!0)
-      }, S.isArray = Array.isArray, S.parseJSON = JSON.parse, S.nodeName = A, S.isFunction = m, S.isWindow = x, S
-        .camelCase = X, S.type = w, S.now = Date.now, S.isNumeric = function (e) {
-          var t = S.type(e);
-          return ("number" === t || "string" === t) && !isNaN(e - parseFloat(e))
-        }, S.trim = function (e) {
-          return null == e ? "" : (e + "").replace(Xt, "")
-        }, "function" == typeof define && define.amd && define("jquery", [], function () {
-          return S
-        });
-      var Vt = C.jQuery,
-        Gt = C.$;
-      return S.noConflict = function (e) {
-        return C.$ === S && (C.$ = Gt), e && C.jQuery === S && (C.jQuery = Vt), S
-      }, "undefined" == typeof e && (C.jQuery = C.$ = S), S
-    });
-  </script>
-  <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
-  <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css" />
-  <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
-  <!--end Slick CSS -->
-
-  <!-- <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js"
-    integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous">
-  </script> -->
-
-  <!-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> -->
-  <style type="text/css">
-    /*!
- * Bootstrap v4.3.1 (https://getbootstrap.com/)
- * Copyright 2011-2019 The Bootstrap Authors
- * Copyright 2011-2019 Twitter, Inc.
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- */
-    :root {
-      --blue: #007bff;
-      --indigo: #6610f2;
-      --purple: #6f42c1;
-      --pink: #e83e8c;
-      --red: #dc3545;
-      --orange: #fd7e14;
-      --yellow: #ffc107;
-      --green: #28a745;
-      --teal: #20c997;
-      --cyan: #17a2b8;
-      --white: #fff;
-      --gray: #6c757d;
-      --gray-dark: #343a40;
-      --primary: #007bff;
-      --secondary: #6c757d;
-      --success: #28a745;
-      --info: #17a2b8;
-      --warning: #ffc107;
-      --danger: #dc3545;
-      --light: #f8f9fa;
-      --dark: #343a40;
-      --breakpoint-xs: 0;
-      --breakpoint-sm: 576px;
-      --breakpoint-md: 768px;
-      --breakpoint-lg: 992px;
-      --breakpoint-xl: 1200px;
-      --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-      --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
-    }
-
-    *,
-    ::after,
-    ::before {
-      box-sizing: border-box
-    }
-
-    html {
-      font-family: sans-serif;
-      line-height: 1.15;
-      -webkit-text-size-adjust: 100%;
-      -webkit-tap-highlight-color: transparent
-    }
-
-    article,
-    aside,
-    figcaption,
-    figure,
-    footer,
-    header,
-    hgroup,
-    main,
-    nav,
-    section {
-      display: block
-    }
-
-    body {
-      margin: 0;
-      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-      font-size: 1rem;
-      font-weight: 400;
-      line-height: 1.5;
-      color: #212529;
-      text-align: left;
-      background-color: #fff
-    }
-
-    [tabindex="-1"]:focus {
-      outline: 0 !important
-    }
-
-    hr {
-      box-sizing: content-box;
-      height: 0;
-      overflow: visible
-    }
-
-    h1,
-    h2,
-    h3,
-    h4,
-    h5,
-    h6 {
-      margin-top: 0;
-      margin-bottom: .5rem
-    }
-
-    p {
-      margin-top: 0;
-      margin-bottom: 1rem
-    }
-
-    abbr[data-original-title],
-    abbr[title] {
-      text-decoration: underline;
-      -webkit-text-decoration: underline dotted;
-      text-decoration: underline dotted;
-      cursor: help;
-      border-bottom: 0;
-      -webkit-text-decoration-skip-ink: none;
-      text-decoration-skip-ink: none
-    }
-
-    address {
-      margin-bottom: 1rem;
-      font-style: normal;
-      line-height: inherit
-    }
-
-    dl,
-    ol,
-    ul {
-      margin-top: 0;
-      margin-bottom: 1rem
-    }
-
-    ol ol,
-    ol ul,
-    ul ol,
-    ul ul {
-      margin-bottom: 0
-    }
-
-    dt {
-      font-weight: 700
-    }
-
-    dd {
-      margin-bottom: .5rem;
-      margin-left: 0
-    }
-
-    blockquote {
-      margin: 0 0 1rem
-    }
-
-    b,
-    strong {
-      font-weight: bolder
-    }
-
-    small {
-      font-size: 80%
-    }
-
-    sub,
-    sup {
-      position: relative;
-      font-size: 75%;
-      line-height: 0;
-      vertical-align: baseline
-    }
-
-    sub {
-      bottom: -.25em
-    }
-
-    sup {
-      top: -.5em
-    }
-
-    a {
-      color: #007bff;
-      text-decoration: none;
-      background-color: transparent
-    }
-
-    a:hover {
-      color: #0056b3;
-      text-decoration: underline
-    }
-
-    a:not([href]):not([tabindex]) {
-      color: inherit;
-      text-decoration: none
-    }
-
-    a:not([href]):not([tabindex]):focus,
-    a:not([href]):not([tabindex]):hover {
-      color: inherit;
-      text-decoration: none
-    }
-
-    a:not([href]):not([tabindex]):focus {
-      outline: 0
-    }
-
-    code,
-    kbd,
-    pre,
-    samp {
-      font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-      font-size: 1em
-    }
-
-    pre {
-      margin-top: 0;
-      margin-bottom: 1rem;
-      overflow: auto
-    }
-
-    figure {
-      margin: 0 0 1rem
-    }
-
-    img {
-      vertical-align: middle;
-      border-style: none
-    }
-
-    svg {
-      overflow: hidden;
-      vertical-align: middle
-    }
-
-    table {
-      border-collapse: collapse
-    }
-
-    caption {
-      padding-top: .75rem;
-      padding-bottom: .75rem;
-      color: #6c757d;
-      text-align: left;
-      caption-side: bottom
-    }
-
-    th {
-      text-align: inherit
-    }
-
-    label {
-      display: inline-block;
-      margin-bottom: .5rem
-    }
-
-    button {
-      border-radius: 0
-    }
-
-    button:focus {
-      outline: 0px dotted;
-      outline: 0px auto -webkit-focus-ring-color
-    }
-
-    button,
-    input,
-    optgroup,
-    select,
-    textarea {
-      margin: 0;
-      font-family: inherit;
-      font-size: inherit;
-      line-height: inherit
-    }
-
-    button,
-    input {
-      overflow: visible
-    }
-
-    button,
-    select {
-      text-transform: none
-    }
-
-    select {
-      word-wrap: normal
-    }
-
-    [type=button],
-    [type=reset],
-    [type=submit],
-    button {
-      -webkit-appearance: button
-    }
-
-    [type=button]:not(:disabled),
-    [type=reset]:not(:disabled),
-    [type=submit]:not(:disabled),
-    button:not(:disabled) {
-      cursor: pointer
-    }
-
-    [type=button]::-moz-focus-inner,
-    [type=reset]::-moz-focus-inner,
-    [type=submit]::-moz-focus-inner,
-    button::-moz-focus-inner {
-      padding: 0;
-      border-style: none
-    }
-
-    input[type=checkbox],
-    input[type=radio] {
-      box-sizing: border-box;
-      padding: 0
-    }
-
-    input[type=date],
-    input[type=datetime-local],
-    input[type=month],
-    input[type=time] {
-      -webkit-appearance: listbox
-    }
-
-    textarea {
-      overflow: auto;
-      resize: vertical
-    }
-
-    fieldset {
-      min-width: 0;
-      padding: 0;
-      margin: 0;
-      border: 0
-    }
-
-    legend {
-      display: block;
-      width: 100%;
-      max-width: 100%;
-      padding: 0;
-      margin-bottom: .5rem;
-      font-size: 1.5rem;
-      line-height: inherit;
-      color: inherit;
-      white-space: normal
-    }
-
-    progress {
-      vertical-align: baseline
-    }
-
-    [type=number]::-webkit-inner-spin-button,
-    [type=number]::-webkit-outer-spin-button {
-      height: auto
-    }
-
-    [type=search] {
-      outline-offset: -2px;
-      -webkit-appearance: none
-    }
-
-    [type=search]::-webkit-search-decoration {
-      -webkit-appearance: none
-    }
-
-    ::-webkit-file-upload-button {
-      font: inherit;
-      -webkit-appearance: button
-    }
-
-    output {
-      display: inline-block
-    }
-
-    summary {
-      display: list-item;
-      cursor: pointer
-    }
-
-    template {
-      display: none
-    }
-
-    [hidden] {
-      display: none !important
-    }
-
-    .h1,
-    .h2,
-    .h3,
-    .h4,
-    .h5,
-    .h6,
-    h1,
-    h2,
-    h3,
-    h4,
-    h5,
-    h6 {
-      margin-bottom: .5rem;
-      font-weight: 500;
-      line-height: 1.2
-    }
-
-    .h1,
-    h1 {
-      font-size: 2.5rem
-    }
-
-    .h2,
-    h2 {
-      font-size: 2rem
-    }
-
-    .h3,
-    h3 {
-      font-size: 1.75rem
-    }
-
-    .h4,
-    h4 {
-      font-size: 1.5rem
-    }
-
-    .h5,
-    h5 {
-      font-size: 1.25rem
-    }
-
-    .h6,
-    h6 {
-      font-size: 1rem
-    }
-
-    .lead {
-      font-size: 1.25rem;
-      font-weight: 300
-    }
-
-    .display-1 {
-      font-size: 6rem;
-      font-weight: 300;
-      line-height: 1.2
-    }
-
-    .display-2 {
-      font-size: 5.5rem;
-      font-weight: 300;
-      line-height: 1.2
-    }
-
-    .display-3 {
-      font-size: 4.5rem;
-      font-weight: 300;
-      line-height: 1.2
-    }
-
-    .display-4 {
-      font-size: 3.5rem;
-      font-weight: 300;
-      line-height: 1.2
-    }
-
-    hr {
-      margin-top: 1rem;
-      margin-bottom: 1rem;
-      border: 0;
-      border-top: 1px solid rgba(0, 0, 0, .1)
-    }
-
-    .small,
-    small {
-      font-size: 80%;
-      font-weight: 400
-    }
-
-    .mark,
-    mark {
-      padding: .2em;
-      background-color: #fcf8e3
-    }
-
-    .list-unstyled {
-      padding-left: 0;
-      list-style: none
-    }
-
-    .list-inline {
-      padding-left: 0;
-      list-style: none
-    }
-
-    .list-inline-item {
-      display: inline-block
-    }
-
-    .list-inline-item:not(:last-child) {
-      margin-right: .5rem
-    }
-
-    .initialism {
-      font-size: 90%;
-      text-transform: uppercase
-    }
-
-    .blockquote {
-      margin-bottom: 1rem;
-      font-size: 1.25rem
-    }
-
-    .blockquote-footer {
-      display: block;
-      font-size: 80%;
-      color: #6c757d
-    }
-
-    .blockquote-footer::before {
-      content: "\2014\00A0"
-    }
-
-    .img-fluid {
-      max-width: 100%;
-      height: auto
-    }
-
-    .img-thumbnail {
-      padding: .25rem;
-      background-color: #fff;
-      border: 1px solid #dee2e6;
-      border-radius: .25rem;
-      max-width: 100%;
-      height: auto
-    }
-
-    .figure {
-      display: inline-block
-    }
-
-    .figure-img {
-      margin-bottom: .5rem;
-      line-height: 1
-    }
-
-    .figure-caption {
-      font-size: 90%;
-      color: #6c757d
-    }
-
-    code {
-      font-size: 87.5%;
-      color: #e83e8c;
-      word-break: break-word
-    }
-
-    a>code {
-      color: inherit
-    }
-
-    kbd {
-      padding: .2rem .4rem;
-      font-size: 87.5%;
-      color: #fff;
-      background-color: #212529;
-      border-radius: .2rem
-    }
-
-    kbd kbd {
-      padding: 0;
-      font-size: 100%;
-      font-weight: 700
-    }
-
-    pre {
-      display: block;
-      font-size: 87.5%;
-      color: #212529
-    }
-
-    pre code {
-      font-size: inherit;
-      color: inherit;
-      word-break: normal
-    }
-
-    .pre-scrollable {
-      max-height: 340px;
-      overflow-y: scroll
-    }
-
-    .container {
-      width: 100%;
-      padding-right: 15px;
-      padding-left: 15px;
-      margin-right: auto;
-      margin-left: auto
-    }
-
-    @media (min-width:576px) {
-      .container {
-        max-width: 540px
-      }
-    }
-
-    @media (min-width:768px) {
-      .container {
-        max-width: 720px
-      }
-    }
-
-    @media (min-width:992px) {
-      .container {
-        max-width: 960px
-      }
-    }
-
-    @media (min-width:1200px) {
-      .container {
-        max-width: 1140px
-      }
-    }
-
-    .container-fluid {
-      width: 100%;
-      padding-right: 15px;
-      padding-left: 15px;
-      margin-right: auto;
-      margin-left: auto
-    }
-
-    .row {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-      /* margin-right: -15px;
-      margin-left: -15px */
-      margin-top: 1em;
-    }
-
-    .no-gutters {
-      margin-right: 0;
-      margin-left: 0
-    }
-
-    .no-gutters>.col,
-    .no-gutters>[class*=col-] {
-      padding-right: 0;
-      padding-left: 0
-    }
-
-    .col,
-    .col-1,
-    .col-10,
-    .col-11,
-    .col-12,
-    .col-2,
-    .col-3,
-    .col-4,
-    .col-5,
-    .col-6,
-    .col-7,
-    .col-8,
-    .col-9,
-    .col-auto,
-    .col-lg,
-    .col-lg-1,
-    .col-lg-10,
-    .col-lg-11,
-    .col-lg-12,
-    .col-lg-2,
-    .col-lg-3,
-    .col-lg-4,
-    .col-lg-5,
-    .col-lg-6,
-    .col-lg-7,
-    .col-lg-8,
-    .col-lg-9,
-    .col-lg-auto,
-    .col-md,
-    .col-md-1,
-    .col-md-10,
-    .col-md-11,
-    .col-md-12,
-    .col-md-2,
-    .col-md-3,
-    .col-md-4,
-    .col-md-5,
-    .col-md-6,
-    .col-md-7,
-    .col-md-8,
-    .col-md-9,
-    .col-md-auto,
-    .col-sm,
-    .col-sm-1,
-    .col-sm-10,
-    .col-sm-11,
-    .col-sm-12,
-    .col-sm-2,
-    .col-sm-3,
-    .col-sm-4,
-    .col-sm-5,
-    .col-sm-6,
-    .col-sm-7,
-    .col-sm-8,
-    .col-sm-9,
-    .col-sm-auto,
-    .col-xl,
-    .col-xl-1,
-    .col-xl-10,
-    .col-xl-11,
-    .col-xl-12,
-    .col-xl-2,
-    .col-xl-3,
-    .col-xl-4,
-    .col-xl-5,
-    .col-xl-6,
-    .col-xl-7,
-    .col-xl-8,
-    .col-xl-9,
-    .col-xl-auto {
-      position: relative;
-      width: 100%;
-      padding-right: 15px;
-      padding-left: 15px
-    }
-
-    .col {
-      -ms-flex-preferred-size: 0;
-      flex-basis: 0;
-      -ms-flex-positive: 1;
-      flex-grow: 1;
-      max-width: 100%
-    }
-
-    .col-auto {
-      -ms-flex: 0 0 auto;
-      flex: 0 0 auto;
-      width: auto;
-      max-width: 100%
-    }
-
-    .col-1 {
-      -ms-flex: 0 0 8.333333%;
-      flex: 0 0 8.333333%;
-      max-width: 8.333333%
-    }
-
-    .col-2 {
-      -ms-flex: 0 0 16.666667%;
-      flex: 0 0 16.666667%;
-      max-width: 16.666667%
-    }
-
-    .col-3 {
-      -ms-flex: 0 0 25%;
-      flex: 0 0 25%;
-      max-width: 25%
-    }
-
-    .col-4 {
-      -ms-flex: 0 0 33.333333%;
-      flex: 0 0 33.333333%;
-      max-width: 33.333333%
-    }
-
-    .col-5 {
-      -ms-flex: 0 0 41.666667%;
-      flex: 0 0 41.666667%;
-      max-width: 41.666667%
-    }
-
-    .col-6 {
-      -ms-flex: 0 0 50%;
-      flex: 0 0 50%;
-      max-width: 50%
-    }
-
-    .col-7 {
-      -ms-flex: 0 0 58.333333%;
-      flex: 0 0 58.333333%;
-      max-width: 58.333333%
-    }
-
-    .col-8 {
-      -ms-flex: 0 0 66.666667%;
-      flex: 0 0 66.666667%;
-      max-width: 66.666667%
-    }
-
-    .col-9 {
-      -ms-flex: 0 0 75%;
-      flex: 0 0 75%;
-      max-width: 75%
-    }
-
-    .col-10 {
-      -ms-flex: 0 0 83.333333%;
-      flex: 0 0 83.333333%;
-      max-width: 83.333333%
-    }
-
-    .col-11 {
-      -ms-flex: 0 0 91.666667%;
-      flex: 0 0 91.666667%;
-      max-width: 91.666667%
-    }
-
-    .col-12 {
-      -ms-flex: 0 0 100%;
-      flex: 0 0 100%;
-      max-width: 100%
-    }
-
-    .order-first {
-      -ms-flex-order: -1;
-      order: -1
-    }
-
-    .order-last {
-      -ms-flex-order: 13;
-      order: 13
-    }
-
-    .order-0 {
-      -ms-flex-order: 0;
-      order: 0
-    }
-
-    .order-1 {
-      -ms-flex-order: 1;
-      order: 1
-    }
-
-    .order-2 {
-      -ms-flex-order: 2;
-      order: 2
-    }
-
-    .order-3 {
-      -ms-flex-order: 3;
-      order: 3
-    }
-
-    .order-4 {
-      -ms-flex-order: 4;
-      order: 4
-    }
-
-    .order-5 {
-      -ms-flex-order: 5;
-      order: 5
-    }
-
-    .order-6 {
-      -ms-flex-order: 6;
-      order: 6
-    }
-
-    .order-7 {
-      -ms-flex-order: 7;
-      order: 7
-    }
-
-    .order-8 {
-      -ms-flex-order: 8;
-      order: 8
-    }
-
-    .order-9 {
-      -ms-flex-order: 9;
-      order: 9
-    }
-
-    .order-10 {
-      -ms-flex-order: 10;
-      order: 10
-    }
-
-    .order-11 {
-      -ms-flex-order: 11;
-      order: 11
-    }
-
-    .order-12 {
-      -ms-flex-order: 12;
-      order: 12
-    }
-
-    .offset-1 {
-      margin-left: 8.333333%
-    }
-
-    .offset-2 {
-      margin-left: 16.666667%
-    }
-
-    .offset-3 {
-      margin-left: 25%
-    }
-
-    .offset-4 {
-      margin-left: 33.333333%
-    }
-
-    .offset-5 {
-      margin-left: 41.666667%
-    }
-
-    .offset-6 {
-      margin-left: 50%
-    }
-
-    .offset-7 {
-      margin-left: 58.333333%
-    }
-
-    .offset-8 {
-      margin-left: 66.666667%
-    }
-
-    .offset-9 {
-      margin-left: 75%
-    }
-
-    .offset-10 {
-      margin-left: 83.333333%
-    }
-
-    .offset-11 {
-      margin-left: 91.666667%
-    }
-
-    @media (min-width:576px) {
-      .col-sm {
-        -ms-flex-preferred-size: 0;
-        flex-basis: 0;
-        -ms-flex-positive: 1;
-        flex-grow: 1;
-        max-width: 100%
-      }
-
-      .col-sm-auto {
-        -ms-flex: 0 0 auto;
-        flex: 0 0 auto;
-        width: auto;
-        max-width: 100%
-      }
-
-      .col-sm-1 {
-        -ms-flex: 0 0 8.333333%;
-        flex: 0 0 8.333333%;
-        max-width: 8.333333%
-      }
-
-      .col-sm-2 {
-        -ms-flex: 0 0 16.666667%;
-        flex: 0 0 16.666667%;
-        max-width: 16.666667%
-      }
-
-      .col-sm-3 {
-        -ms-flex: 0 0 25%;
-        flex: 0 0 25%;
-        max-width: 25%
-      }
-
-      .col-sm-4 {
-        -ms-flex: 0 0 33.333333%;
-        flex: 0 0 33.333333%;
-        max-width: 33.333333%
-      }
-
-      .col-sm-5 {
-        -ms-flex: 0 0 41.666667%;
-        flex: 0 0 41.666667%;
-        max-width: 41.666667%
-      }
-
-      .col-sm-6 {
-        -ms-flex: 0 0 50%;
-        flex: 0 0 50%;
-        max-width: 50%
-      }
-
-      .col-sm-7 {
-        -ms-flex: 0 0 58.333333%;
-        flex: 0 0 58.333333%;
-        max-width: 58.333333%
-      }
-
-      .col-sm-8 {
-        -ms-flex: 0 0 66.666667%;
-        flex: 0 0 66.666667%;
-        max-width: 66.666667%
-      }
-
-      .col-sm-9 {
-        -ms-flex: 0 0 75%;
-        flex: 0 0 75%;
-        max-width: 75%
-      }
-
-      .col-sm-10 {
-        -ms-flex: 0 0 83.333333%;
-        flex: 0 0 83.333333%;
-        max-width: 83.333333%
-      }
-
-      .col-sm-11 {
-        -ms-flex: 0 0 91.666667%;
-        flex: 0 0 91.666667%;
-        max-width: 91.666667%
-      }
-
-      .col-sm-12 {
-        -ms-flex: 0 0 100%;
-        flex: 0 0 100%;
-        max-width: 100%
-      }
-
-      .order-sm-first {
-        -ms-flex-order: -1;
-        order: -1
-      }
-
-      .order-sm-last {
-        -ms-flex-order: 13;
-        order: 13
-      }
-
-      .order-sm-0 {
-        -ms-flex-order: 0;
-        order: 0
-      }
-
-      .order-sm-1 {
-        -ms-flex-order: 1;
-        order: 1
-      }
-
-      .order-sm-2 {
-        -ms-flex-order: 2;
-        order: 2
-      }
-
-      .order-sm-3 {
-        -ms-flex-order: 3;
-        order: 3
-      }
-
-      .order-sm-4 {
-        -ms-flex-order: 4;
-        order: 4
-      }
-
-      .order-sm-5 {
-        -ms-flex-order: 5;
-        order: 5
-      }
-
-      .order-sm-6 {
-        -ms-flex-order: 6;
-        order: 6
-      }
-
-      .order-sm-7 {
-        -ms-flex-order: 7;
-        order: 7
-      }
-
-      .order-sm-8 {
-        -ms-flex-order: 8;
-        order: 8
-      }
-
-      .order-sm-9 {
-        -ms-flex-order: 9;
-        order: 9
-      }
-
-      .order-sm-10 {
-        -ms-flex-order: 10;
-        order: 10
-      }
-
-      .order-sm-11 {
-        -ms-flex-order: 11;
-        order: 11
-      }
-
-      .order-sm-12 {
-        -ms-flex-order: 12;
-        order: 12
-      }
-
-      .offset-sm-0 {
-        margin-left: 0
-      }
-
-      .offset-sm-1 {
-        margin-left: 8.333333%
-      }
-
-      .offset-sm-2 {
-        margin-left: 16.666667%
-      }
-
-      .offset-sm-3 {
-        margin-left: 25%
-      }
-
-      .offset-sm-4 {
-        margin-left: 33.333333%
-      }
-
-      .offset-sm-5 {
-        margin-left: 41.666667%
-      }
-
-      .offset-sm-6 {
-        margin-left: 50%
-      }
-
-      .offset-sm-7 {
-        margin-left: 58.333333%
-      }
-
-      .offset-sm-8 {
-        margin-left: 66.666667%
-      }
-
-      .offset-sm-9 {
-        margin-left: 75%
-      }
-
-      .offset-sm-10 {
-        margin-left: 83.333333%
-      }
-
-      .offset-sm-11 {
-        margin-left: 91.666667%
-      }
-    }
-
-    @media (min-width:768px) {
-      .col-md {
-        -ms-flex-preferred-size: 0;
-        flex-basis: 0;
-        -ms-flex-positive: 1;
-        flex-grow: 1;
-        max-width: 100%
-      }
-
-      .col-md-auto {
-        -ms-flex: 0 0 auto;
-        flex: 0 0 auto;
-        width: auto;
-        max-width: 100%
-      }
-
-      .col-md-1 {
-        -ms-flex: 0 0 8.333333%;
-        flex: 0 0 8.333333%;
-        max-width: 8.333333%
-      }
-
-      .col-md-2 {
-        -ms-flex: 0 0 16.666667%;
-        flex: 0 0 16.666667%;
-        max-width: 16.666667%
-      }
-
-      .col-md-3 {
-        -ms-flex: 0 0 25%;
-        flex: 0 0 25%;
-        max-width: 25%
-      }
-
-      .col-md-4 {
-        -ms-flex: 0 0 33.333333%;
-        flex: 0 0 33.333333%;
-        max-width: 33.333333%
-      }
-
-      .col-md-5 {
-        -ms-flex: 0 0 41.666667%;
-        flex: 0 0 41.666667%;
-        max-width: 41.666667%
-      }
-
-      .col-md-6 {
-        -ms-flex: 0 0 50%;
-        flex: 0 0 50%;
-        max-width: 50%
-      }
-
-      .col-md-7 {
-        -ms-flex: 0 0 58.333333%;
-        flex: 0 0 58.333333%;
-        max-width: 58.333333%
-      }
-
-      .col-md-8 {
-        -ms-flex: 0 0 66.666667%;
-        flex: 0 0 66.666667%;
-        max-width: 66.666667%
-      }
-
-      .col-md-9 {
-        -ms-flex: 0 0 75%;
-        flex: 0 0 75%;
-        max-width: 75%
-      }
-
-      .col-md-10 {
-        -ms-flex: 0 0 83.333333%;
-        flex: 0 0 83.333333%;
-        max-width: 83.333333%
-      }
-
-      .col-md-11 {
-        -ms-flex: 0 0 91.666667%;
-        flex: 0 0 91.666667%;
-        max-width: 91.666667%
-      }
-
-      .col-md-12 {
-        -ms-flex: 0 0 100%;
-        flex: 0 0 100%;
-        max-width: 100%
-      }
-
-      .order-md-first {
-        -ms-flex-order: -1;
-        order: -1
-      }
-
-      .order-md-last {
-        -ms-flex-order: 13;
-        order: 13
-      }
-
-      .order-md-0 {
-        -ms-flex-order: 0;
-        order: 0
-      }
-
-      .order-md-1 {
-        -ms-flex-order: 1;
-        order: 1
-      }
-
-      .order-md-2 {
-        -ms-flex-order: 2;
-        order: 2
-      }
-
-      .order-md-3 {
-        -ms-flex-order: 3;
-        order: 3
-      }
-
-      .order-md-4 {
-        -ms-flex-order: 4;
-        order: 4
-      }
-
-      .order-md-5 {
-        -ms-flex-order: 5;
-        order: 5
-      }
-
-      .order-md-6 {
-        -ms-flex-order: 6;
-        order: 6
-      }
-
-      .order-md-7 {
-        -ms-flex-order: 7;
-        order: 7
-      }
-
-      .order-md-8 {
-        -ms-flex-order: 8;
-        order: 8
-      }
-
-      .order-md-9 {
-        -ms-flex-order: 9;
-        order: 9
-      }
-
-      .order-md-10 {
-        -ms-flex-order: 10;
-        order: 10
-      }
-
-      .order-md-11 {
-        -ms-flex-order: 11;
-        order: 11
-      }
-
-      .order-md-12 {
-        -ms-flex-order: 12;
-        order: 12
-      }
-
-      .offset-md-0 {
-        margin-left: 0
-      }
-
-      .offset-md-1 {
-        margin-left: 8.333333%
-      }
-
-      .offset-md-2 {
-        margin-left: 16.666667%
-      }
-
-      .offset-md-3 {
-        margin-left: 25%
-      }
-
-      .offset-md-4 {
-        margin-left: 33.333333%
-      }
-
-      .offset-md-5 {
-        margin-left: 41.666667%
-      }
-
-      .offset-md-6 {
-        margin-left: 50%
-      }
-
-      .offset-md-7 {
-        margin-left: 58.333333%
-      }
-
-      .offset-md-8 {
-        margin-left: 66.666667%
-      }
-
-      .offset-md-9 {
-        margin-left: 75%
-      }
-
-      .offset-md-10 {
-        margin-left: 83.333333%
-      }
-
-      .offset-md-11 {
-        margin-left: 91.666667%
-      }
-    }
-
-    @media (min-width:992px) {
-      .col-lg {
-        -ms-flex-preferred-size: 0;
-        flex-basis: 0;
-        -ms-flex-positive: 1;
-        flex-grow: 1;
-        max-width: 100%
-      }
-
-      .col-lg-auto {
-        -ms-flex: 0 0 auto;
-        flex: 0 0 auto;
-        width: auto;
-        max-width: 100%
-      }
-
-      .col-lg-1 {
-        -ms-flex: 0 0 8.333333%;
-        flex: 0 0 8.333333%;
-        max-width: 8.333333%
-      }
-
-      .col-lg-2 {
-        -ms-flex: 0 0 16.666667%;
-        flex: 0 0 16.666667%;
-        max-width: 16.666667%
-      }
-
-      .col-lg-3 {
-        -ms-flex: 0 0 25%;
-        flex: 0 0 25%;
-        max-width: 25%
-      }
-
-      .col-lg-4 {
-        -ms-flex: 0 0 33.333333%;
-        flex: 0 0 33.333333%;
-        max-width: 33.333333%
-      }
-
-      .col-lg-5 {
-        -ms-flex: 0 0 41.666667%;
-        flex: 0 0 41.666667%;
-        max-width: 41.666667%
-      }
-
-      .col-lg-6 {
-        -ms-flex: 0 0 50%;
-        flex: 0 0 50%;
-        max-width: 50%
-      }
-
-      .col-lg-7 {
-        -ms-flex: 0 0 58.333333%;
-        flex: 0 0 58.333333%;
-        max-width: 58.333333%
-      }
-
-      .col-lg-8 {
-        -ms-flex: 0 0 66.666667%;
-        flex: 0 0 66.666667%;
-        max-width: 66.666667%
-      }
-
-      .col-lg-9 {
-        -ms-flex: 0 0 75%;
-        flex: 0 0 75%;
-        max-width: 75%
-      }
-
-      .col-lg-10 {
-        -ms-flex: 0 0 83.333333%;
-        flex: 0 0 83.333333%;
-        max-width: 83.333333%
-      }
-
-      .col-lg-11 {
-        -ms-flex: 0 0 91.666667%;
-        flex: 0 0 91.666667%;
-        max-width: 91.666667%
-      }
-
-      .col-lg-12 {
-        -ms-flex: 0 0 100%;
-        flex: 0 0 100%;
-        max-width: 100%
-      }
-
-      .order-lg-first {
-        -ms-flex-order: -1;
-        order: -1
-      }
-
-      .order-lg-last {
-        -ms-flex-order: 13;
-        order: 13
-      }
-
-      .order-lg-0 {
-        -ms-flex-order: 0;
-        order: 0
-      }
-
-      .order-lg-1 {
-        -ms-flex-order: 1;
-        order: 1
-      }
-
-      .order-lg-2 {
-        -ms-flex-order: 2;
-        order: 2
-      }
-
-      .order-lg-3 {
-        -ms-flex-order: 3;
-        order: 3
-      }
-
-      .order-lg-4 {
-        -ms-flex-order: 4;
-        order: 4
-      }
-
-      .order-lg-5 {
-        -ms-flex-order: 5;
-        order: 5
-      }
-
-      .order-lg-6 {
-        -ms-flex-order: 6;
-        order: 6
-      }
-
-      .order-lg-7 {
-        -ms-flex-order: 7;
-        order: 7
-      }
-
-      .order-lg-8 {
-        -ms-flex-order: 8;
-        order: 8
-      }
-
-      .order-lg-9 {
-        -ms-flex-order: 9;
-        order: 9
-      }
-
-      .order-lg-10 {
-        -ms-flex-order: 10;
-        order: 10
-      }
-
-      .order-lg-11 {
-        -ms-flex-order: 11;
-        order: 11
-      }
-
-      .order-lg-12 {
-        -ms-flex-order: 12;
-        order: 12
-      }
-
-      .offset-lg-0 {
-        margin-left: 0
-      }
-
-      .offset-lg-1 {
-        margin-left: 8.333333%
-      }
-
-      .offset-lg-2 {
-        margin-left: 16.666667%
-      }
-
-      .offset-lg-3 {
-        margin-left: 25%
-      }
-
-      .offset-lg-4 {
-        margin-left: 33.333333%
-      }
-
-      .offset-lg-5 {
-        margin-left: 41.666667%
-      }
-
-      .offset-lg-6 {
-        margin-left: 50%
-      }
-
-      .offset-lg-7 {
-        margin-left: 58.333333%
-      }
-
-      .offset-lg-8 {
-        margin-left: 66.666667%
-      }
-
-      .offset-lg-9 {
-        margin-left: 75%
-      }
-
-      .offset-lg-10 {
-        margin-left: 83.333333%
-      }
-
-      .offset-lg-11 {
-        margin-left: 91.666667%
-      }
-    }
-
-    @media (min-width:1200px) {
-      .col-xl {
-        -ms-flex-preferred-size: 0;
-        flex-basis: 0;
-        -ms-flex-positive: 1;
-        flex-grow: 1;
-        max-width: 100%
-      }
-
-      .col-xl-auto {
-        -ms-flex: 0 0 auto;
-        flex: 0 0 auto;
-        width: auto;
-        max-width: 100%
-      }
-
-      .col-xl-1 {
-        -ms-flex: 0 0 8.333333%;
-        flex: 0 0 8.333333%;
-        max-width: 8.333333%
-      }
-
-      .col-xl-2 {
-        -ms-flex: 0 0 16.666667%;
-        flex: 0 0 16.666667%;
-        max-width: 16.666667%
-      }
-
-      .col-xl-3 {
-        -ms-flex: 0 0 25%;
-        flex: 0 0 25%;
-        max-width: 25%
-      }
-
-      .col-xl-4 {
-        -ms-flex: 0 0 33.333333%;
-        flex: 0 0 33.333333%;
-        max-width: 33.333333%
-      }
-
-      .col-xl-5 {
-        -ms-flex: 0 0 41.666667%;
-        flex: 0 0 41.666667%;
-        max-width: 41.666667%
-      }
-
-      .col-xl-6 {
-        -ms-flex: 0 0 50%;
-        flex: 0 0 50%;
-        max-width: 50%
-      }
-
-      .col-xl-7 {
-        -ms-flex: 0 0 58.333333%;
-        flex: 0 0 58.333333%;
-        max-width: 58.333333%
-      }
-
-      .col-xl-8 {
-        -ms-flex: 0 0 66.666667%;
-        flex: 0 0 66.666667%;
-        max-width: 66.666667%
-      }
-
-      .col-xl-9 {
-        -ms-flex: 0 0 75%;
-        flex: 0 0 75%;
-        max-width: 75%
-      }
-
-      .col-xl-10 {
-        -ms-flex: 0 0 83.333333%;
-        flex: 0 0 83.333333%;
-        max-width: 83.333333%
-      }
-
-      .col-xl-11 {
-        -ms-flex: 0 0 91.666667%;
-        flex: 0 0 91.666667%;
-        max-width: 91.666667%
-      }
-
-      .col-xl-12 {
-        -ms-flex: 0 0 100%;
-        flex: 0 0 100%;
-        max-width: 100%
-      }
-
-      .order-xl-first {
-        -ms-flex-order: -1;
-        order: -1
-      }
-
-      .order-xl-last {
-        -ms-flex-order: 13;
-        order: 13
-      }
-
-      .order-xl-0 {
-        -ms-flex-order: 0;
-        order: 0
-      }
-
-      .order-xl-1 {
-        -ms-flex-order: 1;
-        order: 1
-      }
-
-      .order-xl-2 {
-        -ms-flex-order: 2;
-        order: 2
-      }
-
-      .order-xl-3 {
-        -ms-flex-order: 3;
-        order: 3
-      }
-
-      .order-xl-4 {
-        -ms-flex-order: 4;
-        order: 4
-      }
-
-      .order-xl-5 {
-        -ms-flex-order: 5;
-        order: 5
-      }
-
-      .order-xl-6 {
-        -ms-flex-order: 6;
-        order: 6
-      }
-
-      .order-xl-7 {
-        -ms-flex-order: 7;
-        order: 7
-      }
-
-      .order-xl-8 {
-        -ms-flex-order: 8;
-        order: 8
-      }
-
-      .order-xl-9 {
-        -ms-flex-order: 9;
-        order: 9
-      }
-
-      .order-xl-10 {
-        -ms-flex-order: 10;
-        order: 10
-      }
-
-      .order-xl-11 {
-        -ms-flex-order: 11;
-        order: 11
-      }
-
-      .order-xl-12 {
-        -ms-flex-order: 12;
-        order: 12
-      }
-
-      .offset-xl-0 {
-        margin-left: 0
-      }
-
-      .offset-xl-1 {
-        margin-left: 8.333333%
-      }
-
-      .offset-xl-2 {
-        margin-left: 16.666667%
-      }
-
-      .offset-xl-3 {
-        margin-left: 25%
-      }
-
-      .offset-xl-4 {
-        margin-left: 33.333333%
-      }
-
-      .offset-xl-5 {
-        margin-left: 41.666667%
-      }
-
-      .offset-xl-6 {
-        margin-left: 50%
-      }
-
-      .offset-xl-7 {
-        margin-left: 58.333333%
-      }
-
-      .offset-xl-8 {
-        margin-left: 66.666667%
-      }
-
-      .offset-xl-9 {
-        margin-left: 75%
-      }
-
-      .offset-xl-10 {
-        margin-left: 83.333333%
-      }
-
-      .offset-xl-11 {
-        margin-left: 91.666667%
-      }
-    }
-
-    .table {
-      width: 100%;
-      margin-bottom: 1rem;
-      color: #212529
-    }
-
-    .table td,
-    .table th {
-      padding: .75rem;
-      vertical-align: top;
-      border-top: 1px solid #dee2e6
-    }
-
-    .table thead th {
-      vertical-align: bottom;
-      border-bottom: 2px solid #dee2e6
-    }
-
-    .table tbody+tbody {
-      border-top: 2px solid #dee2e6
-    }
-
-    .table-sm td,
-    .table-sm th {
-      padding: .3rem
-    }
-
-    .table-bordered {
-      border: 1px solid #dee2e6
-    }
-
-    .table-bordered td,
-    .table-bordered th {
-      border: 1px solid #dee2e6
-    }
-
-    .table-bordered thead td,
-    .table-bordered thead th {
-      border-bottom-width: 2px
-    }
-
-    .table-borderless tbody+tbody,
-    .table-borderless td,
-    .table-borderless th,
-    .table-borderless thead th {
-      border: 0
-    }
-
-    .table-striped tbody tr:nth-of-type(odd) {
-      background-color: rgba(0, 0, 0, .05)
-    }
-
-    .table-hover tbody tr:hover {
-      color: #212529;
-      background-color: rgba(0, 0, 0, .075)
-    }
-
-    .table-primary,
-    .table-primary>td,
-    .table-primary>th {
-      background-color: #b8daff
-    }
-
-    .table-primary tbody+tbody,
-    .table-primary td,
-    .table-primary th,
-    .table-primary thead th {
-      border-color: #7abaff
-    }
-
-    .table-hover .table-primary:hover {
-      background-color: #9fcdff
-    }
-
-    .table-hover .table-primary:hover>td,
-    .table-hover .table-primary:hover>th {
-      background-color: #9fcdff
-    }
-
-    .table-secondary,
-    .table-secondary>td,
-    .table-secondary>th {
-      background-color: #d6d8db
-    }
-
-    .table-secondary tbody+tbody,
-    .table-secondary td,
-    .table-secondary th,
-    .table-secondary thead th {
-      border-color: #b3b7bb
-    }
-
-    .table-hover .table-secondary:hover {
-      background-color: #c8cbcf
-    }
-
-    .table-hover .table-secondary:hover>td,
-    .table-hover .table-secondary:hover>th {
-      background-color: #c8cbcf
-    }
-
-    .table-success,
-    .table-success>td,
-    .table-success>th {
-      background-color: #c3e6cb
-    }
-
-    .table-success tbody+tbody,
-    .table-success td,
-    .table-success th,
-    .table-success thead th {
-      border-color: #8fd19e
-    }
-
-    .table-hover .table-success:hover {
-      background-color: #b1dfbb
-    }
-
-    .table-hover .table-success:hover>td,
-    .table-hover .table-success:hover>th {
-      background-color: #b1dfbb
-    }
-
-    .table-info,
-    .table-info>td,
-    .table-info>th {
-      background-color: #bee5eb
-    }
-
-    .table-info tbody+tbody,
-    .table-info td,
-    .table-info th,
-    .table-info thead th {
-      border-color: #86cfda
-    }
-
-    .table-hover .table-info:hover {
-      background-color: #abdde5
-    }
-
-    .table-hover .table-info:hover>td,
-    .table-hover .table-info:hover>th {
-      background-color: #abdde5
-    }
-
-    .table-warning,
-    .table-warning>td,
-    .table-warning>th {
-      background-color: #ffeeba
-    }
-
-    .table-warning tbody+tbody,
-    .table-warning td,
-    .table-warning th,
-    .table-warning thead th {
-      border-color: #ffdf7e
-    }
-
-    .table-hover .table-warning:hover {
-      background-color: #ffe8a1
-    }
-
-    .table-hover .table-warning:hover>td,
-    .table-hover .table-warning:hover>th {
-      background-color: #ffe8a1
-    }
-
-    .table-danger,
-    .table-danger>td,
-    .table-danger>th {
-      background-color: #f5c6cb
-    }
-
-    .table-danger tbody+tbody,
-    .table-danger td,
-    .table-danger th,
-    .table-danger thead th {
-      border-color: #ed969e
-    }
-
-    .table-hover .table-danger:hover {
-      background-color: #f1b0b7
-    }
-
-    .table-hover .table-danger:hover>td,
-    .table-hover .table-danger:hover>th {
-      background-color: #f1b0b7
-    }
-
-    .table-light,
-    .table-light>td,
-    .table-light>th {
-      background-color: #fdfdfe
-    }
-
-    .table-light tbody+tbody,
-    .table-light td,
-    .table-light th,
-    .table-light thead th {
-      border-color: #fbfcfc
-    }
-
-    .table-hover .table-light:hover {
-      background-color: #ececf6
-    }
-
-    .table-hover .table-light:hover>td,
-    .table-hover .table-light:hover>th {
-      background-color: #ececf6
-    }
-
-    .table-dark,
-    .table-dark>td,
-    .table-dark>th {
-      background-color: #c6c8ca
-    }
-
-    .table-dark tbody+tbody,
-    .table-dark td,
-    .table-dark th,
-    .table-dark thead th {
-      border-color: #95999c
-    }
-
-    .table-hover .table-dark:hover {
-      background-color: #b9bbbe
-    }
-
-    .table-hover .table-dark:hover>td,
-    .table-hover .table-dark:hover>th {
-      background-color: #b9bbbe
-    }
-
-    .table-active,
-    .table-active>td,
-    .table-active>th {
-      background-color: rgba(0, 0, 0, .075)
-    }
-
-    .table-hover .table-active:hover {
-      background-color: rgba(0, 0, 0, .075)
-    }
-
-    .table-hover .table-active:hover>td,
-    .table-hover .table-active:hover>th {
-      background-color: rgba(0, 0, 0, .075)
-    }
-
-    .table .thead-dark th {
-      color: #fff;
-      background-color: #343a40;
-      border-color: #454d55
-    }
-
-    .table .thead-light th {
-      color: #495057;
-      background-color: #e9ecef;
-      border-color: #dee2e6
-    }
-
-    .table-dark {
-      color: #fff;
-      background-color: #343a40
-    }
-
-    .table-dark td,
-    .table-dark th,
-    .table-dark thead th {
-      border-color: #454d55
-    }
-
-    .table-dark.table-bordered {
-      border: 0
-    }
-
-    .table-dark.table-striped tbody tr:nth-of-type(odd) {
-      background-color: rgba(255, 255, 255, .05)
-    }
-
-    .table-dark.table-hover tbody tr:hover {
-      color: #fff;
-      background-color: rgba(255, 255, 255, .075)
-    }
-
-    @media (max-width:575.98px) {
-      .table-responsive-sm {
-        display: block;
-        width: 100%;
-        overflow-x: auto;
-        -webkit-overflow-scrolling: touch
-      }
-
-      .table-responsive-sm>.table-bordered {
-        border: 0
-      }
-    }
-
-    @media (max-width:767.98px) {
-      .table-responsive-md {
-        display: block;
-        width: 100%;
-        overflow-x: auto;
-        -webkit-overflow-scrolling: touch
-      }
-
-      .table-responsive-md>.table-bordered {
-        border: 0
-      }
-    }
-
-    @media (max-width:991.98px) {
-      .table-responsive-lg {
-        display: block;
-        width: 100%;
-        overflow-x: auto;
-        -webkit-overflow-scrolling: touch
-      }
-
-      .table-responsive-lg>.table-bordered {
-        border: 0
-      }
-    }
-
-    @media (max-width:1199.98px) {
-      .table-responsive-xl {
-        display: block;
-        width: 100%;
-        overflow-x: auto;
-        -webkit-overflow-scrolling: touch
-      }
-
-      .table-responsive-xl>.table-bordered {
-        border: 0
-      }
-    }
-
-    .table-responsive {
-      display: block;
-      width: 100%;
-      overflow-x: auto;
-      -webkit-overflow-scrolling: touch
-    }
-
-    .table-responsive>.table-bordered {
-      border: 0
-    }
-
-    .form-control {
-      display: block;
-      width: 100%;
-      height: calc(1.5em + .75rem + 2px);
-      padding: .375rem .75rem;
-      font-size: 1rem;
-      font-weight: 400;
-      line-height: 1.5;
-      color: #495057;
-      background-color: #fff;
-      background-clip: padding-box;
-      border: 1px solid #ced4da;
-      border-radius: .25rem;
-      transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
-    }
-
-    @media (prefers-reduced-motion:reduce) {
-      .form-control {
-        transition: none
-      }
-    }
-
-    .form-control::-ms-expand {
-      background-color: transparent;
-      border: 0
-    }
-
-    .form-control:focus {
-      color: #495057;
-      background-color: #fff;
-      border-color: #80bdff;
-      outline: 0;
-      box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
-    }
-
-    .form-control::-webkit-input-placeholder {
-      color: #6c757d;
-      opacity: 1
-    }
-
-    .form-control::-moz-placeholder {
-      color: #6c757d;
-      opacity: 1
-    }
-
-    .form-control:-ms-input-placeholder {
-      color: #6c757d;
-      opacity: 1
-    }
-
-    .form-control::-ms-input-placeholder {
-      color: #6c757d;
-      opacity: 1
-    }
-
-    .form-control::placeholder {
-      color: #6c757d;
-      opacity: 1
-    }
-
-    .form-control:disabled,
-    .form-control[readonly] {
-      background-color: #e9ecef;
-      opacity: 1
-    }
-
-    select.form-control:focus::-ms-value {
-      color: #495057;
-      background-color: #fff
-    }
-
-    .form-control-file,
-    .form-control-range {
-      display: block;
-      width: 100%
-    }
-
-    .col-form-label {
-      padding-top: calc(.375rem + 1px);
-      padding-bottom: calc(.375rem + 1px);
-      margin-bottom: 0;
-      font-size: inherit;
-      line-height: 1.5
-    }
-
-    .col-form-label-lg {
-      padding-top: calc(.5rem + 1px);
-      padding-bottom: calc(.5rem + 1px);
-      font-size: 1.25rem;
-      line-height: 1.5
-    }
-
-    .col-form-label-sm {
-      padding-top: calc(.25rem + 1px);
-      padding-bottom: calc(.25rem + 1px);
-      font-size: .875rem;
-      line-height: 1.5
-    }
-
-    .form-control-plaintext {
-      display: block;
-      width: 100%;
-      padding-top: .375rem;
-      padding-bottom: .375rem;
-      margin-bottom: 0;
-      line-height: 1.5;
-      color: #212529;
-      background-color: transparent;
-      border: solid transparent;
-      border-width: 1px 0
-    }
-
-    .form-control-plaintext.form-control-lg,
-    .form-control-plaintext.form-control-sm {
-      padding-right: 0;
-      padding-left: 0
-    }
-
-    .form-control-sm {
-      height: calc(1.5em + .5rem + 2px);
-      padding: .25rem .5rem;
-      font-size: .875rem;
-      line-height: 1.5;
-      border-radius: .2rem
-    }
-
-    .form-control-lg {
-      height: calc(1.5em + 1rem + 2px);
-      padding: .5rem 1rem;
-      font-size: 1.25rem;
-      line-height: 1.5;
-      border-radius: .3rem
-    }
-
-    select.form-control[multiple],
-    select.form-control[size] {
-      height: auto
-    }
-
-    textarea.form-control {
-      height: auto
-    }
-
-    .form-group {
-      margin-bottom: 1rem
-    }
-
-    .form-text {
-      display: block;
-      margin-top: .25rem
-    }
-
-    .form-row {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-      margin-right: -5px;
-      margin-left: -5px
-    }
-
-    .form-row>.col,
-    .form-row>[class*=col-] {
-      padding-right: 5px;
-      padding-left: 5px
-    }
-
-    .form-check {
-      position: relative;
-      display: block;
-      padding-left: 1.25rem
-    }
-
-    .form-check-input {
-      position: absolute;
-      margin-top: .3rem;
-      margin-left: -1.25rem
-    }
-
-    .form-check-input:disabled~.form-check-label {
-      color: #6c757d
-    }
-
-    .form-check-label {
-      margin-bottom: 0
-    }
-
-    .form-check-inline {
-      display: -ms-inline-flexbox;
-      display: inline-flex;
-      -ms-flex-align: center;
-      align-items: center;
-      padding-left: 0;
-      margin-right: .75rem
-    }
-
-    .form-check-inline .form-check-input {
-      position: static;
-      margin-top: 0;
-      margin-right: .3125rem;
-      margin-left: 0
-    }
-
-    .valid-feedback {
-      display: none;
-      width: 100%;
-      margin-top: .25rem;
-      font-size: 80%;
-      color: #28a745
-    }
-
-    .valid-tooltip {
-      position: absolute;
-      top: 100%;
-      z-index: 5;
-      display: none;
-      max-width: 100%;
-      padding: .25rem .5rem;
-      margin-top: .1rem;
-      font-size: .875rem;
-      line-height: 1.5;
-      color: #fff;
-      background-color: rgba(40, 167, 69, .9);
-      border-radius: .25rem
-    }
-
-    .form-control.is-valid,
-    .was-validated .form-control:valid {
-      border-color: #28a745;
-      padding-right: calc(1.5em + .75rem);
-      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
-      background-repeat: no-repeat;
-      background-position: center right calc(.375em + .1875rem);
-      background-size: calc(.75em + .375rem) calc(.75em + .375rem)
-    }
-
-    .form-control.is-valid:focus,
-    .was-validated .form-control:valid:focus {
-      border-color: #28a745;
-      box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
-    }
-
-    .form-control.is-valid~.valid-feedback,
-    .form-control.is-valid~.valid-tooltip,
-    .was-validated .form-control:valid~.valid-feedback,
-    .was-validated .form-control:valid~.valid-tooltip {
-      display: block
-    }
-
-    .was-validated textarea.form-control:valid,
-    textarea.form-control.is-valid {
-      padding-right: calc(1.5em + .75rem);
-      background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
-    }
-
-    .custom-select.is-valid,
-    .was-validated .custom-select:valid {
-      border-color: #28a745;
-      padding-right: calc((1em + .75rem) * 3 / 4 + 1.75rem);
-      background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
-    }
-
-    .custom-select.is-valid:focus,
-    .was-validated .custom-select:valid:focus {
-      border-color: #28a745;
-      box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
-    }
-
-    .custom-select.is-valid~.valid-feedback,
-    .custom-select.is-valid~.valid-tooltip,
-    .was-validated .custom-select:valid~.valid-feedback,
-    .was-validated .custom-select:valid~.valid-tooltip {
-      display: block
-    }
-
-    .form-control-file.is-valid~.valid-feedback,
-    .form-control-file.is-valid~.valid-tooltip,
-    .was-validated .form-control-file:valid~.valid-feedback,
-    .was-validated .form-control-file:valid~.valid-tooltip {
-      display: block
-    }
-
-    .form-check-input.is-valid~.form-check-label,
-    .was-validated .form-check-input:valid~.form-check-label {
-      color: #28a745
-    }
-
-    .form-check-input.is-valid~.valid-feedback,
-    .form-check-input.is-valid~.valid-tooltip,
-    .was-validated .form-check-input:valid~.valid-feedback,
-    .was-validated .form-check-input:valid~.valid-tooltip {
-      display: block
-    }
-
-    .custom-control-input.is-valid~.custom-control-label,
-    .was-validated .custom-control-input:valid~.custom-control-label {
-      color: #28a745
-    }
-
-    .custom-control-input.is-valid~.custom-control-label::before,
-    .was-validated .custom-control-input:valid~.custom-control-label::before {
-      border-color: #28a745
-    }
-
-    .custom-control-input.is-valid~.valid-feedback,
-    .custom-control-input.is-valid~.valid-tooltip,
-    .was-validated .custom-control-input:valid~.valid-feedback,
-    .was-validated .custom-control-input:valid~.valid-tooltip {
-      display: block
-    }
-
-    .custom-control-input.is-valid:checked~.custom-control-label::before,
-    .was-validated .custom-control-input:valid:checked~.custom-control-label::before {
-      border-color: #34ce57;
-      background-color: #34ce57
-    }
-
-    .custom-control-input.is-valid:focus~.custom-control-label::before,
-    .was-validated .custom-control-input:valid:focus~.custom-control-label::before {
-      box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
-    }
-
-    .custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,
-    .was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before {
-      border-color: #28a745
-    }
-
-    .custom-file-input.is-valid~.custom-file-label,
-    .was-validated .custom-file-input:valid~.custom-file-label {
-      border-color: #28a745
-    }
-
-    .custom-file-input.is-valid~.valid-feedback,
-    .custom-file-input.is-valid~.valid-tooltip,
-    .was-validated .custom-file-input:valid~.valid-feedback,
-    .was-validated .custom-file-input:valid~.valid-tooltip {
-      display: block
-    }
-
-    .custom-file-input.is-valid:focus~.custom-file-label,
-    .was-validated .custom-file-input:valid:focus~.custom-file-label {
-      border-color: #28a745;
-      box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
-    }
-
-    .invalid-feedback {
-      display: none;
-      width: 100%;
-      margin-top: .25rem;
-      font-size: 80%;
-      color: #dc3545
-    }
-
-    .invalid-tooltip {
-      position: absolute;
-      top: 100%;
-      z-index: 5;
-      display: none;
-      max-width: 100%;
-      padding: .25rem .5rem;
-      margin-top: .1rem;
-      font-size: .875rem;
-      line-height: 1.5;
-      color: #fff;
-      background-color: rgba(220, 53, 69, .9);
-      border-radius: .25rem
-    }
-
-    .form-control.is-invalid,
-    .was-validated .form-control:invalid {
-      border-color: #dc3545;
-      padding-right: calc(1.5em + .75rem);
-      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
-      background-repeat: no-repeat;
-      background-position: center right calc(.375em + .1875rem);
-      background-size: calc(.75em + .375rem) calc(.75em + .375rem)
-    }
-
-    .form-control.is-invalid:focus,
-    .was-validated .form-control:invalid:focus {
-      border-color: #dc3545;
-      box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
-    }
-
-    .form-control.is-invalid~.invalid-feedback,
-    .form-control.is-invalid~.invalid-tooltip,
-    .was-validated .form-control:invalid~.invalid-feedback,
-    .was-validated .form-control:invalid~.invalid-tooltip {
-      display: block
-    }
-
-    .was-validated textarea.form-control:invalid,
-    textarea.form-control.is-invalid {
-      padding-right: calc(1.5em + .75rem);
-      background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
-    }
-
-    .custom-select.is-invalid,
-    .was-validated .custom-select:invalid {
-      border-color: #dc3545;
-      padding-right: calc((1em + .75rem) * 3 / 4 + 1.75rem);
-      background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
-    }
-
-    .custom-select.is-invalid:focus,
-    .was-validated .custom-select:invalid:focus {
-      border-color: #dc3545;
-      box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
-    }
-
-    .custom-select.is-invalid~.invalid-feedback,
-    .custom-select.is-invalid~.invalid-tooltip,
-    .was-validated .custom-select:invalid~.invalid-feedback,
-    .was-validated .custom-select:invalid~.invalid-tooltip {
-      display: block
-    }
-
-    .form-control-file.is-invalid~.invalid-feedback,
-    .form-control-file.is-invalid~.invalid-tooltip,
-    .was-validated .form-control-file:invalid~.invalid-feedback,
-    .was-validated .form-control-file:invalid~.invalid-tooltip {
-      display: block
-    }
-
-    .form-check-input.is-invalid~.form-check-label,
-    .was-validated .form-check-input:invalid~.form-check-label {
-      color: #dc3545
-    }
-
-    .form-check-input.is-invalid~.invalid-feedback,
-    .form-check-input.is-invalid~.invalid-tooltip,
-    .was-validated .form-check-input:invalid~.invalid-feedback,
-    .was-validated .form-check-input:invalid~.invalid-tooltip {
-      display: block
-    }
-
-    .custom-control-input.is-invalid~.custom-control-label,
-    .was-validated .custom-control-input:invalid~.custom-control-label {
-      color: #dc3545
-    }
-
-    .custom-control-input.is-invalid~.custom-control-label::before,
-    .was-validated .custom-control-input:invalid~.custom-control-label::before {
-      border-color: #dc3545
-    }
-
-    .custom-control-input.is-invalid~.invalid-feedback,
-    .custom-control-input.is-invalid~.invalid-tooltip,
-    .was-validated .custom-control-input:invalid~.invalid-feedback,
-    .was-validated .custom-control-input:invalid~.invalid-tooltip {
-      display: block
-    }
-
-    .custom-control-input.is-invalid:checked~.custom-control-label::before,
-    .was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
-      border-color: #e4606d;
-      background-color: #e4606d
-    }
-
-    .custom-control-input.is-invalid:focus~.custom-control-label::before,
-    .was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
-      box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
-    }
-
-    .custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,
-    .was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before {
-      border-color: #dc3545
-    }
-
-    .custom-file-input.is-invalid~.custom-file-label,
-    .was-validated .custom-file-input:invalid~.custom-file-label {
-      border-color: #dc3545
-    }
-
-    .custom-file-input.is-invalid~.invalid-feedback,
-    .custom-file-input.is-invalid~.invalid-tooltip,
-    .was-validated .custom-file-input:invalid~.invalid-feedback,
-    .was-validated .custom-file-input:invalid~.invalid-tooltip {
-      display: block
-    }
-
-    .custom-file-input.is-invalid:focus~.custom-file-label,
-    .was-validated .custom-file-input:invalid:focus~.custom-file-label {
-      border-color: #dc3545;
-      box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
-    }
-
-    .form-inline {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-flow: row wrap;
-      flex-flow: row wrap;
-      -ms-flex-align: center;
-      align-items: center
-    }
-
-    .form-inline .form-check {
-      width: 100%
-    }
-
-    @media (min-width:576px) {
-      .form-inline label {
-        display: -ms-flexbox;
-        display: flex;
-        -ms-flex-align: center;
-        align-items: center;
-        -ms-flex-pack: center;
-        justify-content: center;
-        margin-bottom: 0
-      }
-
-      .form-inline .form-group {
-        display: -ms-flexbox;
-        display: flex;
-        -ms-flex: 0 0 auto;
-        flex: 0 0 auto;
-        -ms-flex-flow: row wrap;
-        flex-flow: row wrap;
-        -ms-flex-align: center;
-        align-items: center;
-        margin-bottom: 0
-      }
-
-      .form-inline .form-control {
-        display: inline-block;
-        width: auto;
-        vertical-align: middle
-      }
-
-      .form-inline .form-control-plaintext {
-        display: inline-block
-      }
-
-      .form-inline .custom-select,
-      .form-inline .input-group {
-        width: auto
-      }
-
-      .form-inline .form-check {
-        display: -ms-flexbox;
-        display: flex;
-        -ms-flex-align: center;
-        align-items: center;
-        -ms-flex-pack: center;
-        justify-content: center;
-        width: auto;
-        padding-left: 0
-      }
-
-      .form-inline .form-check-input {
-        position: relative;
-        -ms-flex-negative: 0;
-        flex-shrink: 0;
-        margin-top: 0;
-        margin-right: .25rem;
-        margin-left: 0
-      }
-
-      .form-inline .custom-control {
-        -ms-flex-align: center;
-        align-items: center;
-        -ms-flex-pack: center;
-        justify-content: center
-      }
-
-      .form-inline .custom-control-label {
-        margin-bottom: 0
-      }
-    }
-
-    .btn {
-      display: inline-block;
-      font-weight: 400;
-      color: #212529;
-      text-align: center;
-      vertical-align: middle;
-      -webkit-user-select: none;
-      -moz-user-select: none;
-      -ms-user-select: none;
-      user-select: none;
-      background-color: transparent;
-      border: 1px solid transparent;
-      padding: .375rem .75rem;
-      font-size: 1rem;
-      line-height: 1.5;
-      border-radius: .25rem;
-      transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
-    }
-
-    @media (prefers-reduced-motion:reduce) {
-      .btn {
-        transition: none
-      }
-    }
-
-    .btn:hover {
-      color: #212529;
-      text-decoration: none
-    }
-
-    .btn.focus,
-    .btn:focus {
-      outline: 0;
-      box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
-    }
-
-    .btn.disabled,
-    .btn:disabled {
-      opacity: .65
-    }
-
-    a.btn.disabled,
-    fieldset:disabled a.btn {
-      pointer-events: none
-    }
-
-    .btn-primary {
-      color: #fff;
-      background-color: #007bff;
-      border-color: #007bff
-    }
-
-    .btn-primary:hover {
-      color: #fff;
-      background-color: #0069d9;
-      border-color: #0062cc
-    }
-
-    .btn-primary.focus,
-    .btn-primary:focus {
-      box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
-    }
-
-    .btn-primary.disabled,
-    .btn-primary:disabled {
-      color: #fff;
-      background-color: #007bff;
-      border-color: #007bff
-    }
-
-    .btn-primary:not(:disabled):not(.disabled).active,
-    .btn-primary:not(:disabled):not(.disabled):active,
-    .show>.btn-primary.dropdown-toggle {
-      color: #fff;
-      background-color: #0062cc;
-      border-color: #005cbf
-    }
-
-    .btn-primary:not(:disabled):not(.disabled).active:focus,
-    .btn-primary:not(:disabled):not(.disabled):active:focus,
-    .show>.btn-primary.dropdown-toggle:focus {
-      box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
-    }
-
-    .btn-secondary {
-      color: #fff;
-      background-color: #6c757d;
-      border-color: #6c757d
-    }
-
-    .btn-secondary:hover {
-      color: #fff;
-      background-color: #5a6268;
-      border-color: #545b62
-    }
-
-    .btn-secondary.focus,
-    .btn-secondary:focus {
-      box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
-    }
-
-    .btn-secondary.disabled,
-    .btn-secondary:disabled {
-      color: #fff;
-      background-color: #6c757d;
-      border-color: #6c757d
-    }
-
-    .btn-secondary:not(:disabled):not(.disabled).active,
-    .btn-secondary:not(:disabled):not(.disabled):active,
-    .show>.btn-secondary.dropdown-toggle {
-      color: #fff;
-      background-color: #545b62;
-      border-color: #4e555b
-    }
-
-    .btn-secondary:not(:disabled):not(.disabled).active:focus,
-    .btn-secondary:not(:disabled):not(.disabled):active:focus,
-    .show>.btn-secondary.dropdown-toggle:focus {
-      box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
-    }
-
-    .btn-success {
-      color: #fff;
-      background-color: #28a745;
-      border-color: #28a745
-    }
-
-    .btn-success:hover {
-      color: #fff;
-      background-color: #218838;
-      border-color: #1e7e34
-    }
-
-    .btn-success.focus,
-    .btn-success:focus {
-      box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
-    }
-
-    .btn-success.disabled,
-    .btn-success:disabled {
-      color: #fff;
-      background-color: #28a745;
-      border-color: #28a745
-    }
-
-    .btn-success:not(:disabled):not(.disabled).active,
-    .btn-success:not(:disabled):not(.disabled):active,
-    .show>.btn-success.dropdown-toggle {
-      color: #fff;
-      background-color: #1e7e34;
-      border-color: #1c7430
-    }
-
-    .btn-success:not(:disabled):not(.disabled).active:focus,
-    .btn-success:not(:disabled):not(.disabled):active:focus,
-    .show>.btn-success.dropdown-toggle:focus {
-      box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
-    }
-
-    .btn-info {
-      position: relative;
-      padding: 10px 25px;
-      padding-left: 1.25rem !important;
-      padding-right: 1.25rem !important;
-      display: inline-block;
-      border-top: solid 1px rgba(255, 255, 255, 0.2);
-      border-bottom: solid 1px rgba(255, 255, 255, 0.2);
-      font-family: 'Baloo Chettan 2', cursive;
-      text-transform: uppercase;
-      color: #AEEDD7;
-      letter-spacing: 1px;
-      overflow: hidden;
-    }
-
-    .btn-info::before {
-      content: "";
-      width: 20px;
-      height: 20px;
-      position: absolute;
-      background: #259990;
-      left: 7px;
-      transform: translateX(-40px) rotate(45deg);
-      border: solid 3px #194846;
-      box-shadow: 2px -2px 0px #1A5754;
-      transition: all 0.2s ease;
-    }
-
-    .btn-info:hover {
-      background: linear-gradient(to right, #183F3E, TRANSPARENT);
-      color: #AEEDD7;
-    }
-
-    .btn-info:hover::before {
-      transform: translateX(-20px) rotate(45deg);
-    }
-
-    .btn-info.focus,
-    .btn-info:focus {
-      box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
-    }
-
-    .btn-info.disabled,
-    .btn-info:disabled {
-      color: #fff;
-      background-color: #17a2b8;
-      border-color: #17a2b8
-    }
-
-    .btn-info:not(:disabled):not(.disabled).active,
-    .btn-info:not(:disabled):not(.disabled):active,
-    .show>.btn-info.dropdown-toggle {
-      color: #fff;
-      background-color: #117a8b;
-      border-color: #10707f
-    }
-
-    .btn-info:not(:disabled):not(.disabled).active:focus,
-    .btn-info:not(:disabled):not(.disabled):active:focus,
-    .show>.btn-info.dropdown-toggle:focus {
-      box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
-    }
-
-    .btn-warning {
-      color: #212529;
-      background-color: #ffc107;
-      border-color: #ffc107
-    }
-
-    .btn-warning:hover {
-      color: #212529;
-      background-color: #e0a800;
-      border-color: #d39e00
-    }
-
-    .btn-warning.focus,
-    .btn-warning:focus {
-      box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
-    }
-
-    .btn-warning.disabled,
-    .btn-warning:disabled {
-      color: #212529;
-      background-color: #ffc107;
-      border-color: #ffc107
-    }
-
-    .btn-warning:not(:disabled):not(.disabled).active,
-    .btn-warning:not(:disabled):not(.disabled):active,
-    .show>.btn-warning.dropdown-toggle {
-      color: #212529;
-      background-color: #d39e00;
-      border-color: #c69500
-    }
-
-    .btn-warning:not(:disabled):not(.disabled).active:focus,
-    .btn-warning:not(:disabled):not(.disabled):active:focus,
-    .show>.btn-warning.dropdown-toggle:focus {
-      box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
-    }
-
-    .btn-danger {
-      color: #fff;
-      background-color: #dc3545;
-      border-color: #dc3545
-    }
-
-    .btn-danger:hover {
-      color: #fff;
-      background-color: #c82333;
-      border-color: #bd2130
-    }
-
-    .btn-danger.focus,
-    .btn-danger:focus {
-      box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
-    }
-
-    .btn-danger.disabled,
-    .btn-danger:disabled {
-      color: #fff;
-      background-color: #dc3545;
-      border-color: #dc3545
-    }
-
-    .btn-danger:not(:disabled):not(.disabled).active,
-    .btn-danger:not(:disabled):not(.disabled):active,
-    .show>.btn-danger.dropdown-toggle {
-      color: #fff;
-      background-color: #bd2130;
-      border-color: #b21f2d
-    }
-
-    .btn-danger:not(:disabled):not(.disabled).active:focus,
-    .btn-danger:not(:disabled):not(.disabled):active:focus,
-    .show>.btn-danger.dropdown-toggle:focus {
-      box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
-    }
-
-    .btn-light {
-      color: #212529;
-      background-color: #f8f9fa;
-      border-color: #f8f9fa
-    }
-
-    .btn-light:hover {
-      color: #212529;
-      background-color: #e2e6ea;
-      border-color: #dae0e5
-    }
-
-    .btn-light.focus,
-    .btn-light:focus {
-      box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
-    }
-
-    .btn-light.disabled,
-    .btn-light:disabled {
-      color: #212529;
-      background-color: #f8f9fa;
-      border-color: #f8f9fa
-    }
-
-    .btn-light:not(:disabled):not(.disabled).active,
-    .btn-light:not(:disabled):not(.disabled):active,
-    .show>.btn-light.dropdown-toggle {
-      color: #212529;
-      background-color: #dae0e5;
-      border-color: #d3d9df
-    }
-
-    .btn-light:not(:disabled):not(.disabled).active:focus,
-    .btn-light:not(:disabled):not(.disabled):active:focus,
-    .show>.btn-light.dropdown-toggle:focus {
-      box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
-    }
-
-    .btn-dark {
-      color: #fff;
-      background-color: #343a40;
-      border-color: #343a40
-    }
-
-    .btn-dark:hover {
-      color: #fff;
-      background-color: #23272b;
-      border-color: #1d2124
-    }
-
-    .btn-dark.focus,
-    .btn-dark:focus {
-      box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
-    }
-
-    .btn-dark.disabled,
-    .btn-dark:disabled {
-      color: #fff;
-      background-color: #343a40;
-      border-color: #343a40
-    }
-
-    .btn-dark:not(:disabled):not(.disabled).active,
-    .btn-dark:not(:disabled):not(.disabled):active,
-    .show>.btn-dark.dropdown-toggle {
-      color: #fff;
-      background-color: #1d2124;
-      border-color: #171a1d
-    }
-
-    .btn-dark:not(:disabled):not(.disabled).active:focus,
-    .btn-dark:not(:disabled):not(.disabled):active:focus,
-    .show>.btn-dark.dropdown-toggle:focus {
-      box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
-    }
-
-    .btn-outline-primary {
-      color: #007bff;
-      border-color: #007bff
-    }
-
-    .btn-outline-primary:hover {
-      color: #fff;
-      background-color: #007bff;
-      border-color: #007bff
-    }
-
-    .btn-outline-primary.focus,
-    .btn-outline-primary:focus {
-      box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
-    }
-
-    .btn-outline-primary.disabled,
-    .btn-outline-primary:disabled {
-      color: #007bff;
-      background-color: transparent
-    }
-
-    .btn-outline-primary:not(:disabled):not(.disabled).active,
-    .btn-outline-primary:not(:disabled):not(.disabled):active,
-    .show>.btn-outline-primary.dropdown-toggle {
-      color: #fff;
-      background-color: #007bff;
-      border-color: #007bff
-    }
-
-    .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
-    .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
-    .show>.btn-outline-primary.dropdown-toggle:focus {
-      box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
-    }
-
-    .btn-outline-secondary {
-      color: #6c757d;
-      border-color: #6c757d
-    }
-
-    .btn-outline-secondary:hover {
-      color: #fff;
-      background-color: #6c757d;
-      border-color: #6c757d
-    }
-
-    .btn-outline-secondary.focus,
-    .btn-outline-secondary:focus {
-      box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
-    }
-
-    .btn-outline-secondary.disabled,
-    .btn-outline-secondary:disabled {
-      color: #6c757d;
-      background-color: transparent
-    }
-
-    .btn-outline-secondary:not(:disabled):not(.disabled).active,
-    .btn-outline-secondary:not(:disabled):not(.disabled):active,
-    .show>.btn-outline-secondary.dropdown-toggle {
-      color: #fff;
-      background-color: #6c757d;
-      border-color: #6c757d
-    }
-
-    .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
-    .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
-    .show>.btn-outline-secondary.dropdown-toggle:focus {
-      box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
-    }
-
-    .btn-outline-success {
-      color: #28a745;
-      border-color: #28a745
-    }
-
-    .btn-outline-success:hover {
-      color: #fff;
-      background-color: #28a745;
-      border-color: #28a745
-    }
-
-    .btn-outline-success.focus,
-    .btn-outline-success:focus {
-      box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
-    }
-
-    .btn-outline-success.disabled,
-    .btn-outline-success:disabled {
-      color: #28a745;
-      background-color: transparent
-    }
-
-    .btn-outline-success:not(:disabled):not(.disabled).active,
-    .btn-outline-success:not(:disabled):not(.disabled):active,
-    .show>.btn-outline-success.dropdown-toggle {
-      color: #fff;
-      background-color: #28a745;
-      border-color: #28a745
-    }
-
-    .btn-outline-success:not(:disabled):not(.disabled).active:focus,
-    .btn-outline-success:not(:disabled):not(.disabled):active:focus,
-    .show>.btn-outline-success.dropdown-toggle:focus {
-      box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
-    }
-
-    .btn-outline-info {
-      color: #17a2b8;
-      border-color: #17a2b8
-    }
-
-    .btn-outline-info:hover {
-      color: #fff;
-      background-color: #17a2b8;
-      border-color: #17a2b8
-    }
-
-    .btn-outline-info.focus,
-    .btn-outline-info:focus {
-      box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
-    }
-
-    .btn-outline-info.disabled,
-    .btn-outline-info:disabled {
-      color: #17a2b8;
-      background-color: transparent
-    }
-
-    .btn-outline-info:not(:disabled):not(.disabled).active,
-    .btn-outline-info:not(:disabled):not(.disabled):active,
-    .show>.btn-outline-info.dropdown-toggle {
-      color: #fff;
-      background-color: #17a2b8;
-      border-color: #17a2b8
-    }
-
-    .btn-outline-info:not(:disabled):not(.disabled).active:focus,
-    .btn-outline-info:not(:disabled):not(.disabled):active:focus,
-    .show>.btn-outline-info.dropdown-toggle:focus {
-      box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
-    }
-
-    .btn-outline-warning {
-      color: #ffc107;
-      border-color: #ffc107
-    }
-
-    .btn-outline-warning:hover {
-      color: #212529;
-      background-color: #ffc107;
-      border-color: #ffc107
-    }
-
-    .btn-outline-warning.focus,
-    .btn-outline-warning:focus {
-      box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
-    }
-
-    .btn-outline-warning.disabled,
-    .btn-outline-warning:disabled {
-      color: #ffc107;
-      background-color: transparent
-    }
-
-    .btn-outline-warning:not(:disabled):not(.disabled).active,
-    .btn-outline-warning:not(:disabled):not(.disabled):active,
-    .show>.btn-outline-warning.dropdown-toggle {
-      color: #212529;
-      background-color: #ffc107;
-      border-color: #ffc107
-    }
-
-    .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
-    .btn-outline-warning:not(:disabled):not(.disabled):active:focus,
-    .show>.btn-outline-warning.dropdown-toggle:focus {
-      box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
-    }
-
-    .btn-outline-danger {
-      color: #dc3545;
-      border-color: #dc3545
-    }
-
-    .btn-outline-danger:hover {
-      color: #fff;
-      background-color: #dc3545;
-      border-color: #dc3545
-    }
-
-    .btn-outline-danger.focus,
-    .btn-outline-danger:focus {
-      box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
-    }
-
-    .btn-outline-danger.disabled,
-    .btn-outline-danger:disabled {
-      color: #dc3545;
-      background-color: transparent
-    }
-
-    .btn-outline-danger:not(:disabled):not(.disabled).active,
-    .btn-outline-danger:not(:disabled):not(.disabled):active,
-    .show>.btn-outline-danger.dropdown-toggle {
-      color: #fff;
-      background-color: #dc3545;
-      border-color: #dc3545
-    }
-
-    .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
-    .btn-outline-danger:not(:disabled):not(.disabled):active:focus,
-    .show>.btn-outline-danger.dropdown-toggle:focus {
-      box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
-    }
-
-    .btn-outline-light {
-      color: #f8f9fa;
-      border-color: #f8f9fa
-    }
-
-    .btn-outline-light:hover {
-      color: #212529;
-      background-color: #f8f9fa;
-      border-color: #f8f9fa
-    }
-
-    .btn-outline-light.focus,
-    .btn-outline-light:focus {
-      box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
-    }
-
-    .btn-outline-light.disabled,
-    .btn-outline-light:disabled {
-      color: #f8f9fa;
-      background-color: transparent
-    }
-
-    .btn-outline-light:not(:disabled):not(.disabled).active,
-    .btn-outline-light:not(:disabled):not(.disabled):active,
-    .show>.btn-outline-light.dropdown-toggle {
-      color: #212529;
-      background-color: #f8f9fa;
-      border-color: #f8f9fa
-    }
-
-    .btn-outline-light:not(:disabled):not(.disabled).active:focus,
-    .btn-outline-light:not(:disabled):not(.disabled):active:focus,
-    .show>.btn-outline-light.dropdown-toggle:focus {
-      box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
-    }
-
-    .btn-outline-dark {
-      color: #343a40;
-      border-color: #343a40
-    }
-
-    .btn-outline-dark:hover {
-      color: #fff;
-      background-color: #343a40;
-      border-color: #343a40
-    }
-
-    .btn-outline-dark.focus,
-    .btn-outline-dark:focus {
-      box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
-    }
-
-    .btn-outline-dark.disabled,
-    .btn-outline-dark:disabled {
-      color: #343a40;
-      background-color: transparent
-    }
-
-    .btn-outline-dark:not(:disabled):not(.disabled).active,
-    .btn-outline-dark:not(:disabled):not(.disabled):active,
-    .show>.btn-outline-dark.dropdown-toggle {
-      color: #fff;
-      background-color: #343a40;
-      border-color: #343a40
-    }
-
-    .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
-    .btn-outline-dark:not(:disabled):not(.disabled):active:focus,
-    .show>.btn-outline-dark.dropdown-toggle:focus {
-      box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
-    }
-
-    .btn-link {
-      font-weight: 400;
-      color: #007bff;
-      text-decoration: none
-    }
-
-    .btn-link:hover {
-      color: #0056b3;
-      text-decoration: underline
-    }
-
-    .btn-link.focus,
-    .btn-link:focus {
-      text-decoration: underline;
-      box-shadow: none
-    }
-
-    .btn-link.disabled,
-    .btn-link:disabled {
-      color: #6c757d;
-      pointer-events: none
-    }
-
-    .btn-group-lg>.btn,
-    .btn-lg {
-      padding: .5rem 1rem;
-      font-size: 1.25rem;
-      line-height: 1.5;
-      border-radius: .3rem
-    }
-
-    .btn-group-sm>.btn,
-    .btn-sm {
-      padding: .25rem .5rem;
-      font-size: .875rem;
-      line-height: 1.5;
-      border-radius: .2rem
-    }
-
-    .btn-block {
-      display: block;
-      width: 100%
-    }
-
-    .btn-block+.btn-block {
-      margin-top: .5rem
-    }
-
-    input[type=button].btn-block,
-    input[type=reset].btn-block,
-    input[type=submit].btn-block {
-      width: 100%
-    }
-
-    .fade {
-      transition: opacity .15s linear
-    }
-
-    @media (prefers-reduced-motion:reduce) {
-      .fade {
-        transition: none
-      }
-    }
-
-    .fade:not(.show) {
-      opacity: 0
-    }
-
-    .collapse:not(.show) {
-      display: none
-    }
-
-    .collapsing {
-      position: relative;
-      height: 0;
-      overflow: hidden;
-      transition: height .35s ease
-    }
-
-    @media (prefers-reduced-motion:reduce) {
-      .collapsing {
-        transition: none
-      }
-    }
-
-    .dropdown,
-    .dropleft,
-    .dropright,
-    .dropup {
-      position: relative
-    }
-
-    .dropdown-toggle {
-      white-space: nowrap
-    }
-
-    .dropdown-toggle::after {
-      display: inline-block;
-      margin-left: .255em;
-      vertical-align: .255em;
-      content: "";
-      border-top: .3em solid;
-      border-right: .3em solid transparent;
-      border-bottom: 0;
-      border-left: .3em solid transparent
-    }
-
-    .dropdown-toggle:empty::after {
-      margin-left: 0
-    }
-
-    .dropdown-menu {
-      position: absolute;
-      top: 100%;
-      left: 0;
-      z-index: 1000;
-      display: none;
-      float: left;
-      min-width: 10rem;
-      padding: .5rem 0;
-      margin: .125rem 0 0;
-      font-size: 1rem;
-      color: #212529;
-      text-align: left;
-      list-style: none;
-      background-color: #fff;
-      background-clip: padding-box;
-      border: 1px solid rgba(0, 0, 0, .15);
-      border-radius: .25rem
-    }
-
-    .dropdown-menu-left {
-      right: auto;
-      left: 0
-    }
-
-    .dropdown-menu-right {
-      right: 0;
-      left: auto
-    }
-
-    @media (min-width:576px) {
-      .dropdown-menu-sm-left {
-        right: auto;
-        left: 0
-      }
-
-      .dropdown-menu-sm-right {
-        right: 0;
-        left: auto
-      }
-    }
-
-    @media (min-width:768px) {
-      .dropdown-menu-md-left {
-        right: auto;
-        left: 0
-      }
-
-      .dropdown-menu-md-right {
-        right: 0;
-        left: auto
-      }
-    }
-
-    @media (min-width:992px) {
-      .dropdown-menu-lg-left {
-        right: auto;
-        left: 0
-      }
-
-      .dropdown-menu-lg-right {
-        right: 0;
-        left: auto
-      }
-    }
-
-    @media (min-width:1200px) {
-      .dropdown-menu-xl-left {
-        right: auto;
-        left: 0
-      }
-
-      .dropdown-menu-xl-right {
-        right: 0;
-        left: auto
-      }
-    }
-
-    .dropup .dropdown-menu {
-      top: auto;
-      bottom: 100%;
-      margin-top: 0;
-      margin-bottom: .125rem
-    }
-
-    .dropup .dropdown-toggle::after {
-      display: inline-block;
-      margin-left: .255em;
-      vertical-align: .255em;
-      content: "";
-      border-top: 0;
-      border-right: .3em solid transparent;
-      border-bottom: .3em solid;
-      border-left: .3em solid transparent
-    }
-
-    .dropup .dropdown-toggle:empty::after {
-      margin-left: 0
-    }
-
-    .dropright .dropdown-menu {
-      top: 0;
-      right: auto;
-      left: 100%;
-      margin-top: 0;
-      margin-left: .125rem
-    }
-
-    .dropright .dropdown-toggle::after {
-      display: inline-block;
-      margin-left: .255em;
-      vertical-align: .255em;
-      content: "";
-      border-top: .3em solid transparent;
-      border-right: 0;
-      border-bottom: .3em solid transparent;
-      border-left: .3em solid
-    }
-
-    .dropright .dropdown-toggle:empty::after {
-      margin-left: 0
-    }
-
-    .dropright .dropdown-toggle::after {
-      vertical-align: 0
-    }
-
-    .dropleft .dropdown-menu {
-      top: 0;
-      right: 100%;
-      left: auto;
-      margin-top: 0;
-      margin-right: .125rem
-    }
-
-    .dropleft .dropdown-toggle::after {
-      display: inline-block;
-      margin-left: .255em;
-      vertical-align: .255em;
-      content: ""
-    }
-
-    .dropleft .dropdown-toggle::after {
-      display: none
-    }
-
-    .dropleft .dropdown-toggle::before {
-      display: inline-block;
-      margin-right: .255em;
-      vertical-align: .255em;
-      content: "";
-      border-top: .3em solid transparent;
-      border-right: .3em solid;
-      border-bottom: .3em solid transparent
-    }
-
-    .dropleft .dropdown-toggle:empty::after {
-      margin-left: 0
-    }
-
-    .dropleft .dropdown-toggle::before {
-      vertical-align: 0
-    }
-
-    .dropdown-menu[x-placement^=bottom],
-    .dropdown-menu[x-placement^=left],
-    .dropdown-menu[x-placement^=right],
-    .dropdown-menu[x-placement^=top] {
-      right: auto;
-      bottom: auto
-    }
-
-    .dropdown-divider {
-      height: 0;
-      margin: .5rem 0;
-      overflow: hidden;
-      border-top: 1px solid #e9ecef
-    }
-
-    .dropdown-item {
-      display: block;
-      width: 100%;
-      padding: .25rem 1.5rem;
-      clear: both;
-      font-weight: 400;
-      color: #212529;
-      text-align: inherit;
-      white-space: nowrap;
-      background-color: transparent;
-      border: 0
-    }
-
-    .dropdown-item:focus,
-    .dropdown-item:hover {
-      color: #16181b;
-      text-decoration: none;
-      background-color: #f8f9fa
-    }
-
-    .dropdown-item.active,
-    .dropdown-item:active {
-      color: #fff;
-      text-decoration: none;
-      background-color: #007bff
-    }
-
-    .dropdown-item.disabled,
-    .dropdown-item:disabled {
-      color: #6c757d;
-      pointer-events: none;
-      background-color: transparent
-    }
-
-    .dropdown-menu.show {
-      display: block
-    }
-
-    .dropdown-header {
-      display: block;
-      padding: .5rem 1.5rem;
-      margin-bottom: 0;
-      font-size: .875rem;
-      color: #6c757d;
-      white-space: nowrap
-    }
-
-    .dropdown-item-text {
-      display: block;
-      padding: .25rem 1.5rem;
-      color: #212529
-    }
-
-    .btn-group,
-    .btn-group-vertical {
-      position: relative;
-      display: -ms-inline-flexbox;
-      display: inline-flex;
-      vertical-align: middle
-    }
-
-    .btn-group-vertical>.btn,
-    .btn-group>.btn {
-      position: relative;
-      -ms-flex: 1 1 auto;
-      flex: 1 1 auto
-    }
-
-    .btn-group-vertical>.btn:hover,
-    .btn-group>.btn:hover {
-      z-index: 1
-    }
-
-    .btn-group-vertical>.btn.active,
-    .btn-group-vertical>.btn:active,
-    .btn-group-vertical>.btn:focus,
-    .btn-group>.btn.active,
-    .btn-group>.btn:active,
-    .btn-group>.btn:focus {
-      z-index: 1
-    }
-
-    .btn-toolbar {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-      -ms-flex-pack: start;
-      justify-content: flex-start
-    }
-
-    .btn-toolbar .input-group {
-      width: auto
-    }
-
-    .btn-group>.btn-group:not(:first-child),
-    .btn-group>.btn:not(:first-child) {
-      margin-left: -1px
-    }
-
-    .btn-group>.btn-group:not(:last-child)>.btn,
-    .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
-      border-top-right-radius: 0;
-      border-bottom-right-radius: 0
-    }
-
-    .btn-group>.btn-group:not(:first-child)>.btn,
-    .btn-group>.btn:not(:first-child) {
-      border-top-left-radius: 0;
-      border-bottom-left-radius: 0
-    }
-
-    .dropdown-toggle-split {
-      padding-right: .5625rem;
-      padding-left: .5625rem
-    }
-
-    .dropdown-toggle-split::after,
-    .dropright .dropdown-toggle-split::after,
-    .dropup .dropdown-toggle-split::after {
-      margin-left: 0
-    }
-
-    .dropleft .dropdown-toggle-split::before {
-      margin-right: 0
-    }
-
-    .btn-group-sm>.btn+.dropdown-toggle-split,
-    .btn-sm+.dropdown-toggle-split {
-      padding-right: .375rem;
-      padding-left: .375rem
-    }
-
-    .btn-group-lg>.btn+.dropdown-toggle-split,
-    .btn-lg+.dropdown-toggle-split {
-      padding-right: .75rem;
-      padding-left: .75rem
-    }
-
-    .btn-group-vertical {
-      -ms-flex-direction: column;
-      flex-direction: column;
-      -ms-flex-align: start;
-      align-items: flex-start;
-      -ms-flex-pack: center;
-      justify-content: center
-    }
-
-    .btn-group-vertical>.btn,
-    .btn-group-vertical>.btn-group {
-      width: 100%
-    }
-
-    .btn-group-vertical>.btn-group:not(:first-child),
-    .btn-group-vertical>.btn:not(:first-child) {
-      margin-top: -1px
-    }
-
-    .btn-group-vertical>.btn-group:not(:last-child)>.btn,
-    .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
-      border-bottom-right-radius: 0;
-      border-bottom-left-radius: 0
-    }
-
-    .btn-group-vertical>.btn-group:not(:first-child)>.btn,
-    .btn-group-vertical>.btn:not(:first-child) {
-      border-top-left-radius: 0;
-      border-top-right-radius: 0
-    }
-
-    .btn-group-toggle>.btn,
-    .btn-group-toggle>.btn-group>.btn {
-      margin-bottom: 0
-    }
-
-    .btn-group-toggle>.btn input[type=checkbox],
-    .btn-group-toggle>.btn input[type=radio],
-    .btn-group-toggle>.btn-group>.btn input[type=checkbox],
-    .btn-group-toggle>.btn-group>.btn input[type=radio] {
-      position: absolute;
-      clip: rect(0, 0, 0, 0);
-      pointer-events: none
-    }
-
-    .input-group {
-      position: relative;
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-      -ms-flex-align: stretch;
-      align-items: stretch;
-      width: 100%
-    }
-
-    .input-group>.custom-file,
-    .input-group>.custom-select,
-    .input-group>.form-control,
-    .input-group>.form-control-plaintext {
-      position: relative;
-      -ms-flex: 1 1 auto;
-      flex: 1 1 auto;
-      width: 1%;
-      margin-bottom: 0
-    }
-
-    .input-group>.custom-file+.custom-file,
-    .input-group>.custom-file+.custom-select,
-    .input-group>.custom-file+.form-control,
-    .input-group>.custom-select+.custom-file,
-    .input-group>.custom-select+.custom-select,
-    .input-group>.custom-select+.form-control,
-    .input-group>.form-control+.custom-file,
-    .input-group>.form-control+.custom-select,
-    .input-group>.form-control+.form-control,
-    .input-group>.form-control-plaintext+.custom-file,
-    .input-group>.form-control-plaintext+.custom-select,
-    .input-group>.form-control-plaintext+.form-control {
-      margin-left: -1px
-    }
-
-    .input-group>.custom-file .custom-file-input:focus~.custom-file-label,
-    .input-group>.custom-select:focus,
-    .input-group>.form-control:focus {
-      z-index: 3
-    }
-
-    .input-group>.custom-file .custom-file-input:focus {
-      z-index: 4
-    }
-
-    .input-group>.custom-select:not(:last-child),
-    .input-group>.form-control:not(:last-child) {
-      border-top-right-radius: 0;
-      border-bottom-right-radius: 0
-    }
-
-    .input-group>.custom-select:not(:first-child),
-    .input-group>.form-control:not(:first-child) {
-      border-top-left-radius: 0;
-      border-bottom-left-radius: 0
-    }
-
-    .input-group>.custom-file {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-align: center;
-      align-items: center
-    }
-
-    .input-group>.custom-file:not(:last-child) .custom-file-label,
-    .input-group>.custom-file:not(:last-child) .custom-file-label::after {
-      border-top-right-radius: 0;
-      border-bottom-right-radius: 0
-    }
-
-    .input-group>.custom-file:not(:first-child) .custom-file-label {
-      border-top-left-radius: 0;
-      border-bottom-left-radius: 0
-    }
-
-    .input-group-append,
-    .input-group-prepend {
-      display: -ms-flexbox;
-      display: flex
-    }
-
-    .input-group-append .btn,
-    .input-group-prepend .btn {
-      position: relative;
-      z-index: 2
-    }
-
-    .input-group-append .btn:focus,
-    .input-group-prepend .btn:focus {
-      z-index: 3
-    }
-
-    .input-group-append .btn+.btn,
-    .input-group-append .btn+.input-group-text,
-    .input-group-append .input-group-text+.btn,
-    .input-group-append .input-group-text+.input-group-text,
-    .input-group-prepend .btn+.btn,
-    .input-group-prepend .btn+.input-group-text,
-    .input-group-prepend .input-group-text+.btn,
-    .input-group-prepend .input-group-text+.input-group-text {
-      margin-left: -1px
-    }
-
-    .input-group-prepend {
-      margin-right: -1px
-    }
-
-    .input-group-append {
-      margin-left: -1px
-    }
-
-    .input-group-text {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-align: center;
-      align-items: center;
-      padding: .375rem .75rem;
-      margin-bottom: 0;
-      font-size: 1rem;
-      font-weight: 400;
-      line-height: 1.5;
-      color: #495057;
-      text-align: center;
-      white-space: nowrap;
-      background-color: #e9ecef;
-      border: 1px solid #ced4da;
-      border-radius: .25rem
-    }
-
-    .input-group-text input[type=checkbox],
-    .input-group-text input[type=radio] {
-      margin-top: 0
-    }
-
-    .input-group-lg>.custom-select,
-    .input-group-lg>.form-control:not(textarea) {
-      height: calc(1.5em + 1rem + 2px)
-    }
-
-    .input-group-lg>.custom-select,
-    .input-group-lg>.form-control,
-    .input-group-lg>.input-group-append>.btn,
-    .input-group-lg>.input-group-append>.input-group-text,
-    .input-group-lg>.input-group-prepend>.btn,
-    .input-group-lg>.input-group-prepend>.input-group-text {
-      padding: .5rem 1rem;
-      font-size: 1.25rem;
-      line-height: 1.5;
-      border-radius: .3rem
-    }
-
-    .input-group-sm>.custom-select,
-    .input-group-sm>.form-control:not(textarea) {
-      height: calc(1.5em + .5rem + 2px)
-    }
-
-    .input-group-sm>.custom-select,
-    .input-group-sm>.form-control,
-    .input-group-sm>.input-group-append>.btn,
-    .input-group-sm>.input-group-append>.input-group-text,
-    .input-group-sm>.input-group-prepend>.btn,
-    .input-group-sm>.input-group-prepend>.input-group-text {
-      padding: .25rem .5rem;
-      font-size: .875rem;
-      line-height: 1.5;
-      border-radius: .2rem
-    }
-
-    .input-group-lg>.custom-select,
-    .input-group-sm>.custom-select {
-      padding-right: 1.75rem
-    }
-
-    .input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
-    .input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
-    .input-group>.input-group-append:not(:last-child)>.btn,
-    .input-group>.input-group-append:not(:last-child)>.input-group-text,
-    .input-group>.input-group-prepend>.btn,
-    .input-group>.input-group-prepend>.input-group-text {
-      border-top-right-radius: 0;
-      border-bottom-right-radius: 0
-    }
-
-    .input-group>.input-group-append>.btn,
-    .input-group>.input-group-append>.input-group-text,
-    .input-group>.input-group-prepend:first-child>.btn:not(:first-child),
-    .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
-    .input-group>.input-group-prepend:not(:first-child)>.btn,
-    .input-group>.input-group-prepend:not(:first-child)>.input-group-text {
-      border-top-left-radius: 0;
-      border-bottom-left-radius: 0
-    }
-
-    .custom-control {
-      position: relative;
-      display: block;
-      min-height: 1.5rem;
-      padding-left: 1.5rem
-    }
-
-    .custom-control-inline {
-      display: -ms-inline-flexbox;
-      display: inline-flex;
-      margin-right: 1rem
-    }
-
-    .custom-control-input {
-      position: absolute;
-      z-index: -1;
-      opacity: 0
-    }
-
-    .custom-control-input:checked~.custom-control-label::before {
-      color: #fff;
-      border-color: #007bff;
-      background-color: #007bff
-    }
-
-    .custom-control-input:focus~.custom-control-label::before {
-      box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
-    }
-
-    .custom-control-input:focus:not(:checked)~.custom-control-label::before {
-      border-color: #80bdff
-    }
-
-    .custom-control-input:not(:disabled):active~.custom-control-label::before {
-      color: #fff;
-      background-color: #b3d7ff;
-      border-color: #b3d7ff
-    }
-
-    .custom-control-input:disabled~.custom-control-label {
-      color: #6c757d
-    }
-
-    .custom-control-input:disabled~.custom-control-label::before {
-      background-color: #e9ecef
-    }
-
-    .custom-control-label {
-      position: relative;
-      margin-bottom: 0;
-      vertical-align: top
-    }
-
-    .custom-control-label::before {
-      position: absolute;
-      top: .25rem;
-      left: -1.5rem;
-      display: block;
-      width: 1rem;
-      height: 1rem;
-      pointer-events: none;
-      content: "";
-      background-color: #fff;
-      border: #adb5bd solid 1px
-    }
-
-    .custom-control-label::after {
-      position: absolute;
-      top: .25rem;
-      left: -1.5rem;
-      display: block;
-      width: 1rem;
-      height: 1rem;
-      content: "";
-      background: no-repeat 50%/50% 50%
-    }
-
-    .custom-checkbox .custom-control-label::before {
-      border-radius: .25rem
-    }
-
-    .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
-      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")
-    }
-
-    .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
-      border-color: #007bff;
-      background-color: #007bff
-    }
-
-    .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
-      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")
-    }
-
-    .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
-      background-color: rgba(0, 123, 255, .5)
-    }
-
-    .custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
-      background-color: rgba(0, 123, 255, .5)
-    }
-
-    .custom-radio .custom-control-label::before {
-      border-radius: 50%
-    }
-
-    .custom-radio .custom-control-input:checked~.custom-control-label::after {
-      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
-    }
-
-    .custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
-      background-color: rgba(0, 123, 255, .5)
-    }
-
-    .custom-switch {
-      padding-left: 2.25rem
-    }
-
-    .custom-switch .custom-control-label::before {
-      left: -2.25rem;
-      width: 1.75rem;
-      pointer-events: all;
-      border-radius: .5rem
-    }
-
-    .custom-switch .custom-control-label::after {
-      top: calc(.25rem + 2px);
-      left: calc(-2.25rem + 2px);
-      width: calc(1rem - 4px);
-      height: calc(1rem - 4px);
-      background-color: #adb5bd;
-      border-radius: .5rem;
-      transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;
-      transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
-      transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out
-    }
-
-    @media (prefers-reduced-motion:reduce) {
-      .custom-switch .custom-control-label::after {
-        transition: none
-      }
-    }
-
-    .custom-switch .custom-control-input:checked~.custom-control-label::after {
-      background-color: #fff;
-      -webkit-transform: translateX(.75rem);
-      transform: translateX(.75rem)
-    }
-
-    .custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
-      background-color: rgba(0, 123, 255, .5)
-    }
-
-    .custom-select {
-      display: inline-block;
-      width: 100%;
-      height: calc(1.5em + .75rem + 2px);
-      padding: .375rem 1.75rem .375rem .75rem;
-      font-size: 1rem;
-      font-weight: 400;
-      line-height: 1.5;
-      color: #495057;
-      vertical-align: middle;
-      background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
-      background-color: #fff;
-      border: 1px solid #ced4da;
-      border-radius: .25rem;
-      -webkit-appearance: none;
-      -moz-appearance: none;
-      appearance: none
-    }
-
-    .custom-select:focus {
-      border-color: #80bdff;
-      outline: 0;
-      box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
-    }
-
-    .custom-select:focus::-ms-value {
-      color: #495057;
-      background-color: #fff
-    }
-
-    .custom-select[multiple],
-    .custom-select[size]:not([size="1"]) {
-      height: auto;
-      padding-right: .75rem;
-      background-image: none
-    }
-
-    .custom-select:disabled {
-      color: #6c757d;
-      background-color: #e9ecef
-    }
-
-    .custom-select::-ms-expand {
-      display: none
-    }
-
-    .custom-select-sm {
-      height: calc(1.5em + .5rem + 2px);
-      padding-top: .25rem;
-      padding-bottom: .25rem;
-      padding-left: .5rem;
-      font-size: .875rem
-    }
-
-    .custom-select-lg {
-      height: calc(1.5em + 1rem + 2px);
-      padding-top: .5rem;
-      padding-bottom: .5rem;
-      padding-left: 1rem;
-      font-size: 1.25rem
-    }
-
-    .custom-file {
-      position: relative;
-      display: inline-block;
-      width: 100%;
-      height: calc(1.5em + .75rem + 2px);
-      margin-bottom: 0
-    }
-
-    .custom-file-input {
-      position: relative;
-      z-index: 2;
-      width: 100%;
-      height: calc(1.5em + .75rem + 2px);
-      margin: 0;
-      opacity: 0
-    }
-
-    .custom-file-input:focus~.custom-file-label {
-      border-color: #80bdff;
-      box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
-    }
-
-    .custom-file-input:disabled~.custom-file-label {
-      background-color: #e9ecef
-    }
-
-    .custom-file-input:lang(en)~.custom-file-label::after {
-      content: "Browse"
-    }
-
-    .custom-file-input~.custom-file-label[data-browse]::after {
-      content: attr(data-browse)
-    }
-
-    .custom-file-label {
-      position: absolute;
-      top: 0;
-      right: 0;
-      left: 0;
-      z-index: 1;
-      height: calc(1.5em + .75rem + 2px);
-      padding: .375rem .75rem;
-      font-weight: 400;
-      line-height: 1.5;
-      color: #495057;
-      background-color: #fff;
-      border: 1px solid #ced4da;
-      border-radius: .25rem
-    }
-
-    .custom-file-label::after {
-      position: absolute;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      z-index: 3;
-      display: block;
-      height: calc(1.5em + .75rem);
-      padding: .375rem .75rem;
-      line-height: 1.5;
-      color: #495057;
-      content: "Browse";
-      background-color: #e9ecef;
-      border-left: inherit;
-      border-radius: 0 .25rem .25rem 0
-    }
-
-    .custom-range {
-      width: 100%;
-      height: calc(1rem + .4rem);
-      padding: 0;
-      background-color: transparent;
-      -webkit-appearance: none;
-      -moz-appearance: none;
-      appearance: none
-    }
-
-    .custom-range:focus {
-      outline: 0
-    }
-
-    .custom-range:focus::-webkit-slider-thumb {
-      box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
-    }
-
-    .custom-range:focus::-moz-range-thumb {
-      box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
-    }
-
-    .custom-range:focus::-ms-thumb {
-      box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
-    }
-
-    .custom-range::-moz-focus-outer {
-      border: 0
-    }
-
-    .custom-range::-webkit-slider-thumb {
-      width: 1rem;
-      height: 1rem;
-      margin-top: -.25rem;
-      background-color: #007bff;
-      border: 0;
-      border-radius: 1rem;
-      transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
-      -webkit-appearance: none;
-      appearance: none
-    }
-
-    @media (prefers-reduced-motion:reduce) {
-      .custom-range::-webkit-slider-thumb {
-        transition: none
-      }
-    }
-
-    .custom-range::-webkit-slider-thumb:active {
-      background-color: #b3d7ff
-    }
-
-    .custom-range::-webkit-slider-runnable-track {
-      width: 100%;
-      height: .5rem;
-      color: transparent;
-      cursor: pointer;
-      background-color: #dee2e6;
-      border-color: transparent;
-      border-radius: 1rem
-    }
-
-    .custom-range::-moz-range-thumb {
-      width: 1rem;
-      height: 1rem;
-      background-color: #007bff;
-      border: 0;
-      border-radius: 1rem;
-      transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
-      -moz-appearance: none;
-      appearance: none
-    }
-
-    @media (prefers-reduced-motion:reduce) {
-      .custom-range::-moz-range-thumb {
-        transition: none
-      }
-    }
-
-    .custom-range::-moz-range-thumb:active {
-      background-color: #b3d7ff
-    }
-
-    .custom-range::-moz-range-track {
-      width: 100%;
-      height: .5rem;
-      color: transparent;
-      cursor: pointer;
-      background-color: #dee2e6;
-      border-color: transparent;
-      border-radius: 1rem
-    }
-
-    .custom-range::-ms-thumb {
-      width: 1rem;
-      height: 1rem;
-      margin-top: 0;
-      margin-right: .2rem;
-      margin-left: .2rem;
-      background-color: #007bff;
-      border: 0;
-      border-radius: 1rem;
-      transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
-      appearance: none
-    }
-
-    @media (prefers-reduced-motion:reduce) {
-      .custom-range::-ms-thumb {
-        transition: none
-      }
-    }
-
-    .custom-range::-ms-thumb:active {
-      background-color: #b3d7ff
-    }
-
-    .custom-range::-ms-track {
-      width: 100%;
-      height: .5rem;
-      color: transparent;
-      cursor: pointer;
-      background-color: transparent;
-      border-color: transparent;
-      border-width: .5rem
-    }
-
-    .custom-range::-ms-fill-lower {
-      background-color: #dee2e6;
-      border-radius: 1rem
-    }
-
-    .custom-range::-ms-fill-upper {
-      margin-right: 15px;
-      background-color: #dee2e6;
-      border-radius: 1rem
-    }
-
-    .custom-range:disabled::-webkit-slider-thumb {
-      background-color: #adb5bd
-    }
-
-    .custom-range:disabled::-webkit-slider-runnable-track {
-      cursor: default
-    }
-
-    .custom-range:disabled::-moz-range-thumb {
-      background-color: #adb5bd
-    }
-
-    .custom-range:disabled::-moz-range-track {
-      cursor: default
-    }
-
-    .custom-range:disabled::-ms-thumb {
-      background-color: #adb5bd
-    }
-
-    .custom-control-label::before,
-    .custom-file-label,
-    .custom-select {
-      transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
-    }
-
-    @media (prefers-reduced-motion:reduce) {
-
-      .custom-control-label::before,
-      .custom-file-label,
-      .custom-select {
-        transition: none
-      }
-    }
-
-
-
-    .nav {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-      padding-left: 0;
-      margin-bottom: 0;
-      list-style: none;
-      border: none;
-      position: sticky;
-      top: 0;
-      z-index: 500;
-      box-shadow: inset 0 1px 0 0 hsl(0deg 0% 100% / 5%);
-      background-color: rgb(30 41 59 / 84%);
-    }
-
-
-    .tab-content>.tab-pane {
-      display: none
-    }
-
-    .tab-content>.active {
-      display: block
-    }
-
-    .navbar {
-      position: relative;
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-      -ms-flex-align: center;
-      align-items: center;
-      -ms-flex-pack: justify;
-      justify-content: space-between;
-      padding: .5rem 1rem
-    }
-
-    .navbar>.container,
-    .navbar>.container-fluid {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-      -ms-flex-align: center;
-      align-items: center;
-      -ms-flex-pack: justify;
-      justify-content: space-between
-    }
-
-    .navbar-brand {
-      display: inline-block;
-      padding-top: .3125rem;
-      padding-bottom: .3125rem;
-      margin-right: 1rem;
-      font-size: 1.25rem;
-      line-height: inherit;
-      white-space: nowrap
-    }
-
-    .navbar-brand:focus,
-    .navbar-brand:hover {
-      text-decoration: none
-    }
-
-    .navbar-nav {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-direction: column;
-      flex-direction: column;
-      padding-left: 0;
-      margin-bottom: 0;
-      list-style: none
-    }
-
-
-
-    .navbar-nav .dropdown-menu {
-      position: static;
-      float: none
-    }
-
-    .navbar-text {
-      display: inline-block;
-      padding-top: .5rem;
-      padding-bottom: .5rem
-    }
-
-    .navbar-collapse {
-      -ms-flex-preferred-size: 100%;
-      flex-basis: 100%;
-      -ms-flex-positive: 1;
-      flex-grow: 1;
-      -ms-flex-align: center;
-      align-items: center
-    }
-
-    .navbar-toggler {
-      padding: .25rem .75rem;
-      font-size: 1.25rem;
-      line-height: 1;
-      background-color: transparent;
-      border: 1px solid transparent;
-      border-radius: .25rem
-    }
-
-    .navbar-toggler:focus,
-    .navbar-toggler:hover {
-      text-decoration: none
-    }
-
-    .navbar-toggler-icon {
-      display: inline-block;
-      width: 1.5em;
-      height: 1.5em;
-      vertical-align: middle;
-      content: "";
-      background: no-repeat center center;
-      background-size: 100% 100%
-    }
-
-    @media (max-width:575.98px) {
-
-      .navbar-expand-sm>.container,
-      .navbar-expand-sm>.container-fluid {
-        padding-right: 0;
-        padding-left: 0
-      }
-    }
-
-    @media (min-width:576px) {
-      .navbar-expand-sm {
-        -ms-flex-flow: row nowrap;
-        flex-flow: row nowrap;
-        -ms-flex-pack: start;
-        justify-content: flex-start
-      }
-
-      .navbar-expand-sm .navbar-nav {
-        -ms-flex-direction: row;
-        flex-direction: row
-      }
-
-      .navbar-expand-sm .navbar-nav .dropdown-menu {
-        position: absolute
-      }
-
-
-      .navbar-expand-sm>.container,
-      .navbar-expand-sm>.container-fluid {
-        -ms-flex-wrap: nowrap;
-        flex-wrap: nowrap
-      }
-
-      .navbar-expand-sm .navbar-collapse {
-        display: -ms-flexbox !important;
-        display: flex !important;
-        -ms-flex-preferred-size: auto;
-        flex-basis: auto
-      }
-
-      .navbar-expand-sm .navbar-toggler {
-        display: none
-      }
-    }
-
-    @media (max-width:767.98px) {
-
-      .navbar-expand-md>.container,
-      .navbar-expand-md>.container-fluid {
-        padding-right: 0;
-        padding-left: 0
-      }
-    }
-
-    @media (min-width:768px) {
-      .navbar-expand-md {
-        -ms-flex-flow: row nowrap;
-        flex-flow: row nowrap;
-        -ms-flex-pack: start;
-        justify-content: flex-start
-      }
-
-      .navbar-expand-md .navbar-nav {
-        -ms-flex-direction: row;
-        flex-direction: row
-      }
-
-      .navbar-expand-md .navbar-nav .dropdown-menu {
-        position: absolute
-      }
-
-
-
-      .navbar-expand-md>.container,
-      .navbar-expand-md>.container-fluid {
-        -ms-flex-wrap: nowrap;
-        flex-wrap: nowrap
-      }
-
-      .navbar-expand-md .navbar-collapse {
-        display: -ms-flexbox !important;
-        display: flex !important;
-        -ms-flex-preferred-size: auto;
-        flex-basis: auto
-      }
-
-      .navbar-expand-md .navbar-toggler {
-        display: none
-      }
-    }
-
-    @media (max-width:991.98px) {
-
-      .navbar-expand-lg>.container,
-      .navbar-expand-lg>.container-fluid {
-        padding-right: 0;
-        padding-left: 0
-      }
-    }
-
-    @media (min-width:992px) {
-      .navbar-expand-lg {
-        -ms-flex-flow: row nowrap;
-        flex-flow: row nowrap;
-        -ms-flex-pack: start;
-        justify-content: flex-start
-      }
-
-      .navbar-expand-lg .navbar-nav {
-        -ms-flex-direction: row;
-        flex-direction: row
-      }
-
-      .navbar-expand-lg .navbar-nav .dropdown-menu {
-        position: absolute
-      }
-
-
-
-      .navbar-expand-lg>.container,
-      .navbar-expand-lg>.container-fluid {
-        -ms-flex-wrap: nowrap;
-        flex-wrap: nowrap
-      }
-
-      .navbar-expand-lg .navbar-collapse {
-        display: -ms-flexbox !important;
-        display: flex !important;
-        -ms-flex-preferred-size: auto;
-        flex-basis: auto
-      }
-
-      .navbar-expand-lg .navbar-toggler {
-        display: none
-      }
-    }
-
-    @media (max-width:1199.98px) {
-
-      .navbar-expand-xl>.container,
-      .navbar-expand-xl>.container-fluid {
-        padding-right: 0;
-        padding-left: 0
-      }
-    }
-
-    @media (min-width:1200px) {
-      .navbar-expand-xl {
-        -ms-flex-flow: row nowrap;
-        flex-flow: row nowrap;
-        -ms-flex-pack: start;
-        justify-content: flex-start
-      }
-
-      .navbar-expand-xl .navbar-nav {
-        -ms-flex-direction: row;
-        flex-direction: row
-      }
-
-      .navbar-expand-xl .navbar-nav .dropdown-menu {
-        position: absolute
-      }
-
-
-      .navbar-expand-xl>.container,
-      .navbar-expand-xl>.container-fluid {
-        -ms-flex-wrap: nowrap;
-        flex-wrap: nowrap
-      }
-
-      .navbar-expand-xl .navbar-collapse {
-        display: -ms-flexbox !important;
-        display: flex !important;
-        -ms-flex-preferred-size: auto;
-        flex-basis: auto
-      }
-
-      .navbar-expand-xl .navbar-toggler {
-        display: none
-      }
-    }
-
-    .navbar-expand {
-      -ms-flex-flow: row nowrap;
-      flex-flow: row nowrap;
-      -ms-flex-pack: start;
-      justify-content: flex-start
-    }
-
-    .navbar-expand>.container,
-    .navbar-expand>.container-fluid {
-      padding-right: 0;
-      padding-left: 0
-    }
-
-    .navbar-expand .navbar-nav {
-      -ms-flex-direction: row;
-      flex-direction: row
-    }
-
-    .navbar-expand .navbar-nav .dropdown-menu {
-      position: absolute
-    }
-
-
-    .navbar-expand>.container,
-    .navbar-expand>.container-fluid {
-      -ms-flex-wrap: nowrap;
-      flex-wrap: nowrap
-    }
-
-    .navbar-expand .navbar-collapse {
-      display: -ms-flexbox !important;
-      display: flex !important;
-      -ms-flex-preferred-size: auto;
-      flex-basis: auto
-    }
-
-    .navbar-expand .navbar-toggler {
-      display: none
-    }
-
-    .navbar-light .navbar-brand {
-      color: rgba(0, 0, 0, .9)
-    }
-
-    .navbar-light .navbar-brand:focus,
-    .navbar-light .navbar-brand:hover {
-      color: rgba(0, 0, 0, .9)
-    }
-
-
-
-
-    .navbar-light .navbar-toggler {
-      color: rgba(0, 0, 0, .5);
-      border-color: rgba(0, 0, 0, .1)
-    }
-
-    .navbar-light .navbar-toggler-icon {
-      background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
-    }
-
-    .navbar-light .navbar-text {
-      color: rgba(0, 0, 0, .5)
-    }
-
-    .navbar-light .navbar-text a {
-      color: rgba(0, 0, 0, .9)
-    }
-
-    .navbar-light .navbar-text a:focus,
-    .navbar-light .navbar-text a:hover {
-      color: rgba(0, 0, 0, .9)
-    }
-
-    .navbar-dark .navbar-brand {
-      color: #fff
-    }
-
-    .navbar-dark .navbar-brand:focus,
-    .navbar-dark .navbar-brand:hover {
-      color: #fff
-    }
-
-
-
-    .navbar-dark .navbar-toggler {
-      color: rgba(255, 255, 255, .5);
-      border-color: rgba(255, 255, 255, .1)
-    }
-
-    .navbar-dark .navbar-toggler-icon {
-      background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
-    }
-
-    .navbar-dark .navbar-text {
-      color: rgba(255, 255, 255, .5)
-    }
-
-    .navbar-dark .navbar-text a {
-      color: #fff
-    }
-
-    .navbar-dark .navbar-text a:focus,
-    .navbar-dark .navbar-text a:hover {
-      color: #fff
-    }
-
-    .card {
-      position: relative;
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-direction: column;
-      flex-direction: column;
-      min-width: 0;
-      word-wrap: break-word;
-      /* background-color: #fff; */
-      background-clip: border-box;
-      border: 1px solid rgba(0, 0, 0, .125);
-      border-radius: .25rem
-    }
-
-    .card>hr {
-      margin-right: 0;
-      margin-left: 0
-    }
-
-    .card>.list-group:first-child .list-group-item:first-child {
-      border-top-left-radius: .25rem;
-      border-top-right-radius: .25rem
-    }
-
-    .card>.list-group:last-child .list-group-item:last-child {
-      border-bottom-right-radius: .25rem;
-      border-bottom-left-radius: .25rem
-    }
-
-    .card-body {
-      -ms-flex: 1 1 auto;
-      flex: 1 1 auto;
-      padding: 1.25rem
-    }
-
-    .card-title {
-      margin-bottom: .75rem;
-      color: #b9ae87;
-      text-shadow: 0 0 1px #b1700b;
-    }
-
-    .card-subtitle {
-      margin-top: -.375rem;
-      margin-bottom: 0
-    }
-
-    .card-text {
-      text-align: justify;
-      text-overflow: ellipsis;
-      display: -webkit-box;
-      -webkit-line-clamp: 2;
-      -webkit-box-orient: vertical;
-      overflow: hidden;
-      font-weight: lighter;
-      line-height: 17.5px;
-      color: #aed3ed;
-    }
-
-    .card-text:last-child {
-      margin-bottom: 0
-    }
-
-    .card-link:hover {
-      text-decoration: none
-    }
-
-    .card-link+.card-link {
-      margin-left: 1.25rem
-    }
-
-    .card-header {
-      padding: .75rem 1.25rem;
-      margin-bottom: 0;
-      background-color: rgba(0, 0, 0, .03);
-      border-bottom: 1px solid rgba(0, 0, 0, .125)
-    }
-
-    .card-header:first-child {
-      border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
-    }
-
-    .card-header+.list-group .list-group-item:first-child {
-      border-top: 0
-    }
-
-    .card-footer {
-      padding: .75rem 1.25rem;
-      background-color: rgba(0, 0, 0, .03);
-      border-top: 1px solid rgba(0, 0, 0, .125)
-    }
-
-    .card-footer:last-child {
-      border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
-    }
-
-    .card-header-tabs {
-      margin-right: -.625rem;
-      margin-bottom: -.75rem;
-      margin-left: -.625rem;
-      border-bottom: 0
-    }
-
-    .card-header-pills {
-      margin-right: -.625rem;
-      margin-left: -.625rem
-    }
-
-    .card-img-overlay {
-      position: absolute;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      left: 0;
-      padding: 1.25rem
-    }
-
-    .card-img {
-      width: 100%;
-      border-radius: calc(.25rem - 1px)
-    }
-
-    .card-img-top {
-      width: 30%;
-      border-bottom-left-radius: calc(0.25rem - 1px);
-      border-bottom-right-radius: calc(10.25rem - 1px);
-      border-top-left-radius: calc(0.25rem - 1px);
-      border-top-right-radius: calc(0.25rem - 1px);
-      position: absolute;
-      bottom: 11px;
-      right: 11px;
-    }
-
-    .card-img-bottom {
-      width: 100%;
-      border-bottom-right-radius: calc(.25rem - 1px);
-      border-bottom-left-radius: calc(.25rem - 1px)
-    }
-
-    .card-deck {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-direction: column;
-      flex-direction: column
-    }
-
-    .card-deck .card {
-      margin-bottom: 15px
-    }
-
-    @media (min-width:576px) {
-      .card-deck {
-        -ms-flex-flow: row wrap;
-        flex-flow: row wrap;
-        margin-right: -15px;
-        margin-left: -15px
-      }
-
-      .card-deck .card {
-        display: -ms-flexbox;
-        display: flex;
-        -ms-flex: 1 0 0%;
-        flex: 1 0 0%;
-        -ms-flex-direction: column;
-        flex-direction: column;
-        margin-right: 15px;
-        margin-bottom: 0;
-        margin-left: 15px
-      }
-    }
-
-    .card-group {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-direction: column;
-      flex-direction: column
-    }
-
-    .card-group>.card {
-      margin-bottom: 15px
-    }
-
-    @media (min-width:576px) {
-      .card-group {
-        -ms-flex-flow: row wrap;
-        flex-flow: row wrap
-      }
-
-      .card-group>.card {
-        -ms-flex: 1 0 0%;
-        flex: 1 0 0%;
-        margin-bottom: 0
-      }
-
-      .card-group>.card+.card {
-        margin-left: 0;
-        border-left: 0
-      }
-
-      .card-group>.card:not(:last-child) {
-        border-top-right-radius: 0;
-        border-bottom-right-radius: 0
-      }
-
-      .card-group>.card:not(:last-child) .card-header,
-      .card-group>.card:not(:last-child) .card-img-top {
-        border-top-right-radius: 0
-      }
-
-      .card-group>.card:not(:last-child) .card-footer,
-      .card-group>.card:not(:last-child) .card-img-bottom {
-        border-bottom-right-radius: 0
-      }
-
-      .card-group>.card:not(:first-child) {
-        border-top-left-radius: 0;
-        border-bottom-left-radius: 0
-      }
-
-      .card-group>.card:not(:first-child) .card-header,
-      .card-group>.card:not(:first-child) .card-img-top {
-        border-top-left-radius: 0
-      }
-
-      .card-group>.card:not(:first-child) .card-footer,
-      .card-group>.card:not(:first-child) .card-img-bottom {
-        border-bottom-left-radius: 0
-      }
-    }
-
-    .card-columns .card {
-      margin-bottom: .75rem
-    }
-
-    @media (min-width:576px) {
-      .card-columns {
-        -webkit-column-count: 3;
-        -moz-column-count: 3;
-        column-count: 3;
-        -webkit-column-gap: 1.25rem;
-        -moz-column-gap: 1.25rem;
-        column-gap: 1.25rem;
-        orphans: 1;
-        widows: 1
-      }
-
-      .card-columns .card {
-        display: inline-block;
-        width: 100%
-      }
-    }
-
-    .accordion>.card {
-      overflow: hidden
-    }
-
-    .accordion>.card:not(:first-of-type) .card-header:first-child {
-      border-radius: 0
-    }
-
-    .accordion>.card:not(:first-of-type):not(:last-of-type) {
-      border-bottom: 0;
-      border-radius: 0
-    }
-
-    .accordion>.card:first-of-type {
-      border-bottom: 0;
-      border-bottom-right-radius: 0;
-      border-bottom-left-radius: 0
-    }
-
-    .accordion>.card:last-of-type {
-      border-top-left-radius: 0;
-      border-top-right-radius: 0
-    }
-
-    .accordion>.card .card-header {
-      margin-bottom: -1px
-    }
-
-    .breadcrumb {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-      padding: .75rem 1rem;
-      margin-bottom: 1rem;
-      list-style: none;
-      background-color: #e9ecef;
-      border-radius: .25rem
-    }
-
-    .breadcrumb-item+.breadcrumb-item {
-      padding-left: .5rem
-    }
-
-    .breadcrumb-item+.breadcrumb-item::before {
-      display: inline-block;
-      padding-right: .5rem;
-      color: #6c757d;
-      content: "/"
-    }
-
-    .breadcrumb-item+.breadcrumb-item:hover::before {
-      text-decoration: underline
-    }
-
-    .breadcrumb-item+.breadcrumb-item:hover::before {
-      text-decoration: none
-    }
-
-    .breadcrumb-item.active {
-      color: #6c757d
-    }
-
-    .pagination {
-      display: -ms-flexbox;
-      display: flex;
-      padding-left: 0;
-      list-style: none;
-      border-radius: .25rem
-    }
-
-    .page-link {
-      position: relative;
-      display: block;
-      padding: .5rem .75rem;
-      margin-left: -1px;
-      line-height: 1.25;
-      color: #007bff;
-      background-color: #fff;
-      border: 1px solid #dee2e6
-    }
-
-    .page-link:hover {
-      z-index: 2;
-      color: #0056b3;
-      text-decoration: none;
-      background-color: #e9ecef;
-      border-color: #dee2e6
-    }
-
-    .page-link:focus {
-      z-index: 2;
-      outline: 0;
-      box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
-    }
-
-    .page-item:first-child .page-link {
-      margin-left: 0;
-      border-top-left-radius: .25rem;
-      border-bottom-left-radius: .25rem
-    }
-
-    .page-item:last-child .page-link {
-      border-top-right-radius: .25rem;
-      border-bottom-right-radius: .25rem
-    }
-
-    .page-item.active .page-link {
-      z-index: 1;
-      color: #fff;
-      background-color: #007bff;
-      border-color: #007bff
-    }
-
-    .page-item.disabled .page-link {
-      color: #6c757d;
-      pointer-events: none;
-      cursor: auto;
-      background-color: #fff;
-      border-color: #dee2e6
-    }
-
-    .pagination-lg .page-link {
-      padding: .75rem 1.5rem;
-      font-size: 1.25rem;
-      line-height: 1.5
-    }
-
-    .pagination-lg .page-item:first-child .page-link {
-      border-top-left-radius: .3rem;
-      border-bottom-left-radius: .3rem
-    }
-
-    .pagination-lg .page-item:last-child .page-link {
-      border-top-right-radius: .3rem;
-      border-bottom-right-radius: .3rem
-    }
-
-    .pagination-sm .page-link {
-      padding: .25rem .5rem;
-      font-size: .875rem;
-      line-height: 1.5
-    }
-
-    .pagination-sm .page-item:first-child .page-link {
-      border-top-left-radius: .2rem;
-      border-bottom-left-radius: .2rem
-    }
-
-    .pagination-sm .page-item:last-child .page-link {
-      border-top-right-radius: .2rem;
-      border-bottom-right-radius: .2rem
-    }
-
-    .badge {
-      display: inline-block;
-      padding: .25em .4em;
-      font-size: 75%;
-      font-weight: 700;
-      line-height: 1;
-      text-align: center;
-      white-space: nowrap;
-      vertical-align: baseline;
-      border-radius: .25rem;
-      transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
-    }
-
-    @media (prefers-reduced-motion:reduce) {
-      .badge {
-        transition: none
-      }
-    }
-
-    a.badge:focus,
-    a.badge:hover {
-      text-decoration: none
-    }
-
-    .badge:empty {
-      display: none
-    }
-
-    .btn .badge {
-      position: relative;
-      top: -1px
-    }
-
-    .badge-pill {
-      padding-right: .6em;
-      padding-left: .6em;
-      border-radius: 10rem
-    }
-
-    .badge-primary {
-      color: #fff;
-      background-color: #007bff
-    }
-
-    a.badge-primary:focus,
-    a.badge-primary:hover {
-      color: #fff;
-      background-color: #0062cc
-    }
-
-    a.badge-primary.focus,
-    a.badge-primary:focus {
-      outline: 0;
-      box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
-    }
-
-    .badge-secondary {
-      color: #fff;
-      background-color: #6c757d
-    }
-
-    a.badge-secondary:focus,
-    a.badge-secondary:hover {
-      color: #fff;
-      background-color: #545b62
-    }
-
-    a.badge-secondary.focus,
-    a.badge-secondary:focus {
-      outline: 0;
-      box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
-    }
-
-    .badge-success {
-      color: #fff;
-      background-color: #28a745
-    }
-
-    a.badge-success:focus,
-    a.badge-success:hover {
-      color: #fff;
-      background-color: #1e7e34
-    }
-
-    a.badge-success.focus,
-    a.badge-success:focus {
-      outline: 0;
-      box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
-    }
-
-    .badge-info {
-      color: #fff;
-      background-color: #17a2b8
-    }
-
-    a.badge-info:focus,
-    a.badge-info:hover {
-      color: #fff;
-      background-color: #117a8b
-    }
-
-    a.badge-info.focus,
-    a.badge-info:focus {
-      outline: 0;
-      box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
-    }
-
-    .badge-warning {
-      color: #212529;
-      background-color: #ffc107
-    }
-
-    a.badge-warning:focus,
-    a.badge-warning:hover {
-      color: #212529;
-      background-color: #d39e00
-    }
-
-    a.badge-warning.focus,
-    a.badge-warning:focus {
-      outline: 0;
-      box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
-    }
-
-    .badge-danger {
-      color: #fff;
-      background-color: #dc3545
-    }
-
-    a.badge-danger:focus,
-    a.badge-danger:hover {
-      color: #fff;
-      background-color: #bd2130
-    }
-
-    a.badge-danger.focus,
-    a.badge-danger:focus {
-      outline: 0;
-      box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
-    }
-
-    .badge-light {
-      color: #212529;
-      background-color: #f8f9fa
-    }
-
-    a.badge-light:focus,
-    a.badge-light:hover {
-      color: #212529;
-      background-color: #dae0e5
-    }
-
-    a.badge-light.focus,
-    a.badge-light:focus {
-      outline: 0;
-      box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
-    }
-
-    .badge-dark {
-      color: #fff;
-      background-color: #343a40
-    }
-
-    a.badge-dark:focus,
-    a.badge-dark:hover {
-      color: #fff;
-      background-color: #1d2124
-    }
-
-    a.badge-dark.focus,
-    a.badge-dark:focus {
-      outline: 0;
-      box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
-    }
-
-    .jumbotron {
-      padding: 2rem 1rem;
-      margin-bottom: 2rem;
-      background-color: #e9ecef;
-      border-radius: .3rem
-    }
-
-    @media (min-width:576px) {
-      .jumbotron {
-        padding: 4rem 2rem
-      }
-    }
-
-    .jumbotron-fluid {
-      padding-right: 0;
-      padding-left: 0;
-      border-radius: 0
-    }
-
-    .alert {
-      position: relative;
-      padding: .75rem 1.25rem;
-      margin-bottom: 1rem;
-      border: 1px solid transparent;
-      border-radius: .25rem
-    }
-
-    .alert-heading {
-      color: inherit
-    }
-
-    .alert-link {
-      font-weight: 700
-    }
-
-    .alert-dismissible {
-      padding-right: 4rem
-    }
-
-    .alert-dismissible .close {
-      position: absolute;
-      top: 0;
-      right: 0;
-      padding: .75rem 1.25rem;
-      color: inherit
-    }
-
-    .alert-primary {
-      color: #004085;
-      background-color: #cce5ff;
-      border-color: #b8daff
-    }
-
-    .alert-primary hr {
-      border-top-color: #9fcdff
-    }
-
-    .alert-primary .alert-link {
-      color: #002752
-    }
-
-    .alert-secondary {
-      color: #383d41;
-      background-color: #e2e3e5;
-      border-color: #d6d8db
-    }
-
-    .alert-secondary hr {
-      border-top-color: #c8cbcf
-    }
-
-    .alert-secondary .alert-link {
-      color: #202326
-    }
-
-    .alert-success {
-      color: #155724;
-      background-color: #d4edda;
-      border-color: #c3e6cb
-    }
-
-    .alert-success hr {
-      border-top-color: #b1dfbb
-    }
-
-    .alert-success .alert-link {
-      color: #0b2e13
-    }
-
-    .alert-info {
-      color: #0c5460;
-      background-color: #d1ecf1;
-      border-color: #bee5eb
-    }
-
-    .alert-info hr {
-      border-top-color: #abdde5
-    }
-
-    .alert-info .alert-link {
-      color: #062c33
-    }
-
-    .alert-warning {
-      color: #856404;
-      background-color: #fff3cd;
-      border-color: #ffeeba
-    }
-
-    .alert-warning hr {
-      border-top-color: #ffe8a1
-    }
-
-    .alert-warning .alert-link {
-      color: #533f03
-    }
-
-    .alert-danger {
-      color: #721c24;
-      background-color: #f8d7da;
-      border-color: #f5c6cb
-    }
-
-    .alert-danger hr {
-      border-top-color: #f1b0b7
-    }
-
-    .alert-danger .alert-link {
-      color: #491217
-    }
-
-    .alert-light {
-      color: #818182;
-      background-color: #fefefe;
-      border-color: #fdfdfe
-    }
-
-    .alert-light hr {
-      border-top-color: #ececf6
-    }
-
-    .alert-light .alert-link {
-      color: #686868
-    }
-
-    .alert-dark {
-      color: #1b1e21;
-      background-color: #d6d8d9;
-      border-color: #c6c8ca
-    }
-
-    .alert-dark hr {
-      border-top-color: #b9bbbe
-    }
-
-    .alert-dark .alert-link {
-      color: #040505
-    }
-
-    @-webkit-keyframes progress-bar-stripes {
-      from {
-        background-position: 1rem 0
-      }
-
-      to {
-        background-position: 0 0
-      }
-    }
-
-    @keyframes progress-bar-stripes {
-      from {
-        background-position: 1rem 0
-      }
-
-      to {
-        background-position: 0 0
-      }
-    }
-
-    .progress {
-      display: -ms-flexbox;
-      display: flex;
-      height: 1rem;
-      overflow: hidden;
-      font-size: .75rem;
-      background-color: #e9ecef;
-      border-radius: .25rem
-    }
-
-    .progress-bar {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-direction: column;
-      flex-direction: column;
-      -ms-flex-pack: center;
-      justify-content: center;
-      color: #fff;
-      text-align: center;
-      white-space: nowrap;
-      background-color: #007bff;
-      transition: width .6s ease
-    }
-
-    @media (prefers-reduced-motion:reduce) {
-      .progress-bar {
-        transition: none
-      }
-    }
-
-    .progress-bar-striped {
-      background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
-      background-size: 1rem 1rem
-    }
-
-    .progress-bar-animated {
-      -webkit-animation: progress-bar-stripes 1s linear infinite;
-      animation: progress-bar-stripes 1s linear infinite
-    }
-
-    @media (prefers-reduced-motion:reduce) {
-      .progress-bar-animated {
-        -webkit-animation: none;
-        animation: none
-      }
-    }
-
-    .media {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-align: start;
-      align-items: flex-start
-    }
-
-    .media-body {
-      -ms-flex: 1;
-      flex: 1
-    }
-
-    .list-group {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-direction: column;
-      flex-direction: column;
-      padding-left: 0;
-      margin-bottom: 0
-    }
-
-    .list-group-item-action {
-      width: 100%;
-      color: #495057;
-      text-align: inherit
-    }
-
-    .list-group-item-action:focus,
-    .list-group-item-action:hover {
-      z-index: 1;
-      color: #495057;
-      text-decoration: none;
-      background-color: #f8f9fa
-    }
-
-    .list-group-item-action:active {
-      color: #212529;
-      background-color: #e9ecef
-    }
-
-    .list-group-item {
-      position: relative;
-      display: block;
-      padding: .75rem 1.25rem;
-      margin-bottom: -1px;
-      background-color: #fff;
-      border: 1px solid rgba(0, 0, 0, .125)
-    }
-
-    .list-group-item:first-child {
-      border-top-left-radius: .25rem;
-      border-top-right-radius: .25rem
-    }
-
-    .list-group-item:last-child {
-      margin-bottom: 0;
-      border-bottom-right-radius: .25rem;
-      border-bottom-left-radius: .25rem
-    }
-
-    .list-group-item.disabled,
-    .list-group-item:disabled {
-      color: #6c757d;
-      pointer-events: none;
-      background-color: #fff
-    }
-
-    .list-group-item.active {
-      z-index: 2;
-      color: #fff;
-      background-color: #007bff;
-      border-color: #007bff
-    }
-
-    .list-group-horizontal {
-      -ms-flex-direction: row;
-      flex-direction: row
-    }
-
-    .list-group-horizontal .list-group-item {
-      margin-right: -1px;
-      margin-bottom: 0
-    }
-
-    .list-group-horizontal .list-group-item:first-child {
-      border-top-left-radius: .25rem;
-      border-bottom-left-radius: .25rem;
-      border-top-right-radius: 0
-    }
-
-    .list-group-horizontal .list-group-item:last-child {
-      margin-right: 0;
-      border-top-right-radius: .25rem;
-      border-bottom-right-radius: .25rem;
-      border-bottom-left-radius: 0
-    }
-
-    @media (min-width:576px) {
-      .list-group-horizontal-sm {
-        -ms-flex-direction: row;
-        flex-direction: row
-      }
-
-      .list-group-horizontal-sm .list-group-item {
-        margin-right: -1px;
-        margin-bottom: 0
-      }
-
-      .list-group-horizontal-sm .list-group-item:first-child {
-        border-top-left-radius: .25rem;
-        border-bottom-left-radius: .25rem;
-        border-top-right-radius: 0
-      }
-
-      .list-group-horizontal-sm .list-group-item:last-child {
-        margin-right: 0;
-        border-top-right-radius: .25rem;
-        border-bottom-right-radius: .25rem;
-        border-bottom-left-radius: 0
-      }
-    }
-
-    @media (min-width:768px) {
-      .list-group-horizontal-md {
-        -ms-flex-direction: row;
-        flex-direction: row
-      }
-
-      .list-group-horizontal-md .list-group-item {
-        margin-right: -1px;
-        margin-bottom: 0
-      }
-
-      .list-group-horizontal-md .list-group-item:first-child {
-        border-top-left-radius: .25rem;
-        border-bottom-left-radius: .25rem;
-        border-top-right-radius: 0
-      }
-
-      .list-group-horizontal-md .list-group-item:last-child {
-        margin-right: 0;
-        border-top-right-radius: .25rem;
-        border-bottom-right-radius: .25rem;
-        border-bottom-left-radius: 0
-      }
-    }
-
-    @media (min-width:992px) {
-      .list-group-horizontal-lg {
-        -ms-flex-direction: row;
-        flex-direction: row
-      }
-
-      .list-group-horizontal-lg .list-group-item {
-        margin-right: -1px;
-        margin-bottom: 0
-      }
-
-      .list-group-horizontal-lg .list-group-item:first-child {
-        border-top-left-radius: .25rem;
-        border-bottom-left-radius: .25rem;
-        border-top-right-radius: 0
-      }
-
-      .list-group-horizontal-lg .list-group-item:last-child {
-        margin-right: 0;
-        border-top-right-radius: .25rem;
-        border-bottom-right-radius: .25rem;
-        border-bottom-left-radius: 0
-      }
-    }
-
-    @media (min-width:1200px) {
-      .list-group-horizontal-xl {
-        -ms-flex-direction: row;
-        flex-direction: row
-      }
-
-      .list-group-horizontal-xl .list-group-item {
-        margin-right: -1px;
-        margin-bottom: 0
-      }
-
-      .list-group-horizontal-xl .list-group-item:first-child {
-        border-top-left-radius: .25rem;
-        border-bottom-left-radius: .25rem;
-        border-top-right-radius: 0
-      }
-
-      .list-group-horizontal-xl .list-group-item:last-child {
-        margin-right: 0;
-        border-top-right-radius: .25rem;
-        border-bottom-right-radius: .25rem;
-        border-bottom-left-radius: 0
-      }
-    }
-
-    .list-group-flush .list-group-item {
-      border-right: 0;
-      border-left: 0;
-      border-radius: 0
-    }
-
-    .list-group-flush .list-group-item:last-child {
-      margin-bottom: -1px
-    }
-
-    .list-group-flush:first-child .list-group-item:first-child {
-      border-top: 0
-    }
-
-    .list-group-flush:last-child .list-group-item:last-child {
-      margin-bottom: 0;
-      border-bottom: 0
-    }
-
-    .list-group-item-primary {
-      color: #004085;
-      background-color: #b8daff
-    }
-
-    .list-group-item-primary.list-group-item-action:focus,
-    .list-group-item-primary.list-group-item-action:hover {
-      color: #004085;
-      background-color: #9fcdff
-    }
-
-    .list-group-item-primary.list-group-item-action.active {
-      color: #fff;
-      background-color: #004085;
-      border-color: #004085
-    }
-
-    .list-group-item-secondary {
-      color: #383d41;
-      background-color: #d6d8db
-    }
-
-    .list-group-item-secondary.list-group-item-action:focus,
-    .list-group-item-secondary.list-group-item-action:hover {
-      color: #383d41;
-      background-color: #c8cbcf
-    }
-
-    .list-group-item-secondary.list-group-item-action.active {
-      color: #fff;
-      background-color: #383d41;
-      border-color: #383d41
-    }
-
-    .list-group-item-success {
-      color: #155724;
-      background-color: #c3e6cb
-    }
-
-    .list-group-item-success.list-group-item-action:focus,
-    .list-group-item-success.list-group-item-action:hover {
-      color: #155724;
-      background-color: #b1dfbb
-    }
-
-    .list-group-item-success.list-group-item-action.active {
-      color: #fff;
-      background-color: #155724;
-      border-color: #155724
-    }
-
-    .list-group-item-info {
-      color: #0c5460;
-      background-color: #bee5eb
-    }
-
-    .list-group-item-info.list-group-item-action:focus,
-    .list-group-item-info.list-group-item-action:hover {
-      color: #0c5460;
-      background-color: #abdde5
-    }
-
-    .list-group-item-info.list-group-item-action.active {
-      color: #fff;
-      background-color: #0c5460;
-      border-color: #0c5460
-    }
-
-    .list-group-item-warning {
-      color: #856404;
-      background-color: #ffeeba
-    }
-
-    .list-group-item-warning.list-group-item-action:focus,
-    .list-group-item-warning.list-group-item-action:hover {
-      color: #856404;
-      background-color: #ffe8a1
-    }
-
-    .list-group-item-warning.list-group-item-action.active {
-      color: #fff;
-      background-color: #856404;
-      border-color: #856404
-    }
-
-    .list-group-item-danger {
-      color: #721c24;
-      background-color: #f5c6cb
-    }
-
-    .list-group-item-danger.list-group-item-action:focus,
-    .list-group-item-danger.list-group-item-action:hover {
-      color: #721c24;
-      background-color: #f1b0b7
-    }
-
-    .list-group-item-danger.list-group-item-action.active {
-      color: #fff;
-      background-color: #721c24;
-      border-color: #721c24
-    }
-
-    .list-group-item-light {
-      color: #818182;
-      background-color: #fdfdfe
-    }
-
-    .list-group-item-light.list-group-item-action:focus,
-    .list-group-item-light.list-group-item-action:hover {
-      color: #818182;
-      background-color: #ececf6
-    }
-
-    .list-group-item-light.list-group-item-action.active {
-      color: #fff;
-      background-color: #818182;
-      border-color: #818182
-    }
-
-    .list-group-item-dark {
-      color: #1b1e21;
-      background-color: #c6c8ca
-    }
-
-    .list-group-item-dark.list-group-item-action:focus,
-    .list-group-item-dark.list-group-item-action:hover {
-      color: #1b1e21;
-      background-color: #b9bbbe
-    }
-
-    .list-group-item-dark.list-group-item-action.active {
-      color: #fff;
-      background-color: #1b1e21;
-      border-color: #1b1e21
-    }
-
-    .close {
-      float: right;
-      font-size: 1.5rem;
-      font-weight: 700;
-      line-height: 1;
-      color: #000;
-      text-shadow: 0 1px 0 #fff;
-      opacity: .5
-    }
-
-    .close:hover {
-      color: #000;
-      text-decoration: none
-    }
-
-    .close:not(:disabled):not(.disabled):focus,
-    .close:not(:disabled):not(.disabled):hover {
-      opacity: .75
-    }
-
-    button.close {
-      padding: 0;
-      background-color: transparent;
-      border: 0;
-      -webkit-appearance: none;
-      -moz-appearance: none;
-      appearance: none
-    }
-
-    a.close.disabled {
-      pointer-events: none
-    }
-
-    .toast {
-      max-width: 350px;
-      overflow: hidden;
-      font-size: .875rem;
-      background-color: rgba(255, 255, 255, .85);
-      background-clip: padding-box;
-      border: 1px solid rgba(0, 0, 0, .1);
-      box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
-      -webkit-backdrop-filter: blur(10px);
-      backdrop-filter: blur(10px);
-      opacity: 0;
-      border-radius: .25rem
-    }
-
-    .toast:not(:last-child) {
-      margin-bottom: .75rem
-    }
-
-    .toast.showing {
-      opacity: 1
-    }
-
-    .toast.show {
-      display: block;
-      opacity: 1
-    }
-
-    .toast.hide {
-      display: none
-    }
-
-    .toast-header {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-align: center;
-      align-items: center;
-      padding: .25rem .75rem;
-      color: #6c757d;
-      background-color: rgba(255, 255, 255, .85);
-      background-clip: padding-box;
-      border-bottom: 1px solid rgba(0, 0, 0, .05)
-    }
-
-    .toast-body {
-      padding: .75rem
-    }
-
-    .modal-open {
-      overflow: hidden
-    }
-
-    .modal-open .modal {
-      overflow-x: hidden;
-      overflow-y: auto
-    }
-
-    .modal {
-      position: fixed;
-      top: 0;
-      left: 0;
-      z-index: 1050;
-      display: none;
-      width: 100%;
-      height: 100%;
-      overflow: hidden;
-      outline: 0
-    }
-
-    .modal-dialog {
-      position: relative;
-      width: auto;
-      margin: .5rem;
-      pointer-events: none
-    }
-
-    .modal.fade .modal-dialog {
-      transition: -webkit-transform .3s ease-out;
-      transition: transform .3s ease-out;
-      transition: transform .3s ease-out, -webkit-transform .3s ease-out;
-      -webkit-transform: translate(0, -50px);
-      transform: translate(0, -50px)
-    }
-
-    @media (prefers-reduced-motion:reduce) {
-      .modal.fade .modal-dialog {
-        transition: none
-      }
-    }
-
-    .modal.show .modal-dialog {
-      -webkit-transform: none;
-      transform: none
-    }
-
-    .modal-dialog-scrollable {
-      display: -ms-flexbox;
-      display: flex;
-      max-height: calc(100% - 1rem)
-    }
-
-    .modal-dialog-scrollable .modal-content {
-      max-height: calc(100vh - 1rem);
-      overflow: hidden
-    }
-
-    .modal-dialog-scrollable .modal-footer,
-    .modal-dialog-scrollable .modal-header {
-      -ms-flex-negative: 0;
-      flex-shrink: 0
-    }
-
-    .modal-dialog-scrollable .modal-body {
-      overflow-y: auto
-    }
-
-    .modal-dialog-centered {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-align: center;
-      align-items: center;
-      min-height: calc(100% - 1rem)
-    }
-
-    .modal-dialog-centered::before {
-      display: block;
-      height: calc(100vh - 1rem);
-      content: ""
-    }
-
-    .modal-dialog-centered.modal-dialog-scrollable {
-      -ms-flex-direction: column;
-      flex-direction: column;
-      -ms-flex-pack: center;
-      justify-content: center;
-      height: 100%
-    }
-
-    .modal-dialog-centered.modal-dialog-scrollable .modal-content {
-      max-height: none
-    }
-
-    .modal-dialog-centered.modal-dialog-scrollable::before {
-      content: none
-    }
-
-    .modal-content {
-      position: relative;
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-direction: column;
-      flex-direction: column;
-      width: 100%;
-      pointer-events: auto;
-      background-color: #fff;
-      background-clip: padding-box;
-      border: 1px solid rgba(0, 0, 0, .2);
-      border-radius: .3rem;
-      outline: 0
-    }
-
-    .modal-backdrop {
-      position: fixed;
-      top: 0;
-      left: 0;
-      z-index: 1040;
-      width: 100vw;
-      height: 100vh;
-      background-color: #000
-    }
-
-    .modal-backdrop.fade {
-      opacity: 0
-    }
-
-    .modal-backdrop.show {
-      opacity: .5
-    }
-
-    .modal-header {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-align: start;
-      align-items: flex-start;
-      -ms-flex-pack: justify;
-      justify-content: space-between;
-      padding: 1rem 1rem;
-      border-bottom: 1px solid #dee2e6;
-      border-top-left-radius: .3rem;
-      border-top-right-radius: .3rem
-    }
-
-    .modal-header .close {
-      padding: 1rem 1rem;
-      margin: -1rem -1rem -1rem auto
-    }
-
-    .modal-title {
-      margin-bottom: 0;
-      line-height: 1.5
-    }
-
-    .modal-body {
-      position: relative;
-      -ms-flex: 1 1 auto;
-      flex: 1 1 auto;
-      padding: 1rem
-    }
-
-    .modal-footer {
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-align: center;
-      align-items: center;
-      -ms-flex-pack: end;
-      justify-content: flex-end;
-      padding: 1rem;
-      border-top: 1px solid #dee2e6;
-      border-bottom-right-radius: .3rem;
-      border-bottom-left-radius: .3rem
-    }
-
-    .modal-footer>:not(:first-child) {
-      margin-left: .25rem
-    }
-
-    .modal-footer>:not(:last-child) {
-      margin-right: .25rem
-    }
-
-    .modal-scrollbar-measure {
-      position: absolute;
-      top: -9999px;
-      width: 50px;
-      height: 50px;
-      overflow: scroll
-    }
-
-    @media (min-width:576px) {
-      .modal-dialog {
-        max-width: 500px;
-        margin: 1.75rem auto
-      }
-
-      .modal-dialog-scrollable {
-        max-height: calc(100% - 3.5rem)
-      }
-
-      .modal-dialog-scrollable .modal-content {
-        max-height: calc(100vh - 3.5rem)
-      }
-
-      .modal-dialog-centered {
-        min-height: calc(100% - 3.5rem)
-      }
-
-      .modal-dialog-centered::before {
-        height: calc(100vh - 3.5rem)
-      }
-
-      .modal-sm {
-        max-width: 300px
-      }
-    }
-
-    @media (min-width:992px) {
-
-      .modal-lg,
-      .modal-xl {
-        max-width: 800px
-      }
-    }
-
-    @media (min-width:1200px) {
-      .modal-xl {
-        max-width: 1140px
-      }
-    }
-
-    .tooltip {
-      position: absolute;
-      z-index: 1070;
-      display: block;
-      margin: 0;
-      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-      font-style: normal;
-      font-weight: 400;
-      line-height: 1.5;
-      text-align: left;
-      text-align: start;
-      text-decoration: none;
-      text-shadow: none;
-      text-transform: none;
-      letter-spacing: normal;
-      word-break: normal;
-      word-spacing: normal;
-      white-space: normal;
-      line-break: auto;
-      font-size: .875rem;
-      word-wrap: break-word;
-      opacity: 0
-    }
-
-    .tooltip.show {
-      opacity: .9
-    }
-
-    .tooltip .arrow {
-      position: absolute;
-      display: block;
-      width: .8rem;
-      height: .4rem
-    }
-
-    .tooltip .arrow::before {
-      position: absolute;
-      content: "";
-      border-color: transparent;
-      border-style: solid
-    }
-
-    .bs-tooltip-auto[x-placement^=top],
-    .bs-tooltip-top {
-      padding: .4rem 0
-    }
-
-    .bs-tooltip-auto[x-placement^=top] .arrow,
-    .bs-tooltip-top .arrow {
-      bottom: 0
-    }
-
-    .bs-tooltip-auto[x-placement^=top] .arrow::before,
-    .bs-tooltip-top .arrow::before {
-      top: 0;
-      border-width: .4rem .4rem 0;
-      border-top-color: #000
-    }
-
-    .bs-tooltip-auto[x-placement^=right],
-    .bs-tooltip-right {
-      padding: 0 .4rem
-    }
-
-    .bs-tooltip-auto[x-placement^=right] .arrow,
-    .bs-tooltip-right .arrow {
-      left: 0;
-      width: .4rem;
-      height: .8rem
-    }
-
-    .bs-tooltip-auto[x-placement^=right] .arrow::before,
-    .bs-tooltip-right .arrow::before {
-      right: 0;
-      border-width: .4rem .4rem .4rem 0;
-      border-right-color: #000
-    }
-
-    .bs-tooltip-auto[x-placement^=bottom],
-    .bs-tooltip-bottom {
-      padding: .4rem 0
-    }
-
-    .bs-tooltip-auto[x-placement^=bottom] .arrow,
-    .bs-tooltip-bottom .arrow {
-      top: 0
-    }
-
-    .bs-tooltip-auto[x-placement^=bottom] .arrow::before,
-    .bs-tooltip-bottom .arrow::before {
-      bottom: 0;
-      border-width: 0 .4rem .4rem;
-      border-bottom-color: #000
-    }
-
-    .bs-tooltip-auto[x-placement^=left],
-    .bs-tooltip-left {
-      padding: 0 .4rem
-    }
-
-    .bs-tooltip-auto[x-placement^=left] .arrow,
-    .bs-tooltip-left .arrow {
-      right: 0;
-      width: .4rem;
-      height: .8rem
-    }
-
-    .bs-tooltip-auto[x-placement^=left] .arrow::before,
-    .bs-tooltip-left .arrow::before {
-      left: 0;
-      border-width: .4rem 0 .4rem .4rem;
-      border-left-color: #000
-    }
-
-    .tooltip-inner {
-      max-width: 200px;
-      padding: .25rem .5rem;
-      color: #fff;
-      text-align: center;
-      background-color: #000;
-      border-radius: .25rem
-    }
-
-    .popover {
-      position: absolute;
-      top: 0;
-      left: 0;
-      z-index: 1060;
-      display: block;
-      max-width: 276px;
-      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-      font-style: normal;
-      font-weight: 400;
-      line-height: 1.5;
-      text-align: left;
-      text-align: start;
-      text-decoration: none;
-      text-shadow: none;
-      text-transform: none;
-      letter-spacing: normal;
-      word-break: normal;
-      word-spacing: normal;
-      white-space: normal;
-      line-break: auto;
-      font-size: .875rem;
-      word-wrap: break-word;
-      background-color: #fff;
-      background-clip: padding-box;
-      border: 1px solid rgba(0, 0, 0, .2);
-      border-radius: .3rem
-    }
-
-    .popover .arrow {
-      position: absolute;
-      display: block;
-      width: 1rem;
-      height: .5rem;
-      margin: 0 .3rem
-    }
-
-    .popover .arrow::after,
-    .popover .arrow::before {
-      position: absolute;
-      display: block;
-      content: "";
-      border-color: transparent;
-      border-style: solid
-    }
-
-    .bs-popover-auto[x-placement^=top],
-    .bs-popover-top {
-      margin-bottom: .5rem
-    }
-
-    .bs-popover-auto[x-placement^=top]>.arrow,
-    .bs-popover-top>.arrow {
-      bottom: calc((.5rem + 1px) * -1)
-    }
-
-    .bs-popover-auto[x-placement^=top]>.arrow::before,
-    .bs-popover-top>.arrow::before {
-      bottom: 0;
-      border-width: .5rem .5rem 0;
-      border-top-color: rgba(0, 0, 0, .25)
-    }
-
-    .bs-popover-auto[x-placement^=top]>.arrow::after,
-    .bs-popover-top>.arrow::after {
-      bottom: 1px;
-      border-width: .5rem .5rem 0;
-      border-top-color: #fff
-    }
-
-    .bs-popover-auto[x-placement^=right],
-    .bs-popover-right {
-      margin-left: .5rem
-    }
-
-    .bs-popover-auto[x-placement^=right]>.arrow,
-    .bs-popover-right>.arrow {
-      left: calc((.5rem + 1px) * -1);
-      width: .5rem;
-      height: 1rem;
-      margin: .3rem 0
-    }
-
-    .bs-popover-auto[x-placement^=right]>.arrow::before,
-    .bs-popover-right>.arrow::before {
-      left: 0;
-      border-width: .5rem .5rem .5rem 0;
-      border-right-color: rgba(0, 0, 0, .25)
-    }
-
-    .bs-popover-auto[x-placement^=right]>.arrow::after,
-    .bs-popover-right>.arrow::after {
-      left: 1px;
-      border-width: .5rem .5rem .5rem 0;
-      border-right-color: #fff
-    }
-
-    .bs-popover-auto[x-placement^=bottom],
-    .bs-popover-bottom {
-      margin-top: .5rem
-    }
-
-    .bs-popover-auto[x-placement^=bottom]>.arrow,
-    .bs-popover-bottom>.arrow {
-      top: calc((.5rem + 1px) * -1)
-    }
-
-    .bs-popover-auto[x-placement^=bottom]>.arrow::before,
-    .bs-popover-bottom>.arrow::before {
-      top: 0;
-      border-width: 0 .5rem .5rem .5rem;
-      border-bottom-color: rgba(0, 0, 0, .25)
-    }
-
-    .bs-popover-auto[x-placement^=bottom]>.arrow::after,
-    .bs-popover-bottom>.arrow::after {
-      top: 1px;
-      border-width: 0 .5rem .5rem .5rem;
-      border-bottom-color: #fff
-    }
-
-    .bs-popover-auto[x-placement^=bottom] .popover-header::before,
-    .bs-popover-bottom .popover-header::before {
-      position: absolute;
-      top: 0;
-      left: 50%;
-      display: block;
-      width: 1rem;
-      margin-left: -.5rem;
-      content: "";
-      border-bottom: 1px solid #f7f7f7
-    }
-
-    .bs-popover-auto[x-placement^=left],
-    .bs-popover-left {
-      margin-right: .5rem
-    }
-
-    .bs-popover-auto[x-placement^=left]>.arrow,
-    .bs-popover-left>.arrow {
-      right: calc((.5rem + 1px) * -1);
-      width: .5rem;
-      height: 1rem;
-      margin: .3rem 0
-    }
-
-    .bs-popover-auto[x-placement^=left]>.arrow::before,
-    .bs-popover-left>.arrow::before {
-      right: 0;
-      border-width: .5rem 0 .5rem .5rem;
-      border-left-color: rgba(0, 0, 0, .25)
-    }
-
-    .bs-popover-auto[x-placement^=left]>.arrow::after,
-    .bs-popover-left>.arrow::after {
-      right: 1px;
-      border-width: .5rem 0 .5rem .5rem;
-      border-left-color: #fff
-    }
-
-    .popover-header {
-      padding: .5rem .75rem;
-      margin-bottom: 0;
-      font-size: 1rem;
-      background-color: #f7f7f7;
-      border-bottom: 1px solid #ebebeb;
-      border-top-left-radius: calc(.3rem - 1px);
-      border-top-right-radius: calc(.3rem - 1px)
-    }
-
-    .popover-header:empty {
-      display: none
-    }
-
-    .popover-body {
-      padding: .5rem .75rem;
-      color: #212529
-    }
-
-    .carousel {
-      position: relative
-    }
-
-    .carousel.pointer-event {
-      -ms-touch-action: pan-y;
-      touch-action: pan-y
-    }
-
-    .carousel-inner {
-      position: relative;
-      width: 100%;
-      overflow: hidden
-    }
-
-    .carousel-inner::after {
-      display: block;
-      clear: both;
-      content: ""
-    }
-
-    .carousel-item {
-      position: relative;
-      display: none;
-      float: left;
-      width: 100%;
-      margin-right: -100%;
-      -webkit-backface-visibility: hidden;
-      backface-visibility: hidden;
-      transition: -webkit-transform .6s ease-in-out;
-      transition: transform .6s ease-in-out;
-      transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out
-    }
-
-    @media (prefers-reduced-motion:reduce) {
-      .carousel-item {
-        transition: none
-      }
-    }
-
-    .carousel-item-next,
-    .carousel-item-prev,
-    .carousel-item.active {
-      display: block
-    }
-
-    .active.carousel-item-right,
-    .carousel-item-next:not(.carousel-item-left) {
-      -webkit-transform: translateX(100%);
-      transform: translateX(100%)
-    }
-
-    .active.carousel-item-left,
-    .carousel-item-prev:not(.carousel-item-right) {
-      -webkit-transform: translateX(-100%);
-      transform: translateX(-100%)
-    }
-
-    .carousel-fade .carousel-item {
-      opacity: 0;
-      transition-property: opacity;
-      -webkit-transform: none;
-      transform: none
-    }
-
-    .carousel-fade .carousel-item-next.carousel-item-left,
-    .carousel-fade .carousel-item-prev.carousel-item-right,
-    .carousel-fade .carousel-item.active {
-      z-index: 1;
-      opacity: 1
-    }
-
-    .carousel-fade .active.carousel-item-left,
-    .carousel-fade .active.carousel-item-right {
-      z-index: 0;
-      opacity: 0;
-      transition: 0s .6s opacity
-    }
-
-    @media (prefers-reduced-motion:reduce) {
-
-      .carousel-fade .active.carousel-item-left,
-      .carousel-fade .active.carousel-item-right {
-        transition: none
-      }
-    }
-
-    .carousel-control-next,
-    .carousel-control-prev {
-      position: absolute;
-      top: 0;
-      bottom: 0;
-      z-index: 1;
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-align: center;
-      align-items: center;
-      -ms-flex-pack: center;
-      justify-content: center;
-      width: 15%;
-      color: #fff;
-      text-align: center;
-      opacity: .5;
-      transition: opacity .15s ease
-    }
-
-    @media (prefers-reduced-motion:reduce) {
-
-      .carousel-control-next,
-      .carousel-control-prev {
-        transition: none
-      }
-    }
-
-    .carousel-control-next:focus,
-    .carousel-control-next:hover,
-    .carousel-control-prev:focus,
-    .carousel-control-prev:hover {
-      color: #fff;
-      text-decoration: none;
-      outline: 0;
-      opacity: .9
-    }
-
-    .carousel-control-prev {
-      left: 0
-    }
-
-    .carousel-control-next {
-      right: 0
-    }
-
-    .carousel-control-next-icon,
-    .carousel-control-prev-icon {
-      display: inline-block;
-      width: 20px;
-      height: 20px;
-      background: no-repeat 50%/100% 100%
-    }
-
-    .carousel-control-prev-icon {
-      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e")
-    }
-
-    .carousel-control-next-icon {
-      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e")
-    }
-
-    .carousel-indicators {
-      position: absolute;
-      right: 0;
-      bottom: 0;
-      left: 0;
-      z-index: 15;
-      display: -ms-flexbox;
-      display: flex;
-      -ms-flex-pack: center;
-      justify-content: center;
-      padding-left: 0;
-      margin-right: 15%;
-      margin-left: 15%;
-      list-style: none
-    }
-
-    .carousel-indicators li {
-      box-sizing: content-box;
-      -ms-flex: 0 1 auto;
-      flex: 0 1 auto;
-      width: 30px;
-      height: 3px;
-      margin-right: 3px;
-      margin-left: 3px;
-      text-indent: -999px;
-      cursor: pointer;
-      background-color: #fff;
-      background-clip: padding-box;
-      border-top: 10px solid transparent;
-      border-bottom: 10px solid transparent;
-      opacity: .5;
-      transition: opacity .6s ease
-    }
-
-    @media (prefers-reduced-motion:reduce) {
-      .carousel-indicators li {
-        transition: none
-      }
-    }
-
-    .carousel-indicators .active {
-      opacity: 1
-    }
-
-    .carousel-caption {
-      position: absolute;
-      right: 15%;
-      bottom: 20px;
-      left: 15%;
-      z-index: 10;
-      padding-top: 20px;
-      padding-bottom: 20px;
-      color: #fff;
-      text-align: center
-    }
-
-    @-webkit-keyframes spinner-border {
-      to {
-        -webkit-transform: rotate(360deg);
-        transform: rotate(360deg)
-      }
-    }
-
-    @keyframes spinner-border {
-      to {
-        -webkit-transform: rotate(360deg);
-        transform: rotate(360deg)
-      }
-    }
-
-    .spinner-border {
-      display: inline-block;
-      width: 2rem;
-      height: 2rem;
-      vertical-align: text-bottom;
-      border: .25em solid currentColor;
-      border-right-color: transparent;
-      border-radius: 50%;
-      -webkit-animation: spinner-border .75s linear infinite;
-      animation: spinner-border .75s linear infinite
-    }
-
-    .spinner-border-sm {
-      width: 1rem;
-      height: 1rem;
-      border-width: .2em
-    }
-
-    @-webkit-keyframes spinner-grow {
-      0% {
-        -webkit-transform: scale(0);
-        transform: scale(0)
-      }
-
-      50% {
-        opacity: 1
-      }
-    }
-
-    @keyframes spinner-grow {
-      0% {
-        -webkit-transform: scale(0);
-        transform: scale(0)
-      }
-
-      50% {
-        opacity: 1
-      }
-    }
-
-    .spinner-grow {
-      display: inline-block;
-      width: 2rem;
-      height: 2rem;
-      vertical-align: text-bottom;
-      background-color: currentColor;
-      border-radius: 50%;
-      opacity: 0;
-      -webkit-animation: spinner-grow .75s linear infinite;
-      animation: spinner-grow .75s linear infinite
-    }
-
-    .spinner-grow-sm {
-      width: 1rem;
-      height: 1rem
-    }
-
-    .align-baseline {
-      vertical-align: baseline !important
-    }
-
-    .align-top {
-      vertical-align: top !important
-    }
-
-    .align-middle {
-      vertical-align: middle !important
-    }
-
-    .align-bottom {
-      vertical-align: bottom !important
-    }
-
-    .align-text-bottom {
-      vertical-align: text-bottom !important
-    }
-
-    .align-text-top {
-      vertical-align: text-top !important
-    }
-
-    .bg-primary {
-      background-color: #007bff !important
-    }
-
-    a.bg-primary:focus,
-    a.bg-primary:hover,
-    button.bg-primary:focus,
-    button.bg-primary:hover {
-      background-color: #0062cc !important
-    }
-
-    .bg-secondary {
-      background-color: #6c757d !important
-    }
-
-    a.bg-secondary:focus,
-    a.bg-secondary:hover,
-    button.bg-secondary:focus,
-    button.bg-secondary:hover {
-      background-color: #545b62 !important
-    }
-
-    .bg-success {
-      background-color: #28a745 !important
-    }
-
-    a.bg-success:focus,
-    a.bg-success:hover,
-    button.bg-success:focus,
-    button.bg-success:hover {
-      background-color: #1e7e34 !important
-    }
-
-    .bg-info {
-      background-color: #17a2b8 !important
-    }
-
-    a.bg-info:focus,
-    a.bg-info:hover,
-    button.bg-info:focus,
-    button.bg-info:hover {
-      background-color: #117a8b !important
-    }
-
-    .bg-warning {
-      background-color: #ffc107 !important
-    }
-
-    a.bg-warning:focus,
-    a.bg-warning:hover,
-    button.bg-warning:focus,
-    button.bg-warning:hover {
-      background-color: #d39e00 !important
-    }
-
-    .bg-danger {
-      background-color: #dc3545 !important
-    }
-
-    a.bg-danger:focus,
-    a.bg-danger:hover,
-    button.bg-danger:focus,
-    button.bg-danger:hover {
-      background-color: #bd2130 !important
-    }
-
-    .bg-light {
-      background-color: #f8f9fa !important
-    }
-
-    a.bg-light:focus,
-    a.bg-light:hover,
-    button.bg-light:focus,
-    button.bg-light:hover {
-      background-color: #dae0e5 !important
-    }
-
-    .bg-dark {
-      background-color: #343a40 !important
-    }
-
-    a.bg-dark:focus,
-    a.bg-dark:hover,
-    button.bg-dark:focus,
-    button.bg-dark:hover {
-      background-color: #1d2124 !important
-    }
-
-    .bg-white {
-      background-color: #fff !important
-    }
-
-    .bg-transparent {
-      background-color: transparent !important
-    }
-
-    .border {
-      border: 1px solid #dee2e6 !important
-    }
-
-    .border-top {
-      border-top: 1px solid #dee2e6 !important
-    }
-
-    .border-right {
-      border-right: 1px solid #dee2e6 !important
-    }
-
-    .border-bottom {
-      border-bottom: 1px solid #dee2e6 !important
-    }
-
-    .border-left {
-      border-left: 1px solid #dee2e6 !important
-    }
-
-    .border-0 {
-      border: 0 !important
-    }
-
-    .border-top-0 {
-      border-top: 0 !important
-    }
-
-    .border-right-0 {
-      border-right: 0 !important
-    }
-
-    .border-bottom-0 {
-      border-bottom: 0 !important
-    }
-
-    .border-left-0 {
-      border-left: 0 !important
-    }
-
-    .border-primary {
-      border-color: #007bff !important
-    }
-
-    .border-secondary {
-      border-color: #6c757d !important
-    }
-
-    .border-success {
-      border-color: #28a745 !important
-    }
-
-    .border-info {
-      border-color: #17a2b8 !important
-    }
-
-    .border-warning {
-      border-color: #ffc107 !important
-    }
-
-    .border-danger {
-      border-color: #dc3545 !important
-    }
-
-    .border-light {
-      border-color: #f8f9fa !important
-    }
-
-    .border-dark {
-      border-color: #343a40 !important
-    }
-
-    .border-white {
-      border-color: #fff !important
-    }
-
-    .rounded-sm {
-      border-radius: .2rem !important
-    }
-
-    .rounded {
-      border-radius: .25rem !important
-    }
-
-    .rounded-top {
-      border-top-left-radius: .25rem !important;
-      border-top-right-radius: .25rem !important
-    }
-
-    .rounded-right {
-      border-top-right-radius: .25rem !important;
-      border-bottom-right-radius: .25rem !important
-    }
-
-    .rounded-bottom {
-      border-bottom-right-radius: .25rem !important;
-      border-bottom-left-radius: .25rem !important
-    }
-
-    .rounded-left {
-      border-top-left-radius: .25rem !important;
-      border-bottom-left-radius: .25rem !important
-    }
-
-    .rounded-lg {
-      border-radius: .3rem !important
-    }
-
-    .rounded-circle {
-      border-radius: 50% !important
-    }
-
-    .rounded-pill {
-      border-radius: 50rem !important
-    }
-
-    .rounded-0 {
-      border-radius: 0 !important
-    }
-
-    .clearfix::after {
-      display: block;
-      clear: both;
-      content: ""
-    }
-
-    .d-none {
-      display: none !important
-    }
-
-    .d-inline {
-      display: inline !important
-    }
-
-    .d-inline-block {
-      display: inline-block !important
-    }
-
-    .d-block {
-      display: block !important
-    }
-
-    .d-table {
-      display: table !important
-    }
-
-    .d-table-row {
-      display: table-row !important
-    }
-
-    .d-table-cell {
-      display: table-cell !important
-    }
-
-    .d-flex {
-      display: -ms-flexbox !important;
-      display: flex !important
-    }
-
-    .d-inline-flex {
-      display: -ms-inline-flexbox !important;
-      display: inline-flex !important
-    }
-
-    @media (min-width:576px) {
-      .d-sm-none {
-        display: none !important
-      }
-
-      .d-sm-inline {
-        display: inline !important
-      }
-
-      .d-sm-inline-block {
-        display: inline-block !important
-      }
-
-      .d-sm-block {
-        display: block !important
-      }
-
-      .d-sm-table {
-        display: table !important
-      }
-
-      .d-sm-table-row {
-        display: table-row !important
-      }
-
-      .d-sm-table-cell {
-        display: table-cell !important
-      }
-
-      .d-sm-flex {
-        display: -ms-flexbox !important;
-        display: flex !important
-      }
-
-      .d-sm-inline-flex {
-        display: -ms-inline-flexbox !important;
-        display: inline-flex !important
-      }
-    }
-
-    @media (min-width:768px) {
-      .d-md-none {
-        display: none !important
-      }
-
-      .d-md-inline {
-        display: inline !important
-      }
-
-      .d-md-inline-block {
-        display: inline-block !important
-      }
-
-      .d-md-block {
-        display: block !important
-      }
-
-      .d-md-table {
-        display: table !important
-      }
-
-      .d-md-table-row {
-        display: table-row !important
-      }
-
-      .d-md-table-cell {
-        display: table-cell !important
-      }
-
-      .d-md-flex {
-        display: -ms-flexbox !important;
-        display: flex !important
-      }
-
-      .d-md-inline-flex {
-        display: -ms-inline-flexbox !important;
-        display: inline-flex !important
-      }
-    }
-
-    @media (min-width:992px) {
-      .d-lg-none {
-        display: none !important
-      }
-
-      .d-lg-inline {
-        display: inline !important
-      }
-
-      .d-lg-inline-block {
-        display: inline-block !important
-      }
-
-      .d-lg-block {
-        display: block !important
-      }
-
-      .d-lg-table {
-        display: table !important
-      }
-
-      .d-lg-table-row {
-        display: table-row !important
-      }
-
-      .d-lg-table-cell {
-        display: table-cell !important
-      }
-
-      .d-lg-flex {
-        display: -ms-flexbox !important;
-        display: flex !important
-      }
-
-      .d-lg-inline-flex {
-        display: -ms-inline-flexbox !important;
-        display: inline-flex !important
-      }
-    }
-
-    @media (min-width:1200px) {
-      .d-xl-none {
-        display: none !important
-      }
-
-      .d-xl-inline {
-        display: inline !important
-      }
-
-      .d-xl-inline-block {
-        display: inline-block !important
-      }
-
-      .d-xl-block {
-        display: block !important
-      }
-
-      .d-xl-table {
-        display: table !important
-      }
-
-      .d-xl-table-row {
-        display: table-row !important
-      }
-
-      .d-xl-table-cell {
-        display: table-cell !important
-      }
-
-      .d-xl-flex {
-        display: -ms-flexbox !important;
-        display: flex !important
-      }
-
-      .d-xl-inline-flex {
-        display: -ms-inline-flexbox !important;
-        display: inline-flex !important
-      }
-    }
-
-    @media print {
-      .d-print-none {
-        display: none !important
-      }
-
-      .d-print-inline {
-        display: inline !important
-      }
-
-      .d-print-inline-block {
-        display: inline-block !important
-      }
-
-      .d-print-block {
-        display: block !important
-      }
-
-      .d-print-table {
-        display: table !important
-      }
-
-      .d-print-table-row {
-        display: table-row !important
-      }
-
-      .d-print-table-cell {
-        display: table-cell !important
-      }
-
-      .d-print-flex {
-        display: -ms-flexbox !important;
-        display: flex !important
-      }
-
-      .d-print-inline-flex {
-        display: -ms-inline-flexbox !important;
-        display: inline-flex !important
-      }
-    }
-
-    .embed-responsive {
-      position: relative;
-      display: block;
-      width: 100%;
-      padding: 0;
-      overflow: hidden
-    }
-
-    .embed-responsive::before {
-      display: block;
-      content: ""
-    }
-
-    .embed-responsive .embed-responsive-item,
-    .embed-responsive embed,
-    .embed-responsive iframe,
-    .embed-responsive object,
-    .embed-responsive video {
-      position: absolute;
-      top: 0;
-      bottom: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      border: 0
-    }
-
-    .embed-responsive-21by9::before {
-      padding-top: 42.857143%
-    }
-
-    .embed-responsive-16by9::before {
-      padding-top: 56.25%
-    }
-
-    .embed-responsive-4by3::before {
-      padding-top: 75%
-    }
-
-    .embed-responsive-1by1::before {
-      padding-top: 100%
-    }
-
-    .flex-row {
-      -ms-flex-direction: row !important;
-      flex-direction: row !important
-    }
-
-    .flex-column {
-      -ms-flex-direction: column !important;
-      flex-direction: column !important
-    }
-
-    .flex-row-reverse {
-      -ms-flex-direction: row-reverse !important;
-      flex-direction: row-reverse !important
-    }
-
-    .flex-column-reverse {
-      -ms-flex-direction: column-reverse !important;
-      flex-direction: column-reverse !important
-    }
-
-    .flex-wrap {
-      -ms-flex-wrap: wrap !important;
-      flex-wrap: wrap !important
-    }
-
-    .flex-nowrap {
-      -ms-flex-wrap: nowrap !important;
-      flex-wrap: nowrap !important
-    }
-
-    .flex-wrap-reverse {
-      -ms-flex-wrap: wrap-reverse !important;
-      flex-wrap: wrap-reverse !important
-    }
-
-    .flex-fill {
-      -ms-flex: 1 1 auto !important;
-      flex: 1 1 auto !important
-    }
-
-    .flex-grow-0 {
-      -ms-flex-positive: 0 !important;
-      flex-grow: 0 !important
-    }
-
-    .flex-grow-1 {
-      -ms-flex-positive: 1 !important;
-      flex-grow: 1 !important
-    }
-
-    .flex-shrink-0 {
-      -ms-flex-negative: 0 !important;
-      flex-shrink: 0 !important
-    }
-
-    .flex-shrink-1 {
-      -ms-flex-negative: 1 !important;
-      flex-shrink: 1 !important
-    }
-
-    .justify-content-start {
-      -ms-flex-pack: start !important;
-      justify-content: flex-start !important
-    }
-
-    .justify-content-end {
-      -ms-flex-pack: end !important;
-      justify-content: flex-end !important
-    }
-
-    .justify-content-center {
-      -ms-flex-pack: center !important;
-      justify-content: center !important
-    }
-
-    .justify-content-between {
-      -ms-flex-pack: justify !important;
-      justify-content: space-between !important
-    }
-
-    .justify-content-around {
-      -ms-flex-pack: distribute !important;
-      justify-content: space-around !important
-    }
-
-    .align-items-start {
-      -ms-flex-align: start !important;
-      align-items: flex-start !important
-    }
-
-    .align-items-end {
-      -ms-flex-align: end !important;
-      align-items: flex-end !important
-    }
-
-    .align-items-center {
-      -ms-flex-align: center !important;
-      align-items: center !important
-    }
-
-    .align-items-baseline {
-      -ms-flex-align: baseline !important;
-      align-items: baseline !important
-    }
-
-    .align-items-stretch {
-      -ms-flex-align: stretch !important;
-      align-items: stretch !important
-    }
-
-    .align-content-start {
-      -ms-flex-line-pack: start !important;
-      align-content: flex-start !important
-    }
-
-    .align-content-end {
-      -ms-flex-line-pack: end !important;
-      align-content: flex-end !important
-    }
-
-    .align-content-center {
-      -ms-flex-line-pack: center !important;
-      align-content: center !important
-    }
-
-    .align-content-between {
-      -ms-flex-line-pack: justify !important;
-      align-content: space-between !important
-    }
-
-    .align-content-around {
-      -ms-flex-line-pack: distribute !important;
-      align-content: space-around !important
-    }
-
-    .align-content-stretch {
-      -ms-flex-line-pack: stretch !important;
-      align-content: stretch !important
-    }
-
-    .align-self-auto {
-      -ms-flex-item-align: auto !important;
-      align-self: auto !important
-    }
-
-    .align-self-start {
-      -ms-flex-item-align: start !important;
-      align-self: flex-start !important
-    }
-
-    .align-self-end {
-      -ms-flex-item-align: end !important;
-      align-self: flex-end !important
-    }
-
-    .align-self-center {
-      -ms-flex-item-align: center !important;
-      align-self: center !important
-    }
-
-    .align-self-baseline {
-      -ms-flex-item-align: baseline !important;
-      align-self: baseline !important
-    }
-
-    .align-self-stretch {
-      -ms-flex-item-align: stretch !important;
-      align-self: stretch !important
-    }
-
-    @media (min-width:576px) {
-      .flex-sm-row {
-        -ms-flex-direction: row !important;
-        flex-direction: row !important
-      }
-
-      .flex-sm-column {
-        -ms-flex-direction: column !important;
-        flex-direction: column !important
-      }
-
-      .flex-sm-row-reverse {
-        -ms-flex-direction: row-reverse !important;
-        flex-direction: row-reverse !important
-      }
-
-      .flex-sm-column-reverse {
-        -ms-flex-direction: column-reverse !important;
-        flex-direction: column-reverse !important
-      }
-
-      .flex-sm-wrap {
-        -ms-flex-wrap: wrap !important;
-        flex-wrap: wrap !important
-      }
-
-      .flex-sm-nowrap {
-        -ms-flex-wrap: nowrap !important;
-        flex-wrap: nowrap !important
-      }
-
-      .flex-sm-wrap-reverse {
-        -ms-flex-wrap: wrap-reverse !important;
-        flex-wrap: wrap-reverse !important
-      }
-
-      .flex-sm-fill {
-        -ms-flex: 1 1 auto !important;
-        flex: 1 1 auto !important
-      }
-
-      .flex-sm-grow-0 {
-        -ms-flex-positive: 0 !important;
-        flex-grow: 0 !important
-      }
-
-      .flex-sm-grow-1 {
-        -ms-flex-positive: 1 !important;
-        flex-grow: 1 !important
-      }
-
-      .flex-sm-shrink-0 {
-        -ms-flex-negative: 0 !important;
-        flex-shrink: 0 !important
-      }
-
-      .flex-sm-shrink-1 {
-        -ms-flex-negative: 1 !important;
-        flex-shrink: 1 !important
-      }
-
-      .justify-content-sm-start {
-        -ms-flex-pack: start !important;
-        justify-content: flex-start !important
-      }
-
-      .justify-content-sm-end {
-        -ms-flex-pack: end !important;
-        justify-content: flex-end !important
-      }
-
-      .justify-content-sm-center {
-        -ms-flex-pack: center !important;
-        justify-content: center !important
-      }
-
-      .justify-content-sm-between {
-        -ms-flex-pack: justify !important;
-        justify-content: space-between !important
-      }
-
-      .justify-content-sm-around {
-        -ms-flex-pack: distribute !important;
-        justify-content: space-around !important
-      }
-
-      .align-items-sm-start {
-        -ms-flex-align: start !important;
-        align-items: flex-start !important
-      }
-
-      .align-items-sm-end {
-        -ms-flex-align: end !important;
-        align-items: flex-end !important
-      }
-
-      .align-items-sm-center {
-        -ms-flex-align: center !important;
-        align-items: center !important
-      }
-
-      .align-items-sm-baseline {
-        -ms-flex-align: baseline !important;
-        align-items: baseline !important
-      }
-
-      .align-items-sm-stretch {
-        -ms-flex-align: stretch !important;
-        align-items: stretch !important
-      }
-
-      .align-content-sm-start {
-        -ms-flex-line-pack: start !important;
-        align-content: flex-start !important
-      }
-
-      .align-content-sm-end {
-        -ms-flex-line-pack: end !important;
-        align-content: flex-end !important
-      }
-
-      .align-content-sm-center {
-        -ms-flex-line-pack: center !important;
-        align-content: center !important
-      }
-
-      .align-content-sm-between {
-        -ms-flex-line-pack: justify !important;
-        align-content: space-between !important
-      }
-
-      .align-content-sm-around {
-        -ms-flex-line-pack: distribute !important;
-        align-content: space-around !important
-      }
-
-      .align-content-sm-stretch {
-        -ms-flex-line-pack: stretch !important;
-        align-content: stretch !important
-      }
-
-      .align-self-sm-auto {
-        -ms-flex-item-align: auto !important;
-        align-self: auto !important
-      }
-
-      .align-self-sm-start {
-        -ms-flex-item-align: start !important;
-        align-self: flex-start !important
-      }
-
-      .align-self-sm-end {
-        -ms-flex-item-align: end !important;
-        align-self: flex-end !important
-      }
-
-      .align-self-sm-center {
-        -ms-flex-item-align: center !important;
-        align-self: center !important
-      }
-
-      .align-self-sm-baseline {
-        -ms-flex-item-align: baseline !important;
-        align-self: baseline !important
-      }
-
-      .align-self-sm-stretch {
-        -ms-flex-item-align: stretch !important;
-        align-self: stretch !important
-      }
-    }
-
-    @media (min-width:768px) {
-      .flex-md-row {
-        -ms-flex-direction: row !important;
-        flex-direction: row !important
-      }
-
-      .flex-md-column {
-        -ms-flex-direction: column !important;
-        flex-direction: column !important
-      }
-
-      .flex-md-row-reverse {
-        -ms-flex-direction: row-reverse !important;
-        flex-direction: row-reverse !important
-      }
-
-      .flex-md-column-reverse {
-        -ms-flex-direction: column-reverse !important;
-        flex-direction: column-reverse !important
-      }
-
-      .flex-md-wrap {
-        -ms-flex-wrap: wrap !important;
-        flex-wrap: wrap !important
-      }
-
-      .flex-md-nowrap {
-        -ms-flex-wrap: nowrap !important;
-        flex-wrap: nowrap !important
-      }
-
-      .flex-md-wrap-reverse {
-        -ms-flex-wrap: wrap-reverse !important;
-        flex-wrap: wrap-reverse !important
-      }
-
-      .flex-md-fill {
-        -ms-flex: 1 1 auto !important;
-        flex: 1 1 auto !important
-      }
-
-      .flex-md-grow-0 {
-        -ms-flex-positive: 0 !important;
-        flex-grow: 0 !important
-      }
-
-      .flex-md-grow-1 {
-        -ms-flex-positive: 1 !important;
-        flex-grow: 1 !important
-      }
-
-      .flex-md-shrink-0 {
-        -ms-flex-negative: 0 !important;
-        flex-shrink: 0 !important
-      }
-
-      .flex-md-shrink-1 {
-        -ms-flex-negative: 1 !important;
-        flex-shrink: 1 !important
-      }
-
-      .justify-content-md-start {
-        -ms-flex-pack: start !important;
-        justify-content: flex-start !important
-      }
-
-      .justify-content-md-end {
-        -ms-flex-pack: end !important;
-        justify-content: flex-end !important
-      }
-
-      .justify-content-md-center {
-        -ms-flex-pack: center !important;
-        justify-content: center !important
-      }
-
-      .justify-content-md-between {
-        -ms-flex-pack: justify !important;
-        justify-content: space-between !important
-      }
-
-      .justify-content-md-around {
-        -ms-flex-pack: distribute !important;
-        justify-content: space-around !important
-      }
-
-      .align-items-md-start {
-        -ms-flex-align: start !important;
-        align-items: flex-start !important
-      }
-
-      .align-items-md-end {
-        -ms-flex-align: end !important;
-        align-items: flex-end !important
-      }
-
-      .align-items-md-center {
-        -ms-flex-align: center !important;
-        align-items: center !important
-      }
-
-      .align-items-md-baseline {
-        -ms-flex-align: baseline !important;
-        align-items: baseline !important
-      }
-
-      .align-items-md-stretch {
-        -ms-flex-align: stretch !important;
-        align-items: stretch !important
-      }
-
-      .align-content-md-start {
-        -ms-flex-line-pack: start !important;
-        align-content: flex-start !important
-      }
-
-      .align-content-md-end {
-        -ms-flex-line-pack: end !important;
-        align-content: flex-end !important
-      }
-
-      .align-content-md-center {
-        -ms-flex-line-pack: center !important;
-        align-content: center !important
-      }
-
-      .align-content-md-between {
-        -ms-flex-line-pack: justify !important;
-        align-content: space-between !important
-      }
-
-      .align-content-md-around {
-        -ms-flex-line-pack: distribute !important;
-        align-content: space-around !important
-      }
-
-      .align-content-md-stretch {
-        -ms-flex-line-pack: stretch !important;
-        align-content: stretch !important
-      }
-
-      .align-self-md-auto {
-        -ms-flex-item-align: auto !important;
-        align-self: auto !important
-      }
-
-      .align-self-md-start {
-        -ms-flex-item-align: start !important;
-        align-self: flex-start !important
-      }
-
-      .align-self-md-end {
-        -ms-flex-item-align: end !important;
-        align-self: flex-end !important
-      }
-
-      .align-self-md-center {
-        -ms-flex-item-align: center !important;
-        align-self: center !important
-      }
-
-      .align-self-md-baseline {
-        -ms-flex-item-align: baseline !important;
-        align-self: baseline !important
-      }
-
-      .align-self-md-stretch {
-        -ms-flex-item-align: stretch !important;
-        align-self: stretch !important
-      }
-    }
-
-    @media (min-width:992px) {
-      .flex-lg-row {
-        -ms-flex-direction: row !important;
-        flex-direction: row !important
-      }
-
-      .flex-lg-column {
-        -ms-flex-direction: column !important;
-        flex-direction: column !important
-      }
-
-      .flex-lg-row-reverse {
-        -ms-flex-direction: row-reverse !important;
-        flex-direction: row-reverse !important
-      }
-
-      .flex-lg-column-reverse {
-        -ms-flex-direction: column-reverse !important;
-        flex-direction: column-reverse !important
-      }
-
-      .flex-lg-wrap {
-        -ms-flex-wrap: wrap !important;
-        flex-wrap: wrap !important
-      }
-
-      .flex-lg-nowrap {
-        -ms-flex-wrap: nowrap !important;
-        flex-wrap: nowrap !important
-      }
-
-      .flex-lg-wrap-reverse {
-        -ms-flex-wrap: wrap-reverse !important;
-        flex-wrap: wrap-reverse !important
-      }
-
-      .flex-lg-fill {
-        -ms-flex: 1 1 auto !important;
-        flex: 1 1 auto !important
-      }
-
-      .flex-lg-grow-0 {
-        -ms-flex-positive: 0 !important;
-        flex-grow: 0 !important
-      }
-
-      .flex-lg-grow-1 {
-        -ms-flex-positive: 1 !important;
-        flex-grow: 1 !important
-      }
-
-      .flex-lg-shrink-0 {
-        -ms-flex-negative: 0 !important;
-        flex-shrink: 0 !important
-      }
-
-      .flex-lg-shrink-1 {
-        -ms-flex-negative: 1 !important;
-        flex-shrink: 1 !important
-      }
-
-      .justify-content-lg-start {
-        -ms-flex-pack: start !important;
-        justify-content: flex-start !important
-      }
-
-      .justify-content-lg-end {
-        -ms-flex-pack: end !important;
-        justify-content: flex-end !important
-      }
-
-      .justify-content-lg-center {
-        -ms-flex-pack: center !important;
-        justify-content: center !important
-      }
-
-      .justify-content-lg-between {
-        -ms-flex-pack: justify !important;
-        justify-content: space-between !important
-      }
-
-      .justify-content-lg-around {
-        -ms-flex-pack: distribute !important;
-        justify-content: space-around !important
-      }
-
-      .align-items-lg-start {
-        -ms-flex-align: start !important;
-        align-items: flex-start !important
-      }
-
-      .align-items-lg-end {
-        -ms-flex-align: end !important;
-        align-items: flex-end !important
-      }
-
-      .align-items-lg-center {
-        -ms-flex-align: center !important;
-        align-items: center !important
-      }
-
-      .align-items-lg-baseline {
-        -ms-flex-align: baseline !important;
-        align-items: baseline !important
-      }
-
-      .align-items-lg-stretch {
-        -ms-flex-align: stretch !important;
-        align-items: stretch !important
-      }
-
-      .align-content-lg-start {
-        -ms-flex-line-pack: start !important;
-        align-content: flex-start !important
-      }
-
-      .align-content-lg-end {
-        -ms-flex-line-pack: end !important;
-        align-content: flex-end !important
-      }
-
-      .align-content-lg-center {
-        -ms-flex-line-pack: center !important;
-        align-content: center !important
-      }
-
-      .align-content-lg-between {
-        -ms-flex-line-pack: justify !important;
-        align-content: space-between !important
-      }
-
-      .align-content-lg-around {
-        -ms-flex-line-pack: distribute !important;
-        align-content: space-around !important
-      }
-
-      .align-content-lg-stretch {
-        -ms-flex-line-pack: stretch !important;
-        align-content: stretch !important
-      }
-
-      .align-self-lg-auto {
-        -ms-flex-item-align: auto !important;
-        align-self: auto !important
-      }
-
-      .align-self-lg-start {
-        -ms-flex-item-align: start !important;
-        align-self: flex-start !important
-      }
-
-      .align-self-lg-end {
-        -ms-flex-item-align: end !important;
-        align-self: flex-end !important
-      }
-
-      .align-self-lg-center {
-        -ms-flex-item-align: center !important;
-        align-self: center !important
-      }
-
-      .align-self-lg-baseline {
-        -ms-flex-item-align: baseline !important;
-        align-self: baseline !important
-      }
-
-      .align-self-lg-stretch {
-        -ms-flex-item-align: stretch !important;
-        align-self: stretch !important
-      }
-    }
-
-    @media (min-width:1200px) {
-      .flex-xl-row {
-        -ms-flex-direction: row !important;
-        flex-direction: row !important
-      }
-
-      .flex-xl-column {
-        -ms-flex-direction: column !important;
-        flex-direction: column !important
-      }
-
-      .flex-xl-row-reverse {
-        -ms-flex-direction: row-reverse !important;
-        flex-direction: row-reverse !important
-      }
-
-      .flex-xl-column-reverse {
-        -ms-flex-direction: column-reverse !important;
-        flex-direction: column-reverse !important
-      }
-
-      .flex-xl-wrap {
-        -ms-flex-wrap: wrap !important;
-        flex-wrap: wrap !important
-      }
-
-      .flex-xl-nowrap {
-        -ms-flex-wrap: nowrap !important;
-        flex-wrap: nowrap !important
-      }
-
-      .flex-xl-wrap-reverse {
-        -ms-flex-wrap: wrap-reverse !important;
-        flex-wrap: wrap-reverse !important
-      }
-
-      .flex-xl-fill {
-        -ms-flex: 1 1 auto !important;
-        flex: 1 1 auto !important
-      }
-
-      .flex-xl-grow-0 {
-        -ms-flex-positive: 0 !important;
-        flex-grow: 0 !important
-      }
-
-      .flex-xl-grow-1 {
-        -ms-flex-positive: 1 !important;
-        flex-grow: 1 !important
-      }
-
-      .flex-xl-shrink-0 {
-        -ms-flex-negative: 0 !important;
-        flex-shrink: 0 !important
-      }
-
-      .flex-xl-shrink-1 {
-        -ms-flex-negative: 1 !important;
-        flex-shrink: 1 !important
-      }
-
-      .justify-content-xl-start {
-        -ms-flex-pack: start !important;
-        justify-content: flex-start !important
-      }
-
-      .justify-content-xl-end {
-        -ms-flex-pack: end !important;
-        justify-content: flex-end !important
-      }
-
-      .justify-content-xl-center {
-        -ms-flex-pack: center !important;
-        justify-content: center !important
-      }
-
-      .justify-content-xl-between {
-        -ms-flex-pack: justify !important;
-        justify-content: space-between !important
-      }
-
-      .justify-content-xl-around {
-        -ms-flex-pack: distribute !important;
-        justify-content: space-around !important
-      }
-
-      .align-items-xl-start {
-        -ms-flex-align: start !important;
-        align-items: flex-start !important
-      }
-
-      .align-items-xl-end {
-        -ms-flex-align: end !important;
-        align-items: flex-end !important
-      }
-
-      .align-items-xl-center {
-        -ms-flex-align: center !important;
-        align-items: center !important
-      }
-
-      .align-items-xl-baseline {
-        -ms-flex-align: baseline !important;
-        align-items: baseline !important
-      }
-
-      .align-items-xl-stretch {
-        -ms-flex-align: stretch !important;
-        align-items: stretch !important
-      }
-
-      .align-content-xl-start {
-        -ms-flex-line-pack: start !important;
-        align-content: flex-start !important
-      }
-
-      .align-content-xl-end {
-        -ms-flex-line-pack: end !important;
-        align-content: flex-end !important
-      }
-
-      .align-content-xl-center {
-        -ms-flex-line-pack: center !important;
-        align-content: center !important
-      }
-
-      .align-content-xl-between {
-        -ms-flex-line-pack: justify !important;
-        align-content: space-between !important
-      }
-
-      .align-content-xl-around {
-        -ms-flex-line-pack: distribute !important;
-        align-content: space-around !important
-      }
-
-      .align-content-xl-stretch {
-        -ms-flex-line-pack: stretch !important;
-        align-content: stretch !important
-      }
-
-      .align-self-xl-auto {
-        -ms-flex-item-align: auto !important;
-        align-self: auto !important
-      }
-
-      .align-self-xl-start {
-        -ms-flex-item-align: start !important;
-        align-self: flex-start !important
-      }
-
-      .align-self-xl-end {
-        -ms-flex-item-align: end !important;
-        align-self: flex-end !important
-      }
-
-      .align-self-xl-center {
-        -ms-flex-item-align: center !important;
-        align-self: center !important
-      }
-
-      .align-self-xl-baseline {
-        -ms-flex-item-align: baseline !important;
-        align-self: baseline !important
-      }
-
-      .align-self-xl-stretch {
-        -ms-flex-item-align: stretch !important;
-        align-self: stretch !important
-      }
-    }
-
-    .float-left {
-      float: left !important
-    }
-
-    .float-right {
-      float: right !important
-    }
-
-    .float-none {
-      float: none !important
-    }
-
-    @media (min-width:576px) {
-      .float-sm-left {
-        float: left !important
-      }
-
-      .float-sm-right {
-        float: right !important
-      }
-
-      .float-sm-none {
-        float: none !important
-      }
-    }
-
-    @media (min-width:768px) {
-      .float-md-left {
-        float: left !important
-      }
-
-      .float-md-right {
-        float: right !important
-      }
-
-      .float-md-none {
-        float: none !important
-      }
-    }
-
-    @media (min-width:992px) {
-      .float-lg-left {
-        float: left !important
-      }
-
-      .float-lg-right {
-        float: right !important
-      }
-
-      .float-lg-none {
-        float: none !important
-      }
-    }
-
-    @media (min-width:1200px) {
-      .float-xl-left {
-        float: left !important
-      }
-
-      .float-xl-right {
-        float: right !important
-      }
-
-      .float-xl-none {
-        float: none !important
-      }
-    }
-
-    .overflow-auto {
-      overflow: auto !important
-    }
-
-    .overflow-hidden {
-      overflow: hidden !important
-    }
-
-    .position-static {
-      position: static !important
-    }
-
-    .position-relative {
-      position: relative !important
-    }
-
-    .position-absolute {
-      position: absolute !important
-    }
-
-    .position-fixed {
-      position: fixed !important
-    }
-
-    .position-sticky {
-      position: -webkit-sticky !important;
-      position: sticky !important
-    }
-
-    .fixed-top {
-      position: fixed;
-      top: 0;
-      right: 0;
-      left: 0;
-      z-index: 1030
-    }
-
-    .fixed-bottom {
-      position: fixed;
-      right: 0;
-      bottom: 0;
-      left: 0;
-      z-index: 1030
-    }
-
-    @supports ((position:-webkit-sticky) or (position:sticky)) {
-      .sticky-top {
-        position: -webkit-sticky;
-        position: sticky;
-        top: 0;
-        z-index: 1020
-      }
-    }
-
-    .sr-only {
-      position: absolute;
-      width: 1px;
-      height: 1px;
-      padding: 0;
-      overflow: hidden;
-      clip: rect(0, 0, 0, 0);
-      white-space: nowrap;
-      border: 0
-    }
-
-    .sr-only-focusable:active,
-    .sr-only-focusable:focus {
-      position: static;
-      width: auto;
-      height: auto;
-      overflow: visible;
-      clip: auto;
-      white-space: normal
-    }
-
-    .shadow-sm {
-      box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
-    }
-
-    .shadow {
-      box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
-    }
-
-    .shadow-lg {
-      box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
-    }
-
-    .shadow-none {
-      box-shadow: none !important
-    }
-
-    .w-25 {
-      width: 25% !important
-    }
-
-    .w-50 {
-      width: 50% !important
-    }
-
-    .w-75 {
-      width: 75% !important
-    }
-
-    .w-100 {
-      width: 100% !important
-    }
-
-    .w-auto {
-      width: auto !important
-    }
-
-    .h-25 {
-      height: 25% !important
-    }
-
-    .h-50 {
-      height: 50% !important
-    }
-
-    .h-75 {
-      height: 75% !important
-    }
-
-    .h-100 {
-      height: 100% !important
-    }
-
-    .h-auto {
-      height: auto !important
-    }
-
-    .mw-100 {
-      max-width: 100% !important
-    }
-
-    .mh-100 {
-      max-height: 100% !important
-    }
-
-    .min-vw-100 {
-      min-width: 100vw !important
-    }
-
-    .min-vh-100 {
-      min-height: 100vh !important
-    }
-
-    .vw-100 {
-      width: 100vw !important
-    }
-
-    .vh-100 {
-      height: 100vh !important
-    }
-
-    .stretched-link::after {
-      position: absolute;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      left: 0;
-      z-index: 1;
-      pointer-events: auto;
-      content: "";
-      background-color: rgba(0, 0, 0, 0)
-    }
-
-    .m-0 {
-      margin: 0 !important
-    }
-
-    .mt-0,
-    .my-0 {
-      margin-top: 0 !important
-    }
-
-    .mr-0,
-    .mx-0 {
-      margin-right: 0 !important
-    }
-
-    .mb-0,
-    .my-0 {
-      margin-bottom: 0 !important
-    }
-
-    .ml-0,
-    .mx-0 {
-      margin-left: 0 !important
-    }
-
-    .m-1 {
-      margin: .25rem !important
-    }
-
-    .mt-1,
-    .my-1 {
-      margin-top: .25rem !important
-    }
-
-    .mr-1,
-    .mx-1 {
-      margin-right: .25rem !important
-    }
-
-    .mb-1,
-    .my-1 {
-      margin-bottom: .25rem !important
-    }
-
-    .ml-1,
-    .mx-1 {
-      margin-left: .25rem !important
-    }
-
-    .m-2 {
-      margin: .5rem !important
-    }
-
-    .mt-2,
-    .my-2 {
-      margin-top: .5rem !important
-    }
-
-    .mr-2,
-    .mx-2 {
-      margin-right: .5rem !important
-    }
-
-    .mb-2,
-    .my-2 {
-      margin-bottom: .5rem !important
-    }
-
-    .ml-2,
-    .mx-2 {
-      margin-left: .5rem !important
-    }
-
-    .m-3 {
-      margin: 1rem !important
-    }
-
-    .mt-3,
-    .my-3 {
-      margin-top: 1rem !important
-    }
-
-    .mr-3,
-    .mx-3 {
-      margin-right: 1rem !important
-    }
-
-    .mb-3,
-    .my-3 {
-      margin-bottom: 1rem !important
-    }
-
-    .ml-3,
-    .mx-3 {
-      margin-left: 1rem !important
-    }
-
-    .m-4 {
-      margin: 1.5rem !important
-    }
-
-    .mt-4,
-    .my-4 {
-      margin-top: 1.5rem !important
-    }
-
-    .mr-4,
-    .mx-4 {
-      margin-right: 1.5rem !important
-    }
-
-    .mb-4,
-    .my-4 {
-      margin-bottom: 1.5rem !important
-    }
-
-    .ml-4,
-    .mx-4 {
-      margin-left: 1.5rem !important
-    }
-
-    .m-5 {
-      margin: 3rem !important
-    }
-
-    .mt-5,
-    .my-5 {
-      margin-top: 3rem !important
-    }
-
-    .mr-5,
-    .mx-5 {
-      margin-right: 3rem !important
-    }
-
-    .mb-5,
-    .my-5 {
-      margin-bottom: 3rem !important
-    }
-
-    .ml-5,
-    .mx-5 {
-      margin-left: 3rem !important
-    }
-
-    .p-0 {
-      padding: 0 !important
-    }
-
-    .pt-0,
-    .py-0 {
-      padding-top: 0 !important
-    }
-
-    .pr-0,
-    .px-0 {
-      padding-right: 0 !important
-    }
-
-    .pb-0,
-    .py-0 {
-      padding-bottom: 0 !important
-    }
-
-    .pl-0,
-    .px-0 {
-      padding-left: 0 !important
-    }
-
-    .p-1 {
-      padding: .25rem !important
-    }
-
-    .pt-1,
-    .py-1 {
-      padding-top: .25rem !important
-    }
-
-    .pr-1,
-    .px-1 {
-      padding-right: .25rem !important
-    }
-
-    .pb-1,
-    .py-1 {
-      padding-bottom: .25rem !important
-    }
-
-    .pl-1,
-    .px-1 {
-      padding-left: .25rem !important
-    }
-
-    .p-2 {
-      padding: .5rem !important
-    }
-
-    .pt-2,
-    .py-2 {
-      padding-top: .5rem !important
-    }
-
-    .pr-2,
-    .px-2 {
-      padding-right: .5rem !important
-    }
-
-    .pb-2,
-    .py-2 {
-      padding-bottom: .5rem !important
-    }
-
-    .pl-2,
-    .px-2 {
-      padding-left: .5rem !important
-    }
-
-    .p-3 {
-      padding: 1rem !important
-    }
-
-    .pt-3,
-    .py-3 {
-      padding-top: 1rem !important
-    }
-
-    .pr-3,
-    .px-3 {
-      padding-right: 1rem !important
-    }
-
-    .pb-3,
-    .py-3 {
-      padding-bottom: 1rem !important
-    }
-
-    .pl-3,
-    .px-3 {
-      padding-left: 1rem !important
-    }
-
-    .p-4 {
-      padding: 1.5rem !important
-    }
-
-    .pt-4,
-    .py-4 {
-      padding-top: 1.5rem !important
-    }
-
-    .pr-4,
-    .px-4 {
-      padding-right: 1.5rem !important
-    }
-
-    .pb-4,
-    .py-4 {
-      padding-bottom: 1.5rem !important
-    }
-
-    .pl-4,
-    .px-4 {
-      padding-left: 1.5rem !important
-    }
-
-    .p-5 {
-      padding: 3rem !important
-    }
-
-    .pt-5,
-    .py-5 {
-      padding-top: 3rem !important
-    }
-
-    .pr-5,
-    .px-5 {
-      padding-right: 3rem !important
-    }
-
-    .pb-5,
-    .py-5 {
-      padding-bottom: 3rem !important
-    }
-
-    .pl-5,
-    .px-5 {
-      padding-left: 3rem !important
-    }
-
-    .m-n1 {
-      margin: -.25rem !important
-    }
-
-    .mt-n1,
-    .my-n1 {
-      margin-top: -.25rem !important
-    }
-
-    .mr-n1,
-    .mx-n1 {
-      margin-right: -.25rem !important
-    }
-
-    .mb-n1,
-    .my-n1 {
-      margin-bottom: -.25rem !important
-    }
-
-    .ml-n1,
-    .mx-n1 {
-      margin-left: -.25rem !important
-    }
-
-    .m-n2 {
-      margin: -.5rem !important
-    }
-
-    .mt-n2,
-    .my-n2 {
-      margin-top: -.5rem !important
-    }
-
-    .mr-n2,
-    .mx-n2 {
-      margin-right: -.5rem !important
-    }
-
-    .mb-n2,
-    .my-n2 {
-      margin-bottom: -.5rem !important
-    }
-
-    .ml-n2,
-    .mx-n2 {
-      margin-left: -.5rem !important
-    }
-
-    .m-n3 {
-      margin: -1rem !important
-    }
-
-    .mt-n3,
-    .my-n3 {
-      margin-top: -1rem !important
-    }
-
-    .mr-n3,
-    .mx-n3 {
-      margin-right: -1rem !important
-    }
-
-    .mb-n3,
-    .my-n3 {
-      margin-bottom: -1rem !important
-    }
-
-    .ml-n3,
-    .mx-n3 {
-      margin-left: -1rem !important
-    }
-
-    .m-n4 {
-      margin: -1.5rem !important
-    }
-
-    .mt-n4,
-    .my-n4 {
-      margin-top: -1.5rem !important
-    }
-
-    .mr-n4,
-    .mx-n4 {
-      margin-right: -1.5rem !important
-    }
-
-    .mb-n4,
-    .my-n4 {
-      margin-bottom: -1.5rem !important
-    }
-
-    .ml-n4,
-    .mx-n4 {
-      margin-left: -1.5rem !important
-    }
-
-    .m-n5 {
-      margin: -3rem !important
-    }
-
-    .mt-n5,
-    .my-n5 {
-      margin-top: -3rem !important
-    }
-
-    .mr-n5,
-    .mx-n5 {
-      margin-right: -3rem !important
-    }
-
-    .mb-n5,
-    .my-n5 {
-      margin-bottom: -3rem !important
-    }
-
-    .ml-n5,
-    .mx-n5 {
-      margin-left: -3rem !important
-    }
-
-    .m-auto {
-      margin: auto !important
-    }
-
-    .mt-auto,
-    .my-auto {
-      margin-top: auto !important
-    }
-
-    .mr-auto,
-    .mx-auto {
-      margin-right: auto !important
-    }
-
-    .mb-auto,
-    .my-auto {
-      margin-bottom: auto !important
-    }
-
-    .ml-auto,
-    .mx-auto {
-      margin-left: auto !important
-    }
-
-    @media (min-width:576px) {
-      .m-sm-0 {
-        margin: 0 !important
-      }
-
-      .mt-sm-0,
-      .my-sm-0 {
-        margin-top: 0 !important
-      }
-
-      .mr-sm-0,
-      .mx-sm-0 {
-        margin-right: 0 !important
-      }
-
-      .mb-sm-0,
-      .my-sm-0 {
-        margin-bottom: 0 !important
-      }
-
-      .ml-sm-0,
-      .mx-sm-0 {
-        margin-left: 0 !important
-      }
-
-      .m-sm-1 {
-        margin: .25rem !important
-      }
-
-      .mt-sm-1,
-      .my-sm-1 {
-        margin-top: .25rem !important
-      }
-
-      .mr-sm-1,
-      .mx-sm-1 {
-        margin-right: .25rem !important
-      }
-
-      .mb-sm-1,
-      .my-sm-1 {
-        margin-bottom: .25rem !important
-      }
-
-      .ml-sm-1,
-      .mx-sm-1 {
-        margin-left: .25rem !important
-      }
-
-      .m-sm-2 {
-        margin: .5rem !important
-      }
-
-      .mt-sm-2,
-      .my-sm-2 {
-        margin-top: .5rem !important
-      }
-
-      .mr-sm-2,
-      .mx-sm-2 {
-        margin-right: .5rem !important
-      }
-
-      .mb-sm-2,
-      .my-sm-2 {
-        margin-bottom: .5rem !important
-      }
-
-      .ml-sm-2,
-      .mx-sm-2 {
-        margin-left: .5rem !important
-      }
-
-      .m-sm-3 {
-        margin: 1rem !important
-      }
-
-      .mt-sm-3,
-      .my-sm-3 {
-        margin-top: 1rem !important
-      }
-
-      .mr-sm-3,
-      .mx-sm-3 {
-        margin-right: 1rem !important
-      }
-
-      .mb-sm-3,
-      .my-sm-3 {
-        margin-bottom: 1rem !important
-      }
-
-      .ml-sm-3,
-      .mx-sm-3 {
-        margin-left: 1rem !important
-      }
-
-      .m-sm-4 {
-        margin: 1.5rem !important
-      }
-
-      .mt-sm-4,
-      .my-sm-4 {
-        margin-top: 1.5rem !important
-      }
-
-      .mr-sm-4,
-      .mx-sm-4 {
-        margin-right: 1.5rem !important
-      }
-
-      .mb-sm-4,
-      .my-sm-4 {
-        margin-bottom: 1.5rem !important
-      }
-
-      .ml-sm-4,
-      .mx-sm-4 {
-        margin-left: 1.5rem !important
-      }
-
-      .m-sm-5 {
-        margin: 3rem !important
-      }
-
-      .mt-sm-5,
-      .my-sm-5 {
-        margin-top: 3rem !important
-      }
-
-      .mr-sm-5,
-      .mx-sm-5 {
-        margin-right: 3rem !important
-      }
-
-      .mb-sm-5,
-      .my-sm-5 {
-        margin-bottom: 3rem !important
-      }
-
-      .ml-sm-5,
-      .mx-sm-5 {
-        margin-left: 3rem !important
-      }
-
-      .p-sm-0 {
-        padding: 0 !important
-      }
-
-      .pt-sm-0,
-      .py-sm-0 {
-        padding-top: 0 !important
-      }
-
-      .pr-sm-0,
-      .px-sm-0 {
-        padding-right: 0 !important
-      }
-
-      .pb-sm-0,
-      .py-sm-0 {
-        padding-bottom: 0 !important
-      }
-
-      .pl-sm-0,
-      .px-sm-0 {
-        padding-left: 0 !important
-      }
-
-      .p-sm-1 {
-        padding: .25rem !important
-      }
-
-      .pt-sm-1,
-      .py-sm-1 {
-        padding-top: .25rem !important
-      }
-
-      .pr-sm-1,
-      .px-sm-1 {
-        padding-right: .25rem !important
-      }
-
-      .pb-sm-1,
-      .py-sm-1 {
-        padding-bottom: .25rem !important
-      }
-
-      .pl-sm-1,
-      .px-sm-1 {
-        padding-left: .25rem !important
-      }
-
-      .p-sm-2 {
-        padding: .5rem !important
-      }
-
-      .pt-sm-2,
-      .py-sm-2 {
-        padding-top: .5rem !important
-      }
-
-      .pr-sm-2,
-      .px-sm-2 {
-        padding-right: .5rem !important
-      }
-
-      .pb-sm-2,
-      .py-sm-2 {
-        padding-bottom: .5rem !important
-      }
-
-      .pl-sm-2,
-      .px-sm-2 {
-        padding-left: .5rem !important
-      }
-
-      .p-sm-3 {
-        padding: 1rem !important
-      }
-
-      .pt-sm-3,
-      .py-sm-3 {
-        padding-top: 1rem !important
-      }
-
-      .pr-sm-3,
-      .px-sm-3 {
-        padding-right: 1rem !important
-      }
-
-      .pb-sm-3,
-      .py-sm-3 {
-        padding-bottom: 1rem !important
-      }
-
-      .pl-sm-3,
-      .px-sm-3 {
-        padding-left: 1rem !important
-      }
-
-      .p-sm-4 {
-        padding: 1.5rem !important
-      }
-
-      .pt-sm-4,
-      .py-sm-4 {
-        padding-top: 1.5rem !important
-      }
-
-      .pr-sm-4,
-      .px-sm-4 {
-        padding-right: 1.5rem !important
-      }
-
-      .pb-sm-4,
-      .py-sm-4 {
-        padding-bottom: 1.5rem !important
-      }
-
-      .pl-sm-4,
-      .px-sm-4 {
-        padding-left: 1.5rem !important
-      }
-
-      .p-sm-5 {
-        padding: 3rem !important
-      }
-
-      .pt-sm-5,
-      .py-sm-5 {
-        padding-top: 3rem !important
-      }
-
-      .pr-sm-5,
-      .px-sm-5 {
-        padding-right: 3rem !important
-      }
-
-      .pb-sm-5,
-      .py-sm-5 {
-        padding-bottom: 3rem !important
-      }
-
-      .pl-sm-5,
-      .px-sm-5 {
-        padding-left: 3rem !important
-      }
-
-      .m-sm-n1 {
-        margin: -.25rem !important
-      }
-
-      .mt-sm-n1,
-      .my-sm-n1 {
-        margin-top: -.25rem !important
-      }
-
-      .mr-sm-n1,
-      .mx-sm-n1 {
-        margin-right: -.25rem !important
-      }
-
-      .mb-sm-n1,
-      .my-sm-n1 {
-        margin-bottom: -.25rem !important
-      }
-
-      .ml-sm-n1,
-      .mx-sm-n1 {
-        margin-left: -.25rem !important
-      }
-
-      .m-sm-n2 {
-        margin: -.5rem !important
-      }
-
-      .mt-sm-n2,
-      .my-sm-n2 {
-        margin-top: -.5rem !important
-      }
-
-      .mr-sm-n2,
-      .mx-sm-n2 {
-        margin-right: -.5rem !important
-      }
-
-      .mb-sm-n2,
-      .my-sm-n2 {
-        margin-bottom: -.5rem !important
-      }
-
-      .ml-sm-n2,
-      .mx-sm-n2 {
-        margin-left: -.5rem !important
-      }
-
-      .m-sm-n3 {
-        margin: -1rem !important
-      }
-
-      .mt-sm-n3,
-      .my-sm-n3 {
-        margin-top: -1rem !important
-      }
-
-      .mr-sm-n3,
-      .mx-sm-n3 {
-        margin-right: -1rem !important
-      }
-
-      .mb-sm-n3,
-      .my-sm-n3 {
-        margin-bottom: -1rem !important
-      }
-
-      .ml-sm-n3,
-      .mx-sm-n3 {
-        margin-left: -1rem !important
-      }
-
-      .m-sm-n4 {
-        margin: -1.5rem !important
-      }
-
-      .mt-sm-n4,
-      .my-sm-n4 {
-        margin-top: -1.5rem !important
-      }
-
-      .mr-sm-n4,
-      .mx-sm-n4 {
-        margin-right: -1.5rem !important
-      }
-
-      .mb-sm-n4,
-      .my-sm-n4 {
-        margin-bottom: -1.5rem !important
-      }
-
-      .ml-sm-n4,
-      .mx-sm-n4 {
-        margin-left: -1.5rem !important
-      }
-
-      .m-sm-n5 {
-        margin: -3rem !important
-      }
-
-      .mt-sm-n5,
-      .my-sm-n5 {
-        margin-top: -3rem !important
-      }
-
-      .mr-sm-n5,
-      .mx-sm-n5 {
-        margin-right: -3rem !important
-      }
-
-      .mb-sm-n5,
-      .my-sm-n5 {
-        margin-bottom: -3rem !important
-      }
-
-      .ml-sm-n5,
-      .mx-sm-n5 {
-        margin-left: -3rem !important
-      }
-
-      .m-sm-auto {
-        margin: auto !important
-      }
-
-      .mt-sm-auto,
-      .my-sm-auto {
-        margin-top: auto !important
-      }
-
-      .mr-sm-auto,
-      .mx-sm-auto {
-        margin-right: auto !important
-      }
-
-      .mb-sm-auto,
-      .my-sm-auto {
-        margin-bottom: auto !important
-      }
-
-      .ml-sm-auto,
-      .mx-sm-auto {
-        margin-left: auto !important
-      }
-    }
-
-    @media (min-width:768px) {
-      .m-md-0 {
-        margin: 0 !important
-      }
-
-      .mt-md-0,
-      .my-md-0 {
-        margin-top: 0 !important
-      }
-
-      .mr-md-0,
-      .mx-md-0 {
-        margin-right: 0 !important
-      }
-
-      .mb-md-0,
-      .my-md-0 {
-        margin-bottom: 0 !important
-      }
-
-      .ml-md-0,
-      .mx-md-0 {
-        margin-left: 0 !important
-      }
-
-      .m-md-1 {
-        margin: .25rem !important
-      }
-
-      .mt-md-1,
-      .my-md-1 {
-        margin-top: .25rem !important
-      }
-
-      .mr-md-1,
-      .mx-md-1 {
-        margin-right: .25rem !important
-      }
-
-      .mb-md-1,
-      .my-md-1 {
-        margin-bottom: .25rem !important
-      }
-
-      .ml-md-1,
-      .mx-md-1 {
-        margin-left: .25rem !important
-      }
-
-      .m-md-2 {
-        margin: .5rem !important
-      }
-
-      .mt-md-2,
-      .my-md-2 {
-        margin-top: .5rem !important
-      }
-
-      .mr-md-2,
-      .mx-md-2 {
-        margin-right: .5rem !important
-      }
-
-      .mb-md-2,
-      .my-md-2 {
-        margin-bottom: .5rem !important
-      }
-
-      .ml-md-2,
-      .mx-md-2 {
-        margin-left: .5rem !important
-      }
-
-      .m-md-3 {
-        margin: 1rem !important
-      }
-
-      .mt-md-3,
-      .my-md-3 {
-        margin-top: 1rem !important
-      }
-
-      .mr-md-3,
-      .mx-md-3 {
-        margin-right: 1rem !important
-      }
-
-      .mb-md-3,
-      .my-md-3 {
-        margin-bottom: 1rem !important
-      }
-
-      .ml-md-3,
-      .mx-md-3 {
-        margin-left: 1rem !important
-      }
-
-      .m-md-4 {
-        margin: 1.5rem !important
-      }
-
-      .mt-md-4,
-      .my-md-4 {
-        margin-top: 1.5rem !important
-      }
-
-      .mr-md-4,
-      .mx-md-4 {
-        margin-right: 1.5rem !important
-      }
-
-      .mb-md-4,
-      .my-md-4 {
-        margin-bottom: 1.5rem !important
-      }
-
-      .ml-md-4,
-      .mx-md-4 {
-        margin-left: 1.5rem !important
-      }
-
-      .m-md-5 {
-        margin: 3rem !important
-      }
-
-      .mt-md-5,
-      .my-md-5 {
-        margin-top: 3rem !important
-      }
-
-      .mr-md-5,
-      .mx-md-5 {
-        margin-right: 3rem !important
-      }
-
-      .mb-md-5,
-      .my-md-5 {
-        margin-bottom: 3rem !important
-      }
-
-      .ml-md-5,
-      .mx-md-5 {
-        margin-left: 3rem !important
-      }
-
-      .p-md-0 {
-        padding: 0 !important
-      }
-
-      .pt-md-0,
-      .py-md-0 {
-        padding-top: 0 !important
-      }
-
-      .pr-md-0,
-      .px-md-0 {
-        padding-right: 0 !important
-      }
-
-      .pb-md-0,
-      .py-md-0 {
-        padding-bottom: 0 !important
-      }
-
-      .pl-md-0,
-      .px-md-0 {
-        padding-left: 0 !important
-      }
-
-      .p-md-1 {
-        padding: .25rem !important
-      }
-
-      .pt-md-1,
-      .py-md-1 {
-        padding-top: .25rem !important
-      }
-
-      .pr-md-1,
-      .px-md-1 {
-        padding-right: .25rem !important
-      }
-
-      .pb-md-1,
-      .py-md-1 {
-        padding-bottom: .25rem !important
-      }
-
-      .pl-md-1,
-      .px-md-1 {
-        padding-left: .25rem !important
-      }
-
-      .p-md-2 {
-        padding: .5rem !important
-      }
-
-      .pt-md-2,
-      .py-md-2 {
-        padding-top: .5rem !important
-      }
-
-      .pr-md-2,
-      .px-md-2 {
-        padding-right: .5rem !important
-      }
-
-      .pb-md-2,
-      .py-md-2 {
-        padding-bottom: .5rem !important
-      }
-
-      .pl-md-2,
-      .px-md-2 {
-        padding-left: .5rem !important
-      }
-
-      .p-md-3 {
-        padding: 1rem !important
-      }
-
-      .pt-md-3,
-      .py-md-3 {
-        padding-top: 1rem !important
-      }
-
-      .pr-md-3,
-      .px-md-3 {
-        padding-right: 1rem !important
-      }
-
-      .pb-md-3,
-      .py-md-3 {
-        padding-bottom: 1rem !important
-      }
-
-      .pl-md-3,
-      .px-md-3 {
-        padding-left: 1rem !important
-      }
-
-      .p-md-4 {
-        padding: 1.5rem !important
-      }
-
-      .pt-md-4,
-      .py-md-4 {
-        padding-top: 1.5rem !important
-      }
-
-      .pr-md-4,
-      .px-md-4 {
-        padding-right: 1.5rem !important
-      }
-
-      .pb-md-4,
-      .py-md-4 {
-        padding-bottom: 1.5rem !important
-      }
-
-      .pl-md-4,
-      .px-md-4 {
-        padding-left: 1.5rem !important
-      }
-
-      .p-md-5 {
-        padding: 3rem !important
-      }
-
-      .pt-md-5,
-      .py-md-5 {
-        padding-top: 3rem !important
-      }
-
-      .pr-md-5,
-      .px-md-5 {
-        padding-right: 3rem !important
-      }
-
-      .pb-md-5,
-      .py-md-5 {
-        padding-bottom: 3rem !important
-      }
-
-      .pl-md-5,
-      .px-md-5 {
-        padding-left: 3rem !important
-      }
-
-      .m-md-n1 {
-        margin: -.25rem !important
-      }
-
-      .mt-md-n1,
-      .my-md-n1 {
-        margin-top: -.25rem !important
-      }
-
-      .mr-md-n1,
-      .mx-md-n1 {
-        margin-right: -.25rem !important
-      }
-
-      .mb-md-n1,
-      .my-md-n1 {
-        margin-bottom: -.25rem !important
-      }
-
-      .ml-md-n1,
-      .mx-md-n1 {
-        margin-left: -.25rem !important
-      }
-
-      .m-md-n2 {
-        margin: -.5rem !important
-      }
-
-      .mt-md-n2,
-      .my-md-n2 {
-        margin-top: -.5rem !important
-      }
-
-      .mr-md-n2,
-      .mx-md-n2 {
-        margin-right: -.5rem !important
-      }
-
-      .mb-md-n2,
-      .my-md-n2 {
-        margin-bottom: -.5rem !important
-      }
-
-      .ml-md-n2,
-      .mx-md-n2 {
-        margin-left: -.5rem !important
-      }
-
-      .m-md-n3 {
-        margin: -1rem !important
-      }
-
-      .mt-md-n3,
-      .my-md-n3 {
-        margin-top: -1rem !important
-      }
-
-      .mr-md-n3,
-      .mx-md-n3 {
-        margin-right: -1rem !important
-      }
-
-      .mb-md-n3,
-      .my-md-n3 {
-        margin-bottom: -1rem !important
-      }
-
-      .ml-md-n3,
-      .mx-md-n3 {
-        margin-left: -1rem !important
-      }
-
-      .m-md-n4 {
-        margin: -1.5rem !important
-      }
-
-      .mt-md-n4,
-      .my-md-n4 {
-        margin-top: -1.5rem !important
-      }
-
-      .mr-md-n4,
-      .mx-md-n4 {
-        margin-right: -1.5rem !important
-      }
-
-      .mb-md-n4,
-      .my-md-n4 {
-        margin-bottom: -1.5rem !important
-      }
-
-      .ml-md-n4,
-      .mx-md-n4 {
-        margin-left: -1.5rem !important
-      }
-
-      .m-md-n5 {
-        margin: -3rem !important
-      }
-
-      .mt-md-n5,
-      .my-md-n5 {
-        margin-top: -3rem !important
-      }
-
-      .mr-md-n5,
-      .mx-md-n5 {
-        margin-right: -3rem !important
-      }
-
-      .mb-md-n5,
-      .my-md-n5 {
-        margin-bottom: -3rem !important
-      }
-
-      .ml-md-n5,
-      .mx-md-n5 {
-        margin-left: -3rem !important
-      }
-
-      .m-md-auto {
-        margin: auto !important
-      }
-
-      .mt-md-auto,
-      .my-md-auto {
-        margin-top: auto !important
-      }
-
-      .mr-md-auto,
-      .mx-md-auto {
-        margin-right: auto !important
-      }
-
-      .mb-md-auto,
-      .my-md-auto {
-        margin-bottom: auto !important
-      }
-
-      .ml-md-auto,
-      .mx-md-auto {
-        margin-left: auto !important
-      }
-    }
-
-    @media (min-width:992px) {
-      .m-lg-0 {
-        margin: 0 !important
-      }
-
-      .mt-lg-0,
-      .my-lg-0 {
-        margin-top: 0 !important
-      }
-
-      .mr-lg-0,
-      .mx-lg-0 {
-        margin-right: 0 !important
-      }
-
-      .mb-lg-0,
-      .my-lg-0 {
-        margin-bottom: 0 !important
-      }
-
-      .ml-lg-0,
-      .mx-lg-0 {
-        margin-left: 0 !important
-      }
-
-      .m-lg-1 {
-        margin: .25rem !important
-      }
-
-      .mt-lg-1,
-      .my-lg-1 {
-        margin-top: .25rem !important
-      }
-
-      .mr-lg-1,
-      .mx-lg-1 {
-        margin-right: .25rem !important
-      }
-
-      .mb-lg-1,
-      .my-lg-1 {
-        margin-bottom: .25rem !important
-      }
-
-      .ml-lg-1,
-      .mx-lg-1 {
-        margin-left: .25rem !important
-      }
-
-      .m-lg-2 {
-        margin: .5rem !important
-      }
-
-      .mt-lg-2,
-      .my-lg-2 {
-        margin-top: .5rem !important
-      }
-
-      .mr-lg-2,
-      .mx-lg-2 {
-        margin-right: .5rem !important
-      }
-
-      .mb-lg-2,
-      .my-lg-2 {
-        margin-bottom: .5rem !important
-      }
-
-      .ml-lg-2,
-      .mx-lg-2 {
-        margin-left: .5rem !important
-      }
-
-      .m-lg-3 {
-        margin: 1rem !important
-      }
-
-      .mt-lg-3,
-      .my-lg-3 {
-        margin-top: 1rem !important
-      }
-
-      .mr-lg-3,
-      .mx-lg-3 {
-        margin-right: 1rem !important
-      }
-
-      .mb-lg-3,
-      .my-lg-3 {
-        margin-bottom: 1rem !important
-      }
-
-      .ml-lg-3,
-      .mx-lg-3 {
-        margin-left: 1rem !important
-      }
-
-      .m-lg-4 {
-        margin: 1.5rem !important
-      }
-
-      .mt-lg-4,
-      .my-lg-4 {
-        margin-top: 1.5rem !important
-      }
-
-      .mr-lg-4,
-      .mx-lg-4 {
-        margin-right: 1.5rem !important
-      }
-
-      .mb-lg-4,
-      .my-lg-4 {
-        margin-bottom: 1.5rem !important
-      }
-
-      .ml-lg-4,
-      .mx-lg-4 {
-        margin-left: 1.5rem !important
-      }
-
-      .m-lg-5 {
-        margin: 3rem !important
-      }
-
-      .mt-lg-5,
-      .my-lg-5 {
-        margin-top: 3rem !important
-      }
-
-      .mr-lg-5,
-      .mx-lg-5 {
-        margin-right: 3rem !important
-      }
-
-      .mb-lg-5,
-      .my-lg-5 {
-        margin-bottom: 3rem !important
-      }
-
-      .ml-lg-5,
-      .mx-lg-5 {
-        margin-left: 3rem !important
-      }
-
-      .p-lg-0 {
-        padding: 0 !important
-      }
-
-      .pt-lg-0,
-      .py-lg-0 {
-        padding-top: 0 !important
-      }
-
-      .pr-lg-0,
-      .px-lg-0 {
-        padding-right: 0 !important
-      }
-
-      .pb-lg-0,
-      .py-lg-0 {
-        padding-bottom: 0 !important
-      }
-
-      .pl-lg-0,
-      .px-lg-0 {
-        padding-left: 0 !important
-      }
-
-      .p-lg-1 {
-        padding: .25rem !important
-      }
-
-      .pt-lg-1,
-      .py-lg-1 {
-        padding-top: .25rem !important
-      }
-
-      .pr-lg-1,
-      .px-lg-1 {
-        padding-right: .25rem !important
-      }
-
-      .pb-lg-1,
-      .py-lg-1 {
-        padding-bottom: .25rem !important
-      }
-
-      .pl-lg-1,
-      .px-lg-1 {
-        padding-left: .25rem !important
-      }
-
-      .p-lg-2 {
-        padding: .5rem !important
-      }
-
-      .pt-lg-2,
-      .py-lg-2 {
-        padding-top: .5rem !important
-      }
-
-      .pr-lg-2,
-      .px-lg-2 {
-        padding-right: .5rem !important
-      }
-
-      .pb-lg-2,
-      .py-lg-2 {
-        padding-bottom: .5rem !important
-      }
-
-      .pl-lg-2,
-      .px-lg-2 {
-        padding-left: .5rem !important
-      }
-
-      .p-lg-3 {
-        padding: 1rem !important
-      }
-
-      .pt-lg-3,
-      .py-lg-3 {
-        padding-top: 1rem !important
-      }
-
-      .pr-lg-3,
-      .px-lg-3 {
-        padding-right: 1rem !important
-      }
-
-      .pb-lg-3,
-      .py-lg-3 {
-        padding-bottom: 1rem !important
-      }
-
-      .pl-lg-3,
-      .px-lg-3 {
-        padding-left: 1rem !important
-      }
-
-      .p-lg-4 {
-        padding: 1.5rem !important
-      }
-
-      .pt-lg-4,
-      .py-lg-4 {
-        padding-top: 1.5rem !important
-      }
-
-      .pr-lg-4,
-      .px-lg-4 {
-        padding-right: 1.5rem !important
-      }
-
-      .pb-lg-4,
-      .py-lg-4 {
-        padding-bottom: 1.5rem !important
-      }
-
-      .pl-lg-4,
-      .px-lg-4 {
-        padding-left: 1.5rem !important
-      }
-
-      .p-lg-5 {
-        padding: 3rem !important
-      }
-
-      .pt-lg-5,
-      .py-lg-5 {
-        padding-top: 3rem !important
-      }
-
-      .pr-lg-5,
-      .px-lg-5 {
-        padding-right: 3rem !important
-      }
-
-      .pb-lg-5,
-      .py-lg-5 {
-        padding-bottom: 3rem !important
-      }
-
-      .pl-lg-5,
-      .px-lg-5 {
-        padding-left: 3rem !important
-      }
-
-      .m-lg-n1 {
-        margin: -.25rem !important
-      }
-
-      .mt-lg-n1,
-      .my-lg-n1 {
-        margin-top: -.25rem !important
-      }
-
-      .mr-lg-n1,
-      .mx-lg-n1 {
-        margin-right: -.25rem !important
-      }
-
-      .mb-lg-n1,
-      .my-lg-n1 {
-        margin-bottom: -.25rem !important
-      }
-
-      .ml-lg-n1,
-      .mx-lg-n1 {
-        margin-left: -.25rem !important
-      }
-
-      .m-lg-n2 {
-        margin: -.5rem !important
-      }
-
-      .mt-lg-n2,
-      .my-lg-n2 {
-        margin-top: -.5rem !important
-      }
-
-      .mr-lg-n2,
-      .mx-lg-n2 {
-        margin-right: -.5rem !important
-      }
-
-      .mb-lg-n2,
-      .my-lg-n2 {
-        margin-bottom: -.5rem !important
-      }
-
-      .ml-lg-n2,
-      .mx-lg-n2 {
-        margin-left: -.5rem !important
-      }
-
-      .m-lg-n3 {
-        margin: -1rem !important
-      }
-
-      .mt-lg-n3,
-      .my-lg-n3 {
-        margin-top: -1rem !important
-      }
-
-      .mr-lg-n3,
-      .mx-lg-n3 {
-        margin-right: -1rem !important
-      }
-
-      .mb-lg-n3,
-      .my-lg-n3 {
-        margin-bottom: -1rem !important
-      }
-
-      .ml-lg-n3,
-      .mx-lg-n3 {
-        margin-left: -1rem !important
-      }
-
-      .m-lg-n4 {
-        margin: -1.5rem !important
-      }
-
-      .mt-lg-n4,
-      .my-lg-n4 {
-        margin-top: -1.5rem !important
-      }
-
-      .mr-lg-n4,
-      .mx-lg-n4 {
-        margin-right: -1.5rem !important
-      }
-
-      .mb-lg-n4,
-      .my-lg-n4 {
-        margin-bottom: -1.5rem !important
-      }
-
-      .ml-lg-n4,
-      .mx-lg-n4 {
-        margin-left: -1.5rem !important
-      }
-
-      .m-lg-n5 {
-        margin: -3rem !important
-      }
-
-      .mt-lg-n5,
-      .my-lg-n5 {
-        margin-top: -3rem !important
-      }
-
-      .mr-lg-n5,
-      .mx-lg-n5 {
-        margin-right: -3rem !important
-      }
-
-      .mb-lg-n5,
-      .my-lg-n5 {
-        margin-bottom: -3rem !important
-      }
-
-      .ml-lg-n5,
-      .mx-lg-n5 {
-        margin-left: -3rem !important
-      }
-
-      .m-lg-auto {
-        margin: auto !important
-      }
-
-      .mt-lg-auto,
-      .my-lg-auto {
-        margin-top: auto !important
-      }
-
-      .mr-lg-auto,
-      .mx-lg-auto {
-        margin-right: auto !important
-      }
-
-      .mb-lg-auto,
-      .my-lg-auto {
-        margin-bottom: auto !important
-      }
-
-      .ml-lg-auto,
-      .mx-lg-auto {
-        margin-left: auto !important
-      }
-    }
-
-    @media (min-width:1200px) {
-      .m-xl-0 {
-        margin: 0 !important
-      }
-
-      .mt-xl-0,
-      .my-xl-0 {
-        margin-top: 0 !important
-      }
-
-      .mr-xl-0,
-      .mx-xl-0 {
-        margin-right: 0 !important
-      }
-
-      .mb-xl-0,
-      .my-xl-0 {
-        margin-bottom: 0 !important
-      }
-
-      .ml-xl-0,
-      .mx-xl-0 {
-        margin-left: 0 !important
-      }
-
-      .m-xl-1 {
-        margin: .25rem !important
-      }
-
-      .mt-xl-1,
-      .my-xl-1 {
-        margin-top: .25rem !important
-      }
-
-      .mr-xl-1,
-      .mx-xl-1 {
-        margin-right: .25rem !important
-      }
-
-      .mb-xl-1,
-      .my-xl-1 {
-        margin-bottom: .25rem !important
-      }
-
-      .ml-xl-1,
-      .mx-xl-1 {
-        margin-left: .25rem !important
-      }
-
-      .m-xl-2 {
-        margin: .5rem !important
-      }
-
-      .mt-xl-2,
-      .my-xl-2 {
-        margin-top: .5rem !important
-      }
-
-      .mr-xl-2,
-      .mx-xl-2 {
-        margin-right: .5rem !important
-      }
-
-      .mb-xl-2,
-      .my-xl-2 {
-        margin-bottom: .5rem !important
-      }
-
-      .ml-xl-2,
-      .mx-xl-2 {
-        margin-left: .5rem !important
-      }
-
-      .m-xl-3 {
-        margin: 1rem !important
-      }
-
-      .mt-xl-3,
-      .my-xl-3 {
-        margin-top: 1rem !important
-      }
-
-      .mr-xl-3,
-      .mx-xl-3 {
-        margin-right: 1rem !important
-      }
-
-      .mb-xl-3,
-      .my-xl-3 {
-        margin-bottom: 1rem !important
-      }
-
-      .ml-xl-3,
-      .mx-xl-3 {
-        margin-left: 1rem !important
-      }
-
-      .m-xl-4 {
-        margin: 1.5rem !important
-      }
-
-      .mt-xl-4,
-      .my-xl-4 {
-        margin-top: 1.5rem !important
-      }
-
-      .mr-xl-4,
-      .mx-xl-4 {
-        margin-right: 1.5rem !important
-      }
-
-      .mb-xl-4,
-      .my-xl-4 {
-        margin-bottom: 1.5rem !important
-      }
-
-      .ml-xl-4,
-      .mx-xl-4 {
-        margin-left: 1.5rem !important
-      }
-
-      .m-xl-5 {
-        margin: 3rem !important
-      }
-
-      .mt-xl-5,
-      .my-xl-5 {
-        margin-top: 3rem !important
-      }
-
-      .mr-xl-5,
-      .mx-xl-5 {
-        margin-right: 3rem !important
-      }
-
-      .mb-xl-5,
-      .my-xl-5 {
-        margin-bottom: 3rem !important
-      }
-
-      .ml-xl-5,
-      .mx-xl-5 {
-        margin-left: 3rem !important
-      }
-
-      .p-xl-0 {
-        padding: 0 !important
-      }
-
-      .pt-xl-0,
-      .py-xl-0 {
-        padding-top: 0 !important
-      }
-
-      .pr-xl-0,
-      .px-xl-0 {
-        padding-right: 0 !important
-      }
-
-      .pb-xl-0,
-      .py-xl-0 {
-        padding-bottom: 0 !important
-      }
-
-      .pl-xl-0,
-      .px-xl-0 {
-        padding-left: 0 !important
-      }
-
-      .p-xl-1 {
-        padding: .25rem !important
-      }
-
-      .pt-xl-1,
-      .py-xl-1 {
-        padding-top: .25rem !important
-      }
-
-      .pr-xl-1,
-      .px-xl-1 {
-        padding-right: .25rem !important
-      }
-
-      .pb-xl-1,
-      .py-xl-1 {
-        padding-bottom: .25rem !important
-      }
-
-      .pl-xl-1,
-      .px-xl-1 {
-        padding-left: .25rem !important
-      }
-
-      .p-xl-2 {
-        padding: .5rem !important
-      }
-
-      .pt-xl-2,
-      .py-xl-2 {
-        padding-top: .5rem !important
-      }
-
-      .pr-xl-2,
-      .px-xl-2 {
-        padding-right: .5rem !important
-      }
-
-      .pb-xl-2,
-      .py-xl-2 {
-        padding-bottom: .5rem !important
-      }
-
-      .pl-xl-2,
-      .px-xl-2 {
-        padding-left: .5rem !important
-      }
-
-      .p-xl-3 {
-        padding: 1rem !important
-      }
-
-      .pt-xl-3,
-      .py-xl-3 {
-        padding-top: 1rem !important
-      }
-
-      .pr-xl-3,
-      .px-xl-3 {
-        padding-right: 1rem !important
-      }
-
-      .pb-xl-3,
-      .py-xl-3 {
-        padding-bottom: 1rem !important
-      }
-
-      .pl-xl-3,
-      .px-xl-3 {
-        padding-left: 1rem !important
-      }
-
-      .p-xl-4 {
-        padding: 1.5rem !important
-      }
-
-      .pt-xl-4,
-      .py-xl-4 {
-        padding-top: 1.5rem !important
-      }
-
-      .pr-xl-4,
-      .px-xl-4 {
-        padding-right: 1.5rem !important
-      }
-
-      .pb-xl-4,
-      .py-xl-4 {
-        padding-bottom: 1.5rem !important
-      }
-
-      .pl-xl-4,
-      .px-xl-4 {
-        padding-left: 1.5rem !important
-      }
-
-      .p-xl-5 {
-        padding: 3rem !important
-      }
-
-      .pt-xl-5,
-      .py-xl-5 {
-        padding-top: 3rem !important
-      }
-
-      .pr-xl-5,
-      .px-xl-5 {
-        padding-right: 3rem !important
-      }
-
-      .pb-xl-5,
-      .py-xl-5 {
-        padding-bottom: 3rem !important
-      }
-
-      .pl-xl-5,
-      .px-xl-5 {
-        padding-left: 3rem !important
-      }
-
-      .m-xl-n1 {
-        margin: -.25rem !important
-      }
-
-      .mt-xl-n1,
-      .my-xl-n1 {
-        margin-top: -.25rem !important
-      }
-
-      .mr-xl-n1,
-      .mx-xl-n1 {
-        margin-right: -.25rem !important
-      }
-
-      .mb-xl-n1,
-      .my-xl-n1 {
-        margin-bottom: -.25rem !important
-      }
-
-      .ml-xl-n1,
-      .mx-xl-n1 {
-        margin-left: -.25rem !important
-      }
-
-      .m-xl-n2 {
-        margin: -.5rem !important
-      }
-
-      .mt-xl-n2,
-      .my-xl-n2 {
-        margin-top: -.5rem !important
-      }
-
-      .mr-xl-n2,
-      .mx-xl-n2 {
-        margin-right: -.5rem !important
-      }
-
-      .mb-xl-n2,
-      .my-xl-n2 {
-        margin-bottom: -.5rem !important
-      }
-
-      .ml-xl-n2,
-      .mx-xl-n2 {
-        margin-left: -.5rem !important
-      }
-
-      .m-xl-n3 {
-        margin: -1rem !important
-      }
-
-      .mt-xl-n3,
-      .my-xl-n3 {
-        margin-top: -1rem !important
-      }
-
-      .mr-xl-n3,
-      .mx-xl-n3 {
-        margin-right: -1rem !important
-      }
-
-      .mb-xl-n3,
-      .my-xl-n3 {
-        margin-bottom: -1rem !important
-      }
-
-      .ml-xl-n3,
-      .mx-xl-n3 {
-        margin-left: -1rem !important
-      }
-
-      .m-xl-n4 {
-        margin: -1.5rem !important
-      }
-
-      .mt-xl-n4,
-      .my-xl-n4 {
-        margin-top: -1.5rem !important
-      }
-
-      .mr-xl-n4,
-      .mx-xl-n4 {
-        margin-right: -1.5rem !important
-      }
-
-      .mb-xl-n4,
-      .my-xl-n4 {
-        margin-bottom: -1.5rem !important
-      }
-
-      .ml-xl-n4,
-      .mx-xl-n4 {
-        margin-left: -1.5rem !important
-      }
-
-      .m-xl-n5 {
-        margin: -3rem !important
-      }
-
-      .mt-xl-n5,
-      .my-xl-n5 {
-        margin-top: -3rem !important
-      }
-
-      .mr-xl-n5,
-      .mx-xl-n5 {
-        margin-right: -3rem !important
-      }
-
-      .mb-xl-n5,
-      .my-xl-n5 {
-        margin-bottom: -3rem !important
-      }
-
-      .ml-xl-n5,
-      .mx-xl-n5 {
-        margin-left: -3rem !important
-      }
-
-      .m-xl-auto {
-        margin: auto !important
-      }
-
-      .mt-xl-auto,
-      .my-xl-auto {
-        margin-top: auto !important
-      }
-
-      .mr-xl-auto,
-      .mx-xl-auto {
-        margin-right: auto !important
-      }
-
-      .mb-xl-auto,
-      .my-xl-auto {
-        margin-bottom: auto !important
-      }
-
-      .ml-xl-auto,
-      .mx-xl-auto {
-        margin-left: auto !important
-      }
-    }
-
-    .text-monospace {
-      font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important
-    }
-
-    .text-justify {
-      text-align: justify !important
-    }
-
-    .text-wrap {
-      white-space: normal !important
-    }
-
-    .text-nowrap {
-      white-space: nowrap !important
-    }
-
-    .text-truncate {
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap
-    }
-
-    .text-left {
-      text-align: left !important
-    }
-
-    .text-right {
-      text-align: right !important
-    }
-
-    .text-center {
-      text-align: center !important
-    }
-
-    @media (min-width:576px) {
-      .text-sm-left {
-        text-align: left !important
-      }
-
-      .text-sm-right {
-        text-align: right !important
-      }
-
-      .text-sm-center {
-        text-align: center !important
-      }
-    }
-
-    @media (min-width:768px) {
-      .text-md-left {
-        text-align: left !important
-      }
-
-      .text-md-right {
-        text-align: right !important
-      }
-
-      .text-md-center {
-        text-align: center !important
-      }
-    }
-
-    @media (min-width:992px) {
-      .text-lg-left {
-        text-align: left !important
-      }
-
-      .text-lg-right {
-        text-align: right !important
-      }
-
-      .text-lg-center {
-        text-align: center !important
-      }
-    }
-
-    @media (min-width:1200px) {
-      .text-xl-left {
-        text-align: left !important
-      }
-
-      .text-xl-right {
-        text-align: right !important
-      }
-
-      .text-xl-center {
-        text-align: center !important
-      }
-    }
-
-    .text-lowercase {
-      text-transform: lowercase !important
-    }
-
-    .text-uppercase {
-      text-transform: uppercase !important
-    }
-
-    .text-capitalize {
-      text-transform: capitalize !important
-    }
-
-    .font-weight-light {
-      font-weight: 300 !important
-    }
-
-    .font-weight-lighter {
-      font-weight: lighter !important
-    }
-
-    .font-weight-normal {
-      font-weight: 400 !important
-    }
-
-    .font-weight-bold {
-      font-weight: 700 !important
-    }
-
-    .font-weight-bolder {
-      font-weight: bolder !important
-    }
-
-    .font-italic {
-      font-style: italic !important
-    }
-
-    .text-white {
-      color: #fff !important
-    }
-
-    .text-primary {
-      color: #007bff !important
-    }
-
-    a.text-primary:focus,
-    a.text-primary:hover {
-      color: #0056b3 !important
-    }
-
-    .text-secondary {
-      color: #6c757d !important
-    }
-
-    a.text-secondary:focus,
-    a.text-secondary:hover {
-      color: #494f54 !important
-    }
-
-    .text-success {
-      color: #28a745 !important
-    }
-
-    a.text-success:focus,
-    a.text-success:hover {
-      color: #19692c !important
-    }
-
-    .text-info {
-      color: #17a2b8 !important
-    }
-
-    a.text-info:focus,
-    a.text-info:hover {
-      color: #0f6674 !important
-    }
-
-    .text-warning {
-      color: #ffc107 !important
-    }
-
-    a.text-warning:focus,
-    a.text-warning:hover {
-      color: #ba8b00 !important
-    }
-
-    .text-danger {
-      color: #dc3545 !important
-    }
-
-    a.text-danger:focus,
-    a.text-danger:hover {
-      color: #a71d2a !important
-    }
-
-    .text-light {
-      color: #f8f9fa !important
-    }
-
-    a.text-light:focus,
-    a.text-light:hover {
-      color: #cbd3da !important
-    }
-
-    .text-dark {
-      color: #343a40 !important
-    }
-
-    a.text-dark:focus,
-    a.text-dark:hover {
-      color: #121416 !important
-    }
-
-    .text-body {
-      color: #212529 !important
-    }
-
-    .text-muted {
-      color: #6c757d !important
-    }
-
-    .text-black-50 {
-      color: rgba(0, 0, 0, .5) !important
-    }
-
-    .text-white-50 {
-      color: rgba(255, 255, 255, .5) !important
-    }
-
-    .text-hide {
-      font: 0/0 a;
-      color: transparent;
-      text-shadow: none;
-      background-color: transparent;
-      border: 0
-    }
-
-    .text-decoration-none {
-      text-decoration: none !important
-    }
-
-    .text-break {
-      word-break: break-word !important;
-      overflow-wrap: break-word !important
-    }
-
-    .text-reset {
-      color: inherit !important
-    }
-
-    .visible {
-      visibility: visible !important
-    }
-
-    .invisible {
-      visibility: hidden !important
-    }
-
-    @media print {
-
-      *,
-      ::after,
-      ::before {
-        text-shadow: none !important;
-        box-shadow: none !important
-      }
-
-      a:not(.btn) {
-        text-decoration: underline
-      }
-
-      abbr[title]::after {
-        content: " (" attr(title) ")"
-      }
-
-      pre {
-        white-space: pre-wrap !important
-      }
-
-      blockquote,
-      pre {
-        border: 1px solid #adb5bd;
-        page-break-inside: avoid
-      }
-
-      thead {
-        display: table-header-group
-      }
-
-      img,
-      tr {
-        page-break-inside: avoid
-      }
-
-      h2,
-      h3,
-      p {
-        orphans: 3;
-        widows: 3
-      }
-
-      h2,
-      h3 {
-        page-break-after: avoid
-      }
-
-      @page {
-        size: a3
-      }
-
-      body {
-        min-width: 992px !important
-      }
-
-      .container {
-        min-width: 992px !important
-      }
-
-      .navbar {
-        display: none
-      }
-
-      .badge {
-        border: 1px solid #000
-      }
-
-      .table {
-        border-collapse: collapse !important
-      }
-
-      .table td,
-      .table th {
-        background-color: #fff !important
-      }
-
-      .table-bordered td,
-      .table-bordered th {
-        border: 1px solid #dee2e6 !important
-      }
-
-      .table-dark {
-        color: inherit
-      }
-
-      .table-dark tbody+tbody,
-      .table-dark td,
-      .table-dark th,
-      .table-dark thead th {
-        border-color: #dee2e6
-      }
-
-      .table .thead-dark th {
-        color: inherit;
-        border-color: #dee2e6
-      }
-    }
-
-    /*# sourceMappingURL=bootstrap.min.css.map */
-  </style>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.1.0/Chart.bundle.min.js"></script>
-  <style>
-    @import url('https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap');
-
-    #loader {
-      background: #0908088c;
-    }
-
-    body::-webkit-scrollbar {
-      width: 0.5em;
-    }
-
-    body::-webkit-scrollbar-track {
-      box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-      background-color: #061e29;
-    }
-
-    body::-webkit-scrollbar-thumb {
-      background-color: #00f1ffab;
-    }
-
-    #in_view_form::-webkit-scrollbar {
-      width: 0.2em;
-    }
-
-    #in_view_form::-webkit-scrollbar-track {
-      background-color: #42424200;
-      margin-bottom: 30px;
-      margin-top: 30px;
-    }
-
-    #in_view_form::-webkit-scrollbar-thumb {
-      background-color: #00f1ff;
-      border-radius: 7px 7px 7px 7px;
-    }
-
-
-    img {
-      object-fit: cover;
-      filter: blur(20px);
-      transition: all 3s;
-    }
-
-    body {
-      background-image: repeating-linear-gradient(90deg, hsla(69, 0%, 61%, 0.05) 0px, hsla(69, 0%, 61%, 0.05) 1px, transparent 1px, transparent 104px), repeating-linear-gradient(0deg, hsla(69, 0%, 61%, 0.05) 0px, hsla(69, 0%, 61%, 0.05) 1px, transparent 1px, transparent 104px), repeating-linear-gradient(0deg, rgba(77, 77, 77, 0.08) 0px, rgba(77, 77, 77, 0.08) 1px, transparent 1px, transparent 13px), repeating-linear-gradient(90deg, rgba(77, 77, 77, 0.08) 0px, rgba(77, 77, 77, 0.08) 1px, transparent 1px, transparent 13px), linear-gradient(45deg, rgb(6, 7, 30), rgb(6, 36, 44));
-      margin: 0;
-      font-family: 'Baloo Chettan 2', cursive, calibri, Arial, Helvetica, sans-serif;
-
-    }
-
-    svg {
-      opacity: 0;
-      filter: blur(4px);
-      animation: fade-in 0.8s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
-      width: 22px;
-      height: 22px;
-    }
-
-    .header1 {
-      width: 100%;
-      display: flex;
-      padding: 2% 2% 2% 2%;
-      color: white;
-      background-image: repeating-linear-gradient(90deg, hsla(69, 0%, 61%, 0.05) 0px, hsla(69, 0%, 61%, 0.05) 1px, transparent 1px, transparent 104px), repeating-linear-gradient(0deg, hsla(69, 0%, 61%, 0.05) 0px, hsla(69, 0%, 61%, 0.05) 1px, transparent 1px, transparent 104px), repeating-linear-gradient(0deg, rgba(77, 77, 77, 0.08) 0px, rgba(77, 77, 77, 0.08) 1px, transparent 1px, transparent 13px), repeating-linear-gradient(90deg, rgba(77, 77, 77, 0.08) 0px, rgba(77, 77, 77, 0.08) 1px, transparent 1px, transparent 13px), linear-gradient(45deg, rgb(6, 7, 30), rgb(6, 36, 44));
-    }
-
-    .head {
-      width: 18%;
-      margin-right: 1%;
-    }
-
-    .head .head-in .img-profile1 img {
-      width: 100%;
-      border-radius: 50%;
-    }
-
-    .head .head-in .img-qr-code1 img {
-      width: 100%;
-    }
-
-
-    .head2 {
-      width: 30%;
-    }
-
-    .head2 .head-in2:nth-child(1) {
-      padding: 3% 4% 1px 4%;
-    }
-
-    .head2 .head-in2 {
-      margin: 0% 3% 2% 3%;
-      padding: 3% 4% 3% 4%;
-      background: #1a67951c;
-    }
-
-    .head2 .head-in2:hover {
-      scale: 1.05;
-      box-shadow: 8px 16px 16px hsl(0deg 0% 0% / 25%);
-    }
-
-    .head2 .head-in2 .head-in2-1 h1 {
-      font-size: x-large;
-      padding: 3% 5% 3% 5%;
-      /* box-shadow: inset 0 1px 0 0 hsl(0deg 0% 100% / 5%);
-      background-color: rgb(30 41 59 / 48%); */
-    }
-
-    .head2 .head-in2 .head-in2-1-1 h2 {
-      font-size: large;
-      padding: 1% 5% 1% 5%;
-      position: relative;
-      top: -10px;
-      cursor: pointer;
-      --s: 1px;
-      --c: #1095c1;
-      padding-bottom: var(--s);
-      background: linear-gradient(90deg, var(--c) 50%, #000 0) calc(100% - var(--_p, 0%))/200% 100%, linear-gradient(var(--c) 0 0) 0% 100%/var(--_p, 0%) var(--s) no-repeat;
-      -webkit-background-clip: text, padding-box;
-      background-clip: text, padding-box;
-      transition: 0.5s;
-    }
-
-    .head2 .head-in2 .head-in2-1-1 a {
-      text-decoration: none;
-    }
-
-    .head2 .head-in2:nth-child(1):hover {
-      --_p: 100%;
-    }
-
-    .head2 .head-in2 .head-in2-1-1 h2 svg {
-      width: 20;
-      height: 20;
-      vertical-align: top;
-    }
-
-
-
-
-    .head2 .head-in2 .head-in2-3 {
-      vertical-align: text-bottom;
-      color: #a58519;
-      /* #00fdab */
-    }
-
-    .head2 .head-in2 .head-in2-4 {
-      font-size: x-large;
-    }
-
-    .head2 .head-in2 .head-in2-4 a svg {
-      width: 10px;
-      height: 10px;
-    }
-
-    .head2 .head-in2 .head-intable1 {
-      font-size: small;
-      color: white;
-      width: 100%;
-      opacity: 0;
-      filter: blur(4px);
-      animation: fade-in 0.8s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
-    }
-
-    .head2 .head-in2 .head-intable1 tr {
-
-      line-height: 2;
-      font-weight: lighter;
-      color: #b9c7cde8;
-    }
-
-    .head2 .head-in2 .head-intable1 tr td .border-gradient-1 {
-      text-align: center;
-      border-bottom: 0.5px solid transparent;
-      border-image: linear-gradient(0.25turn, #ffc107, #fbc00ca6, #f393056e, #b19d6352, rgb(255 255 255 / 0%));
-      border-image-slice: 0.5;
-      width: 100%;
-    }
-
-    .head2 .head-in2 .head-intable1 tr:last-child {
-      border-bottom: none;
-    }
-
-    .head3 {
-      width: 50%;
-      height: min-content;
-      cursor: grab;
-    }
-
-    .head3:active {
-      cursor: grabbing;
-    }
-
-    .head3 .head-in3 {
-      margin: 3%;
-    }
-
-    .slickerslide2 .head-in3 {
-      border-top: 1px solid #cbbc8f;
-      border-bottom: 1px solid #cbbc8f;
-      position: relative;
-      z-index: 1;
-      top: 0px;
-      height: 13px;
-    }
-
-    .head3 .slickerslide2 .head-in3 .head-in3-1 {
-      font-size: small;
-      color: #1c1c1c;
-      background: #cbbc8f;
-      clip-path: polygon(0% 0%, 100% 0%, 75% 100%, 25% 100%);
-      box-shadow: 1px 1px 0px 0px #cbbc8f;
-      position: absolute;
-      text-align: center;
-      top: -21px;
-      left: 0;
-      border-top: 1px solid;
-      border-left: 1px solid;
-      right: 0;
-      width: 107px;
-      padding: 1% 1% 1% 1%;
-      margin: auto;
-    }
-
-
-
-    .head3 .head-in3 .head-in3-1 {
-      font-size: x-large;
-      color: #cdbe91;
-    }
-
-    .head3 .head-in3 .head-in3-2 {
-      text-align: justify;
-      display: block;
-      font-size: small;
-    }
-
-    .head3 .box_gbr-head {
-      border-radius: 5px 5px 5px 5px;
-      height: 100%;
-      margin: 0% 3%;
-      clip-path: polygon(0% 0%, 100% 0%, 75% 100%, 25% 100%);
-    }
-
-    .border-gradient-set {
-      position: relative;
-      top: 0.5em;
-    }
-
-    .border-gradient-main {
-      text-align: center;
-      border-bottom: 0.5px solid transparent;
-      border-image: linear-gradient(0.25turn, rgb(255 255 255 / 0%), #a56a00, rgb(255 255 255 / 0%));
-      border-image-slice: 0.5;
-      width: 100%;
-      position: relative;
-      top: -19px;
-    }
-
-    .border-gradient-main-diamond {
-      background: #a46900;
-      -webkit-clip-path: polygon(50% 94%, 100% 50%, 50% 100%, 0% 50%);
-      clip-path: polygon(50% 94%, 100% 50%, 50% 100%, 0% 50%);
-      width: 50px;
-      height: 50px;
-      margin: auto;
-      position: absolute;
-      top: 0;
-      bottom: 0;
-      right: 0;
-      left: 0;
-    }
-
-    .border-gradient-main-diamond::after {
-      background: #cbbc8f;
-      -webkit-clip-path: polygon(50.1% 0%, 100% 100%, 0% 100%);
-      clip-path: polygon(50.1% 0%, 100% 100%, 0% 100%);
-      margin: auto;
-      position: absolute;
-      top: -23px;
-      bottom: 0;
-      width: 50px;
-      height: 50px;
-      left: 0;
-      content: "";
-    }
-
-    .leher {
-      padding: 1% 0px 1% 0%;
-      font-size: small;
-      display: flex;
-      color: #cdbe91;
-      box-shadow: inset 0 1px 0 0 hsl(0deg 0% 100% / 5%);
-      background-color: rgb(30 41 59 / 48%);
-    }
-
-    .leher .slide-leher {
-      position: absolute;
-      right: 15px;
-      padding: 6px 6px 6px 6px;
-      visibility: hidden;
-      margin-top: 0.2em;
-      cursor: s-resize;
-      border: 2px solid;
-    }
-
-    .leher .slide-leher:hover {
-      border-radius: 50%;
-      ;
-    }
-
-    .leher .leher1 {
-      color: #cdbe91;
-      margin: auto;
-      /* margin: 0px 1% 0px 1%;*/
-    }
-
-    .leher .plugin-ContactForm {
-      cursor: pointer;
-    }
-
-    .btn-infohoveronly:hover {
-      background: linear-gradient(to right, #128f971f, TRANSPARENT);
-      text-decoration: none;
-    }
-
-    .btn-infohoveronly::before {
-      content: "";
-      width: 20px;
-      height: 20px;
-      position: absolute;
-      background: #259990;
-      left: 0;
-      transform: translateX(-40px) rotate(45deg);
-      border: solid 3px #194846;
-      box-shadow: 2px -2px 0px #1A5754;
-      transition: all 0.2s ease;
-    }
-
-    .btn-infohoveronly:hover::before {
-      transform: translateX(-20px) rotate(45deg);
-    }
-
-    .leher .leher1 span {
-      padding-left: 4px;
-    }
-
-    .leher>.leher1>svg {
-      width: 10px;
-      height: 10px;
-      vertical-align: unset;
-    }
-
-    .leher>.plugin-ContactForm>span>svg {
-      width: 15px;
-      height: 15px;
-      vertical-align: sub;
-    }
-
-    .tab-content {
-      padding: 1%;
-    }
-
-    .tab-content>.tab-pane {
-      /* animation: fade-in 0.8s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
-      opacity: 0;
-      filter: blur(4px); */
-    }
-
-    .skill {
-      margin: 3% 0% 1% 0%;
-    }
-
-    .skill table {
-      width: 90%;
-      margin: auto;
-    }
-
-    .skill table tr:nth-child(2) {
-      border-left: 1px dashed #efefef26;
-    }
-
-    .skill table tr:nth-child(3) {
-      border-left: 1px dashed #efefef26;
-    }
-
-    .skill table tr:nth-child(4) {
-      border-left: 1px dashed #efefef26;
-    }
-
-
-    .navlibuttonspan {
-      display: none;
-    }
-
-    .navlibuttonspanopen {
-      background-color: #1e2328;
-      color: #008df1;
-    }
-
-    .navlibuttonspanactive {
-      display: block;
-      text-indent: 8px;
-    }
-
-
-
-
-    #profile h2,
-    h4 {
-      color: white;
-    }
-
-    .col-md-6 {
-      -ms-flex: 0 0 100%;
-      flex: 0 0 100%;
-      max-width: 100%;
-      display: flex;
-    }
-
-    .keahlian-list {
-      padding: 1%;
-      -ms-flex: 0 0 33.333333%;
-      flex: 0 0 33.333333%;
-      max-width: 33.333333%;
-      height: 271px;
-    }
-
-    .keahlian-list:first-child {
-      flex: 0 0 100%;
-      max-width: 100%;
-      height: 300px;
-      /* height: fit-content; */
-      position: relative;
-      display: inline-block;
-      overflow: hidden;
-    }
-
-    .keahlian-list:first-child>.bungkus-skil>img {
-      z-index: 1;
-      width: 100%;
-      height: 100%;
-    }
-
-    .keahlian-list:first-child>.bungkus-skil {
-      backdrop-filter: blur(4px);
-    }
-
-    .keahlian-list:first-child>.bungkus-skil .bagi {
-      height: 100%;
-      display: flex;
-      position: absolute;
-      margin: 0 auto;
-      left: 0;
-      right: 0;
-      top: 0%;
-      width: 100%;
-    }
-
-    .keahlian-list:first-child>.bungkus-skil .bagi-1 {
-      width: 50%;
-      /* height: 100%; */
-      text-align: left;
-    }
-
-
-    .keahlian-list:first-child>.bungkus-skil>.bagi>.bagi-1>ul {
-      margin: auto;
-      width: 95%;
-    }
-
-    .keahlian-list:first-child>.bungkus-skil>.bagi>.bagi-1>ul>li {
-      width: fit-content;
-      display: table-footer-group;
-    }
-
-    .keahlian-list:first-child>.bungkus-skil>.bagi>.bagi-1>ul>li>h4 {
-      font-size: xx-large;
-    }
-
-    .keahlian-list:first-child>.bungkus-skil>.bagi>.bagi-1>ul>li>p {
-      color: white
-    }
-
-    .keahlian-list:first-child>.bungkus-skil>.bagi>.bagi-1>ul>li>span {
-      padding: 0.5% 2% 0.5% 2%;
-      margin: 0;
-      background: #00f0fe;
-      color: #ffffff;
-      border-radius: 10px 10px 10px 10px;
-    }
-
-    .keahlian-list:first-child>.bungkus-skil .bagi-2 {
-      width: 37%;
-      height: 100%;
-      backdrop-filter: blur(4px);
-    }
-
-    .b-chart-FIRST {
-      width: 100%;
-      height: 100%;
-      padding: 4% 4% 4% 4%;
-    }
-
-    .b-chart {
-      width: 60%;
-      margin: auto;
-      margin-top: 48px;
-      margin-bottom: 86px;
-    }
-
-    #jarvis-circle-wrapper {
-      width: 450px;
-      height: 450px;
-      position: absolute;
-      margin: auto;
-      top: 35px;
-      left: 0;
-      right: 0;
-      z-index: -1;
-    }
-
-    #jarvis-circle-inner {
-      width: 100%;
-      height: 100%;
-      border-radius: 50%;
-      border: 3px solid transparent;
-      border-top-color: #4db8ff;
-      border-bottom-color: #b3e0ff;
-      border-right-color: #66c2ff;
-      border-left-color: #80ccff;
-      box-shadow: 0 0 15px #2187e7;
-      -webkit-animation: spinJarvis 30s linear infinite;
-      animation: spinJarvis 30s linear infinite;
-    }
-
-    #jarvis-circle-inner:before {
-      content: "";
-      position: absolute;
-      top: 15px;
-      left: 15px;
-      right: 15px;
-      bottom: 15px;
-      border-radius: 50%;
-      border: 3px solid transparent;
-      border-color: #1d5ca9;
-      border-style: dotted;
-      -webkit-animation: spinJarvis 18s linear infinite;
-      /* Chrome, Opera 15+, Safari 5+ */
-      animation: spinJarvis 18s linear infinite;
-      /* Chrome, Firefox 16+, IE 10+, Opera */
-    }
-
-    #jarvis-circle-inner:after {
-      content: "";
-      position: absolute;
-      top: 25px;
-      left: 25px;
-      right: 25px;
-      bottom: 25px;
-      border-radius: 50%;
-      border: 3px solid transparent;
-      border-color: #429bc078;
-      border-width: 5px;
-      border-style: dotted solid;
-      -webkit-animation: spin 60s linear infinite;
-      /* Chrome, Opera 15+, Safari 5+ */
-      animation: spin 60s linear infinite;
-      /* Chrome, Firefox 16+, IE 10+, Opera */
-    }
-
-    @-webkit-keyframes spinJarvis {
-      0% {
-        -webkit-transform: rotate(0deg);
-        /* Chrome, Opera 15+, Safari 3.1+ */
-        -ms-transform: rotate(0deg);
-        /* IE 9 */
-        transform: rotate(0deg);
-        /* Firefox 16+, IE 10+, Opera */
-      }
-
-      100% {
-        -webkit-transform: rotate(360deg);
-        /* Chrome, Opera 15+, Safari 3.1+ */
-        -ms-transform: rotate(360deg);
-        /* IE 9 */
-        transform: rotate(360deg);
-        /* Firefox 16+, IE 10+, Opera */
-      }
-    }
-
-    @keyframes spinJarvis {
-      0% {
-        -webkit-transform: rotate(0deg);
-        /* Chrome, Opera 15+, Safari 3.1+ */
-        -ms-transform: rotate(0deg);
-        /* IE 9 */
-        transform: rotate(0deg);
-        /* Firefox 16+, IE 10+, Opera */
-      }
-
-      100% {
-        -webkit-transform: rotate(360deg);
-        /* Chrome, Opera 15+, Safari 3.1+ */
-        -ms-transform: rotate(360deg);
-        /* IE 9 */
-        transform: rotate(360deg);
-        /* Firefox 16+, IE 10+, Opera */
-      }
-    }
-
-    .col-md-4 {
-      margin-bottom: 15px;
-    }
-
-    .b-chart-strip1 {
-      height: 3px;
-      background: #80cbfe;
-      width: 200px;
-      position: absolute;
-      top: 259px;
-      left: 185px;
-      box-shadow: rgb(0 67 255 / 20%) 0px 7px 29px 0px;
-    }
-
-    .b-chart-strip2 {
-      height: 1px;
-      background: #ffdf00;
-      width: 200px;
-      position: absolute;
-      top: 242px;
-      right: 185px;
-      box-shadow: rgb(0 67 255 / 20%) 0px 7px 29px 0px;
-    }
-
-    .befortext {
-      width: 27%;
-      color: #ffffff;
-      padding: 0;
-      position: absolute;
-      top: 152px;
-      display: grid;
-      right: 35px;
-    }
-
-    .befortext span:nth-child(1) {
-      background: #a9a9a926;
-      position: relative;
-      top: 13px;
-      color: #bdbdbd9c;
-      text-indent: 1%;
-    }
-
-    .befortext span:nth-child(2) {
-      font-size: 3em;
-      color: #ffe000;
-      text-shadow: 0 0 7px #ffe000;
-      font-weight: lighter;
-    }
-
-    .b-text {
-      color: #a1a1a1;
-      text-align: justify;
-      font-weight: lighter;
-    }
-
-    .bungkus-skil {
-      -moz-transition: all 0.5s ease;
-      -o-transition: all 0.5s ease;
-      transition: all 0.5s ease;
-      background: rgb(255 255 255 / 8%);
-      border-radius: 16px;
-      box-shadow: 0 4px 30px rgb(0 0 0 / 10%);
-      -webkit-backdrop-filter: blur(5px);
-      border: 1px solid rgba(255, 255, 255, 0.3);
-      width: 100%;
-      height: 100%;
-      overflow: hidden;
-      justify-content: center;
-      align-items: center;
-    }
-
-    .bungkus-skil:hover {
-      background: rgb(255 255 255 / 1%);
-    }
-
-    .bungkus-skil button {
-      position: absolute;
-      overflow: hidden;
-      color: #ffffffb5;
-      background-color: #0069d900;
-      border-color: #0062cc00;
-      z-index: 2;
-    }
-
-    .bungkus-skil button:hover {
-      color: white;
-      background-color: #0069d900;
-      border-color: #0062cc00;
-    }
-
-    .bungkus-skil .k-tgl {
-      color: #ffffffb5;
-      float: right;
-      font-size: x-small;
-      padding: 2% 3% 0% 0%;
-      FONT-WEIGHT: lighter;
-      text-transform: uppercase;
-      border-bottom: 2px solid #00f0fe;
-      width: 16%;
-      border-radius: 0px 0px 0px 0px;
-    }
-
-    .bungkus-skil ul {
-      list-style: none;
-      padding: 4%;
-      margin: 0;
-    }
-
-    .bungkus-skil ul li {
-      margin: 0 auto;
-      width: fit-content;
-    }
-
-    .bungkus-skil ul li:nth-child(1) {
-      margin-bottom: 2%
-    }
-
-    .bungkus-skil ul li:nth-child(3) {
-      color: #959595;
-      font-size: 12px;
-      text-align: justify;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      display: -webkit-box;
-      -webkit-line-clamp: 2;
-      -webkit-box-orient: vertical;
-    }
-
-    .bungkus-skil ul li p::first-letter {
-      font-size: 155%;
-      color: #00f1ff;
-    }
-
-
-    .progress {
-      margin-top: 1%;
-      width: 102px;
-      height: 100px !important;
-      line-height: 100px;
-      background: none;
-      box-shadow: none;
-      position: relative;
-    }
-
-    .progress:after {
-      content: "";
-      width: 100%;
-      height: 100%;
-      border-radius: 50%;
-      border: 4px solid #ffffff0f;
-      position: absolute;
-      top: 0;
-      left: 0;
-    }
-
-    .progress>span {
-      width: 50%;
-      height: 100%;
-      overflow: hidden;
-      position: absolute;
-      top: 0;
-      z-index: 1;
-      filter: none;
-      opacity: none;
-    }
-
-    .progress span {
-
-      filter: none;
-      opacity: 2;
-    }
-
-    .progress .progress-left {
-      left: 0;
-    }
-
-    .progress .progress-bar {
-      width: 100%;
-      height: 100%;
-      background: none;
-      border-width: 4px;
-      border-style: solid;
-      position: absolute;
-      top: 0;
-    }
-
-    .progress .progress-left .progress-bar {
-      left: 100%;
-      border-top-right-radius: 80px;
-      border-bottom-right-radius: 80px;
-      border-left: 0;
-      -webkit-transform-origin: center left;
-      transform-origin: center left;
-    }
-
-    .progress .progress-right {
-      right: 0;
-    }
-
-    .progress .progress-right .progress-bar {
-      left: -102%;
-      border-top-left-radius: 80px;
-      border-bottom-left-radius: 80px;
-      border-right: 0;
-      -webkit-transform-origin: center right;
-      transform-origin: center right;
-      animation: loading-1 1.8s linear forwards;
-    }
-
-    .progress .progress-value {
-      width: 100%;
-      height: 100%;
-      border-radius: 50%;
-      background: #ffffff1f;
-      font-size: x-large;
-      color: #fff;
-      text-align: center;
-      position: absolute;
-      top: 0%;
-      left: 0%;
-    }
-
-    .progress.dgm23 .progress-bar {
-      border-color: #00f1ff;
-    }
-
-    .progress.dgm23 .progress-left .progress-bar {
-      animation: loading-70 1.5s linear forwards 1.8s;
-    }
-
-    .progress.DAytc .progress-bar {
-      border-color: #00f1ff;
-    }
-
-    .progress.DAytc .progress-left .progress-bar {
-      animation: loading-72 1.5s linear forwards 1.8s;
-    }
-
-    .progress.office .progress-bar {
-      border-color: #00f1ff;
-    }
-
-    .progress.office .progress-left .progress-bar {
-      animation: loading-90 1.5s linear forwards 1.8s;
-    }
-
-    .progress.manajementdata .progress-bar {
-      border-color: #00f1ff;
-    }
-
-    .progress.manajementdata .progress-left .progress-bar {
-      animation: loading-89 1.5s linear forwards 1.8s;
-    }
-
-    .progress.its .progress-bar {
-      border-color: #00f1ff;
-    }
-
-    .progress.its .progress-left .progress-bar {
-      animation: loading-92 1.5s linear forwards 1.8s;
-    }
-
-    .progress.itn .progress-bar {
-      border-color: #00f1ff;
-    }
-
-    .progress.itn .progress-left .progress-bar {
-      animation: loading-90 1.5s linear forwards 1.8s;
-    }
-
-    .progress.eis .progress-bar {
-      border-color: #00f1ff;
-    }
-
-    .progress.eis .progress-left .progress-bar {
-      animation: loading-98 1.5s linear forwards 1.8s;
-    }
-
-    @keyframes loading-1 {
-      0% {
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
-      }
-
-      100% {
-        -webkit-transform: rotate(180deg);
-        transform: rotate(180deg);
-      }
-    }
-
-    @keyframes loading-65 {
-      0% {
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
-      }
-
-      100% {
-        -webkit-transform: rotate(117deg);
-        transform: rotate(117deg);
-      }
-    }
-
-    @keyframes loading-70 {
-      0% {
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
-      }
-
-      100% {
-        -webkit-transform: rotate(126deg);
-        transform: rotate(126deg);
-      }
-    }
-
-    @keyframes loading-72 {
-      0% {
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
-      }
-
-      100% {
-        -webkit-transform: rotate(130deg);
-        transform: rotate(130deg);
-      }
-    }
-
-    @keyframes loading-80 {
-      0% {
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
-      }
-
-      100% {
-        -webkit-transform: rotate(144deg);
-        transform: rotate(144deg);
-      }
-    }
-
-    @keyframes loading-85 {
-      0% {
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
-      }
-
-      100% {
-        -webkit-transform: rotate(153deg);
-        transform: rotate(153deg);
-      }
-    }
-
-    @keyframes loading-89 {
-      0% {
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
-      }
-
-      100% {
-        -webkit-transform: rotate(160deg);
-        transform: rotate(160deg);
-      }
-    }
-
-    @keyframes loading-90 {
-      0% {
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
-      }
-
-      100% {
-        -webkit-transform: rotate(160deg);
-        transform: rotate(160deg);
-      }
-    }
-
-    @keyframes loading-92 {
-      0% {
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
-      }
-
-      100% {
-        -webkit-transform: rotate(166deg);
-        transform: rotate(166deg);
-      }
-    }
-
-    @keyframes loading-95 {
-      0% {
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
-      }
-
-      100% {
-        -webkit-transform: rotate(171deg);
-        transform: rotate(171deg);
-      }
-    }
-
-    @keyframes loading-98 {
-      0% {
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
-      }
-
-      100% {
-        -webkit-transform: rotate(176deg);
-        transform: rotate(176deg);
-      }
-    }
-
-    @keyframes loading-99 {
-      0% {
-        -webkit-transform: rotate(0deg);
-        transform: rotate(0deg);
-      }
-
-      100% {
-        -webkit-transform: rotate(178.2deg);
-        transform: rotate(178.2deg);
-      }
-    }
-
-
-
-
-
-
-
-    .container {
-      width: 100%;
-      margin: auto;
-      width: 100%;
-      margin: auto;
-      background-color: #efefef0f;
-      font-size: small;
-      border: 0.1px solid #061726;
-    }
-
-    .skills {
-      transition: 0.5s;
-      padding-left: 5px;
-      text-align: right;
-      padding-top: 7px;
-      padding-bottom: 7px;
-      color: white;
-    }
-
-    .skills:hover {
-      background: #00000038;
-      transition: width 2s;
-      padding-top: 9px;
-      padding-bottom: 9px;
-    }
-
-    .container .skills i {
-      float: left;
-      text-transform: uppercase;
-      font-weight: 900;
-    }
-
-    .html {
-      width: 99%;
-      background-color: #b3470040;
-      border: 1px solid #ffa50070;
-    }
-
-    .css {
-      width: 90%;
-      background-color: #cc52003b;
-      border: 1px solid #ffa50052;
-    }
-
-
-    .skill>table>tbody>tr:nth-child(3)>td {
-      display: flex;
-    }
-
-    .skill>table>tbody>tr:nth-child(4)>td {
-      display: flex;
-    }
-
-    .b-chart-Skills-Programming {
-      width: 46%;
-      padding: 1%;
-      margin: 1% auto;
-    }
-
-    .b-chart-Skills-Programming .posisichart-Programming {
-      width: 100%;
-    }
-
-    .b-chart-Skills-Programming h3 {
-      padding: 2%;
-      color: whitesmoke;
-      text-align: center;
-    }
-
-    .media-body ul li {
-      text-align: justify;
-    }
-
-
-    @media screen and (min-width: 1200px) {
-      .container {
-        max-width: 100%;
-      }
-    }
-
-    @media screen and (min-width: 992px) {
-      .container {
-        max-width: 100%;
-      }
-    }
-
-    /* Surface DUO================= */
-    @media screen and (min-width : 1113px) and (max-width: 1114px) {
-      .b-chart {
-        left: -8.5em !important;
-        top: 0.5em !important;
-      }
-    }
-
-    /* LAPTOP===================================================================================================================================== */
-    @media screen and (min-width : 1024px) and (max-width :1114px) {
-      .head {
-        width: 30%;
-      }
-
-      .head1 {
-        width: 35%;
-      }
-
-      .head2 {
-        width: 35%;
-      }
-
-      .keahlian-list:first-child>.bungkus-skil .bagi-2 {
-        width: 50%;
-      }
-
-      .b-chart-FIRST {
-        position: relative;
-        top: 14px;
-      }
-
-      #jarvis-circle-wrapper {
-        position: relative;
-        left: 3.5em;
-        margin: 0;
-        top: 2em;
-        width: 400px;
-        height: 400px;
-        margin-bottom: 5em;
-      }
-
-      .b-chart {
-        width: 78%;
-        position: absolute;
-        left: -6.5em;
-        right: 0;
-        top: 1.5em;
-        margin: 48px 0px 86px 0px;
-      }
-
-      .b-chart-strip1 {
-        display: none;
-      }
-
-      .b-chart-strip2 {
-        top: 196px;
-      }
-
-      .befortext {
-        position: absolute;
-        width: 36%;
-        display: grid;
-        margin: 6% 0% 4% 0%;
-        top: 2em;
-        right: 2em;
-      }
-
-      .befortext span:nth-child(2) {
-        margin: 4% 0% 0% 0%;
-      }
-
-      #jarvis-circle-wrapper-profile {
-        left: -2px !important;
-      }
-
-    }
-
-    /* TABLET===================================================================================================================================== */
-    @media screen and (min-width : 601px) and (max-width : 1023px) {
-      .container {
-        max-width: 100%;
-      }
-
-      .col-md-4 {
-        -ms-flex: 0 0 50%;
-        flex: 0 0 50% !important;
-        max-width: 50% !important;
-      }
-
-      .keahlian-list {
-        padding: 1%;
-        -ms-flex: 0 0 49.333333%;
-        flex: 0 0 50%;
-        max-width: 49.333333%;
-        height: 271px;
-        margin: auto;
-      }
-
-      .keahlian-list:first-child>.bungkus-skil .bagi-2 {
-        width: 50%;
-      }
-
-      .b-chart-FIRST {
-        position: relative;
-        top: 23px;
-      }
-
-      #jarvis-circle-wrapper {
-        position: initial;
-      }
-
-      .b-chart {
-        width: 100%;
-        position: absolute;
-        left: -8px;
-        right: 0;
-        top: 8px;
-      }
-
-      .b-chart-strip1 {
-        display: none;
-      }
-
-      .b-chart-strip2 {
-        display: none;
-      }
-
-      .befortext {
-        position: inherit;
-        width: 100%;
-        display: grid;
-        text-align: center;
-        margin: 6% 0% 4% 0%;
-      }
-
-      .befortext span:nth-child(2) {
-        margin: 4% 0% 0% 0%;
-      }
-
-      .header1 {
-        display: block;
-      }
-
-      .head {
-        width: 100%;
-      }
-
-      .head1 {
-        width: 100%;
-      }
-
-      .head2 {
-        width: 100%;
-      }
-
-      .head2 .head-in2 {
-        text-align: center;
-      }
-
-      .head2 .head-in2 .head-intable1 {
-        width: 100%;
-      }
-
-      .head-intable1 tr td:nth-child(1) {
-        text-align: right;
-        width: 50%;
-      }
-
-      .head3 {
-        width: 100%;
-        padding: 2%;
-      }
-
-      .head3 .head-in3 {
-        text-align: center;
-      }
-
-      .leher {
-        display: grid;
-        width: 100%;
-        height: 59px;
-        overflow: hidden;
-      }
-
-      .leher .leher1 {
-        margin: 0px 1% 0px 1%;
-        padding: 13px 1px 7px 1px;
-      }
-
-      .leher .slide-leher {
-        visibility: visible;
-      }
-
-      #profile h2 {
-        font-size: small;
-        margin: 5% 0% 3% 0%;
-        text-align: center;
-      }
-
-      .bungkus-skil .kiri ul li:nth-child(2) {
-        width: 40%;
-      }
-    }
-
-    /* Handphone======================================================================================================= */
-    @media screen and (max-width: 600px) {
-      .posisi-untuk-profession-HP {
-        top: 16em !important;
-        left: 0 !important;
-        right: 0 !important;
-      }
-
-      .circle-fire-wrapper {
-        display: none;
-      }
-
-      .header1 {
-        display: block;
-      }
-
-      .head {
-        width: 100%;
-      }
-
-      .head1 {
-        width: 100%;
-      }
-
-      .head2 {
-        width: 100%;
-        margin-top: -25px;
-      }
-
-      .head2 .head-in2:nth-child(1) {
-        padding: 0%;
-      }
-
-      .head2 .head-in2 {
-        text-align: center;
-        display: flex;
-        background: #1a679538;
-        border-radius: 15px;
-        height: auto;
-        box-shadow: rgb(0 0 0 / 15%) 0px 5px 15px 0px;
-        margin: 3.5%;
-
-      }
-
-      .head2 .head-in2 .head-in2-1-1 a {
-        text-decoration: none;
-      }
-
-      .head2 .head-in2 .head-in2-1-1 h2 {
-        position: relative;
-        border-top: solid 1px rgba(255, 255, 255, 0.2);
-        border-bottom: solid 1px rgba(255, 255, 255, 0.2);
-        text-transform: uppercase;
-        color: #AEEDD7;
-        letter-spacing: 1px;
-        overflow: hidden;
-        text-decoration: none;
-        font-size: unset;
-        text-align: right;
-        top: -14px;
-        margin: 0% 5% 0% 5%;
-        border-radius: 46px;
-      }
-
-      .head2 .head-in2 .head-in2-1-1 h2:before {
-        content: "";
-        width: 20px;
-        height: 20px;
-        position: absolute;
-        background: #259990;
-        left: 7px;
-        transform: translateX(-40px) rotate(45deg);
-        border: solid 3px #194846;
-        box-shadow: 2px -2px 0px #1a5754;
-        transition: all 0.2s ease;
-      }
-
-      .head2 .head-in2:nth-child(2) {
-        box-shadow: none;
-        position: absolute;
-        top: 22.7em;
-        padding: 2% 3% 2% 3%;
-        left: 0.4em;
-        border-top: solid 1px rgba(255, 255, 255, 0.2);
-        display: block;
-        height: auto;
-        background: #1a6bbfe6;
-        border-bottom-left-radius: calc(0.9rem - 1px);
-        border-bottom-right-radius: calc(1.25rem - 1px);
-        border-top-left-radius: calc(0.25rem - 1px);
-        border-top-right-radius: calc(0.25rem - 1px);
-      }
-
-      .head2 .head-in2:nth-child(2)>.head-in2-4 {
-        font-size: medium;
-        position: relative;
-        top: 1px;
-      }
-
-      .head2 .head-in2:nth-child(2)>.head-in2-3 {
-        vertical-align: middle;
-      }
-
-      .head2 .head-in2:nth-child(2)>.head-in2-3>svg {
-        width: 18px;
-        height: 18px;
-        color: #6bb4ff;
-      }
-
-      .head2 .head-in2 .head-in2-1 {
-        width: 100%;
-      }
-
-      .head2 .head-in2 .head-in2-1 h1 {
-        box-shadow: none;
-        background: none;
-        padding: 3% 5% 3% 5%;
-      }
-
-      .head2 .head-in2-mobile {
-        padding: 3% 5% 1% 5%;
-      }
-
-      .head2 .head-in2 .head-intable1 {
-        width: 100%;
-      }
-
-      .head2 .head-in2 .head-intable1 tr td .border-gradient-1 {
-        border-image: linear-gradient(0.25turn, rgb(255 255 255 / 0%), #c5b78ca6, #bbae86, #b19d63b0, rgb(255 255 255 / 0%));
-        border-image-slice: 0.5;
-      }
-
-      .head-intable1 tr td:nth-child(1) {
-        text-align: right;
-        width: 50%;
-      }
-
-      .head3 {
-        width: 100%;
-        padding: 2%;
-      }
-
-      .head3 .head-in3 {
-        text-align: center;
-      }
-
-      .leher {
-        display: grid;
-        width: 100%;
-        height: 59px;
-        overflow: hidden;
-      }
-
-      .leher .slide-leher {
-        visibility: visible;
-      }
-
-      .leher .leher1 {
-        margin: 7px 1% 0px 1%;
-        padding: 3%;
-      }
-
-      #profile h2 {
-        font-size: larger;
-        margin: 5% 0% 5% 0%;
-        text-align: center;
-      }
-
-
-
-      .navlibuttonspanactive {
-        display: block;
-        position: absolute;
-        right: 12px;
-        top: 12px;
-      }
-
-      .bungkus-skil .kiri ul li:nth-child(2) {
-        width: 40%;
-      }
-
-      .keahlian-list:first-child {
-        height: 500px;
-      }
-
-      .keahlian-list:first-child>.bungkus-skil .bagi {
-        display: block;
-      }
-
-      .keahlian-list:first-child>.bungkus-skil .bagi-1 {
-        height: 56%;
-        text-align: center;
-        width: 100%;
-        margin: auto;
-      }
-
-      .keahlian-list:first-child>.bungkus-skil>.bagi>.bagi-1>ul>li {
-        display: block;
-        text-align: center;
-      }
-
-      .keahlian-list:first-child>.bungkus-skil .bagi-2 {
-        width: 100%;
-        height: 50%;
-      }
-
-      img {
-        animation: none;
-      }
-
-      .keahlian-list {
-        padding: 1%;
-        -ms-flex: 0 0 89.333333%;
-        flex: 0 0 89.333333%;
-        max-width: 89.333333%;
-        height: 271px;
-        margin: auto;
-      }
-
-      #jarvis-circle-wrapper {
-        width: 258px;
-        height: 259px;
-        top: 9px;
-        position: relative;
-      }
-
-      .b-chart {
-        width: 100%;
-        position: absolute;
-        left: -8px;
-        right: 0;
-        top: 8px;
-      }
-
-      .b-chart-strip1 {
-        display: none;
-      }
-
-      .b-chart-strip2 {
-        display: none;
-      }
-
-      .befortext {
-        position: inherit;
-        width: 100%;
-        display: grid;
-        text-align: center;
-        margin: 6% 0% 4% 0%;
-      }
-
-      .befortext span:nth-child(2) {
-        margin: 4% 0% 0% 0%;
-      }
-
-
-      .skill>table>tbody>tr:nth-child(1)>td {
-        background: #d5d5d52e;
-      }
-
-      .skill>table>tbody>tr:nth-child(3)>td {
-        display: block;
-      }
-
-      .skill>table>tbody>tr:nth-child(4)>td {
-        display: block;
-      }
-
-      .b-chart-Skills-Programming {
-        width: 98%;
-        padding: 1%;
-        margin: 1% auto;
-        border-bottom: 1px dashed #efefef26;
-        padding-bottom: 15%;
-      }
-
-      .b-chart-Skills-Programming h3 {
-        font-size: medium;
-      }
-
-      .container .skills i {
-        font-size: smaller;
-      }
-
-      .container {
-        padding: 2%;
-      }
-
-      .pendidikan {
-        width: 100% !important;
-        display: block !important;
-      }
-
-      .pendidikan .pendidikan-bagi {
-        width: 100% !important;
-      }
-
-      .card-img-slick {
-        position: absolute;
-        top: 0;
-        bottom: 0;
-        left: 0;
-        right: 0;
-        margin: auto;
-        border: 1px solid #cbbc8f;
-      }
-
-      .head3 .box_gbr-head {
-        /* height: 300px; */
-        background: #08909040;
-      }
-
-      .slickerslide2 .head-in3 {
-        top: 8px;
-      }
-    }
-
-    @media screen and (max-width: 320px) {
-      .animate-text1 {
-        font-size: small;
-      }
-
-      .navlibuttonspanactive {
-        display: flex;
-        position: absolute;
-        right: 10px;
-        top: 0;
-        bottom: 0;
-        width: 79px;
-        line-height: 13px;
-        align-items: center;
-        vertical-align: middle;
-        text-align: center;
-      }
-
-      .leher .slide-leher {
-        margin-top: 0.5em;
-      }
-
-      .leher .leher1 {
-        margin: 7px 1% 0px 1%;
-      }
-
-      .tab-content {
-        display: block;
-      }
-
-      .tab-content>.tab-pane {
-        flex: unset;
-      }
-
-      .card-text {
-        text-align: justify;
-        text-overflow: ellipsis;
-        display: -webkit-box;
-        -webkit-line-clamp: 3;
-        -webkit-box-orient: vertical;
-        overflow: hidden;
-        font-weight: lighter;
-        line-height: 14.5px;
-      }
-
-    }
-
-    @media screen and (min-device-width: 280px) and (-webkit-min-device-pixel-ratio: 3) {
-
-      .navlibuttonspan {
-        font-size: x-small !important;
-      }
-
-
-      .card-body {
-        font-size: x-small !important;
-      }
-
-    }
-  </style>
-</head>
-
-<body style="margin: 0;">
-  <!-- for bing search -->
-  <h1 style="display:none">yusup maulana</h1>
-
-  <div class="header1">
-
-    <div class="head">
-
-
-      <style type="text/css">
-        /* entire container, keeps perspective */
-        .card-container {
-          -webkit-perspective: 800px;
-          -moz-perspective: 800px;
-          -o-perspective: 800px;
-          perspective: 800px;
-          margin-bottom: 30px;
-        }
-
-        /* flip the pane when hovered */
-        .card-container:not(.manual-flip):active .card,
-        .card-container.hover.manual-flip .card {
-          -webkit-transform: rotateY(180deg);
-          -moz-transform: rotateY(180deg);
-          -o-transform: rotateY(180deg);
-          transform: rotateY(180deg);
-        }
-
-
-        .card-container.static:hover .card,
-        .card-container.static.hover .card {
-          -webkit-transform: none;
-          -moz-transform: none;
-          -o-transform: none;
-          transform: none;
-        }
-
-        /* flip speed goes here */
-        .card {
-          -webkit-transition: -webkit-transform .5s;
-          -moz-transition: -moz-transform .5s;
-          -o-transition: -o-transform .5s;
-          transition: transform .5s;
-          -webkit-transform-style: preserve-3d;
-          -moz-transform-style: preserve-3d;
-          -o-transform-style: preserve-3d;
-          transform-style: preserve-3d;
-          position: relative;
-        }
-
-        /* hide back of pane during swap */
-        .front,
-        .back {
-          -webkit-backface-visibility: hidden;
-          -moz-backface-visibility: hidden;
-          -o-backface-visibility: hidden;
-          backface-visibility: hidden;
-          position: absolute;
-          top: 0;
-          left: 0;
-          /* background-color: #3e0a0d;*/
-
-          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.14);
-          /* background-image: radial-gradient(circle at bottom right, rgb(242, 106, 56) 0%, rgb(242, 106, 56) 4%, rgb(238, 120, 55) 4%, rgb(238, 120, 55) 14%, rgb(233, 134, 54) 14%, rgb(233, 134, 54) 25%, rgb(229, 148, 53) 25%, rgb(229, 148, 53) 42%, rgb(246, 178, 57) 42%, rgb(246, 178, 57) 49%, rgb(246, 198, 60) 49%, rgb(246, 198, 60) 66%, rgb(255, 230, 103) 66%, rgb(255, 230, 103) 97%, rgb(255, 247, 128) 97%, rgb(255, 247, 128) 100%); */
-        }
-
-        /* front pane, placed above back */
-        .front {
-          z-index: 2;
-        }
-
-        /* back, initially hidden pane */
-        .back {
-          -webkit-transform: rotateY(180deg);
-          -moz-transform: rotateY(180deg);
-          -o-transform: rotateY(180deg);
-          transform: rotateY(180deg);
-          z-index: 3;
-        }
-
-        .back .btn-simple {
-          position: absolute;
-          left: 0;
-          bottom: 4px;
-        }
-
-        /*        Style       */
-
-
-        .card {
-          /* background: none repeat scroll 0 0 #FFFFFF; */
-          border-radius: 4px;
-          color: #444444;
-        }
-
-        .card-container,
-        .front,
-        .back {
-          width: 100%;
-          height: 300px;
-          border-radius: 4px;
-        }
-
-        .card .cover {
-          height: 105px;
-          overflow: hidden;
-          border-radius: 4px 4px 0 0;
-        }
-
-        .card .user {
-          box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
-          border-radius: 50%;
-          display: block;
-          height: 174px;
-          margin: -55px auto 0;
-          overflow: hidden;
-          width: 178px;
-
-        }
-
-        .card .user img {
-          background: none repeat scroll 0 0 #FFFFFF;
-          width: 100%;
-        }
-
-        .circle-fire-wrapper {
-          width: 230px;
-          height: 230px;
-          position: absolute;
-          margin: auto;
-          top: 22px;
-          left: 0;
-          right: 0;
-          z-index: 4;
-        }
-
-        .circle-fire {
-          width: 100%;
-          height: 100%;
-          filter: url(#wavy) blur(1px);
-        }
-
-        .circle-fire:before {
-          content: "";
-          position: absolute;
-          top: 25px;
-          left: 25px;
-          right: 25px;
-          bottom: 25px;
-          border: 3px solid #FFF;
-          border-radius: 50%;
-          box-shadow: 0 0 50px #0bb3bf, inset 0 0 50px #02b7c7;
-          -webkit-box-reflect: below 10px linear-gradient(transparent, transparent, #0002);
-        }
-
-        .circle-fire:after {
-          content: "";
-          position: absolute;
-          top: 25px;
-          left: 25px;
-          right: 25px;
-          bottom: 25px;
-          border: 5px solid #ffffff;
-          border-radius: 50%;
-          box-shadow: 0 0 50px #0089ff, inset 0 0 50px #fff;
-        }
-
-        .circle-fire:nth-child(2):before {
-          animation-delay: -2.5s;
-        }
-
-        #jarvis-circle-wrapper-profile {
-          width: 230px;
-          height: 230px;
-          position: absolute;
-          margin: auto;
-          top: 22px;
-          left: 0;
-          right: 0;
-          z-index: 4;
-        }
-
-        #jarvis-circle-inner-profile:hover {
-          border-top-color: #ffffff;
-          border-style: dashed solid;
-          border-bottom-color: #cdbe83;
-          border-right-color: #27c0eb;
-          border-left-color: #00ceff;
-          box-shadow: 0 0 15px #ffffff;
-        }
-
-        #jarvis-circle-inner-profile {
-          width: 100%;
-          height: 100%;
-          border-radius: 50%;
-          border: 3px solid transparent;
-          border-top-color: #cdbe83;
-          border-bottom-color: #cdbe83;
-          border-right-color: #eb9b27;
-          border-left-color: #ff9700;
-          box-shadow: 0 0 15px #e76421;
-          -webkit-animation: spinJarvis 30s linear infinite;
-          animation: spinJarvis 30s linear infinite;
-        }
-
-        #jarvis-circle-inner-profile:before {
-          content: "";
-          position: absolute;
-          top: 15px;
-          left: 15px;
-          right: 15px;
-          bottom: 15px;
-          border-radius: 50%;
-          border: 3px dashed transparent;
-          border-color: #00f1ff;
-          border-style: dashed;
-          -webkit-animation: spinJarvis 18s linear infinite;
-          animation: spinJarvis 18s linear infinite;
-          box-shadow: 0 0 10px #ffffff66;
-        }
-
-        #jarvis-circle-inner-profile:after {
-          content: "";
-          position: absolute;
-          top: 25px;
-          left: 25px;
-          right: 25px;
-          bottom: 25px;
-          border-radius: 50%;
-          border: 3px solid transparent;
-          border-color: white;
-          border-width: 3px;
-          border-style: dashed solid;
-          -webkit-animation: spin 60s linear infinite;
-          animation: spin 60s linear infinite;
-        }
-
-        .profile-hold {
-          position: absolute;
-          background: #fcffff14;
-          z-index: 0;
-          width: 11em;
-          color: #ffffff;
-          text-shadow: 3px 3px 0px #000000, -2px 1px 12px #000000;
-          font-weight: 900;
-          border-radius: 50%;
-          left: 4px;
-          right: 0;
-          margin: auto;
-          clip-path: polygon(50% 0%, 100% 44%, 82% 100%, 18% 100%, 0% 44%);
-          border-top: solid 7px #00fbfb;
-          border-bottom: solid 1px #bb8c00;
-          top: 61px;
-          bottom: 61px;
-          text-align: center;
-          padding-top: 33%;
-        }
-
-        .card-container:hover>.card .front>.profile-hold {
-          top: 29px;
-          bottom: 15px;
-          z-index: 2;
-        }
-
-        .card .content {
-          background-color: rgba(0, 0, 0, 0);
-          box-shadow: none;
-
-        }
-
-        .card .back .content .main {
-          height: 215px;
-        }
-
-        .card .name {
-          font-size: 22px;
-          line-height: 28px;
-          margin: 10px 0 0;
-          text-align: center;
-          text-transform: capitalize;
-          height: 25px;
-        }
-
-        .card h5 {
-          margin: 5px 0;
-          font-weight: 700;
-          line-height: 20px;
-        }
-
-        .profession {
-          color: #ffffff;
-          text-align: center;
-          font-size: large;
-          font-weight: lighter;
-          letter-spacing: 7px;
-          position: absolute;
-
-          margin: auto;
-        }
-
-        .posisi-untuk-profession-PC {
-          top: 17.5em;
-          left: 0em;
-          right: 0em;
-          margin-right: 79%;
-        }
-
-        .posisi-untuk-profession-TABLET {
-          top: 18em !important;
-          left: 0 !important;
-          right: 0 !important;
-        }
-
-        .posisi-untuk-profession-LAPTOP {
-          top: 18em !important;
-          left: 0 !important;
-          right: 42em !important;
-        }
-
-        .card {
-          border: none !important;
-        }
-
-        .card .motto {
-
-          color: #999999;
-          font-size: xx-small;
-          padding-bottom: 10px;
-          text-align: center;
-        }
-
-        .main .text-center {
-          font-size: small;
-          text-align: justify !important;
-          color: #778990;
-        }
-
-        @media screen and (-ms-high-contrast: active),
-        (-ms-high-contrast: none) {
-
-          .front,
-          .back {
-            -ms-backface-visibility: visible;
-            backface-visibility: visible;
-          }
-
-          .back {
-            visibility: hidden;
-            -ms-transition: all 0.2s cubic-bezier(.92, .01, .83, .67);
-          }
-
-          .front {
-            z-index: 4;
-          }
-
-          .card-container:not(.manual-flip):hover .back,
-          .card-container.manual-flip.hover .back {
-            z-index: 5;
-            visibility: visible;
-          }
-        }
-
-        .card-img-slick {
-          width: 100%;
-        }
-
-        .slick-dots li button {
-          background: #ffffff14;
-          clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
-        }
-
-        .slick-dots li button:before {
-          color: whitesmoke;
-        }
-
-        .slick-dots li.slick-active button:before {
-          color: #00ecfd;
-        }
-
-        .slick-slide {
-          -webkit-transform: translate3d(0, 0, 0);
-        }
-
-        .slick-track {
-          transition: fade 2000ms ease-out;
-          infinite: true;
-        }
-      </style>
-      <!--start View in Chrome or Firefox Browser only-->
-      <svg>
-        <filter id="wavy">
-          <feTurbulence x="0" y="0" baseFrequency="0.009" numOctaves="5" seed="2">
-            <animate attributeName="baseFrequency" dur="60s" values="0.02;0.005;0.02" repeatCount="indefinite">
-          </feTurbulence>
-          <feDisplacementMap in="SourceGraphic" scale="30">
-        </filter>
-      </svg>
-      <!--end View in Chrome or Firefox Browser only -->
-      <div class="card-container">
-        <div class="card">
-          <div class="front">
-            <div class="cover">
-            </div>
-            <div class="circle-fire-wrapper">
-              <div class="circle-fire"></div>
-            </div>
-            <div id="jarvis-circle-wrapper-profile">
-              <div id="jarvis-circle-inner-profile"></div>
-            </div>
-            <div class="btn-info profile-hold">Hold Me</div>
-            <div class="user">
-              <img class="img-circle" src="IMG/img.png" data-src="IMG/profile.webp" alt="yusup maulana photos" />
-            </div>
-            <div class="content">
-              <div class="main">
-                <h3 class="name"></h3>
-
-              </div>
-            </div>
-
-          </div> <!-- end front panel -->
-          <div class="back">
-            <div class="header">
-              <h5 class="motto">"Aku merindukan kekuatan yang mendominasi"</h5>
-            </div>
-            <div class="border-gradient-set">
-              <div class="border-gradient-main">
-                <div class="border-gradient-main-diamond">
-                  <div class="diamond"></div>
-                </div>
-              </div>
-            </div>
-            <div class="content">
-              <div class="main">
-                <p class="text-center" style="font-size:small; padding: 12%;">Assalamualaikum.. Saya sedang mencari
-                  peluang baru, kotak
-                  masuk saya selalu terbuka. Apakah Anda memiliki pertanyaan atau hanya ingin menyapa, saya akan mencoba
-                  yang terbaik untuk menghubungi Anda kembali!</p>
-
-
-              </div>
-            </div>
-
-          </div> <!-- end back panel -->
-        </div> <!-- end card -->
-      </div> <!-- end card-container -->
-
-    </div>
-
-    <div class="head2">
-      <div class="head-in2">
-        <span class="head-in2-1">
-          <h1>Yusup maulana</h1>
-          <span class="head-in2-1-1"><a href="https://resume.showwcase.com/yusup-maulana.pdf" target="_blank">
-              <h2>Resume <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
-                  class="bi bi-cloud-arrow-down-fill" viewBox="0 0 16 16">
-                  <path
-                    d="M8 2a5.53 5.53 0 0 0-3.594 1.342c-.766.66-1.321 1.52-1.464 2.383C1.266 6.095 0 7.555 0 9.318 0 11.366 1.708 13 3.781 13h8.906C14.502 13 16 11.57 16 9.773c0-1.636-1.242-2.969-2.834-3.194C12.923 3.999 10.69 2 8 2zm2.354 6.854-2 2a.5.5 0 0 1-.708 0l-2-2a.5.5 0 1 1 .708-.708L7.5 9.293V5.5a.5.5 0 0 1 1 0v3.793l1.146-1.147a.5.5 0 0 1 .708.708z" />
-                </svg> <i class="bi bi-cloud-arrow-down-fill"></i></h2>
-            </a></span>
-        </span>
-      </div>
-
-      <div class="head-in2">
-        <span class="head-in2-3"><i class="bi bi-whatsapp"></i><svg xmlns="http://www.w3.org/2000/svg" width="20"
-            height="20" fill="currentColor" class="bi bi-whatsapp" viewBox="0 0 16 16">
-            <path
-              d="M13.601 2.326A7.854 7.854 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.933 7.933 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.898 7.898 0 0 0 13.6 2.326zM7.994 14.521a6.573 6.573 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.557 6.557 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592zm3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.729.729 0 0 0-.529.247c-.182.198-.691.677-.691 1.654 0 .977.71 1.916.81 2.049.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232z" />
-          </svg></span><span class="head-in2-4"> <a target="_blank" style="color:#9eaeb5;"
-            href="https://api.whatsapp.com/send?phone=6283898610918">083898610918 <svg
-              xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
-              class="bi bi-box-arrow-up-right" viewBox="0 0 16 16">
-              <path fill-rule="evenodd"
-                d="M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z" />
-              <path fill-rule="evenodd"
-                d="M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z" />
-            </svg> <i class="bi bi-box-arrow-up-right"></i></a></span>
-      </div>
-      <div class="head-in2 head-in2-mobile">
-        <table class="head-intable1">
-          <tr>
-            <td>Menguasai Bahasa </td>
-            <td>: Indonesia & Sunda</td>
-          </tr>
-          <tr>
-            <td colspan="2">
-              <div class="border-gradient-1"></div>
-            </td>
-          </tr>
-          <tr>
-            <td>Status</td>
-            <td>: Lajang </td>
-          </tr>
-          <tr>
-            <td colspan="2">
-              <div class="border-gradient-1"></div>
-            </td>
-          </tr>
-          <tr>
-            <td>Hobi</td>
-            <td>: Ngaji</td>
-          </tr>
-          <tr>
-            <td colspan="2">
-              <div class="border-gradient-1"></div>
-            </td>
-          </tr>
-          <tr>
-            <td>Usia</td>
-            <td>: <span class="usia"></span></td>
-          </tr>
-
-        </table>
-      </div>
-    </div>
-
-    <div class="head3" data-ride="slick" data-slick='{   "arrows":false }'>
-      <div> <!-- slide slick 1 -->
-        <div class="head-in3">
-          <span class="head-in3-1">Tentang Saya</span>
-        </div>
-
-        <div class="head-in3">
-          <style type="text/css">
-            .animate-text1 {
-              text-align: justify;
-              transform: scale(0.94);
-              animation: scale 3s forwards cubic-bezier(0.5, 1, 0.89, 1);
-              font-weight: lighter;
-              color: #b9c7cde8;
-            }
-
-            @keyframes scale {
-              100% {
-                transform: scale(1);
-              }
-            }
-
-            span {
-              opacity: 0;
-              filter: blur(4px);
-            }
-
-            span:nth-child(1) {
-              animation: fade-in 0.8s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(2) {
-              animation: fade-in 0.8s 0.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(3) {
-              animation: fade-in 0.8s 0.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(4) {
-              animation: fade-in 0.8s 0.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(5) {
-              animation: fade-in 0.8s 0.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(6) {
-              animation: fade-in 0.8s 0.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(7) {
-              animation: fade-in 0.8s 0.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(8) {
-              animation: fade-in 0.8s 0.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(9) {
-              animation: fade-in 0.8s 0.9s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(10) {
-              animation: fade-in 0.8s 1s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(11) {
-              animation: fade-in 0.8s 1.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(12) {
-              animation: fade-in 0.8s 1.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(13) {
-              animation: fade-in 0.8s 1.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(14) {
-              animation: fade-in 0.8s 1.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(15) {
-              animation: fade-in 0.8s 1.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(16) {
-              animation: fade-in 0.8s 1.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(17) {
-              animation: fade-in 0.8s 1.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(18) {
-              animation: fade-in 0.8s 1.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(19) {
-              animation: fade-in 0.8s 1.9s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(20) {
-              animation: fade-in 0.8s 2s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(21) {
-              animation: fade-in 0.8s 2.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(22) {
-              animation: fade-in 0.8s 2.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(23) {
-              animation: fade-in 0.8s 2.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(24) {
-              animation: fade-in 0.8s 2.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(25) {
-              animation: fade-in 0.8s 2.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(26) {
-              animation: fade-in 0.8s 2.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(27) {
-              animation: fade-in 0.8s 2.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(28) {
-              animation: fade-in 0.8s 2.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(29) {
-              animation: fade-in 0.8s 2.9s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(30) {
-              animation: fade-in 0.8s 3s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(31) {
-              animation: fade-in 0.8s 3.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(32) {
-              animation: fade-in 0.8s 3.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(33) {
-              animation: fade-in 0.8s 3.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(34) {
-              animation: fade-in 0.8s 3.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(35) {
-              animation: fade-in 0.8s 3.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(36) {
-              animation: fade-in 0.8s 3.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(37) {
-              animation: fade-in 0.8s 3.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(38) {
-              animation: fade-in 0.8s 3.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(39) {
-              animation: fade-in 0.8s 3.9s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(40) {
-              animation: fade-in 0.8s 4s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(41) {
-              animation: fade-in 0.8s 4.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(42) {
-              animation: fade-in 0.8s 4.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(43) {
-              animation: fade-in 0.8s 4.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(44) {
-              animation: fade-in 0.8s 4.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(45) {
-              animation: fade-in 0.8s 4.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(46) {
-              animation: fade-in 0.8s 4.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(47) {
-              animation: fade-in 0.8s 4.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(48) {
-              animation: fade-in 0.8s 4.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(49) {
-              animation: fade-in 0.8s 4.9s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(50) {
-              animation: fade-in 0.8s 5s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(51) {
-              animation: fade-in 0.8s 5.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(52) {
-              animation: fade-in 0.8s 5.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(53) {
-              animation: fade-in 0.8s 5.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(54) {
-              animation: fade-in 0.8s 5.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(55) {
-              animation: fade-in 0.8s 5.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(56) {
-              animation: fade-in 0.8s 5.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(57) {
-              animation: fade-in 0.8s 5.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(58) {
-              animation: fade-in 0.8s 5.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(59) {
-              animation: fade-in 0.8s 5.9s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(60) {
-              animation: fade-in 0.8s 6s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(61) {
-              animation: fade-in 0.8s 6.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(62) {
-              animation: fade-in 0.8s 6.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            span:nth-child(63) {
-              animation: fade-in 0.8s 6.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
-            }
-
-            @keyframes fade-in {
-              100% {
-                opacity: 1;
-                filter: blur(0);
-              }
-            }
-          </style>
-          <div class="animate-text1">
-            <span>Keahlian</span>
-            <span>favorit</span>
-            <span>saya</span>
-            <span>adalah</span>
-            <span>membangun</span>
-            <span>sebuah</span>
-            <span>Web dalam</span>
-            <span style="    color: #0bb4c0; font-weight: 600;text-shadow: 0 0 5px #ffffff47;">Pemograman Native</span>
-            <span>dan membuat</span>
-            <span>sebuah Jaringan Komputer</span>
-            <span>Selain itu,</span>
-            <span>saya berpengalaman</span>
-            <span>dalam Tender</span>
-            <span>Proyek</span>
-            <span>pengadaan</span>
-            <span>barang/jasa</span>
-            <span>di lingkungan</span>
-            <span>PT PLN (Persero),</span>
-            <span>juga</span>
-            <span>sebagai</span>
-            <span>IT Support</span>
-            <span>dan Administrasi</span>
-            <span>lebih</span>
-            <span>dari</span>
-            <span>4 tahun</span>
-            <span>di PT. Raya Azura Persada</span>
-            <span>dengan</span>
-            <span>hasil</span>
-            <span>efisiensi</span>
-            <span>dalam</span>
-            <span>pengelolaan</span>
-            <span>data</span>
-            <span>meningkat</span>
-            <span>sebesar</span>
-            <span>60%,</span>
-            <span>Saya</span>
-            <span>juga</span>
-            <span>dapat</span>
-            <span>mengelola</span>
-            <span>beberapa</span>
-            <span>tanggung</span>
-            <span>jawab</span>
-            <span>sekaligus</span>
-            <span>dengan</span>
-            <span>berfokus</span>
-            <span>pada</span>
-            <span>satu tugas</span>
-            <span>sambil melacak</span>
-            <span>yang lain.</span>
-            <span>Sehingga</span>
-            <span>Perasaan</span>
-            <span>produktivitas</span>
-            <span>saya,</span>
-            <span>dapat</span>
-            <span>meningkatkan</span>
-            <span>motivasi</span>
-            <span>orang</span>
-            <span>lain</span>
-            <span>untuk</span>
-            <span>terus</span>
-            <span>mengerjakan</span>
-            <span>tugas</span>
-            <span>mereka.</span>
-          </div>
-        </div>
-      </div><!-- end slide slick 1 -->
-
-      <div class="slickerslide2"><!--  slide slick 2 -->
-        <div class="head-in3">
-          <span class="head-in3-1">Temui Saya</span>
-        </div>
-        <div class="box_gbr-head">
-          <img src="IMG/img.png" class="card-img-slick" data-src="IMG/me2.webp" alt="Cashflow Proyek">
-        </div>
-      </div><!-- end slide slick 2 -->
-
-      <div><!--  slide slick 3 -->
-        your content 2
-      </div><!-- end slide slick 3 -->
-
-    </div> <!--end head3-->
-  </div>
-
-
-
-  <div class="leher">
-    <div class="slide-leher"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
-        class="bi bi-chevron-bar-down" viewBox="0 0 16 16">
-        <path fill-rule="evenodd"
-          d="M3.646 4.146a.5.5 0 0 1 .708 0L8 7.793l3.646-3.647a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 0-.708zM1 11.5a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13a.5.5 0 0 1-.5-.5z" />
-      </svg><i class="bi bi-chevron-bar-down"></i></div>
-    <div class="leher1 plugin-ContactForm btn-infohoveronly"><span><svg xmlns="http://www.w3.org/2000/svg" width="16"
-          height="16" fill="currentColor" class="bi bi-google" viewBox="0 0 16 16">
-          <path
-            d="M15.545 6.558a9.42 9.42 0 0 1 .139 1.626c0 2.434-.87 4.492-2.384 5.885h.002C11.978 15.292 10.158 16 8 16A8 8 0 1 1 8 0a7.689 7.689 0 0 1 5.352 2.082l-2.284 2.284A4.347 4.347 0 0 0 8 3.166c-2.087 0-3.86 1.408-4.492 3.304a4.792 4.792 0 0 0 0 3.063h.003c.635 1.893 2.405 3.301 4.492 3.301 1.078 0 2.004-.276 2.722-.764h-.003a3.702 3.702 0 0 0 1.599-2.431H8v-3.08h7.545z" />
-        </svg><i class="bi bi-google"></i></span> <span>yusupmaulana.net@gmail.com <svg viewBox="0 0 24 24">
-          <path fill="currentColor"
-            d="M21.36,10.46L13.54,2.64C12.69,1.79 11.31,1.79 10.46,2.64L2.64,10.46C1.79,11.31 1.79,12.69 2.64,13.54L10.46,21.36C11.31,22.21 12.69,22.21 13.54,21.36L21.36,13.54C22.21,12.69 22.21,11.31 21.36,10.46M12,19L5,12L12,5L19,12L12,19M16.5,12L12,16.5L7.5,12L12,7.5L16.5,12Z" />
-        </svg></span>
-    </div>
-    <a class="leher1 btn-infohoveronly" href="https://www.nyenang.com/" target="_blank"><span><svg
-          xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-globe"
-          viewBox="0 0 16 16">
-          <path
-            d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm7.5-6.923c-.67.204-1.335.82-1.887 1.855A7.97 7.97 0 0 0 5.145 4H7.5V1.077zM4.09 4a9.267 9.267 0 0 1 .64-1.539 6.7 6.7 0 0 1 .597-.933A7.025 7.025 0 0 0 2.255 4H4.09zm-.582 3.5c.03-.877.138-1.718.312-2.5H1.674a6.958 6.958 0 0 0-.656 2.5h2.49zM4.847 5a12.5 12.5 0 0 0-.338 2.5H7.5V5H4.847zM8.5 5v2.5h2.99a12.495 12.495 0 0 0-.337-2.5H8.5zM4.51 8.5a12.5 12.5 0 0 0 .337 2.5H7.5V8.5H4.51zm3.99 0V11h2.653c.187-.765.306-1.608.338-2.5H8.5zM5.145 12c.138.386.295.744.468 1.068.552 1.035 1.218 1.65 1.887 1.855V12H5.145zm.182 2.472a6.696 6.696 0 0 1-.597-.933A9.268 9.268 0 0 1 4.09 12H2.255a7.024 7.024 0 0 0 3.072 2.472zM3.82 11a13.652 13.652 0 0 1-.312-2.5h-2.49c.062.89.291 1.733.656 2.5H3.82zm6.853 3.472A7.024 7.024 0 0 0 13.745 12H11.91a9.27 9.27 0 0 1-.64 1.539 6.688 6.688 0 0 1-.597.933zM8.5 12v2.923c.67-.204 1.335-.82 1.887-1.855.173-.324.33-.682.468-1.068H8.5zm3.68-1h2.146c.365-.767.594-1.61.656-2.5h-2.49a13.65 13.65 0 0 1-.312 2.5zm2.802-3.5a6.959 6.959 0 0 0-.656-2.5H12.18c.174.782.282 1.623.312 2.5h2.49zM11.27 2.461c.247.464.462.98.64 1.539h1.835a7.024 7.024 0 0 0-3.072-2.472c.218.284.418.598.597.933zM10.855 4a7.966 7.966 0 0 0-.468-1.068C9.835 1.897 9.17 1.282 8.5 1.077V4h2.355z" />
-        </svg><i class="bi bi-globe"></i></span> <span>nyenang.com </span><svg xmlns="http://www.w3.org/2000/svg"
-        width="16" height="16" fill="currentColor" class="bi bi-box-arrow-up-right" viewBox="0 0 16 16">
-        <path fill-rule="evenodd"
-          d="M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z" />
-        <path fill-rule="evenodd"
-          d="M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z" />
-      </svg> <i class="bi bi-box-arrow-up-right"></i>
-    </a>
-    <a class="leher1 btn-infohoveronly" href="https://www.instagram.com/maulana_net" target="_blank"><span><svg
-          xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-instagram"
-          viewBox="0 0 16 16">
-          <path
-            d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z" />
-        </svg><i class="bi bi-instagram"></i></span> <span>Instagram </span><svg xmlns="http://www.w3.org/2000/svg"
-        width="16" height="16" fill="currentColor" class="bi bi-box-arrow-up-right" viewBox="0 0 16 16">
-        <path fill-rule="evenodd"
-          d="M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z" />
-        <path fill-rule="evenodd"
-          d="M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z" />
-      </svg> <i class="bi bi-box-arrow-up-right"></i>
-    </a>
-    <a class="leher1 btn-infohoveronly" href="https://www.facebook.com/chunk.lovereggae/" target="_blank">
-      <span><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-facebook"
-          viewBox="0 0 16 16">
-          <path
-            d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z" />
-        </svg>
-        <i class="bi bi-facebook"></i></span> <span>Facebook </span><svg xmlns="http://www.w3.org/2000/svg" width="16"
-        height="16" fill="currentColor" class="bi bi-box-arrow-up-right" viewBox="0 0 16 16">
-        <path fill-rule="evenodd"
-          d="M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z" />
-        <path fill-rule="evenodd"
-          d="M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z" />
-      </svg> <i class="bi bi-box-arrow-up-right"></i>
-    </a>
-    <a class="leher1 btn-infohoveronly" href="https://github.com/yusup-maulana" target="_blank"><span><svg
-          xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-github"
-          viewBox="0 0 16 16">
-          <path
-            d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z" />
-        </svg><i class="bi bi-github"></i></span> <span>Github </span><svg xmlns="http://www.w3.org/2000/svg" width="16"
-        height="16" fill="currentColor" class="bi bi-box-arrow-up-right" viewBox="0 0 16 16">
-        <path fill-rule="evenodd"
-          d="M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z" />
-        <path fill-rule="evenodd"
-          d="M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z" />
-      </svg> <i class="bi bi-box-arrow-up-right"></i></a>
-    <a class="leher1 btn-infohoveronly" href="https://www.youtube.com/channel/UCrnSCuFBjzBE6RuEiV-IKzg/featured"
-      target="_blank"><span><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
-          class="bi bi-youtube" viewBox="0 0 16 16">
-          <path
-            d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408L6.4 5.209z" />
-        </svg><i class="bi bi-youtube"></i></span> <span>Youtube </span><svg xmlns="http://www.w3.org/2000/svg"
-        width="16" height="16" fill="currentColor" class="bi bi-box-arrow-up-right" viewBox="0 0 16 16">
-        <path fill-rule="evenodd"
-          d="M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z" />
-        <path fill-rule="evenodd"
-          d="M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z" />
-      </svg> <i class="bi bi-box-arrow-up-right"></i></a>
-    <a class="leher1 btn-infohoveronly" href="https://www.linkedin.com/in/nyenang/" target="_blank"><span><svg
-          xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-linkedin"
-          viewBox="0 0 16 16">
-          <path
-            d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z" />
-        </svg><i class="bi bi-linkedin"></i></span> <span>linked </span><svg xmlns="http://www.w3.org/2000/svg"
-        width="16" height="16" fill="currentColor" class="bi bi-box-arrow-up-right" viewBox="0 0 16 16">
-        <path fill-rule="evenodd"
-          d="M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z" />
-        <path fill-rule="evenodd"
-          d="M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z" />
-      </svg> <i class="bi bi-box-arrow-up-right"></i></a>
-  </div>
-  <script>
-
-    $('.head3').slick({
-      lazyLoad: 'ondemand',
-      dots: true,
-      infinite: true,
-      speed: 300,
-      slidesToShow: 1,
-      adaptiveHeight: true
-    });
-
-
-    var btnSlideLeherval = 0;
-    $(document).on('click', '.slide-leher', function () {
-      if (btnSlideLeherval == 0) {
-        $('.leher').animate({
-          height: '364px'
-        });
-        $('.slide-leher').html('<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-bar-up" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M3.646 11.854a.5.5 0 0 0 .708 0L8 8.207l3.646 3.647a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 0 0 0 .708zM2.4 5.2c0 .22.18.4.4.4h10.4a.4.4 0 0 0 0-.8H2.8a.4.4 0 0 0-.4.4z"/></svg><i class="bi bi-chevron-bar-up"></i>');
-
-        btnSlideLeherval = 1;
-      } else {
-        $('.leher').animate({
-          height: '59px'
-        });
-        $('.slide-leher').html('<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-bar-down" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M3.646 4.146a.5.5 0 0 1 .708 0L8 7.793l3.646-3.647a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 0 1 0-.708zM1 11.5a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13a.5.5 0 0 1-.5-.5z"/></svg><i class="bi bi-chevron-bar-down"></i>');
-        btnSlideLeherval = 0;
-      }
-
-    });
-  </script>
-
-
-
-
-
-
-  <!-- ======================================================================================================================== START TAB 1 -->
-  <style type="text/css">
-    .card-body {
-      position: absolute;
-      border-radius: 5px 5px 5px 5px;
-      width: 100%;
-      height: -webkit-fill-available;
-      height: 100%;
-      background-image: linear-gradient(45deg, rgb(100 126 159 / 18%) 0%, rgb(29 159 199 / 25%) 24%, rgb(0 184 255 / 25%) 24%, rgb(112 112 163 / 0%) 28%, rgb(79 124 166 / 0%) 28%, rgb(21 104 181 / 28%) 40%, rgb(47 136 170 / 0%) 40%, rgb(47 136 170 / 0%) 84%, rgb(14 148 173 / 13%) 84%, rgb(14 148 173 / 0%) 100%), linear-gradient(0deg, rgb(144 100 159 / 0%) 0%, rgb(144 100 159 / 0%) 24%, rgb(112 112 163 / 0%) 24%, rgb(112 112 163 / 0%) 28%, rgb(79 124 166 / 0%) 28%, rgb(79 124 166 / 0%) 40%, rgb(47 136 170 / 0%) 40%, rgb(47 136 170 / 0%) 84%, rgb(14 148 173 / 0%) 84%, rgb(14 148 173 / 0%) 100%), linear-gradient(135deg, rgb(27 162 167 / 0%) 0%, rgb(4 167 185 / 35%) 24%, rgb(112 112 163 / 0%) 24%, rgb(112 112 163 / 0%) 28%, rgb(79 124 166 / 0%) 28%, rgb(79 124 166 / 8%) 40%, rgb(47 136 170 / 0%) 40%, rgb(47 136 170 / 0%) 84%, rgb(14 148 173 / 0%) 84%, rgb(14 148 173 / 12%) 100%), linear-gradient(90deg, rgb(35 122 157 / 22%), rgb(43 171 222 / 15%));
-      background-blend-mode: overlay, overlay, overlay, normal;
-    }
-
-    .card-body:hover {
-      box-shadow: rgb(0 241 255) 0px 0px 5px;
-      border-top: 2px solid #ffffff;
-      /* background-image: linear-gradient(112.5deg, rgba(250, 109, 130, 0.38) 0%, rgba(250, 109, 130, 0.38) 3%, rgba(219, 107, 130, 0.35) 3%, rgba(219, 107, 130, 0.35) 34%, rgba(187, 104, 131, 0.41) 34%, rgba(187, 104, 131, 0.41) 46%, rgba(156, 102, 131, 0.48) 46%, rgba(156, 102, 131, 0.48) 51%, rgba(124, 99, 132, 0.37) 51%, rgba(124, 99, 132, 0.37) 52%, rgba(93, 97, 132, 0.31) 52%, rgba(93, 97, 132, 0.31) 76%, rgba(61, 94, 133, 0.37) 76%, rgba(61, 94, 133, 0.37) 84%, rgba(30, 92, 133, 0.36) 84%, rgba(30, 92, 133, 0.36) 100%), linear-gradient(157.5deg, rgba(250, 109, 130, 0.38) 0%, rgba(250, 109, 130, 0.38) 3%, rgba(219, 107, 130, 0.35) 3%, rgba(219, 107, 130, 0.35) 34%, rgba(187, 104, 131, 0.41) 34%, rgba(187, 104, 131, 0.41) 46%, rgba(156, 102, 131, 0.48) 46%, rgba(156, 102, 131, 0.48) 51%, rgba(124, 99, 132, 0.37) 51%, rgba(124, 99, 132, 0.37) 52%, rgba(93, 97, 132, 0.31) 52%, rgba(93, 97, 132, 0.31) 76%, rgba(61, 94, 133, 0.37) 76%, rgba(61, 94, 133, 0.37) 84%, rgba(30, 92, 133, 0.36) 84%, rgba(30, 92, 133, 0.36) 100%), linear-gradient(45deg, rgba(250, 109, 130, 0.38) 0%, rgba(250, 109, 130, 0.38) 3%, rgba(219, 107, 130, 0.35) 3%, rgba(219, 107, 130, 0.35) 34%, rgba(187, 104, 131, 0.41) 34%, rgba(187, 104, 131, 0.41) 46%, rgba(156, 102, 131, 0.48) 46%, rgba(156, 102, 131, 0.48) 51%, rgba(124, 99, 132, 0.37) 51%, rgba(124, 99, 132, 0.37) 52%, rgba(93, 97, 132, 0.31) 52%, rgba(93, 97, 132, 0.31) 76%, rgba(61, 94, 133, 0.37) 76%, rgba(61, 94, 133, 0.37) 84%, rgba(30, 92, 133, 0.36) 84%, rgba(30, 92, 133, 0.36) 100%), linear-gradient(90deg, rgba(71, 69, 135, 0.33), rgba(241, 26, 171, 0.39));
-      background-blend-mode: overlay, overlay, overlay, normal; */
-    }
-
-    .card-body a svg {
-      width: 18px;
-      height: 18px;
-      position: absolute;
-      top: 0;
-      bottom: 0;
-      margin: auto;
-    }
-
-    .card-body button svg {
-      width: 15px;
-      height: 15px;
-      position: absolute;
-      top: 0;
-      bottom: 0;
-      right: 0;
-      margin: auto;
-    }
-
-    .card-body button:hover>svg path {
-      d: path("M21.36,10.46L13.54,2.64C12.69,1.79 11.31,1.79 10.46,2.64L2.64,10.46C1.79,11.31 1.79,12.69 2.64,13.54L10.46,21.36C11.31,22.21 12.69,22.21 13.54,21.36L21.36,13.54C22.21,12.69 22.21,11.31 21.36,10.46M12,19L1,12L12,5L23,12L12,19M16.5,12L12,16.5L7.5,12L12,7.5L16.5,12Z");
-    }
-
-    .card-body a:hover>svg path {
-      d: path("M 19 3 C 20 3 21 3.9 21 5 V 19 C 21 20.1 20.1 21 19 21 H 5 C 3.9 21 3 20.1 3 19 V 5 C 3 3.9 3.9 3 5 3 H 19 M 7 8 L 12 10 L 8 16 L 8 16 L 14 12 L 16 17 V 8 H 7 Z");
-    }
-
-    .card .card_status:after {
-      max-width: 100%;
-      height: 35px;
-      display: block;
-      content: "";
-      position: relative;
-      bottom: 0px;
-      left: -12px;
-      z-index: -1;
-      top: -17px;
-      transform: skew(33deg, 0deg);
-      padding: 0px 0px;
-      box-shadow: rgb(0 0 0 / 39%) 0px 1px 0px 0px;
-    }
-
-    .box_gbr {
-      border-radius: 5px 5px 83px 5px;
-      height: 200px;
-      object-fit: contain;
-      position: relative;
-      top: 0px;
-      left: 0%;
-      box-shadow: 0 3px 0px #ff9700, 0 3px 0px rgb(205 190 131);
-      overflow: hidden;
-      opacity: 0.7;
-    }
-
-
-    .card_status_completed:after {
-      background: #b47009;
-      background: -webkit-linear-gradient(to right, #155799, #159957);
-      background: linear-gradient(to right, #155799, #b47009);
-    }
-
-    .card .card_status {
-      position: absolute;
-      left: 0px;
-      top: 169px;
-      padding: 0px 0px;
-      font-size: 10px;
-      text-align: center;
-      color: #d5d5d5b5;
-      transition: all 0.5s ease;
-      text-transform: capitalize;
-      z-index: 1;
-      width: 132px;
-
-      overflow: auto;
-    }
-
-    .card .card_status span {
-      position: relative;
-      left: -6px;
-      top: 9px;
-    }
-
-    .card .card_tahun {
-      position: absolute;
-      right: 0px;
-      background: #1e2328;
-      font-weight: 600;
-      top: 6px;
-      padding: 2px 3px 2px 7px;
-      font-size: 11px;
-      text-align: center;
-      color: #ffffff;
-      border-radius: 10px 0px 0px 10px;
-      transition: all 0.5s ease;
-      /* text-shadow: 0px 1px 2px #000000d1; */
-      box-shadow: rgb(0 0 0 / 39%) 0px 1px 0px 0px;
-      text-transform: capitalize;
-    }
-  </style>
-  <div class="tab-content">
-    <div class="tab-pane active" id="home" role="tabpanel" aria-labelledby="home-tab">
-      <div class="row">
-        <div class="col-md-4">
-          <div class="card mb-4 border-dark " style="box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">
-            <div class="card_status card_status_completed" style-hover="background:green"><span>Februari - Maret
-                2022</span></div>
-            <div class=" box_gbr" tabindex="0" id="">
-              <img src="IMG/img.png" class="card-img-top" data-src="IMG/manpumpingchar.webp"
-                alt="Man. Pumping charity web program">
-            </div>
-            <div class="card-body">
-              <h5 class="card-title">Man. Pumping Charity</h5>
-              <p class="card-text" style="font-size: smaller;">Sebuah aplikasi web pengelolaan data SPT control, dana
-                kelola, member, basecamp, profit, inventaris, transaksi, kas, dan laporan yang kompleks dengan 3 sisi
-                user</p>
-
-              <a target="_blank" href="https://maulana-project122.000webhostapp.com/" class="btn btn-info btn-sm">Demo
-                <svg viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M19 3C20.1 3 21 3.9 21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19M8.7 8L10.8 10.1L7 14L9.8 16.8L13.6 12.9L15.7 15V8H8.7Z" />
-                </svg>
-              </a>
-              <button id="portofolio-manpumping" class="btn btn-info btn-sm in_view">Selengkapnya<svg
-                  viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M21.36,10.46L13.54,2.64C12.69,1.79 11.31,1.79 10.46,2.64L2.64,10.46C1.79,11.31 1.79,12.69 2.64,13.54L10.46,21.36C11.31,22.21 12.69,22.21 13.54,21.36L21.36,13.54C22.21,12.69 22.21,11.31 21.36,10.46M12,19L5,12L12,5L19,12L12,19M16.5,12L12,16.5L7.5,12L12,7.5L16.5,12Z" />
-                </svg></button>
-            </div>
-          </div>
-        </div>
-
-        <div class="col-md-4">
-          <div class="card mb-4 border-dark " style="box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">
-            <div class="card_status card_status_completed" style-hover="background:green"><span>Januari - Februari
-                2021</span></div>
-            <div class=" box_gbr" tabindex="0" id="">
-              <img src="IMG/img.png" class="card-img-top" data-src="IMG/webanime.webp"
-                alt="Website Video Anime yang sedang dikembangkan">
-            </div>
-            <div class="card-body">
-              <h5 class="card-title">Website Video Anime</h5>
-              <p class="card-text" style="font-size: smaller;">Sebuah Website single page pengelola link video /
-                template web didesain khusus untuk layanan video dari pihak ketiga</p>
-              <a target="_blank" href="https://maulanaproject1.000webhostapp.com/" class="btn btn-info btn-sm">Demo <svg
-                  viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M19 3C20.1 3 21 3.9 21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19M8.7 8L10.8 10.1L7 14L9.8 16.8L13.6 12.9L15.7 15V8H8.7Z" />
-                </svg></a>
-              <button id="portofolio-webanime" class="btn btn-info btn-sm in_view">Selengkapnya<svg viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M21.36,10.46L13.54,2.64C12.69,1.79 11.31,1.79 10.46,2.64L2.64,10.46C1.79,11.31 1.79,12.69 2.64,13.54L10.46,21.36C11.31,22.21 12.69,22.21 13.54,21.36L21.36,13.54C22.21,12.69 22.21,11.31 21.36,10.46M12,19L5,12L12,5L19,12L12,19M16.5,12L12,16.5L7.5,12L12,7.5L16.5,12Z" />
-                </svg></button>
-            </div>
-          </div>
-        </div>
-
-        <div class="col-md-4">
-          <div class="card mb-4 border-dark " style="box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">
-            <div class="card_status card_status_completed" style-hover="background:green"><span>Oktober - Desember
-                2019</span></div>
-            <div class=" box_gbr" tabindex="0" id="">
-              <img src="IMG/img.png" class="card-img-top" data-src="IMG/pwebazura.webp"
-                alt="sebuah website dari PT. Raya Azura Persada">
-            </div>
-            <div class="card-body">
-              <h5 class="card-title">Website RAP</h5>
-              <p class="card-text" style="font-size: smaller;">Merupakan sebuah website dari PT. Raya Azura Persada.
-                unik, simpel, dan user friendly</p>
-
-              <a target="_blank" href="https://salamnunggal.000webhostapp.com/" class="btn btn-info btn-sm">Demo <svg
-                  viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M19 3C20.1 3 21 3.9 21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19M8.7 8L10.8 10.1L7 14L9.8 16.8L13.6 12.9L15.7 15V8H8.7Z" />
-                </svg></a>
-              <button id="portofolio-websiteRAP" class="btn btn-info btn-sm in_view">Selengkapnya<svg
-                  viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M21.36,10.46L13.54,2.64C12.69,1.79 11.31,1.79 10.46,2.64L2.64,10.46C1.79,11.31 1.79,12.69 2.64,13.54L10.46,21.36C11.31,22.21 12.69,22.21 13.54,21.36L21.36,13.54C22.21,12.69 22.21,11.31 21.36,10.46M12,19L5,12L12,5L19,12L12,19M16.5,12L12,16.5L7.5,12L12,7.5L16.5,12Z" />
-                </svg></button>
-            </div>
-          </div>
-        </div>
-        <div class="col-md-4">
-          <div class="card mb-4 border-dark " style="box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">
-            <div class="card_status card_status_completed" style-hover="background:green"><span>September 2019</span>
-            </div>
-            <div class=" box_gbr" tabindex="0" id="">
-              <img src="IMG/img.png" class="target card-img-top" data-src="IMG/sipem.webp"
-                alt="pemberdayaan masyarakat seperti agenda">
-            </div>
-            <div class="card-body">
-              <h5 class="card-title">SIPEM Bankul</h5>
-              <p class="card-text" style="font-size: smaller;">Sebuah aplikasi berbasis desktop untuk pengelolaan data
-                pemberdayaan masyarakat seperti agenda, kegiatan atau acara validasi proposal dan lain-lain</p>
-              <a target="_blank" href="https://www.nyenang.com/2022/11/sipem-sistem-informasi-pemberdayan.html"
-                class="btn btn-info btn-sm">Selengkapnya <svg viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M19 3C20.1 3 21 3.9 21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19M8.7 8L10.8 10.1L7 14L9.8 16.8L13.6 12.9L15.7 15V8H8.7Z" />
-                </svg>
-              </a>
-            </div>
-          </div>
-        </div>
-        <div class="col-md-4">
-          <div class="card mb-4 border-dark " style="box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">
-            <div class="card_status card_status_completed" style-hover="background:green"><span>Juli - Agustus
-                2019</span></div>
-            <div class=" box_gbr" tabindex="0" id="">
-              <img src="IMG/img.png" class="target card-img-top" data-src="IMG/inventaris.webp" alt="Inventaris RAP">
-            </div>
-            <div class="card-body">
-              <h5 class="card-title">Inventaris RAP</h5>
-              <p class="card-text" style="font-size: smaller;">Sebuah aplikasi web pengelolaan data inventaris yang
-                terintegrasi dengan web PT. Raya Azura Persada</p>
-              <a target="_blank" href="https://inventarisspa.000webhostapp.com"
-                class="btn btn-info btn-sm">Demo <svg viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M19 3C20.1 3 21 3.9 21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19M8.7 8L10.8 10.1L7 14L9.8 16.8L13.6 12.9L15.7 15V8H8.7Z" />
-                </svg></a>
-              <button id="portofolio-inventarisRAP" class="btn btn-info btn-sm in_view">Selengkapnya<svg
-                  viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M21.36,10.46L13.54,2.64C12.69,1.79 11.31,1.79 10.46,2.64L2.64,10.46C1.79,11.31 1.79,12.69 2.64,13.54L10.46,21.36C11.31,22.21 12.69,22.21 13.54,21.36L21.36,13.54C22.21,12.69 22.21,11.31 21.36,10.46M12,19L5,12L12,5L19,12L12,19M16.5,12L12,16.5L7.5,12L12,7.5L16.5,12Z" />
-                </svg></button>
-            </div>
-          </div>
-        </div>
-
-        <div class="col-md-4">
-          <div class="card mb-4 border-dark " style="box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">
-            <div class="card_status card_status_completed" style-hover="background:green"><span>Maret - Maret
-                2019</span></div>
-            <div class=" box_gbr" tabindex="0" id="">
-              <img src="IMG/img.png" class="card-img-top" data-src="IMG/cashflow.webp" alt="Cashflow Proyek">
-            </div>
-            <div class="card-body">
-              <h5 class="card-title">Cashflow Proyek</h5>
-              <p class="card-text" style="font-size: smaller;">Sebuah aplikasi web untuk membantu estimasi pengeluaran
-                rencana dan aktual Proyek </p>
-              <a target="_blank" href="https://internetclanc.000webhostapp.com/" class="btn btn-info btn-sm">Demo <svg
-                  viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M19 3C20.1 3 21 3.9 21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19M8.7 8L10.8 10.1L7 14L9.8 16.8L13.6 12.9L15.7 15V8H8.7Z" />
-                </svg></a>
-              <button id="portofolio-cashflow" class="btn btn-info btn-sm in_view">Selengkapnya<svg viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M21.36,10.46L13.54,2.64C12.69,1.79 11.31,1.79 10.46,2.64L2.64,10.46C1.79,11.31 1.79,12.69 2.64,13.54L10.46,21.36C11.31,22.21 12.69,22.21 13.54,21.36L21.36,13.54C22.21,12.69 22.21,11.31 21.36,10.46M12,19L5,12L12,5L19,12L12,19M16.5,12L12,16.5L7.5,12L12,7.5L16.5,12Z" />
-                </svg></button>
-            </div>
-          </div>
-        </div>
-
-        <div class="col-md-4">
-          <div class="card mb-4 border-dark " style="box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">
-            <div class="card_status card_status_completed" style-hover="background:green"><span>Januari 2019</span>
-            </div>
-            <div class=" box_gbr" tabindex="0" id="">
-              <img src="IMG/img.png" class="card-img-top" data-src="IMG/siauptutc.webp"
-                alt="Sistem informasi peminjaman berbasis desktop">
-            </div>
-            <div class="card-body">
-              <h5 class="card-title">SIAU</h5>
-              <p class="card-text" style="font-size: smaller;">Sistem informasi peminjaman berbasis desktop yang dibuat
-                guna mempermudah pengelolaan alat ukur dibuat untuk memenuhi tugas skripsi</p>
-              <a target="_blank" href="https://www.nyenang.com/2022/11/sistem-informasi-peminjaman-alat-ukur.html"
-                class="btn btn-info btn-sm">Selengkapnya
-                <svg viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M19 3C20.1 3 21 3.9 21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19M8.7 8L10.8 10.1L7 14L9.8 16.8L13.6 12.9L15.7 15V8H8.7Z" />
-                </svg>
-              </a>
-            </div>
-          </div>
-        </div>
-
-        <div class="col-md-4">
-          <div class="card mb-4 border-dark " style="box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">
-            <div class="card_status card_status_completed" style-hover="background:green"><span>Agustus - agustus
-                2018</span></div>
-            <div class=" box_gbr" tabindex="0" id="">
-              <img src="IMG/img.png" class="card-img-top" data-src="IMG/siak.webp"
-                alt="Sebuah sistem informasi administrasi kependudukan untuk              mengelola data KTP + KK berbasis dekstop">
-            </div>
-            <div class="card-body">
-              <h5 class="card-title">SIAK Andir</h5>
-              <p class="card-text" style="font-size: smaller;">Sebuah sistem informasi administrasi kependudukan untuk
-                mengelola data KTP + KK berbasis dekstop</p>
-              <a target="_blank" href="https://www.nyenang.com/2022/10/sistem-informasi-administrasi.html"
-                class="btn btn-info btn-sm">Selengkapnya <svg viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M19 3C20.1 3 21 3.9 21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19M8.7 8L10.8 10.1L7 14L9.8 16.8L13.6 12.9L15.7 15V8H8.7Z" />
-                </svg></a>
-            </div>
-          </div>
-        </div>
-
-        <div class="col-md-4">
-          <div class="card mb-4 border-dark " style="box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">
-            <div class="card_status card_status_completed" style-hover="background:green"><span>April - April
-                2018</span></div>
-            <div class=" box_gbr" tabindex="0" id="">
-              <img src="IMG/img.png" class="card-img-top" data-src="IMG/osengmercon.webp"
-                alt="Sebuah aplikasi pengelola stok bahan makanan untuk multi              outlet berbasis web">
-            </div>
-            <div class="card-body">
-              <h5 class="card-title">Oseng Mercon</h5>
-              <p class="card-text" style="font-size: smaller;">Sebuah aplikasi pengelola stok bahan makanan untuk multi
-                outlet berbasis web</p>
-              <a target="_blank" href="https://internetclan.000webhostapp.com/" class="btn btn-info btn-sm">Demo <svg
-                  viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M19 3C20.1 3 21 3.9 21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19M8.7 8L10.8 10.1L7 14L9.8 16.8L13.6 12.9L15.7 15V8H8.7Z" />
-                </svg></a>
-              <button id="portofolio-osengmercon" class="btn btn-info btn-sm in_view">Selengkapnya<svg
-                  viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M21.36,10.46L13.54,2.64C12.69,1.79 11.31,1.79 10.46,2.64L2.64,10.46C1.79,11.31 1.79,12.69 2.64,13.54L10.46,21.36C11.31,22.21 12.69,22.21 13.54,21.36L21.36,13.54C22.21,12.69 22.21,11.31 21.36,10.46M12,19L5,12L12,5L19,12L12,19M16.5,12L12,16.5L7.5,12L12,7.5L16.5,12Z" />
-                </svg></button>
-            </div>
-          </div>
-        </div>
-
-        <div class="col-md-4">
-          <div class="card mb-4 border-dark " style="box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">
-            <div class="card_status card_status_completed" style-hover="background:green"><span>Maret 2018</span></div>
-            <div class=" box_gbr" tabindex="0" id="">
-              <img src="IMG/img.png" class="card-img-top" data-src="IMG/rabp1.webp"
-                alt="Aplikasi berbasis desktop yang terintegrasi dengan MAN.              KTR, untuk mengelola rancangan anggaran biaya proyek serta estimasi harga barang">
-            </div>
-            <div class="card-body">
-              <h5 class="card-title">RABP Man. QBarang</h5>
-              <p class="card-text" style="font-size: smaller;">Aplikasi berbasis desktop yang terintegrasi dengan MAN.
-                KTR, untuk mengelola rancangan anggaran biaya proyek serta estimasi harga barang </p>
-              <button id="portofolio-rabp" class="btn btn-info btn-sm in_view"> Selengkapnya <svg viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M21.36,10.46L13.54,2.64C12.69,1.79 11.31,1.79 10.46,2.64L2.64,10.46C1.79,11.31 1.79,12.69 2.64,13.54L10.46,21.36C11.31,22.21 12.69,22.21 13.54,21.36L21.36,13.54C22.21,12.69 22.21,11.31 21.36,10.46M12,19L5,12L12,5L19,12L12,19M16.5,12L12,16.5L7.5,12L12,7.5L16.5,12Z" />
-                </svg></button>
-            </div>
-          </div>
-        </div>
-
-        <div class="col-md-4">
-          <div class="card mb-4 border-dark " style="box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">
-            <div class="card_status card_status_completed" style-hover="background:green"><span>Januari - Maret
-                2018</span></div>
-            <div class=" box_gbr" tabindex="0" id="">
-              <img src="IMG/img.png" class="card-img-top" data-src="IMG/manktr.webp"
-                alt="Sebuah aplikasi berbasis web untuk pengelolaan data">
-            </div>
-            <div class="card-body">
-              <h5 class="card-title">Man. KTR</h5>
-              <p class="card-text" style="font-size: smaller;">Sebuah aplikasi berbasis web untuk pengelolaan data, baik
-                logistik, transaksi, karyawan dan info harga barang </p>
-              <a target="_blank" href="https://maulana-project10.000webhostapp.com/#popuplogin"
-                class="btn btn-info btn-sm">Demo <svg viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M19 3C20.1 3 21 3.9 21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19M8.7 8L10.8 10.1L7 14L9.8 16.8L13.6 12.9L15.7 15V8H8.7Z" />
-                </svg></a>
-              <button id="portofolio-manktr" class="btn btn-info btn-sm in_view">Selengkapnya<svg viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M21.36,10.46L13.54,2.64C12.69,1.79 11.31,1.79 10.46,2.64L2.64,10.46C1.79,11.31 1.79,12.69 2.64,13.54L10.46,21.36C11.31,22.21 12.69,22.21 13.54,21.36L21.36,13.54C22.21,12.69 22.21,11.31 21.36,10.46M12,19L5,12L12,5L19,12L12,19M16.5,12L12,16.5L7.5,12L12,7.5L16.5,12Z" />
-                </svg></button>
-            </div>
-          </div>
-        </div>
-        <div class="col-md-4">
-          <div class="card mb-4 border-dark " style="box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">
-            <div class="card_status card_status_completed" style-hover="background:green"><span>September 2017</span>
-            </div>
-            <div class=" box_gbr" tabindex="0" id="">
-              <img src="IMG/img.png" class="card-img-top" data-src="IMG/sbmart.webp"
-                alt="Aplikasi pengelolaan barang bedasarkan rak-rak pengelola">
-            </div>
-            <div class="card-body">
-              <h5 class="card-title">Bazar SBmart</h5>
-              <p class="card-text" style="font-size: smaller;">Aplikasi pengelolaan barang bedasarkan rak-rak pengelola
-                yang akan expired untuk dibazarkan</p>
-              <a target="_blank" href="https://www.nyenang.com/2022/11/aplikasi-bazar-sbmart-menggunakan.html"
-                class="btn btn-info btn-sm">Selengkapnya <svg viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M19 3C20.1 3 21 3.9 21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19M8.7 8L10.8 10.1L7 14L9.8 16.8L13.6 12.9L15.7 15V8H8.7Z" />
-                </svg></a>
-            </div>
-          </div>
-        </div>
-
-        <div class="col-md-4">
-          <div class="card mb-4 border-dark " style="box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">
-            <div class="card_status card_status_completed" style-hover="background:green"><span>Agustus - Agustus
-                2017</span></div>
-            <div class=" box_gbr" tabindex="0" id="">
-              <img src="IMG/img.png" class="card-img-top" data-src="IMG/webcommandcentre.webp"
-                alt="Website Command Centre untuk kecamatan Andir">
-            </div>
-            <div class="card-body">
-              <h5 class="card-title">Website Andir</h5>
-              <p class="card-text" style="font-size: smaller;">Website Command Centre untuk kecamatan Andir Bandung
-                untuk memenuhi tugas skripsi</p>
-              <a target="_blank" href="https://commandcenter-maulanaproject.000webhostapp.com/"
-                class="btn btn-info btn-sm">Demo <svg viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M19 3C20.1 3 21 3.9 21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19M8.7 8L10.8 10.1L7 14L9.8 16.8L13.6 12.9L15.7 15V8H8.7Z" />
-                </svg></a>
-              <button id="portofolio-webcommandcentre" class="btn btn-info btn-sm in_view">Selengkapnya<svg
-                  viewBox="0 0 24 24">
-                  <path fill="currentColor"
-                    d="M21.36,10.46L13.54,2.64C12.69,1.79 11.31,1.79 10.46,2.64L2.64,10.46C1.79,11.31 1.79,12.69 2.64,13.54L10.46,21.36C11.31,22.21 12.69,22.21 13.54,21.36L21.36,13.54C22.21,12.69 22.21,11.31 21.36,10.46M12,19L5,12L12,5L19,12L12,19M16.5,12L12,16.5L7.5,12L12,7.5L16.5,12Z" />
-                </svg></button>
-            </div>
-          </div>
-        </div>
-
-      </div>
-
-    </div>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-    <!-- ======================================================================================================================== START TAB 2 -->
-    <div class="tab-pane" id="profile" role="tabpanel" aria-labelledby="profile-tab">
-      <h2 style="text-align: center;">Kemampuan & Kompetensi</h2>
-
-      <h4 style="text-align: center;">Professional Skills</h4>
-      <div class="row mt-100">
-
-
-        <div class="keahlian-list">
-          <div id="DIGImar" class="bungkus-skil in_view">
-            <button class="btn btn-sm btn-primary "><i class="bi bi-eye-fill"></i><svg
-                xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye-fill"
-                viewBox="0 0 16 16">
-                <path d="M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z" />
-                <path d="M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8zm8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z" />
-              </svg></button>
-            <div class="bagi">
-              <div class="bagi-1">
-                <ul>
-                  <li>
-                    <div class="progress dgm23">
-                      <span class="progress-left"><span class="progress-bar"></span></span><span
-                        class="progress-right"><span class="progress-bar"></span></span>
-                      <div class="progress-value">65%</div>
-                    </div>
-                  </li>
-                  <li>
-                    <h4>Digital Marketing</h4>
-                  </li>
-                  <li>
-                    <span>On Going</span>
-                    <p>Terlatih dalam menggunakan media digital atau internet dengan tujuan untuk menarik konsumen atau
-                      calon konsumen secara cepat</p>
-                  </li>
-                </ul>
-              </div>
-              <div class="bagi-2">
-                <div class="b-chart-FIRST"><canvas id="chart-DGM"></canvas></div>
-                <script>
-                  var configchartDGM = {
-                    type: 'radar',
-                    data: {
-                      labels: ['Paid Advertising', 'Funneling Strategy', 'SEO / SEM', 'Social Media Marketing', 'Foreign language', 'Market research capabilities', 'Writing & Storytelling'],
-                      datasets: [{
-                        label: "DM Skills",
-                        data: [50, 85, 70, 80, 10, 90, 70],
-                        backgroundColor: 'rgba(99, 211, 255, 0.2)',
-                        borderColor: '#00f1ff',
-                        pointBackgroundColor: '#00f1ff',
-                        pointBorderColor: '#fff',
-                        pointHoverBackgroundColor: '#fff',
-                        pointHoverBorderColor: '#00f1ff'
-                      }, {
-                        label: '',
-                        data: [0, 0, 0, 0, 0, 0],
-                      }]
-                    },
-                    options: {
-                      legend: {
-                        display: false
-                      },
-                      scale: {
-                        gridLines: {
-                          color: ['#d4d4d4']
-                        }
-                      }
-                    }
-                  };
-                  var chartDGM = document.getElementById("chart-DGM");
-                  new Chart(chartDGM, configchartDGM);
-                  Chart.defaults.global.defaultFontColor = '#cccccc';
-                </script>
-              </div>
-            </div>
-          </div>
-        </div>
-
-
-        <div class="keahlian-list">
-          <div id="DataAnalytic" class="bungkus-skil in_view">
-            <span class="k-tgl">16 NOV 2022</span>
-            <button class="btn btn-sm btn-primary in_view"><i class="bi bi-eye-fill"></i><svg
-                xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye-fill"
-                viewBox="0 0 16 16">
-                <path d="M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z" />
-                <path d="M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8zm8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z" />
-              </svg></button>
-            <ul>
-              <li>
-                <div class="progress DAytc">
-                  <span class="progress-left"><span class="progress-bar"></span></span><span
-                    class="progress-right"><span class="progress-bar"></span></span>
-                  <div class="progress-value">72%</div>
-                </div>
-              </li>
-              <li>
-                <b class="hh4"></b>
-                <h4>Data Analytic </h4>
-              </li>
-              <li>
-                <p>Ulet ketika menganalisa, sehingga teliti dalam menyajikan dan menginterpretasikan Data dengan sangat
-                  baik</p>
-              </li>
-            </ul>
-          </div>
-        </div>
-
-        <div class="keahlian-list">
-          <div id="ManajemenData" class="bungkus-skil in_view">
-            <span class="k-tgl">15 Okt 2018</span>
-            <button class="btn btn-sm btn-primary in_view"><i class="bi bi-eye-fill"></i><svg
-                xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye-fill"
-                viewBox="0 0 16 16">
-                <path d="M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z" />
-                <path d="M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8zm8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z" />
-              </svg></button>
-            <ul>
-              <li>
-                <div class="progress manajementdata">
-                  <span class="progress-left"><span class="progress-bar"></span></span><span
-                    class="progress-right"><span class="progress-bar"></span></span>
-                  <div class="progress-value">89%</div>
-                </div>
-              </li>
-              <li>
-                <b class="hh4"></b>
-                <h4>Manajemen Informatika</h4>
-              </li>
-              <li>
-                <p>Mampu membangun, merancang dan mengembangkan sebuah sistem software dan juga Aplikasi Berbasis WEB.
-                  Melakukan analisis secara menyeluruh pada sistem komputer. Mengelola, merapikan data-data agar sumber
-                  data tetap aktual. Pelayanan konsultasi di bidang IT dan menyusun rancangan jaringan komputer</p>
-              </li>
-            </ul>
-          </div>
-        </div>
-
-        <div class="keahlian-list">
-          <div id="EngineringInformationSystem" class="bungkus-skil in_view">
-            <span class="k-tgl">29 Nov 2017</span>
-            <button class="btn btn-sm btn-primary in_view"><i class="bi bi-eye-fill"></i><svg
-                xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye-fill"
-                viewBox="0 0 16 16">
-                <path d="M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z" />
-                <path d="M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8zm8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z" />
-              </svg></button>
-            <ul>
-              <li>
-                <div class="progress eis">
-                  <span class="progress-left"><span class="progress-bar"></span></span><span
-                    class="progress-right"><span class="progress-bar"></span></span>
-                  <div class="progress-value">98%</div>
-                </div>
-              </li>
-              <li>
-                <b class="hh4"></b>
-                <h4>Engineering Information System </h4>
-              </li>
-              <li>
-                <p>Cakap dalam membuat algoritma, menulis atau membuat dokumen kode pemograman yang terstruktur dan
-                  Tangkas dalam mengoprasikan aplikasi basis data</p>
-              </li>
-            </ul>
-          </div>
-        </div>
-
-        <div class="keahlian-list">
-          <div id="MircrosoftOfficeSpecialist" class="bungkus-skil in_view">
-            <span class="k-tgl">18 Nov 2017</span>
-            <button class="btn btn-sm btn-primary in_view"><i class="bi bi-eye-fill"></i><svg
-                xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye-fill"
-                viewBox="0 0 16 16">
-                <path d="M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z" />
-                <path d="M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8zm8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z" />
-              </svg></button>
-            <ul>
-              <li>
-                <div class="progress office">
-                  <span class="progress-left"><span class="progress-bar"></span></span><span
-                    class="progress-right"><span class="progress-bar"></span></span>
-                  <div class="progress-value">90%</div>
-                </div>
-              </li>
-              <li>
-                <b class="hh4"></b>
-                <h4>Mircrosoft Office Specialist </h4>
-              </li>
-              <li>
-                <p>Menguasai fitur dan fungsionalitas lengkap Microsoft Office, mulai dari Excel, Word, Power Point,
-                  Publisher, Acces dan telah memiliki sertifikasi yang dikeluarkan oleh Certiport, Kredensial yang
-                  diakui secara global</p>
-              </li>
-            </ul>
-          </div>
-        </div>
-
-        <div class="keahlian-list">
-          <div id="InformationTechnologyNetwork" class="bungkus-skil in_view">
-            <span class="k-tgl">02 Des 2016</span>
-            <button class="btn btn-sm btn-primary in_view"><i class="bi bi-eye-fill"></i><svg
-                xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye-fill"
-                viewBox="0 0 16 16">
-                <path d="M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z" />
-                <path d="M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8zm8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z" />
-              </svg></button>
-            <ul>
-              <li>
-                <div class="progress itn">
-                  <span class="progress-left"><span class="progress-bar"></span></span><span
-                    class="progress-right"><span class="progress-bar"></span></span>
-                  <div class="progress-value">90%</div>
-                </div>
-              </li>
-              <li>
-                <b class="hh4"></b>
-                <h4>Information Technology Network </h4>
-              </li>
-              <li>
-                <p>Lihai membuat jaringan lokal, dan nirkabel dan juga Terampil melaksanakan prosedur perawatan serta
-                  menyelenggarakan adm sistem jaringan, maupun menginstal sumber daya berbagi pada jaringan</p>
-              </li>
-            </ul>
-          </div>
-        </div>
-
-        <div class="keahlian-list">
-          <div id="InformationTechnologySupport" class="bungkus-skil in_view">
-            <span class="k-tgl">28 Okt 2015</span>
-            <button class="btn btn-sm btn-primary in_view"><i class="bi bi-eye-fill"></i><svg
-                xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye-fill"
-                viewBox="0 0 16 16">
-                <path d="M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z" />
-                <path d="M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8zm8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z" />
-              </svg></button>
-            <ul>
-              <li>
-                <div class="progress its">
-                  <span class="progress-left"><span class="progress-bar"></span></span><span
-                    class="progress-right"><span class="progress-bar"></span></span>
-                  <div class="progress-value">92%</div>
-                </div>
-              </li>
-              <li>
-                <b class="hh4"></b>
-                <h4>Information Technology Support </h4>
-              </li>
-              <li>
-                <p>Mahir dalam mengidentifikasi, memasang perlengkapan, mengoprasikan perangkat komputer, dan melakukan
-                  instalasi jaringan serta instalasi operating system</p>
-              </li>
-            </ul>
-          </div>
-        </div>
-      </div>
-      <script>
-        $('.keahlian-list').hover(function () {
-          var $this = $(this).find(".progress-value");
-          $this.data('defaultText', $this.text());
-          $this.text("Open");
-          $(this).find(".progress-value").css('background', 'rgba(0,231,255,0.12)');
-        },
-          function () {
-            var $this = $(this).find(".progress-value"); // caching $(this)
-            $this.text($this.data('defaultText'));
-            $(this).find(".progress-value").css('background', '#ffffff1f');
-          }
-        );
-      </script>
-
-      <div class="skill">
-        <table>
-          <tr>
-            <td>
-              <h2>Programming Skills</h2>
-            </td>
-          </tr>
-          <tr>
-            <td>
-              <div class="container">
-                <div class="skills html"><i>HTML - HyperText Markup Language </i> 99%</div>
-              </div>
-              <div class="container">
-                <div class="skills css"><i>CSS - Cascading Style Sheet</i> 90%</div>
-              </div>
-            </td>
-          </tr>
-          <tr>
-            <td>
-              <div class="b-chart-Skills-Programming">
-                <h3>Programming language</h3>
-                <div class="posisichart-Programming"><canvas id="chart-Skills-Programming-language"></canvas></div>
-              </div>
-              <script>DatasetsProgramminglanguage = [94, 60, 40, 80]; var ctxProgramminglanguage = document.getElementById("chart-Skills-Programming-language"); var myChartctxProgrammingskil = new Chart(ctxProgramminglanguage, { type: 'bar', data: { labels: ['PHP', 'Javascript', 'Java', 'Visual Basic .NET'], datasets: [{ label: 'Result', fill: false, data: DatasetsProgramminglanguage, backgroundColor: ['rgba(255, 99, 132, 0.2)', 'rgba(255, 159, 64, 0.2)', 'rgba(255, 205, 86, 0.2)', 'rgba(75, 192, 192, 0.2)'], borderColor: ['rgb(255, 99, 132)', 'rgb(255, 159, 64)', 'rgb(255, 205, 86)', 'rgb(75, 192, 192)'], borderWidth: 1 }] }, options: { scales: { yAxes: [{ ticks: { beginAtZero: true } }] }, responsive: true, tooltips: { callbacks: { labelColor: function (tooltipItem, chart) { return { borderColor: 'rgb(255, 0, 20)', backgroundColor: 'rgb(255,20, 0)' } } } }, legend: { display: false }, } });</script>
-
-              <div class="b-chart-Skills-Programming">
-                <h3>Database</h3>
-                <div class="posisichart-Programming"><canvas id="chart-Skills-database"></canvas></div>
-                <script>Datasetsdatabase = [95, 30, 60]; var ctxProgrammingDatabase = document.getElementById("chart-Skills-database"); var myChartctxProgrammingskil = new Chart(ctxProgrammingDatabase, { type: 'pie', data: { labels: ['MYSQL', 'MS. SQL Server', 'Access'], datasets: [{ label: 'Result', fill: true, data: Datasetsdatabase, backgroundColor: ['rgba(255, 99, 132, 0.2)', 'rgba(75, 192, 192, 0.2)', 'rgba(255, 159, 64, 0.2)'], borderColor: ['rgb(255, 99, 132)', 'rgb(255, 159, 64)', 'rgb(255, 205, 86)', 'rgb(75, 192, 192)'], borderWidth: 1 }] }, options: { responsive: true, tooltips: { callbacks: { labelColor: function (tooltipItem, chart) { return { borderColor: 'rgb(255, 0, 20)', backgroundColor: 'rgb(255,20, 0)' } } } }, legend: { display: true }, } });</script>
-            </td>
-          </tr>
-          <tr>
-            <td>
-              <div class="b-chart-Skills-Programming">
-                <h3>Frequently used technologies stack</h3>
-                <div class="posisichart-Programming"><canvas id="chart-Skills-frameworkorlbr"></canvas></div>
-              </div>
-              <script>Datasetsframeworkorlbr = [80, 90, 60, 50, 30, 60, 80]; var ctxframeworkorlbr = document.getElementById("chart-Skills-frameworkorlbr"); var myChartctxProgrammingskil = new Chart(ctxframeworkorlbr, { type: 'bar', data: { labels: ['jQuery', 'Bootstrap', 'Chartjs', 'Highchart', 'Code igniter', 'Pusher', 'Slickjs'], datasets: [{ label: 'Result', fill: false, data: Datasetsframeworkorlbr, backgroundColor: ['rgba(255, 99, 132, 0.2)', 'rgba(255, 159, 64, 0.2)', 'rgba(255, 205, 86, 0.2)', 'rgba(75, 192, 192, 0.2)', 'rgba(75, 192, 76, 0.2)', 'rgba(56, 24, 167, 0.2)', 'rgba(240, 41, 144, 0.13)'], borderColor: ['rgb(255, 99, 132)', 'rgb(255, 159, 64)', 'rgb(255, 205, 86)', 'rgb(75, 192, 192)', '#65cc00', 'rgb(133, 0, 255)', 'rgba(240, 41, 144, 1)'], borderWidth: 1 }] }, options: { scales: { yAxes: [{ ticks: { beginAtZero: true } }] }, responsive: true, tooltips: { callbacks: { labelColor: function (tooltipItem, chart) { return { borderColor: 'rgb(255, 0, 20)', backgroundColor: 'rgb(255,20, 0)' } } } }, legend: { display: false }, } });</script>
-
-              <div class="b-chart-Skills-Programming">
-                <h3>Programming Desktop Tools</h3>
-                <div class="posisichart-Programming"><canvas id="chart-Skills-DeskTools"></canvas></div>
-              </div>
-              <script>var configchartDeskTools = { type: 'radar', data: { labels: ['Visual Studio Code', 'Sublime Text', 'Microsoft Visual Studio', 'Netbeans', 'Android Studio', 'Crystal Report'], datasets: [{ label: "DT Skills", data: [70, 80, 90, 60, 30, 85], backgroundColor: 'rgba(255, 99, 132, 0.2)', borderColor: 'rgb(255, 99, 132)', pointBackgroundColor: 'rgb(255, 99, 132)', pointBorderColor: '#fff', pointHoverBackgroundColor: '#fff', pointHoverBorderColor: 'rgb(255, 99, 132)' }, { label: '', data: [0, 0, 0, 0, 0, 0], }] }, options: { legend: { display: false }, scale: { gridLines: { color: ['#d4d4d4'] } } } }; var chartDeskTools = document.getElementById("chart-Skills-DeskTools"); new Chart(chartDeskTools, configchartDeskTools); </script>
-            </td>
-          </tr>
-        </table>
-      </div>
-
-
-      <div class="skill">
-        <table>
-          <tr>
-            <td>
-              <h2>Technical and Other Skills</h2>
-            </td>
-          </tr>
-          <tr>
-            <td>
-
-              <div class="container">
-                <div class="skills js"><i>Build a Mikrotik Network</i> 85%</div>
-              </div>
-              <div class="container">
-                <div class="skills php"><i>Google Office</i> 90%</div>
-              </div>
-              <div class="container">
-                <div class="skills jquery"><i>Adobe Photoshop</i> 90%</div>
-              </div>
-
-              <div class="container">
-                <div class="skills vb"><i>Adobe Priemere</i> 70%</div>
-              </div>
-              <div class="container">
-                <div class="skills java"><i>Sony Vegas</i> 90%</div>
-              </div>
-
-            </td>
-          </tr>
-        </table>
-      </div>
-    </div>
-
-
-
-
-
-
-    <!-- ======================================================================================================================== START TAB 3 -->
-    <div class="tab-pane" id="messages" role="tabpanel" aria-labelledby="messages-tab">
-      <style type="text/css">
-        .pendidikan {
-          width: 100%;
-          display: flex;
-        }
-
-        .pendidikan .pendidikan-bagi {
-          width: 50%;
-        }
-
-        .pendidikan .pendidikan-bagi h2 {
-          color: white;
-        }
-
-        .pendidikan .pendidikan-bagi .ULLastActivity {
-          border-left: 1px solid #4848488f;
-          margin-left: 3%;
-          padding-left: 2%;
-          list-style: none;
-        }
-
-        .pendidikan .pendidikan-bagi .ULLastActivity li {
-          margin: 0px 0px 1% 0px;
-          background: #0084c30d;
-          padding: 2%;
-          cursor: pointer;
-        }
-
-        .pendidikan .pendidikan-bagi .ULLastActivity li:hover {
-          background: #0084c34a;
-        }
-
-        .pendidikan .pendidikan-bagi .ULLastActivity li span:nth-child(1) {
-          padding: 1px 5px 1px 0px;
-          border-radius: 5px;
-          font-size: small;
-          color: #cdbe91;
-        }
-
-        .pendidikan .pendidikan-bagi .ULLastActivity li span:nth-child(2) {
-          background: rgb(255 255 255 / 0%);
-          padding: 1px 5px 1px 5px;
-          border-radius: 3px;
-          font-size: small;
-          color: #cdbe91;
-          border: 2px solid #cdbe91;
-        }
-
-        .pendidikan .pendidikan-bagi .ULLastActivity li h4 {
-          font-size: large;
-          padding: 0;
-          margin: 4px 0px 0px 0px;
-        }
-
-        ul.timeline {
-          color: #adadad;
-          list-style-type: none;
-          position: relative;
-        }
-
-        ul.timeline:before {
-          content: ' ';
-          background: #d4d9df;
-          display: inline-block;
-          position: absolute;
-          left: 29px;
-          width: 2px;
-          height: 100%;
-          z-index: 400;
-        }
-
-        ul.timeline>li {
-          margin: 30px 0;
-          padding: 0px 3% 0px 4px;
-        }
-
-        ul.timeline>li:before {
-          content: ' ';
-          background: white;
-          display: inline-block;
-          position: absolute;
-          border-radius: 50%;
-          border: 3px solid #22c0e8;
-          left: 20px;
-          width: 20px;
-          height: 20px;
-          z-index: 400;
-        }
-
-        ul.timeline>li span {
-          color: #727272;
-        }
-
-        ul.timeline>li ul li ul li {
-          margin: 0% 0% 0.5% 0%;
-        }
-
-        ul.timeline>li p {
-          text-align: justify;
-        }
-      </style>
-      <div class="pendidikan">
-        <div class="pendidikan-bagi">
-          <h2>Riwayat Pendidikan</h2>
-          <div class="row">
-            <div class="">
-              <ul class="timeline">
-                <li>
-                  <span>September 2014 - Oktober 2018</span>
-                  <a href="#" class="float-right"> </a>
-                  <h3> <a target="_blank" href="https://www.piksi.ac.id/">Politeknik Piksi Ganesha Bandung</a></h3>
-                  <h5>DIV Manajemen Informatika - IPK 3.09</h5>
-                  <button class="btn btn-outline-primary btn-sm in_view" id="LihatIjazah">Lihat Ijazah</button>
-                  <button class="btn btn-outline-primary btn-sm in_view" id="KeteranganLulus">Keterangan Lulus</button>
-                  <button class="btn btn-outline-primary btn-sm in_view" id="SKHUN-PIKSI">Rekap Nilai</button>
-                  <ul style="margin-top: 1%;">
-                    <li>
-                      <p>Setiap masuk kuliah saya ditantang untuk menempuh 60 km perjalanan dari rumah sampai kampus
-                        dengan
-                        menggunakan sepeda motor, diperlukan waktu kurang lebih 2-3 jam untuk sampai dan itu saya
-                        lakukan
-                        konsisten selama 4 tahun.</p>
-                    </li>
-                    <li>
-                      <p>Saya aktif mengikuti seminar dan kompetensi, selama kuliah</p>
-                      <ul>
-                        <li><button class="btn btn-info btn-sm in_view" id="CALLFORPAPER">Seminar Nasional dan Call For
-                            Paper Information Technology & Computer</button> </li>
-                        <li><button class="btn btn-info btn-sm in_view" id="TOEIC">Sertifikasi TOEIC</button> </li>
-                        <li><button class="btn btn-info btn-sm in_view" id="ORACLE">Introduction to Big Data : Limitless
-                            Possibilities</button> </li>
-                        <li><button class="btn btn-info btn-sm in_view" id="EKSIS2017">Ekonomi Kesehatan Sistem
-                            Informasi
-                            Bisnis (EKSIS) 2017</button> </li>
-                        <li><button class="btn btn-info btn-sm in_view" id="PICKS2016">Piksi International Conference on
-                            Knowledge and Sciences (PICKS) 2016</button></li>
-                      </ul>
-                    </li>
-                  </ul>
-                </li>
-
-                <li style="margin-top: 5%;">
-                  <span>Juli 2011 - Mei 2014</span>
-                  <a href="#" class="float-right"> </a>
-                  <h3> <a target="_blank" href="https://goo.gl/maps/LE4vZkz2FK5UE2aa8">Madrasah Aliyah Muslimin
-                      Cipeundeuy</a></h3>
-                  <h5>Jurusan Ilmu Pengetahuan Sosial (IPS)</h5>
-                  <button class="btn btn-outline-primary btn-sm in_view" id="LihatIjazah-MA">Lihat Ijazah</button>
-                  <button class="btn btn-outline-primary btn-sm in_view" id="SKHUN-MA">SKHUN</button>
-                  <ul style="margin-top: 1%;">
-                    <li>
-                      <p>Pernah mewakili sekolah dalam mengikuti lomba catur tingkat kecamatan.</p>
-                    </li>
-                    <li>
-                      <p>Mengikuti organisasi IKRIMA sebagai anggota</p>
-                    </li>
-                  </ul>
-                </li>
-
-                <li style="margin-top: 5%;">
-                  <span>2007 - Juni 2011</span>
-                  <a href="#" class="float-right"> </a>
-                  <h3> <a target="_blank"
-                      href="https://www.google.com/maps/place/6%C2%B044'17.4%22S+107%C2%B021'49.8%22E/@-6.7381707,107.3632978,19z/data=!3m1!4b1!4m6!3m5!1s0x0:0x14e44832bcfe5168!7e2!8m2!3d-6.7381721!4d107.3638448">Madrasah
-                      Tsanawiyah Muslimin Cipeundeuy</a></h3>
-
-                  <button class="btn btn-outline-primary btn-sm in_view" id="LihatIjazah-MTS">Lihat Ijazah</button>
-                  <button class="btn btn-outline-primary btn-sm in_view" id="SKHUN-MTS">SKHUN</button>
-                  <ul style="margin-top: 1%;">
-                    <li>
-                      <p>2.5 Tahun pernah mondok di <a target="_blank"
-                          href="https://goo.gl/maps/pVkRSEpvG6P3rp147">PONPES
-                          SABIILUNNAJA</a> dimulai kelas 1 sampai kelas 3 MTS</p>
-                    </li>
-
-                  </ul>
-                </li>
-
-                <li style="margin-top: 5%;">
-                  <span>2002 - 2007</span>
-                  <a href="#" class="float-right"> </a>
-                  <h3> <a target="_blank" href="https://goo.gl/maps/9cN6afUvH75b69y4A">Madrasah Ibtidaiyah Nyenang</a>
-                  </h3>
-
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-        <div class="pendidikan-bagi">
-          <h2>Latest</h2>
-          <ul class="ULLastActivity">
-            <li id="Course-DigitalMarketing" class="in_view "><span>OnGoing</span><span>Kursus</span>
-              <h4>Digital Marketing Kelas Professional</h4><span><a target="_blank"
-                  href="https://jabarcodingcamp.jabarprov.go.id/">Candradimuka Jabar Coding Camp</a></span>
-            </li>
-            <li id="Course-RevouMiniCourseDataAnalytics" class="in_view "><span>2022/11/16</span><span>Kursus</span>
-              <h4>Revou Mini Course Data Analytics</h4><span><a target="_blank"
-                  href="https://revou.co/">RevoU</a></span>
-            </li>
-            <li id="Course-BelajarPrinsipPemrogramanSOLID" class="in_view "><span>2022/11/11</span><span>Kursus</span>
-              <h4>Belajar Prinsip Pemrograman SOLID</h4><span><a target="_blank"
-                  href="https://www.dicoding.com/">Dicoding Indonesia</a></span>
-            </li>
-            <li id="Course-BukitAlgoritmadanMasaDepanTeknologiDatadiIndonesia" class="in_view ">
-              <span>2021/10/02</span><span>Webinar</span>
-              <h4>Bukit Algoritma dan Masa Depan Teknologi Data di Indonesia</h4><span><a target="_blank"
-                  href="https://www.instagram.com/taudata.analytics/">taudata</a></span>
-            </li>
-          </ul>
-        </div>
-      </div>
-    </div>
-
-    <!-- ======================================================================================================================== START TAB 4 -->
-    <style type="text/css">
-      .media {
-        color: #adadad;
-      }
-    </style>
-    <div class="tab-pane" id="settings" role="tabpanel" aria-labelledby="settings-tab">
-      <div class="row">
-        <div class="col-12">
-          <div class="media  p-3 flex-column flex-md-row">
-            <img src="IMG/img.png" data-src="IMG/rap.webp" alt="#" class="mr-3 rounded-circle" alt="logo rap"
-              style="width: 50px;    background: #e3e3e3;    border-radius: 50%;    padding: 6px; ">
-            <div class="media-body align-self-center">
-              <h4><a target="_blank" href="https://goo.gl/maps/TLHgSqZvYX9LZ94c9">PT. Raya Azura Persada</a></h4>
-              <small>
-                <p>Januari 2020 - Sekarang (Pesanggrahan, Jakarta Selatan)</p>
-              </small>
-              <h5>Administrative Officer</h5>
-              <ul>
-                <li>Menyiapkan serta memvalidasi data-data perusahaan serta mengorganisasi kelengkapan dokumen untuk
-                  proses Tender Proyek dan persyaratan lainnya yang berkaitan dengan perizinan</li>
-                <li>Bertanggung jawab mengelola dan mengarsipkan dokumen kelengkapan kebutuhan legalitas perusahaan,
-                  baik yang bentuknya fisik atau digital</li>
-                <li>Memanipulasi data statistik, apabila ada tuntutan dari atasan atau situasi yang mendesak</li>
-                <li>Mengelola setiap surat yang keluar ataupun masuk ke perusahaan</li>
-                <li>Bertanggung jawab dalam pengelolaan peralatan dan kelengkapan inventaris perusahaan</li>
-                <li>Mengoperasikan peralatan mesin fotokopi, mesin faks, printer, dan sebagainya</li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="row">
-        <div class="col-12">
-          <div class="media  p-3 flex-column flex-md-row">
-            <img src="IMG/img.png" data-src="IMG/rap.webp" alt="#" class="mr-3 rounded-circle" alt="logo rap"
-              style="width: 50px;    background: #e3e3e3;    border-radius: 50%;    padding: 6px;">
-            <div class="media-body align-self-center">
-              <h4><a target="_blank" href="https://goo.gl/maps/TLHgSqZvYX9LZ94c9">PT. Raya Azura Persada</a></h4>
-              <small>
-                <p>Januari 2018 - Desember 2019 (Pesanggrahan, Jakarta Selatan)</p>
-              </small>
-              <button class="btn btn-info btn-sm in_view" id="SuketKerjaRAP">Surat Keterangan</button>
-              <h5>IT Support</h5>
-              <ul>
-                <li>Mendevelop website perusahaan berbasis PHP dengan database Mysql dan mengoprasikannya </li>
-                <li>Membuat Aplikasi Inventaris peralatan dan barang berbasis WEB yang terintegrasi dengan website
-                  perusahaan dan mengoprasikannya</li>
-                <li>Mendevelop Aplikasi management kantor, accounting, kepegawaian, Logistik local LAN berbasis WEB dan
-                  mengimplementasikannya..</li>
-                <li>Membuat aplikasi Logistik berbasis Dekstop terintegrasi dengan Aplikasi WEB Local Lan</li>
-                <li>Membantu setiap senior karyawan perusahaan terkait masalah software, hardware dan Mengkoordinasikan
-                  ruang kerja serta hal-hal yang berkaitan dengan informasi teknologi juga persiapan meeting</li>
-                <li>Membantu mengurus dokumen perusahaan, disposisi surat, baik yang bentuknya fisik atau digital dan
-                  menyiapkan data-data legalitas perusahaan untuk proses Tender Proyek</li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="row">
-        <div class="col-12">
-          <div class="media  p-3 flex-column flex-md-row">
-            <img src="IMG/img.png" data-src="IMG/kbk.webp" alt="#" class="mr-3 rounded-circle"
-              alt="logo pemerintah bandung"
-              style="width: 50px;    background: #e3e3e3;    border-radius: 50%;    padding: 6px;">
-            <div class="media-body align-self-center">
-              <h4><a target="_blank" href="https://twitter.com/KecBankul">Kantor Kecamatan Bandung Kulon</a></h4>
-              <small>
-                <p>Oktober 2017 - Desember 2017 (Bandung kulon, Kota Bandung)</p>
-              </small>
-              <button class="btn btn-info btn-sm in_view" id="Pengantar">Pengantar</button>
-              <button class="btn btn-info btn-sm in_view" id="Absen">Absen</button>
-              <h5>Praktek Kerja Lapangan Rolling Staff Kepala Sub Bagian (KASUBAG)</h5>
-              <ul>
-                <li>Membantu mengolah data penduduk pada setiap kelurahan, Update media sosial di KASUBAG Command Centre
-                </li>
-                <li>Membantu Acara Sosialisasi masyarakat serta mendokumentasikan dan membuat notulen pada setiap acara
-                  yang berlangsung di KASUBAG Unit Pemberdayaan Masyarakat</li>
-                <li>Membantu Disposisi Surat di KASUBAG Unit Kepegawaian</li>
-                <li>Membantu mengolah permintaan, Perubahan, data KTP, Kartu Keluarga di KASUBAG Unit Pelayanan</li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-
-
-  </div>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  <!-- ====================================================================================================== START contactform -->
-  <style>
-    /*=== Trigger  ===*/
-    .animasikan {
-      -webkit-animation-duration: 1s;
-      animation-duration: 1s;
-      -webkit-animation-fill-mode: both;
-      animation-fill-mode: both;
-    }
-
-    /*=== FADE IN DOWN ===*/
-    .fadeInDown {
-      -webkit-animation-name: fadeInDown;
-      animation-name: fadeInDown;
-    }
-
-    @-webkit-keyframes fadeInDown {
-      0% {
-        opacity: 0;
-        -webkit-transform: translate3d(0, -100%, 0);
-        transform: translate3d(0, -100%, 0);
-      }
-
-      100% {
-        opacity: 1;
-        -webkit-transform: none;
-        transform: none;
-      }
-    }
-
-    @keyframes fadeInDown {
-      0% {
-        opacity: 0;
-        -webkit-transform: translate3d(0, -100%, 0);
-        transform: translate3d(0, -100%, 0);
-      }
-
-      100% {
-        opacity: 1;
-        -webkit-transform: none;
-        transform: none;
-      }
-    }
-
-    /*==== FADE IN UP ===*/
-    @-webkit-keyframes fadeInUp {
-      from {
-        opacity: 1;
-        -webkit-transform: none;
-        transform: none;
-      }
-
-      to {
-        opacity: 0;
-        -webkit-transform: translate3d(0, 100%, 0);
-        transform: translate3d(0, 100%, 0);
-      }
-    }
-
-    @keyframes fadeInUp {
-      from {
-        opacity: 1;
-        -webkit-transform: none;
-        transform: none;
-      }
-
-      to {
-        opacity: 0;
-        -webkit-transform: translate3d(0, 100%, 0);
-        transform: translate3d(0, 100%, 0);
-      }
-    }
-
-    .fadeInUp {
-      -webkit-animation-name: fadeInUp;
-      animation-name: fadeInUp;
-      display: none;
-    }
-  </style>
-  <div id="ContactForm">
-
-  </div>
-  <script>
-    $(document).on('click', '.plugin-ContactForm', function () {
-      $('#ContactForm').html();
-      $('#ContactForm').load("plugin-ContactForm.html");
-    });
-
-    $(document).on('click', '.screen-header-button ', function () {
-      $('.background-style-linux').removeClass("fadeInDown").addClass("fadeInUp");
-    });
-  </script>
-
-  <!-- ====================================================================================================== START Inview klik open -->
-
-  <style type="text/css">
-    #loader-line {
-      height: 3px;
-      position: relative;
-      overflow: hidden;
-      background-color: #ddd;
-      margin: auto;
-      -webkit-border-radius: 20px;
-      -moz-border-radius: 20px;
-      border-radius: 20px;
-    }
-
-    #loader-line:before {
-      content: "";
-      position: absolute;
-      left: -50%;
-      height: 3px;
-      width: 40%;
-      background-color: #00b2ff;
-      -webkit-animation: lineAnim 1s linear infinite;
-      -moz-animation: lineAnim 1s linear infinite;
-      animation: lineAnim 1s linear infinite;
-      -webkit-border-radius: 20px;
-      -moz-border-radius: 20px;
-      border-radius: 20px;
-    }
-
-    @keyframes lineAnim {
-      0% {
-        left: -40%;
-      }
-
-      50% {
-        left: 20%;
-        width: 80%;
-      }
-
-      100% {
-        left: 100%;
-        width: 100%;
-      }
-    }
-
-    /* end css loading......... */
-    .in_view {
-      cursor: pointer;
-    }
-
-    #in_view_form {
-      display: none;
-      /* transition: all 0.3s ease-out; */
-      border-radius: 20px;
-      background: #ebebeb2e;
-      backdrop-filter: blur(15px);
-      overflow: auto;
-      z-index: 999;
-      position: fixed;
-      top: -100%;
-      right: 0;
-      left: 0;
-      bottom: 0;
-      width: 98%;
-      height: 92%;
-      margin: 2% auto;
-      padding: 2%;
-      box-shadow: rgb(0 0 0 / 18%) -1px 1px 17px 7px;
-    }
-
-    .close-button {
-      width: 30px;
-      height: 30px;
-      border-radius: 50%;
-      background: #3e3e3e;
-      right: 1%;
-      top: 1%;
-      position: absolute;
-      display: block;
-      z-index: 200;
-      text-indent: -9999px;
-      box-shadow: rgb(0 243 255) 0px 0px 0px 2px;
-      border: none;
-    }
-
-    .close-button:before,
-    .close-button:after {
-      content: '';
-      width: 55%;
-      height: 2px;
-      background: #fff;
-      position: absolute;
-      top: 48%;
-      left: 22%;
-      -webkit-transform: rotate(-45deg);
-      -moz-transform: rotate(-45deg);
-      -ms-transform: rotate(-45deg);
-      -o-transform: rotate(-45deg);
-      transform: rotate(-45deg);
-      -webkit-transition: all 0.3s ease-out;
-      -moz-transition: all 0.3s ease-out;
-      -ms-transition: all 0.3s ease-out;
-      -o-transition: all 0.3s ease-out;
-      transition: all 0.3s ease-out;
-    }
-
-    .close-button:after {
-      -webkit-transform: rotate(45deg);
-      -moz-transform: rotate(45deg);
-      -ms-transform: rotate(45deg);
-      -o-transform: rotate(45deg);
-      transform: rotate(45deg);
-      -webkit-transition: all 0.3s ease-out;
-      -moz-transition: all 0.3s ease-out;
-      -ms-transition: all 0.3s ease-out;
-      -o-transition: all 0.3s ease-out;
-      transition: all 0.3s ease-out;
-    }
-
-    .close-button:hover:before,
-    .close-button:hover:after {
-      -webkit-transform: rotate(180deg);
-      -moz-transform: rotate(180deg);
-      -ms-transform: rotate(180deg);
-      -o-transform: rotate(180deg);
-      transform: rotate(180deg);
-    }
-
-    .inview_frame iframe {
-      width: 100%;
-      height: 100%;
-      border: none;
-    }
-
-    .inview_frame img {
-      max-width: 100%;
-    }
-  </style>
-
-
-  <div id="in_view_form" title="Detail">
-    <button class="close-button">x</button>
-
-    <div class="inview_frame"></div>
-  </div>
-
-  <script>
-    function hideLoadingiframe() {
-      document.getElementById('loader-line').style.display = "none";
-      document.getElementById('iframeid').style.display = "block";
-    }
-
-    function klikClosebtninview(argument) {
-      // $("#in_view_form").css('display','none');
-      $("#in_view_form").slideUp();
-      $("#in_view_form").animate({
-        top: '-100%',
-      });
-      $(".inview_frame").empty();
-    }
-    $(document).on('click', '.close-button', function () {
-      klikClosebtninview();
-    });
-    $(document).on('click', '.in_view', function () {
-      $(".inview_frame").empty();
-      var stat = $(this).attr("id");
-      if (stat == "DataAnalytic") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><div id="jarvis-circle-wrapper"><div id="jarvis-circle-inner"></div></div><div class="b-chart-strip1"></div><div class="b-chart-strip2"></div><div class="b-chart"><canvas id="chart-DAtyc"></canvas></div><div class="befortext"><span>Average</span><span>72%</span><div class="b-text">Ulet ketika menganalisa, sehingga teliti dalam menyajikan dan menginterpretasikan Data dengan sangat baik</div></div><iframe onload="hideLoadingiframe()" id="iframeid"   scrolling="auto" src="https://drive.google.com/file/d/127ieaRo7ngK4_uCAjCcBUV3_27eJSt2E/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" ></iframe><br/><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://apply.revou.co/mc-report?name=Yusup+Maulana&tier=DA3&code=yusupmaulana.net@gmail.com" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" ></iframe></div>'
-        );
-        var configchartDAtyc = {
-          type: 'radar',
-          data: {
-            labels: ['R & Phyton', 'Mathematics', 'Visualization', 'Data Cleaning', 'Data Mining', 'MYSQL'],
-            datasets: [{
-              label: "DA Skills",
-              data: [40, 60, 95, 80, 65, 90],
-              backgroundColor: 'rgba(99, 211, 255, 0.2)',
-              borderColor: '#00f1ff',
-              pointBackgroundColor: '#00f1ff',
-              pointBorderColor: '#fff',
-              pointHoverBackgroundColor: '#fff',
-              pointHoverBorderColor: '#00f1ff'
-            }, {
-              label: '',
-              data: [0, 0, 0, 0, 0, 0],
-            }]
-          },
-          options: {
-            legend: {
-              display: false
-            },
-            scale: {
-              gridLines: {
-                color: ['#d4d4d4']
-              }
-            }
-          }
-        };
-        var chartDAtyc = document.getElementById("chart-DAtyc");
-        new Chart(chartDAtyc, configchartDAtyc);
-      } else if (stat == "DIGImar") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><div id="jarvis-circle-wrapper"><div id="jarvis-circle-inner"></div></div><div class="b-chart-strip1"></div><div class="b-chart-strip2"></div><div class="b-chart"><canvas id="chart-DIGImar"></canvas></div><div class="befortext"><span>Average</span><span>65%</span><div class="b-text">Terlatih dalam menggunakan media digital atau internet dengan tujuan untuk menarik konsumen atau calon konsumen secara cepat</div></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://apply.revou.co/mc-report?name=Yusup+maulana&tier=DM4&code=yusupmaulana.net@gmail.com" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-        var configchartDIGImar = {
-          type: 'radar',
-          data: {
-            labels: ['Paid Advertising', 'Funneling Strategy', 'SEO / SEM', 'Social Media Marketing', 'Foreign language', 'Market research capabilities', 'Writing & Storytelling'],
-            datasets: [{
-              label: "DM Skills",
-              data: [50, 85, 70, 80, 10, 90, 70],
-              backgroundColor: 'rgba(99, 211, 255, 0.2)',
-              borderColor: '#00f1ff',
-              pointBackgroundColor: '#00f1ff',
-              pointBorderColor: '#fff',
-              pointHoverBackgroundColor: '#fff',
-              pointHoverBorderColor: '#00f1ff'
-            }, {
-              label: '',
-              data: [0, 0, 0, 0, 0, 0],
-            }]
-          },
-          options: {
-            legend: {
-              display: false
-            },
-            scale: {
-              gridLines: {
-                color: ['#d4d4d4']
-              }
-            }
-          }
-        };
-        var chartDIGImar = document.getElementById("chart-DIGImar");
-        new Chart(chartDIGImar, configchartDIGImar);
-      }
-      else if (stat == "MircrosoftOfficeSpecialist") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><div id="jarvis-circle-wrapper"><div id="jarvis-circle-inner"></div></div><div class="b-chart-strip1"></div><div class="b-chart-strip2"></div><div class="b-chart"><canvas id="chart-MOS"></canvas></div><div class="befortext"><span>Average</span><span>90%</span><div class="b-text">Menguasai fitur dan fungsionalitas lengkap Microsoft Office, mulai dari Excel, Word, Power Point, Publisher, Acces dan telah memiliki sertifikasi yang dikeluarkan oleh Certiport, Kredensial yang diakui secara global</div></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/16LDi4XU0qaFX-wQsOnKpRu3ahG1LIG5I/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-        var configchartMOS = {
-          type: 'radar',
-          data: {
-            labels: ['Ms. Word', 'Ms. Excel', 'Ms. Power Point', 'Ms. Acces', 'Ms. Publisher', 'Ms. Project'],
-            datasets: [{
-              label: "MOS Skills",
-              data: [99, 95, 99, 95, 95, 55],
-              backgroundColor: 'rgba(99, 211, 255, 0.2)',
-              borderColor: '#00f1ff',
-              pointBackgroundColor: '#00f1ff',
-              pointBorderColor: '#fff',
-              pointHoverBackgroundColor: '#fff',
-              pointHoverBorderColor: '#00f1ff'
-            }, {
-              label: '',
-              data: [0, 0, 0, 0, 0, 0],
-            }]
-          },
-          options: {
-            legend: {
-              display: false
-            },
-            scale: {
-              gridLines: {
-                color: ['#d4d4d4']
-              }
-            }
-          }
-        };
-        var chartMOS = document.getElementById("chart-MOS");
-        new Chart(chartMOS, configchartMOS);
-      } else if (stat == "ManajemenData") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><div id="jarvis-circle-wrapper"><div id="jarvis-circle-inner"></div></div><div class="b-chart-strip1"></div><div class="b-chart-strip2"></div><div class="b-chart"><canvas id="chart-MANINF"></canvas></div><div class="befortext"><span>Average</span><span>89%</span><div class="b-text">Mampu membangun, merancang dan mengembangkan sebuah sistem software dan juga Aplikasi Berbasis WEB. Melakukan analisis secara menyeluruh pada sistem komputer. Mengelola, merapikan data-data agar sumber data tetap aktual. Pelayanan konsultasi di bidang IT dan menyusun rancangan jaringan komputer</div></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/1RxNHpvfPc1dE3xidyTmB2fqs-zohkPrw/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-        var configchartMANINF = {
-          type: 'radar',
-          data: {
-            labels: ['Programmer', 'Software Engineer', 'System Analyst', 'Database Adm', 'IT Consultant', 'Web Developer', 'C. Network Architect'],
-            datasets: [{
-              label: "MD Skills",
-              data: [85, 95, 90, 88, 85, 97, 84],
-              backgroundColor: 'rgba(99, 211, 255, 0.2)',
-              borderColor: '#00f1ff',
-              pointBackgroundColor: '#00f1ff',
-              pointBorderColor: '#fff',
-              pointHoverBackgroundColor: '#fff',
-              pointHoverBorderColor: '#00f1ff'
-            }, {
-              label: '',
-              data: [0, 0, 0, 0, 0, 0],
-            }]
-          },
-          options: {
-            legend: {
-              display: false
-            },
-            scale: {
-              gridLines: {
-                color: ['#d4d4d4']
-              }
-            }
-          }
-        };
-        var chartMANINF = document.getElementById("chart-MANINF");
-        new Chart(chartMANINF, configchartMANINF);
-      } else if (stat == "InformationTechnologySupport") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><div id="jarvis-circle-wrapper"><div id="jarvis-circle-inner"></div></div><div class="b-chart-strip1"></div><div class="b-chart-strip2"></div><div class="b-chart"><canvas id="chart-InformationTechnologySupport"></canvas></div> <div class="befortext"><span>Average</span><span>92%</span><div class="b-text">Mahir dalam mengidentifikasi spesifikasi, memasang perlengkapan, mengoprasikan perangkat komputer, dan melakukan instalasi jaringan serta instalasi operating system</div></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/1GRKu-OdNKD_TFHURZimDeM2YJLpLXuL1/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-        var configchartInformationTechnologySupport = {
-          type: 'radar',
-          data: {
-            labels: ['Install Pheriperal', 'PC Stand Alone', 'Instalation Network', 'Instalation OS', 'Ident spec'],
-            datasets: [{
-              label: "ITS Skills",
-              data: [99, 99, 85, 95, 80],
-              backgroundColor: 'rgba(99, 211, 255, 0.2)',
-              borderColor: '#00f1ff',
-              pointBackgroundColor: '#00f1ff',
-              pointBorderColor: '#fff',
-              pointHoverBackgroundColor: '#fff',
-              pointHoverBorderColor: '#00f1ff'
-            }, {
-              label: ' Skills',
-              data: [0, 0, 0, 0, 0, 0],
-            }]
-          },
-          options: {
-            legend: {
-              display: false
-            },
-            scale: {
-              gridLines: {
-                color: ['#d4d4d4']
-              }
-            }
-          }
-        };
-        var chartInformationTechnologySupport = document.getElementById("chart-InformationTechnologySupport");
-        new Chart(chartInformationTechnologySupport, configchartInformationTechnologySupport);
-      } else if (stat == "InformationTechnologyNetwork") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><div id="jarvis-circle-wrapper"><div id="jarvis-circle-inner"></div></div><div class="b-chart-strip1"></div><div class="b-chart-strip2"></div><div class="b-chart"><canvas id="chart-ITN"></canvas></div> <div class="befortext"><span>Average</span><span>90%</span><div class="b-text">Lihai membuat jaringan lokal, dan nirkabel dan juga Terampil melaksanakan prosedur perawatan serta menyelenggarakan adm sistem jaringan, maupun menginstal sumber daya berbagi pada jaringan</div></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/12yPnLG5v5e1VtWNfA3VkgK1sQPNakOCC/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>');
-        var configchartITN = {
-          type: 'radar',
-          data: {
-            labels: ['Desain LAN', 'Cable UTP & BNC', 'Install Wireless', 'Network resources', 'Network administration', 'Procedure maintenance'],
-            datasets: [{
-              label: "ITN Skills",
-              data: [90, 99, 91, 85, 80, 94],
-              backgroundColor: 'rgba(99, 211, 255, 0.2)',
-              borderColor: '#00f1ff',
-              pointBackgroundColor: '#00f1ff',
-              pointBorderColor: '#fff',
-              pointHoverBackgroundColor: '#fff',
-              pointHoverBorderColor: '#00f1ff'
-            }, {
-              label: '',
-              data: [0, 0, 0, 0, 0, 0],
-            }]
-          },
-          options: {
-            legend: {
-              display: false
-            },
-            scale: {
-              gridLines: {
-                color: ['#d4d4d4']
-              }
-            }
-          }
-        };
-        var chartITN = document.getElementById("chart-ITN");
-        new Chart(chartITN, configchartITN);
-      } else if (stat == "EngineringInformationSystem") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><div id="jarvis-circle-wrapper"><div id="jarvis-circle-inner"></div></div><div class="b-chart-strip1"></div><div class="b-chart-strip2"></div><div class="b-chart"><canvas id="chart-EIS"></canvas></div><div class="befortext"><span>Average</span><span>98%</span><div class="b-text">Cakap dalam membuat algoritma, menulis atau membuat dokumen kode pemograman yang terstruktur dan Tangkas dalam mengoprasikan aplikasi basis data</div></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/1Pkhz1i4Mw6OCRKCDSvgKVwc7AkGKTBfX/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-        var configchartEIS = {
-          type: 'radar',
-          data: {
-            labels: ['Algorithm', 'Write basic programs', 'Code documents', 'Operate Database'],
-            datasets: [{
-              label: "EIS Skills",
-              data: [95, 99, 99, 98],
-              backgroundColor: 'rgba(99, 211, 255, 0.2)',
-              borderColor: '#00f1ff',
-              pointBackgroundColor: '#00f1ff',
-              pointBorderColor: '#fff',
-              pointHoverBackgroundColor: '#fff',
-              pointHoverBorderColor: '#00f1ff'
-            }, {
-              label: '',
-              data: [0, 0, 0, 0, 0, 0],
-            }]
-          },
-          options: {
-            legend: {
-              display: false
-            },
-            scale: {
-              gridLines: {
-                color: ['#d4d4d4']
-              }
-            }
-          }
-        };
-        var chartEIS = document.getElementById("chart-EIS");
-        new Chart(chartEIS, configchartEIS);
-      } else if (stat == "LihatIjazah") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/1RxNHpvfPc1dE3xidyTmB2fqs-zohkPrw/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-      } else if (stat == "KeteranganLulus") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/1LohMqstmsX4ujx74yaJbg41SEOSWG1CD/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-      } else if (stat == "CALLFORPAPER") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/1LLkm3GmxhXWPbo2HuawRnJV7ab2rW5Zi/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-      } else if (stat == "TOEIC") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/1MbFAvmm47GoR5rEoMdj6JgZVdQaPn0qz/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-      } else if (stat == "ORACLE") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/1fBrfSLDw3EeQRQ-HsO1dFSN4lApeX3py/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-      } else if (stat == "EKSIS2017") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/1BA9KvDkAmDQhx_WclroQ2R0RaVKV3_BM/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-      } else if (stat == "PICKS2016") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/1sm63YoLQsDy1ob1p_DVph5H0XOClyONJ/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-      } else if (stat == "LihatIjazah-MA") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/1IIcC3sZW2nZoVDniDs-XdHJa5XUehQ-o/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-      } else if (stat == "SKHUN-MA") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/1S4EobZy1FW1mQoqXClK_0DHs51GZmxLC/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-      } else if (stat == "LihatIjazah-MTS") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/1u5qAPLCxngIvfkh-pdg9_b7jhpsRK-uF/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-      } else if (stat == "SKHUN-MTS") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/18WXcldAqJFhpefVmYUZaBs-ophyRwAN2/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-      } else if (stat == "SKHUN-PIKSI") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/1PuSQ6CJ6Khn6uF1Igv2CYe57XKIlbXta/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-      } else if (stat == "Pengantar") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/1ZepM4Xno5bMo27X2-k80565bCzojTFpf/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-      } else if (stat == "Absen") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/16eHkXyKMTDY1IoF8hXu8fzE5CbUvfnTC/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-      } else if (stat == "SuketKerjaRAP") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/105pgmA3CPSVtPPrnvPcuhHrHAjqk6QsR/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-      } else if (stat == "Course-DigitalMarketing") {
-        $(".inview_frame").html(
-          '<h1 style="color:white;text-align:center">On Going</h1>'
-        );
-      } else if (stat == "Course-BelajarPrinsipPemrogramanSOLID") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/1i9zmAJ7v1GxGLvbziFqfUIWhz6s6w2C1/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-      } else if (stat == "Course-RevouMiniCourseDataAnalytics") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/127ieaRo7ngK4_uCAjCcBUV3_27eJSt2E/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-      } else if (stat == "Course-BukitAlgoritmadanMasaDepanTeknologiDatadiIndonesia") {
-        $(".inview_frame").html(
-          '<div id="loader-line"></div><iframe onload="hideLoadingiframe()" id="iframeid"   src="https://drive.google.com/file/d/1U0Q6F7Xt0DJyeof6-Ap679-f9UBoRokr/preview" allowfullscreen="true" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="100%" height="360"></iframe></div>'
-        );
-      } else if (stat == "portofolio-webanime") {
-        $(".inview_frame").append('<iframe  src="portofolio-webanime.html" />');
-      } else if (stat == "portofolio-websiteRAP") {
-        $(".inview_frame").append('<iframe  src="portofolio-websiteRAP.html" />');
-      } else if (stat == "portofolio-inventarisRAP") {
-        $(".inview_frame").append('<iframe  src="portofolio-inventarisRAP.html" />');
-      } else if (stat == "portofolio-cashflow") {
-        $(".inview_frame").append('<iframe  src="portofolio-cashflow.html" />');
-      } else if (stat == "portofolio-manktr") {
-        $(".inview_frame").append('<iframe  src="portofolio-manktr.html" />');
-      } else if (stat == "portofolio-osengmercon") {
-        $(".inview_frame").append('<iframe  src="portofolio-osengmercon.html" />');
-      } else if (stat == "portofolio-webcommandcentre") {
-        $(".inview_frame").append('<iframe  src="portofolio-webcommandcentre.html" />');
-      } else if (stat == "portofolio-manpumping") {
-        $(".inview_frame").append('<iframe  src="portofolio-manpumping.html" />');
-      } else if (stat == "portofolio-rabp") {
-        $(".inview_frame").append('<iframe  src="portofolio-rabp.html" />');
-      }
-      $("#in_view_form").css('display', 'block');
-      $("#in_view_form").animate({
-        top: '0%',
-      });
-
-    });
-  </script>
-  <!-- ====================================================================================================== END Inview klik open -->
-
-</body>
-
-</html>
-
-<script>
-  // loading firstime===============================================================================
-  document.onreadystatechange = function () {
-    if (document.readyState !== "complete") {
-      // document.querySelector(
-      //   "body").style.visibility = "hidden";
-      // document.querySelector(
-      //   "#loader").style.visibility = "visible";
-    } else {
-      document.querySelector(
-        "#loader").style.display = "none";
-      document.querySelector(
-        "body").style.visibility = "visible";
-    }
-  };
-
-
-  // image even lazyload preloader===============================================================================
-  const images = document.querySelectorAll("img");
-
-  const imgOptions = {};
-  const imgObserver = new IntersectionObserver((entries, imgObserver) => {
-    entries.forEach((entry) => {
-      if (!entry.isIntersecting) return;
-
-      const img = entry.target;
-      const realSRC = img.dataset.src;
-      console.log(realSRC);
-      img.setAttribute('src', realSRC);
-      img.style.filter = "blur(0px)";
-      // img.src = img.src.replace("w=10&", "w=800&");
-      imgObserver.unobserve(entry.target);
-    });
-  }, imgOptions);
-
-  images.forEach((img) => {
-    imgObserver.observe(img);
-  });
-
-
-
-
-
-  // proffesion change posisi===============================================================================
-  $(document).ready(function () {
-    let deviceType;
-    let windowWidth = $(window).width();
-    if (windowWidth < 767) {
-      $(".profession").addClass("posisi-untuk-profession-HP");
-    } else if (windowWidth < 1023) {
-      $(".profession").addClass("posisi-untuk-profession-TABLET");
-    } else if (windowWidth < 1025) {
-      $(".profession").addClass("posisi-untuk-profession-LAPTOP");
-    } else if (windowWidth < 1280) {
-      $(".profession").addClass("posisi-untuk-profession-LAPTOP");
-    } else {
-      $(".profession").addClass("posisi-untuk-profession-PC");
-    }
-  });
-  let TxtType = function (el, toRotate, period) {
-    this.toRotate = toRotate;
-    this.el = el;
-    this.loopNum = 0;
-    this.period = parseInt(period, 10) || 2000;
-    this.txt = "";
-    this.tick();
-    this.isDeleting = false;
-  };
-
-  TxtType.prototype.tick = function () {
-    var i = this.loopNum % this.toRotate.length;
-    var fullTxt = this.toRotate[i];
-
-    if (this.isDeleting) {
-      this.txt = fullTxt.substring(0, this.txt.length - 1);
-    } else {
-      this.txt = fullTxt.substring(0, this.txt.length + 1);
-    }
-
-    this.el.innerHTML = '<b class="wrap">' + this.txt + "</b>";
-
-    var that = this;
-    var delta = 200 - Math.random() * 100;
-
-    if (this.isDeleting) {
-      delta /= 2;
-    }
-
-    if (!this.isDeleting && this.txt === fullTxt) {
-      delta = this.period;
-      this.isDeleting = true;
-    } else if (this.isDeleting && this.txt === "") {
-      this.isDeleting = false;
-      this.loopNum++;
-      delta = 500;
-    }
-
-    setTimeout(function () {
-      that.tick();
-    }, delta);
-  };
-
-  window.onload = function () {
-    var elements = document.getElementsByClassName("profession");
-    for (var i = 0; i < elements.length; i++) {
-      var toRotate = elements[i].getAttribute("data-type");
-      var period = elements[i].getAttribute("data-period");
-      if (toRotate) {
-        new TxtType(elements[i], JSON.parse(toRotate), period);
-      }
-    }
-    // INJECT CSS
-    var css = document.createElement("style");
-    css.type = "text/css";
-    css.innerHTML = ".profession > .wrap { border-right: 0.08em solid #fff}";
-    document.body.appendChild(css);
-  };
-</script>
-<div class="untuk-profession"></div>
-<p class="profession" data-period="2000" data-type='["PROGRAMMER", "Administrative"]'></p>
-
-
-
-
-
-
-
-<!-- navigasi ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// -->
-
-<script type="text/javascript">
-  function getAge(dateString) {
-    var today = new Date();
-    var birthDate = new Date(dateString);
-    var age = today.getFullYear() - birthDate.getFullYear();
-    var m = today.getMonth() - birthDate.getMonth();
-    if (m < 0 || (m === 0 && today.getDate() < birthDate.getDate())) {
-      age--;
-    }
-    return age;
-  }
-  var usia = getAge("1996-07-07");
-  $(".usia").html(usia + " Tahun");
-
-
-  function openTabs(evt, TabsName) {
-    var i, tabcontent, tablinks;
-    tabcontent = document.getElementsByClassName("tab-pane");
-    for (i = 0; i < tabcontent.length; i++) {
-      tabcontent[i].className = tabcontent[i].className.replace(" active", "");
-      tabcontent[i].style.display = "none";
-    }
-
-    document.getElementById(TabsName).style.display = "block";
-
-    evt.currentTarget.className += " active";
-    $("html, body").animate({
-      scrollTop: $("#" + TabsName).offset().top
-    }, 1000, function () {
-      window.scrollTo(0, $("#" + TabsName).offset().top);
-    });
-  }
-
-  // $(document).on("click", "", function () {
-
-  // })
-</script>
-
-
-<style>
-  .tabbar {
-    --icon-active: #275efe;
-    --icon-inactive: #6c7486;
-    --icon-hover: #99a3ba;
-    --text: #e4ecfa;
-    --circle: #e4ecfa;
-    --background: #171c28;
-    --shadow: rgba(18, 22, 33, 0.1);
-    border-radius: 0 0 12px 12px;
-    background: var(--background);
-    position: sticky;
-    bottom: 0px;
-    height: 50px;
-    padding: 0 12px;
-    box-shadow: 0 8px 16px var(--shadow);
-    z-index:10;
-  }
-
-  .tabbar>div {
-    display: flex;
-    height: 100%;
-    position: relative;
-  }
-
-  .tabbar>div label {
-    flex: 0 0 25%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    position: relative;
-    cursor: pointer;
-    z-index: 1;
-    overflow: hidden;
-  }
-
-  .tabbar>div label svg,
-  .tabbar>div label span {
-    display: block;
-    -webkit-backface-visibility: hidden;
-    transition: transform 0.4s cubic-bezier(0.2, 0.64, 0.48, 1.12), opacity 0.4s ease, color 0.4s ease;
-    transform: translateY(var(--y)) scale(var(--s));
-  }
-
-  .tabbar>div label svg {
-    --y: 0;
-    --s: 0.84;
-    width: 24px;
-    height: 24px;
-    margin: auto;
-    color: var(--icon-inactive);
-    transform-origin: 50% 50%;
-  }
-
-  .tabbar>div label span {
-    --y: 25px;
-    --s: 0.92;
-    font-size: 10px;
-    font-weight: 500;
-    position: absolute;
-    left: 0;
-    right: 0;
-    text-align: center;
-    bottom: 0;
-    opacity: 0;
-    color: var(--text);
-    transform-origin: 50% 0;
-  }
-
-  .tabbar>div label:hover svg {
-    color: var(--icon-hover);
-  }
-
-  .tabbar>div label:active svg {
-    --s: 0.76;
-  }
-
-  .tabbar>div input {
-    display: none;
-  }
-
-  .tabbar>div input:nth-of-type(1):checked+label+input+label+input+label+span {
-    --x: 0;
-  }
-
-  .tabbar>div input:nth-of-type(2):checked+label+input+label+input+label+span {
-    --x: 100%;
-  }
-
-  .tabbar>div input:nth-of-type(3):checked+label+input+label+span {
-    --x: 200%;
-  }
-
-  .tabbar>div input:nth-of-type(4):checked+label+span {
-    --x: 300%;
-  }
-
-
-
-  .tabbar>div input:checked+label svg {
-    --y: -14px;
-    --s: 1;
-    color: var(--icon-active);
-  }
-
-  .tabbar>div input:checked+label span {
-    --s: 1;
-    --y: 3px;
-    opacity: 1;
-  }
-
-  .tabbar>div>span {
-    --x: 0;
-    display: block;
-    position: absolute;
-    left: 0;
-    top: 0;
-    bottom: 0;
-    width: 25%;
-    transition: transform 0.4s cubic-bezier(0.2, 0.64, 0.48, 1.12);
-    transform: translateX(var(--x));
-    -webkit-backface-visibility: hidden;
-  }
-
-  .tabbar>div>span:after {
-    content: "";
-    width: 44px;
-    height: 44px;
-    display: block;
-    border-radius: 50%;
-    background: var(--circle);
-    position: absolute;
-    left: 50%;
-    top: 0;
-    box-shadow: 0 2px 8px var(--shadow);
-    margin: -14px 0 0 -22px;
-  }
-</style>
-
-<nav class="tabbar">
-  <div>
-
-    <input id="menu-1" type="radio" name="menu" checked>
-    <label for="menu-1" onclick="openTabs(event, 'home')">
-      <svg>
-        <use xlink:href="#portfolioicon">
-      </svg>
-      <span>Portofolio</span>
-    </label>
-
-    <input id="menu-2" type="radio" name="menu">
-    <label for="menu-2" onclick="openTabs(event, 'profile')">
-      <svg>
-        <use xlink:href="#skiilssicon">
-      </svg>
-      <span>Skills</span>
-    </label>
-
-    <input id="menu-3" type="radio" name="menu">
-    <label for="menu-3" onclick="openTabs(event, 'messages')">
-      <svg>
-        <use xlink:href="#educationicon">
-      </svg>
-      <span>Education</span>
-    </label>
-
-    <input id="menu-4" type="radio" name="menu">
-    <label for="menu-4" onclick="openTabs(event, 'settings')">
-      <svg>
-        <use xlink:href="#workicon">
-      </svg>
-      <span>Work Record</span>
-    </label>
-
-    <span></span>
-  </div>
-</nav>
-
-<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
-  <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="portfolioicon" fill="currentColor">
-    <path
-      d="M21,2H3A2,2 0 0,0 1,4V20A2,2 0 0,0 3,22H21A2,2 0 0,0 23,20V4A2,2 0 0,0 21,2M11,17.5L9.5,19L5,14.5L9.5,10L11,11.5L8,14.5L11,17.5M14.5,19L13,17.5L16,14.5L13,11.5L14.5,10L19,14.5L14.5,19M21,7H3V4H21V7Z" />
-  </symbol>
-  <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="skiilssicon" fill="currentColor">
-    <path
-      d="M20,2H4V4L9.81,8.36C6.14,9.57 4.14,13.53 5.35,17.2C6.56,20.87 10.5,22.87 14.19,21.66C17.86,20.45 19.86,16.5 18.65,12.82C17.95,10.71 16.3,9.05 14.19,8.36L20,4V2M14.94,19.5L12,17.78L9.06,19.5L9.84,16.17L7.25,13.93L10.66,13.64L12,10.5L13.34,13.64L16.75,13.93L14.16,16.17L14.94,19.5Z" />
-  </symbol>
-  <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="educationicon" fill="currentColor">
-    <circle cx="12" cy="12" r="1.5" />
-    <path d="M12,3L1,9L12,15L21,10.09V17H23V9M5,13.18V17.18L12,21L19,17.18V13.18L12,17L5,13.18Z" />
-  </symbol>
-  <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="workicon" fill="currentColor">
-    <path
-      d="M10,2H14A2,2 0 0,1 16,4V6H20A2,2 0 0,1 22,8V19A2,2 0 0,1 20,21H4C2.89,21 2,20.1 2,19V8C2,6.89 2.89,6 4,6H8V4C8,2.89 8.89,2 10,2M14,6V4H10V6H14Z" />
-  </symbol>
\ No newline at end of file
diff --git a/.history/portofolio-inventarisRAP_20221116191020.html b/.history/portofolio-inventarisRAP_20221116191020.html
deleted file mode 100644
index b69070a..0000000
--- a/.history/portofolio-inventarisRAP_20221116191020.html
+++ /dev/null
@@ -1,53 +0,0 @@
-<style type="text/css">
-.body2::-webkit-scrollbar {
-      width: 0.5em;
-    }
-    
-.body2::-webkit-scrollbar-track {
-      box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-      background-color: #061e29;
-    }
-    
-.body2::-webkit-scrollbar-thumb {
-      background-color: #00f1ffab;
-    }
-.body2{    font-family: verdana;
-    color: white;
-    margin: 2%;
-    text-align: justify;}
-.body2 a{color: dodgerblue;}
-</style>
-<body class="body2" > Aplikasi Inventaris yang dibuat di PT. Raya Azura Persada diciptakan untuk kebutuhan Manajemen Aset Kantor yang dapat dioperasikan dengan mudah. 
-<br><br>
-Tidak perlu pusing dalam mencatat aset atau inventaris barang baru. Hilangkan kebiasaan lama dalam mencatat inventaris barang secara manual.
-<br><br>
-Di samping itu, Saya tidak memakai framework apapun!, semua dibuat native dengan konsep single page, sehingga anda tidak perlu berpindah pindah page, yang membuat itu cukup menjengkelkan bila melakukan pendataan 
-<br><br>
-ketepatan, kemudahan, dan kecepatan yang paling diprioritaskan di aplikasi ini
-<br><br>
-
-<br>
-Demo : <a target="_blank" href="https://inventaris-maulana.000webhostapp.com/master_gudang.php">Klik disini</a><br>
-user : admin<br>
-password : admin<br>
-
-<h2>Fitur unggulan:</h2>
-<ul>
-    <li>Mencatat aset dan inventaris kantor</li>
-     <li>Moblie bisa diakses dengan baik lewat handphone,tablet,Laptop maupun PC</li>
-    <li>Perhitungan barang yang mudah dan praktis</li>
-    <li>dilengkapi dengan pemilahan kategori dan lokasi</li>
-    <li>update track lokasi</li>
-     <li>dan lain-lain</li>
-</ul>
-<br>
-<h2>Bahan pembuatan</h2>
-<ul>
-    <li>HTML sebagai kerangka</li>
-    <li>PHP sebagai bahasa program</li>
-    <li>CSS sebagai pemanis dan layout</li>
-    <li>Javascript dan Jquery sebagai interaksi langsung</li>
-    <li>MYSQL sebagai database</li>
-</ul>
-
-</body>
\ No newline at end of file
diff --git a/.history/portofolio-inventarisRAP_20231007010429.html b/.history/portofolio-inventarisRAP_20231007010429.html
deleted file mode 100644
index 11d79ac..0000000
--- a/.history/portofolio-inventarisRAP_20231007010429.html
+++ /dev/null
@@ -1,232 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/webrap1/webrap1.webp" />
-    <span>Home Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/webrap1/webrap2.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/webrap1/webrap3.webp" />
-    <span>Smartphone View</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://salamnunggal.000webhostapp.com/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini
-  </a>
-  <br />
-  <h1>Aplikasi Inventaris PT. Raya Azura Persada</h1>
-
-  <p>
-    Aplikasi Inventaris yang telah dikembangkan oleh PT. Raya Azura Persada
-    dirancang khusus untuk memenuhi kebutuhan Manajemen Aset Kantor dengan
-    tingkat kenyamanan pengguna yang tinggi.
-  </p>
-
-  <p>
-    Anda tidak perlu lagi merasa repot saat mencatat aset atau inventaris baru,
-    karena kami telah menghilangkan kegiatan lama yang melibatkan pencatatan
-    inventaris secara manual.
-  </p>
-
-  <p>
-    Kami bangga mengumumkan bahwa aplikasi ini dibangun tanpa menggunakan
-    framework apapun! Semua fitur dikembangkan secara native dengan konsep
-    single page, sehingga Anda tidak perlu lagi mengalami ketidaknyamanan
-    berpindah-pindah halaman saat melakukan pendataan.
-  </p>
-
-  <p>
-    Ketepatan, kemudahan, dan kecepatan adalah prioritas utama kami dalam
-    aplikasi ini.
-  </p>
-
-  <p>Anda dapat melihat demo aplikasi kami dengan mengklik tautan berikut:</p>
-  <p><strong>Demo:</strong> <a href="link-demo">Klik di sini</a></p>
-  <p><strong>Username:</strong> admin</p>
-  <p><strong>Password:</strong> admin</p>
-
-  <h2>Fitur Unggulan:</h2>
-  <ul>
-    <li>Pencatatan aset dan inventaris kantor dengan mudah.</li>
-    <li>
-      Akses mudah melalui perangkat mobile seperti handphone, tablet, laptop,
-      atau PC.
-    </li>
-    <li>Perhitungan barang yang sederhana dan praktis.</li>
-    <li>Pengelompokan berdasarkan kategori dan lokasi.</li>
-    <li>Pelacakan pembaruan lokasi barang.</li>
-    <li>Dan masih banyak lagi.</li>
-  </ul>
-
-  <h2>Bahan Pembuatan:</h2>
-  <ul>
-    <li>HTML sebagai kerangka utama.</li>
-    <li>PHP sebagai bahasa pemrograman.</li>
-    <li>CSS untuk mempercantik tampilan dan tata letak.</li>
-    <li>Javascript dan jQuery untuk interaksi langsung.</li>
-    <li>MySQL sebagai basis data.</li>
-  </ul>
-
-  <p>
-    Kami berharap aplikasi ini akan membantu Anda dalam mengelola inventaris
-    kantor dengan lebih efisien dan nyaman. Jangan ragu untuk menghubungi kami
-    jika Anda memiliki pertanyaan atau memerlukan bantuan lebih lanjut.
-  </p>
-
-  User : admin<br />
-  password : admin
-</body>
diff --git a/.history/portofolio-inventarisRAP_20231007010537.html b/.history/portofolio-inventarisRAP_20231007010537.html
deleted file mode 100644
index 7d6f382..0000000
--- a/.history/portofolio-inventarisRAP_20231007010537.html
+++ /dev/null
@@ -1,233 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/webrap1/webrap1.webp" />
-    <span>Home Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/webrap1/webrap2.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/webrap1/webrap3.webp" />
-    <span>Smartphone View</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://salamnunggal.000webhostapp.com/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini
-  </a>
-  <br />
-  <h1>Aplikasi Inventaris PT. Raya Azura Persada</h1>
-
-  <p>
-    Aplikasi Inventaris ini yang telah dikembangkan, awalnya dibuat untuk
-    keperluan perusahaan di PT. Raya Azura Persada. Aplikasi ini dirancang
-    khusus untuk memenuhi kebutuhan Manajemen Aset Kantor dengan tingkat
-    kenyamanan pengguna yang tinggi.
-  </p>
-
-  <p>
-    Anda tidak perlu lagi merasa repot saat mencatat aset atau inventaris baru,
-    karena kami telah menghilangkan kegiatan lama yang melibatkan pencatatan
-    inventaris secara manual.
-  </p>
-
-  <p>
-    Kami bangga mengumumkan bahwa aplikasi ini dibangun tanpa menggunakan
-    framework apapun! Semua fitur dikembangkan secara native dengan konsep
-    single page, sehingga Anda tidak perlu lagi mengalami ketidaknyamanan
-    berpindah-pindah halaman saat melakukan pendataan.
-  </p>
-
-  <p>
-    Ketepatan, kemudahan, dan kecepatan adalah prioritas utama kami dalam
-    aplikasi ini.
-  </p>
-
-  <p>Anda dapat melihat demo aplikasi kami dengan mengklik tautan berikut:</p>
-  <p><strong>Demo:</strong> <a href="link-demo">Klik di sini</a></p>
-  <p><strong>Username:</strong> admin</p>
-  <p><strong>Password:</strong> admin</p>
-
-  <h2>Fitur Unggulan:</h2>
-  <ul>
-    <li>Pencatatan aset dan inventaris kantor dengan mudah.</li>
-    <li>
-      Akses mudah melalui perangkat mobile seperti handphone, tablet, laptop,
-      atau PC.
-    </li>
-    <li>Perhitungan barang yang sederhana dan praktis.</li>
-    <li>Pengelompokan berdasarkan kategori dan lokasi.</li>
-    <li>Pelacakan pembaruan lokasi barang.</li>
-    <li>Dan masih banyak lagi.</li>
-  </ul>
-
-  <h2>Bahan Pembuatan:</h2>
-  <ul>
-    <li>HTML sebagai kerangka utama.</li>
-    <li>PHP sebagai bahasa pemrograman.</li>
-    <li>CSS untuk mempercantik tampilan dan tata letak.</li>
-    <li>Javascript dan jQuery untuk interaksi langsung.</li>
-    <li>MySQL sebagai basis data.</li>
-  </ul>
-
-  <p>
-    Kami berharap aplikasi ini akan membantu Anda dalam mengelola inventaris
-    kantor dengan lebih efisien dan nyaman. Jangan ragu untuk menghubungi kami
-    jika Anda memiliki pertanyaan atau memerlukan bantuan lebih lanjut.
-  </p>
-
-  User : admin<br />
-  password : admin
-</body>
diff --git a/.history/portofolio-inventarisRAP_20231007010706.html b/.history/portofolio-inventarisRAP_20231007010706.html
deleted file mode 100644
index 27ed2a7..0000000
--- a/.history/portofolio-inventarisRAP_20231007010706.html
+++ /dev/null
@@ -1,233 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/webrap1/webrap1.webp" />
-    <span>Home Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/webrap1/webrap2.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/webrap1/webrap3.webp" />
-    <span>Smartphone View</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://salamnunggal.000webhostapp.com/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini
-  </a>
-  <br />
-  <h1>Aplikasi Inventaris PT. Raya Azura Persada</h1>
-
-  <p>
-    Aplikasi Inventaris ini yang telah dikembangkan, awalnya dibuat untuk
-    keperluan perusahaan di PT. Raya Azura Persada. Aplikasi ini dirancang
-    khusus untuk memenuhi kebutuhan Manajemen Aset Kantor dengan tingkat
-    kenyamanan pengguna yang tinggi.
-  </p>
-
-  <p>
-    Anda tidak perlu lagi merasa repot saat mencatat aset atau inventaris baru,
-    karena ini telah menghilangkan kegiatan lama yang melibatkan pencatatan
-    inventaris secara manual.
-  </p>
-
-  <p>
-    Saya bangga mengumumkan bahwa aplikasi ini dibangun tanpa menggunakan
-    framework apapun! Semua fitur dikembangkan secara native dengan konsep
-    single page, sehingga Anda tidak perlu lagi mengalami ketidaknyamanan
-    berpindah-pindah halaman saat melakukan pendataan.
-  </p>
-
-  <p>
-    Ketepatan, kemudahan, dan kecepatan adalah prioritas utama dalam aplikasi
-    ini.
-  </p>
-
-  <p>Anda dapat melihat demo aplikasi ini dengan mengklik tautan berikut:</p>
-  <p><strong>Demo:</strong> <a href="link-demo">Klik di sini</a></p>
-  <p><strong>Username:</strong> admin</p>
-  <p><strong>Password:</strong> admin</p>
-
-  <h2>Fitur Unggulan:</h2>
-  <ul>
-    <li>Pencatatan aset dan inventaris kantor dengan mudah.</li>
-    <li>
-      Akses mudah melalui perangkat mobile seperti handphone, tablet, laptop,
-      atau PC.
-    </li>
-    <li>Perhitungan barang yang sederhana dan praktis.</li>
-    <li>Pengelompokan berdasarkan kategori, subkategori dan lokasi.</li>
-    <li>Pelacakan pembaruan lokasi barang.</li>
-    <li>Dan masih banyak lagi.</li>
-  </ul>
-
-  <h2>Teknologi:</h2>
-  <ul>
-    <li>HTML</li>
-    <li>PHP 7</li>
-    <li>CSS</li>
-    <li>Javascript</li>
-    <li>MySQL</li>
-  </ul>
-
-  <p>
-    Kami berharap aplikasi ini akan membantu Anda dalam mengelola inventaris
-    kantor dengan lebih efisien dan nyaman. Jangan ragu untuk menghubungi kami
-    jika Anda memiliki pertanyaan atau memerlukan bantuan lebih lanjut.
-  </p>
-
-  User : admin<br />
-  password : admin
-</body>
diff --git a/.history/portofolio-inventarisRAP_20231007010729.html b/.history/portofolio-inventarisRAP_20231007010729.html
deleted file mode 100644
index 05c679b..0000000
--- a/.history/portofolio-inventarisRAP_20231007010729.html
+++ /dev/null
@@ -1,233 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/webrap1/webrap1.webp" />
-    <span>Home Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/webrap1/webrap2.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/webrap1/webrap3.webp" />
-    <span>Smartphone View</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://salamnunggal.000webhostapp.com/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini
-  </a>
-  <br />
-  <h1>Aplikasi Inventaris PT. Raya Azura Persada</h1>
-
-  <p>
-    Aplikasi Inventaris ini yang telah dikembangkan, awalnya dibuat untuk
-    keperluan perusahaan di PT. Raya Azura Persada. Aplikasi ini dirancang
-    khusus untuk memenuhi kebutuhan Manajemen Aset Kantor dengan tingkat
-    kenyamanan pengguna yang tinggi.
-  </p>
-
-  <p>
-    Anda tidak perlu lagi merasa repot saat mencatat aset atau inventaris baru,
-    karena ini telah menghilangkan kegiatan lama yang melibatkan pencatatan
-    inventaris secara manual.
-  </p>
-
-  <p>
-    Saya bangga mengumumkan bahwa aplikasi ini dibangun tanpa menggunakan
-    framework apapun! Semua fitur dikembangkan secara native dengan konsep
-    single page, sehingga Anda tidak perlu lagi mengalami ketidaknyamanan
-    berpindah-pindah halaman saat melakukan pendataan.
-  </p>
-
-  <p>
-    Ketepatan, kemudahan, dan kecepatan adalah prioritas utama dalam aplikasi
-    ini.
-  </p>
-
-  <p>Anda dapat melihat demo aplikasi ini dengan mengklik tautan berikut:</p>
-  <p><strong>Demo:</strong> <a href="link-demo">Klik di sini</a></p>
-  <p><strong>Username:</strong> admin</p>
-  <p><strong>Password:</strong> admin</p>
-
-  <h2>Fitur Unggulan:</h2>
-  <ul>
-    <li>Pencatatan aset dan inventaris kantor dengan mudah.</li>
-    <li>
-      Akses mudah melalui perangkat mobile seperti handphone, tablet, laptop,
-      atau PC.
-    </li>
-    <li>Perhitungan barang yang sederhana dan praktis.</li>
-    <li>Pengelompokan berdasarkan kategori, subkategori dan lokasi.</li>
-    <li>Pelacakan pembaruan lokasi barang.</li>
-    <li>Dan masih banyak lagi.</li>
-  </ul>
-
-  <h2>Teknologi:</h2>
-  <ul>
-    <li>HTML</li>
-    <li>PHP 7</li>
-    <li>CSS</li>
-    <li>Javascript</li>
-    <li>MySQL</li>
-  </ul>
-
-  <p>
-    Saya berharap aplikasi ini akan membantu Anda dalam mengelola inventaris
-    dengan lebih efisien dan nyaman. Jangan ragu untuk menghubungi saya jika
-    Anda memiliki pertanyaan atau memerlukan bantuan lebih lanjut.
-  </p>
-
-  User : admin<br />
-  password : admin
-</body>
diff --git a/.history/portofolio-inventarisRAP_20231007010732.html b/.history/portofolio-inventarisRAP_20231007010732.html
deleted file mode 100644
index 7e718b0..0000000
--- a/.history/portofolio-inventarisRAP_20231007010732.html
+++ /dev/null
@@ -1,230 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/webrap1/webrap1.webp" />
-    <span>Home Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/webrap1/webrap2.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/webrap1/webrap3.webp" />
-    <span>Smartphone View</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://salamnunggal.000webhostapp.com/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini
-  </a>
-  <br />
-  <h1>Aplikasi Inventaris PT. Raya Azura Persada</h1>
-
-  <p>
-    Aplikasi Inventaris ini yang telah dikembangkan, awalnya dibuat untuk
-    keperluan perusahaan di PT. Raya Azura Persada. Aplikasi ini dirancang
-    khusus untuk memenuhi kebutuhan Manajemen Aset Kantor dengan tingkat
-    kenyamanan pengguna yang tinggi.
-  </p>
-
-  <p>
-    Anda tidak perlu lagi merasa repot saat mencatat aset atau inventaris baru,
-    karena ini telah menghilangkan kegiatan lama yang melibatkan pencatatan
-    inventaris secara manual.
-  </p>
-
-  <p>
-    Saya bangga mengumumkan bahwa aplikasi ini dibangun tanpa menggunakan
-    framework apapun! Semua fitur dikembangkan secara native dengan konsep
-    single page, sehingga Anda tidak perlu lagi mengalami ketidaknyamanan
-    berpindah-pindah halaman saat melakukan pendataan.
-  </p>
-
-  <p>
-    Ketepatan, kemudahan, dan kecepatan adalah prioritas utama dalam aplikasi
-    ini.
-  </p>
-
-  <p>Anda dapat melihat demo aplikasi ini dengan mengklik tautan berikut:</p>
-  <p><strong>Demo:</strong> <a href="link-demo">Klik di sini</a></p>
-  <p><strong>Username:</strong> admin</p>
-  <p><strong>Password:</strong> admin</p>
-
-  <h2>Fitur Unggulan:</h2>
-  <ul>
-    <li>Pencatatan aset dan inventaris kantor dengan mudah.</li>
-    <li>
-      Akses mudah melalui perangkat mobile seperti handphone, tablet, laptop,
-      atau PC.
-    </li>
-    <li>Perhitungan barang yang sederhana dan praktis.</li>
-    <li>Pengelompokan berdasarkan kategori, subkategori dan lokasi.</li>
-    <li>Pelacakan pembaruan lokasi barang.</li>
-    <li>Dan masih banyak lagi.</li>
-  </ul>
-
-  <h2>Teknologi:</h2>
-  <ul>
-    <li>HTML</li>
-    <li>PHP 7</li>
-    <li>CSS</li>
-    <li>Javascript</li>
-    <li>MySQL</li>
-  </ul>
-
-  <p>
-    Saya berharap aplikasi ini akan membantu Anda dalam mengelola inventaris
-    dengan lebih efisien dan nyaman. Jangan ragu untuk menghubungi saya jika
-    Anda memiliki pertanyaan atau memerlukan bantuan lebih lanjut.
-  </p>
-</body>
diff --git a/.history/portofolio-inventarisRAP_20231007010753.html b/.history/portofolio-inventarisRAP_20231007010753.html
deleted file mode 100644
index aef593f..0000000
--- a/.history/portofolio-inventarisRAP_20231007010753.html
+++ /dev/null
@@ -1,230 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/webrap1/webrap1.webp" />
-    <span>Home Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/webrap1/webrap2.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/webrap1/webrap3.webp" />
-    <span>Smartphone View</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://salamnunggal.000webhostapp.com/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini
-  </a>
-  <br />
-  <h1>Aplikasi Inventaris Single Page</h1>
-
-  <p>
-    Aplikasi Inventaris ini yang telah dikembangkan, awalnya dibuat untuk
-    keperluan perusahaan di PT. Raya Azura Persada. Aplikasi ini dirancang
-    khusus untuk memenuhi kebutuhan Manajemen Aset Kantor dengan tingkat
-    kenyamanan pengguna yang tinggi.
-  </p>
-
-  <p>
-    Anda tidak perlu lagi merasa repot saat mencatat aset atau inventaris baru,
-    karena ini telah menghilangkan kegiatan lama yang melibatkan pencatatan
-    inventaris secara manual.
-  </p>
-
-  <p>
-    Saya bangga mengumumkan bahwa aplikasi ini dibangun tanpa menggunakan
-    framework apapun! Semua fitur dikembangkan secara native dengan konsep
-    single page, sehingga Anda tidak perlu lagi mengalami ketidaknyamanan
-    berpindah-pindah halaman saat melakukan pendataan.
-  </p>
-
-  <p>
-    Ketepatan, kemudahan, dan kecepatan adalah prioritas utama dalam aplikasi
-    ini.
-  </p>
-
-  <p>Anda dapat melihat demo aplikasi ini dengan mengklik tautan berikut:</p>
-  <p><strong>Demo:</strong> <a href="link-demo">Klik di sini</a></p>
-  <p><strong>Username:</strong> admin</p>
-  <p><strong>Password:</strong> admin</p>
-
-  <h2>Fitur Unggulan:</h2>
-  <ul>
-    <li>Pencatatan aset dan inventaris kantor dengan mudah.</li>
-    <li>
-      Akses mudah melalui perangkat mobile seperti handphone, tablet, laptop,
-      atau PC.
-    </li>
-    <li>Perhitungan barang yang sederhana dan praktis.</li>
-    <li>Pengelompokan berdasarkan kategori, subkategori dan lokasi.</li>
-    <li>Pelacakan pembaruan lokasi barang.</li>
-    <li>Dan masih banyak lagi.</li>
-  </ul>
-
-  <h2>Teknologi:</h2>
-  <ul>
-    <li>HTML</li>
-    <li>PHP 7</li>
-    <li>CSS</li>
-    <li>Javascript</li>
-    <li>MySQL</li>
-  </ul>
-
-  <p>
-    Saya berharap aplikasi ini akan membantu Anda dalam mengelola inventaris
-    dengan lebih efisien dan nyaman. Jangan ragu untuk menghubungi saya jika
-    Anda memiliki pertanyaan atau memerlukan bantuan lebih lanjut.
-  </p>
-</body>
diff --git a/.history/portofolio-inventarisRAP_20231007011151.html b/.history/portofolio-inventarisRAP_20231007011151.html
deleted file mode 100644
index 6982d90..0000000
--- a/.history/portofolio-inventarisRAP_20231007011151.html
+++ /dev/null
@@ -1,230 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/inventarisv3/1.webp" />
-    <span>Home Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/inventarisv3/2.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/inventarisv3/3.webp" />
-    <span>Smartphone View</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://salamnunggal.000webhostapp.com/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini
-  </a>
-  <br />
-  <h1>Aplikasi Inventaris Single Page</h1>
-
-  <p>
-    Aplikasi Inventaris ini yang telah dikembangkan, awalnya dibuat untuk
-    keperluan perusahaan di PT. Raya Azura Persada. Aplikasi ini dirancang
-    khusus untuk memenuhi kebutuhan Manajemen Aset Kantor dengan tingkat
-    kenyamanan pengguna yang tinggi.
-  </p>
-
-  <p>
-    Anda tidak perlu lagi merasa repot saat mencatat aset atau inventaris baru,
-    karena ini telah menghilangkan kegiatan lama yang melibatkan pencatatan
-    inventaris secara manual.
-  </p>
-
-  <p>
-    Saya bangga mengumumkan bahwa aplikasi ini dibangun tanpa menggunakan
-    framework apapun! Semua fitur dikembangkan secara native dengan konsep
-    single page, sehingga Anda tidak perlu lagi mengalami ketidaknyamanan
-    berpindah-pindah halaman saat melakukan pendataan.
-  </p>
-
-  <p>
-    Ketepatan, kemudahan, dan kecepatan adalah prioritas utama dalam aplikasi
-    ini.
-  </p>
-
-  <p>Anda dapat melihat demo aplikasi ini dengan mengklik tautan berikut:</p>
-  <p><strong>Demo:</strong> <a href="link-demo">Klik di sini</a></p>
-  <p><strong>Username:</strong> admin</p>
-  <p><strong>Password:</strong> admin</p>
-
-  <h2>Fitur Unggulan:</h2>
-  <ul>
-    <li>Pencatatan aset dan inventaris kantor dengan mudah.</li>
-    <li>
-      Akses mudah melalui perangkat mobile seperti handphone, tablet, laptop,
-      atau PC.
-    </li>
-    <li>Perhitungan barang yang sederhana dan praktis.</li>
-    <li>Pengelompokan berdasarkan kategori, subkategori dan lokasi.</li>
-    <li>Pelacakan pembaruan lokasi barang.</li>
-    <li>Dan masih banyak lagi.</li>
-  </ul>
-
-  <h2>Teknologi:</h2>
-  <ul>
-    <li>HTML</li>
-    <li>PHP 7</li>
-    <li>CSS</li>
-    <li>Javascript</li>
-    <li>MySQL</li>
-  </ul>
-
-  <p>
-    Saya berharap aplikasi ini akan membantu Anda dalam mengelola inventaris
-    dengan lebih efisien dan nyaman. Jangan ragu untuk menghubungi saya jika
-    Anda memiliki pertanyaan atau memerlukan bantuan lebih lanjut.
-  </p>
-</body>
diff --git a/.history/portofolio-inventarisRAP_20231007011241.html b/.history/portofolio-inventarisRAP_20231007011241.html
deleted file mode 100644
index afd6265..0000000
--- a/.history/portofolio-inventarisRAP_20231007011241.html
+++ /dev/null
@@ -1,229 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/inventarisv3/1.webp" />
-    <span>Home Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/inventarisv3/2.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/inventarisv3/3.webp" />
-    <span>Smartphone View</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://salamnunggal.000webhostapp.com/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini
-  </a>
-  <br />
-  <h1>Aplikasi Inventaris Single Page</h1>
-
-  <p>
-    Aplikasi Inventaris ini yang telah dikembangkan, awalnya dibuat untuk
-    keperluan perusahaan di PT. Raya Azura Persada. Aplikasi ini dirancang
-    khusus untuk memenuhi kebutuhan Manajemen Aset Kantor dengan tingkat
-    kenyamanan pengguna yang tinggi.
-  </p>
-
-  <p>
-    Anda tidak perlu lagi merasa repot saat mencatat aset atau inventaris baru,
-    karena ini telah menghilangkan kegiatan lama yang melibatkan pencatatan
-    inventaris secara manual.
-  </p>
-
-  <p>
-    Saya bangga mengumumkan bahwa aplikasi ini dibangun tanpa menggunakan
-    framework apapun! Semua fitur dikembangkan secara native dengan konsep
-    single page, sehingga Anda tidak perlu lagi mengalami ketidaknyamanan
-    berpindah-pindah halaman saat melakukan pendataan.
-  </p>
-
-  <p>
-    Ketepatan, kemudahan, dan kecepatan adalah prioritas utama dalam aplikasi
-    ini.
-  </p>
-
-  <p>Anda dapat melihat demo aplikasi ini dengan mengklik tautan berikut:</p>
-  <p><strong>Username:</strong> admin</p>
-  <p><strong>Password:</strong> admin</p>
-
-  <h2>Fitur Unggulan:</h2>
-  <ul>
-    <li>Pencatatan aset dan inventaris kantor dengan mudah.</li>
-    <li>
-      Akses mudah melalui perangkat mobile seperti handphone, tablet, laptop,
-      atau PC.
-    </li>
-    <li>Perhitungan barang yang sederhana dan praktis.</li>
-    <li>Pengelompokan berdasarkan kategori, subkategori dan lokasi.</li>
-    <li>Pelacakan pembaruan lokasi barang.</li>
-    <li>Dan masih banyak lagi.</li>
-  </ul>
-
-  <h2>Teknologi:</h2>
-  <ul>
-    <li>HTML</li>
-    <li>PHP 7</li>
-    <li>CSS</li>
-    <li>Javascript</li>
-    <li>MySQL</li>
-  </ul>
-
-  <p>
-    Saya berharap aplikasi ini akan membantu Anda dalam mengelola inventaris
-    dengan lebih efisien dan nyaman. Jangan ragu untuk menghubungi saya jika
-    Anda memiliki pertanyaan atau memerlukan bantuan lebih lanjut.
-  </p>
-</body>
diff --git a/.history/portofolio-inventarisRAP_20231007011248.html b/.history/portofolio-inventarisRAP_20231007011248.html
deleted file mode 100644
index e7c6bb1..0000000
--- a/.history/portofolio-inventarisRAP_20231007011248.html
+++ /dev/null
@@ -1,228 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/inventarisv3/1.webp" />
-    <span>Home Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/inventarisv3/2.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/inventarisv3/3.webp" />
-    <span>Smartphone View</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://salamnunggal.000webhostapp.com/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini
-  </a>
-  <br />
-  <h1>Aplikasi Inventaris Single Page</h1>
-
-  <p>
-    Aplikasi Inventaris ini yang telah dikembangkan, awalnya dibuat untuk
-    keperluan perusahaan di PT. Raya Azura Persada. Aplikasi ini dirancang
-    khusus untuk memenuhi kebutuhan Manajemen Aset Kantor dengan tingkat
-    kenyamanan pengguna yang tinggi.
-  </p>
-
-  <p>
-    Anda tidak perlu lagi merasa repot saat mencatat aset atau inventaris baru,
-    karena ini telah menghilangkan kegiatan lama yang melibatkan pencatatan
-    inventaris secara manual.
-  </p>
-
-  <p>
-    Saya bangga mengumumkan bahwa aplikasi ini dibangun tanpa menggunakan
-    framework apapun! Semua fitur dikembangkan secara native dengan konsep
-    single page, sehingga Anda tidak perlu lagi mengalami ketidaknyamanan
-    berpindah-pindah halaman saat melakukan pendataan.
-  </p>
-
-  <p>
-    Ketepatan, kemudahan, dan kecepatan adalah prioritas utama dalam aplikasi
-    ini.
-  </p>
-
-  <p><strong>Username:</strong> admin</p>
-  <p><strong>Password:</strong> admin</p>
-
-  <h2>Fitur Unggulan:</h2>
-  <ul>
-    <li>Pencatatan aset dan inventaris kantor dengan mudah.</li>
-    <li>
-      Akses mudah melalui perangkat mobile seperti handphone, tablet, laptop,
-      atau PC.
-    </li>
-    <li>Perhitungan barang yang sederhana dan praktis.</li>
-    <li>Pengelompokan berdasarkan kategori, subkategori dan lokasi.</li>
-    <li>Pelacakan pembaruan lokasi barang.</li>
-    <li>Dan masih banyak lagi.</li>
-  </ul>
-
-  <h2>Teknologi:</h2>
-  <ul>
-    <li>HTML</li>
-    <li>PHP 7</li>
-    <li>CSS</li>
-    <li>Javascript</li>
-    <li>MySQL</li>
-  </ul>
-
-  <p>
-    Saya berharap aplikasi ini akan membantu Anda dalam mengelola inventaris
-    dengan lebih efisien dan nyaman. Jangan ragu untuk menghubungi saya jika
-    Anda memiliki pertanyaan atau memerlukan bantuan lebih lanjut.
-  </p>
-</body>
diff --git a/.history/portofolio-inventarisRAP_20231007012712.html b/.history/portofolio-inventarisRAP_20231007012712.html
deleted file mode 100644
index 01985b4..0000000
--- a/.history/portofolio-inventarisRAP_20231007012712.html
+++ /dev/null
@@ -1,228 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/inventarisv3/1.webp" />
-    <span>Home Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/inventarisv3/2.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/inventarisv3/3.webp" />
-    <span>Smartphone View</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://inventarisspa.000webhostapp.com/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini
-  </a>
-  <br />
-  <h1>Aplikasi Inventaris Single Page</h1>
-
-  <p>
-    Aplikasi Inventaris ini yang telah dikembangkan, awalnya dibuat untuk
-    keperluan perusahaan di PT. Raya Azura Persada. Aplikasi ini dirancang
-    khusus untuk memenuhi kebutuhan Manajemen Aset Kantor dengan tingkat
-    kenyamanan pengguna yang tinggi.
-  </p>
-
-  <p>
-    Anda tidak perlu lagi merasa repot saat mencatat aset atau inventaris baru,
-    karena ini telah menghilangkan kegiatan lama yang melibatkan pencatatan
-    inventaris secara manual.
-  </p>
-
-  <p>
-    Saya bangga mengumumkan bahwa aplikasi ini dibangun tanpa menggunakan
-    framework apapun! Semua fitur dikembangkan secara native dengan konsep
-    single page, sehingga Anda tidak perlu lagi mengalami ketidaknyamanan
-    berpindah-pindah halaman saat melakukan pendataan.
-  </p>
-
-  <p>
-    Ketepatan, kemudahan, dan kecepatan adalah prioritas utama dalam aplikasi
-    ini.
-  </p>
-
-  <p><strong>Username:</strong> admin</p>
-  <p><strong>Password:</strong> admin</p>
-
-  <h2>Fitur Unggulan:</h2>
-  <ul>
-    <li>Pencatatan aset dan inventaris kantor dengan mudah.</li>
-    <li>
-      Akses mudah melalui perangkat mobile seperti handphone, tablet, laptop,
-      atau PC.
-    </li>
-    <li>Perhitungan barang yang sederhana dan praktis.</li>
-    <li>Pengelompokan berdasarkan kategori, subkategori dan lokasi.</li>
-    <li>Pelacakan pembaruan lokasi barang.</li>
-    <li>Dan masih banyak lagi.</li>
-  </ul>
-
-  <h2>Teknologi:</h2>
-  <ul>
-    <li>HTML</li>
-    <li>PHP 7</li>
-    <li>CSS</li>
-    <li>Javascript</li>
-    <li>MySQL</li>
-  </ul>
-
-  <p>
-    Saya berharap aplikasi ini akan membantu Anda dalam mengelola inventaris
-    dengan lebih efisien dan nyaman. Jangan ragu untuk menghubungi saya jika
-    Anda memiliki pertanyaan atau memerlukan bantuan lebih lanjut.
-  </p>
-</body>
diff --git a/.history/portofolio-inventarisRAP_20231007012833.html b/.history/portofolio-inventarisRAP_20231007012833.html
deleted file mode 100644
index afd38d0..0000000
--- a/.history/portofolio-inventarisRAP_20231007012833.html
+++ /dev/null
@@ -1,233 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/inventarisv3/1.webp" />
-    <span>Home Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/inventarisv3/2.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/inventarisv3/3.webp" />
-    <span>Smartphone View</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://inventarisspa.000webhostapp.com/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini
-  </a>
-  <br />
-  <h1>Aplikasi Inventaris Single Page</h1>
-
-  <p>
-    Aplikasi Inventaris ini yang telah dikembangkan, awalnya dibuat untuk
-    keperluan perusahaan di PT. Raya Azura Persada. Aplikasi ini dirancang
-    khusus untuk memenuhi kebutuhan Manajemen Aset Kantor dengan tingkat
-    kenyamanan pengguna yang tinggi.
-  </p>
-
-  <p>
-    Anda tidak perlu lagi merasa repot saat mencatat aset atau inventaris baru,
-    karena ini telah menghilangkan kegiatan lama yang melibatkan pencatatan
-    inventaris secara manual.
-  </p>
-
-  <p>
-    Saya bangga mengumumkan bahwa aplikasi ini dibangun tanpa menggunakan
-    framework apapun! Semua fitur dikembangkan secara native dengan konsep
-    single page, sehingga Anda tidak perlu lagi mengalami ketidaknyamanan
-    berpindah-pindah halaman saat melakukan pendataan.
-  </p>
-
-  <p>
-    Ketepatan, kemudahan, dan kecepatan adalah prioritas utama dalam aplikasi
-    ini.
-  </p>
-
-  <p><strong>Username:</strong> admin</p>
-  <p><strong>Password:</strong> admin</p>
-
-  <h2>Fitur Unggulan:</h2>
-  <ul>
-    <li>Pencatatan aset dan inventaris kantor dengan mudah.</li>
-    <li>
-      Akses mudah melalui perangkat mobile seperti handphone, tablet, laptop,
-      atau PC.
-    </li>
-    <li>Perhitungan barang yang sederhana dan praktis.</li>
-    <li>Pengelompokan berdasarkan kategori, subkategori dan lokasi.</li>
-    <li>Pelacakan pembaruan lokasi barang.</li>
-    <li>Dan masih banyak lagi.</li>
-  </ul>
-
-  <h2>Teknologi:</h2>
-  <ul>
-    <li>HTML</li>
-    <li>PHP 7</li>
-    <li>CSS</li>
-    <li>Bootstrap 3</li>
-    <li>Dropzone.js</li>
-    <li>Select2.js</li>
-    <li>Jquery UI 1.12.1</li>
-    <li>Jquery 2.2.0</li>
-    <li>Javascript</li>
-    <li>MySQL</li>
-  </ul>
-
-  <p>
-    Saya berharap aplikasi ini akan membantu Anda dalam mengelola inventaris
-    dengan lebih efisien dan nyaman. Jangan ragu untuk menghubungi saya jika
-    Anda memiliki pertanyaan atau memerlukan bantuan lebih lanjut.
-  </p>
-</body>
diff --git a/.history/portofolio-manpumping_20231006212728.html b/.history/portofolio-manpumping_20231006212728.html
deleted file mode 100644
index 0a32c95..0000000
--- a/.history/portofolio-manpumping_20231006212728.html
+++ /dev/null
@@ -1,230 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc1.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc2.webp" />
-    <span>Laporan</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc3.webp" />
-    <span>Dana Kelola</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  Demo :
-  <a target="_blank" href="https://maulana-project122.000webhostapp.com/"
-    >Klik disini</a
-  ><br />
-  <h1>
-    Man. Pumping Charity: Sistem Informasi Pengelolaan Dana dan Laporan SPT yang
-    Kompleks
-  </h1>
-  <p>
-    Man. Pumping Charity adalah sebuah sistem informasi berbasis web yang
-    dirancang untuk mengelola berbagai aspek penting dalam organisasi amal dan
-    pengumpulan dana, termasuk pengendalian pengajuan SPT (Surat Pemberitahuan
-    Tahunan), pengelolaan dana, keanggotaan, basecamp, profit, inventaris,
-    transaksi, kas, dan pembuatan laporan yang kompleks. Sistem ini memiliki
-    tiga tingkatan akses pengguna yang berbeda: Super Admin, Admin Entry, dan
-    View Mode. Mari kita lihat lebih dalam mengenai fitur-fitur dan komponen
-    utama dari Man. Pumping Charity.
-  </p>
-
-  <h2>Super Admin:</h2>
-  <p>Username: admin1<br />Password: admin1</p>
-  <p>
-    Super Admin memiliki hak akses tertinggi dalam sistem ini. Mereka
-    bertanggung jawab atas manajemen keseluruhan, termasuk pengelolaan dana,
-    pengawasan anggota, pemantauan profit, inventarisasi, dan pembuatan laporan.
-    Fitur utama yang dimiliki oleh Super Admin adalah kemampuan untuk menghitung
-    profit dari investasi selama 12 bulan secara otomatis, memastikan bahwa
-    organisasi amal selalu memiliki gambaran yang jelas mengenai kondisi
-    keuangan mereka.
-  </p>
-
-  <h2>Admin Entry:</h2>
-  <p>Username: admin2<br />Password: admin2</p>
-  <p>
-    Admin Entry memiliki kewenangan untuk melakukan penginputan data ke dalam
-    sistem. Mereka dapat memperbarui informasi mengenai dana, anggota, basecamp,
-    transaksi, dan lain-lain. Ini membantu dalam menjaga integritas data dan
-    memastikan bahwa informasi yang tersimpan dalam sistem selalu akurat dan
-    terkini.
-  </p>
-
-  <h2>View Mode:</h2>
-  <p>Username: admin3<br />Password: admin3</p>
-  <p>
-    View Mode adalah tingkatan akses yang lebih terbatas. Pengguna dengan akses
-    ini dapat melihat informasi yang telah dimasukkan ke dalam sistem, termasuk
-    data SPT, informasi pemilik Curug Cipalasari, dan laporan yang dihasilkan
-    oleh Super Admin.
-  </p>
-
-  <h2>Fitur Unggulan:</h2>
-  <p>
-    a. Penghitungan Profit Otomatis: Man. Pumping Charity memiliki kemampuan
-    untuk menghitung profit dari investasi selama 12 bulan secara otomatis. Hal
-    ini membantu organisasi amal untuk memantau kinerja investasi mereka dengan
-    lebih efisien.
-  </p>
-  <p>
-    b. Real-time dan Ramah Bandwidth: Sistem ini dirancang untuk beroperasi
-    dalam waktu nyata, memungkinkan pengguna untuk mengakses data dan informasi
-    terbaru kapan saja. Selain itu, Man. Pumping Charity dirancang untuk
-    mengonsumsi bandwidth dengan efisien, memastikan pengalaman pengguna yang
-    baik tanpa membebani infrastruktur jaringan.
-  </p>
-
-  <h2>Bahan Pembuatan:</h2>
-  <p>
-    Sistem Man. Pumping Charity dibangun dengan menggunakan berbagai teknologi
-    dan bahasa pemrograman, termasuk:
-  </p>
-  <ul>
-    <li>HTML: Untuk struktur dasar halaman web.</li>
-    <li>Bootstrap 3: Framework CSS yang digunakan untuk desain responsif.</li>
-    <li>Pusher: Untuk mendukung komunikasi real-time antara pengguna.</li>
-    <li>
-      PHP 5: Bahasa pemrograman server-side untuk mengelola logika bisnis.
-    </li>
-    <li>CSS: Untuk styling halaman web.</li>
-    <li>JavaScript: Digunakan untuk fungsionalitas tambahan di sisi klien.</li>
-    <li>
-      jQuery 3.6: Library JavaScript yang memudahkan manipulasi DOM dan
-      interaksi pengguna.
-    </li>
-    <li>
-      MYSQL: Basis data untuk menyimpan dan mengelola semua data terkait dengan
-      sistem.
-    </li>
-  </ul>
-
-  <p>
-    Dengan fitur-fitur canggih dan berbagai komponen teknologi yang digunakan,
-    Man. Pumping Charity merupakan alat yang kuat dalam pengelolaan dana amal
-    dan pelaporan yang kompleks. Sistem ini memungkinkan organisasi amal untuk
-    mengoptimalkan penggunaan sumber daya mereka dan memastikan transparansi
-    dalam pengelolaan dana yang diperoleh dari berbagai sumber.
-  </p>
-
-  <br />
-  <div class="container-wisata">
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc4.webp" />
-      <span>SPT</span>
-    </div>
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc5.webp" />
-      <span>SPT Owner</span>
-    </div>
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc6.webp" />
-      <span>Laporan</span>
-    </div>
-  </div>
-  <br />
-</body>
diff --git a/.history/portofolio-manpumping_20231006213005.html b/.history/portofolio-manpumping_20231006213005.html
deleted file mode 100644
index 4a6a282..0000000
--- a/.history/portofolio-manpumping_20231006213005.html
+++ /dev/null
@@ -1,227 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc1.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc2.webp" />
-    <span>Laporan</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc3.webp" />
-    <span>Dana Kelola</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  Demo :
-  <a target="_blank" href="https://maulana-project122.000webhostapp.com/"
-    >Klik disini</a
-  ><br />
-  <h1>Man. Pumping Charity: Sistem Informasi Pengelolaan Dana</h1>
-  <p>
-    Man. Pumping Charity adalah sebuah sistem informasi berbasis web yang
-    dirancang untuk mengelola berbagai aspek penting dalam organisasi amal dan
-    pengumpulan dana, termasuk pengendalian pengajuan SPT (Surat Pemberitahuan
-    Tahunan), pengelolaan dana, keanggotaan, basecamp, profit, inventaris,
-    transaksi, kas, dan pembuatan laporan yang kompleks. Sistem ini memiliki
-    tiga tingkatan akses pengguna yang berbeda: Super Admin, Admin Entry, dan
-    View Mode. Mari kita lihat lebih dalam mengenai fitur-fitur dan komponen
-    utama dari Man. Pumping Charity.
-  </p>
-
-  <h2>Super Admin:</h2>
-  <p>Username: admin1<br />Password: admin1</p>
-  <p>
-    Super Admin memiliki hak akses tertinggi dalam sistem ini. Mereka
-    bertanggung jawab atas manajemen keseluruhan, termasuk pengelolaan dana,
-    pengawasan anggota, pemantauan profit, inventarisasi, dan pembuatan laporan.
-    Fitur utama yang dimiliki oleh Super Admin adalah kemampuan untuk menghitung
-    profit dari investasi selama 12 bulan secara otomatis, memastikan bahwa
-    organisasi amal selalu memiliki gambaran yang jelas mengenai kondisi
-    keuangan mereka.
-  </p>
-
-  <h2>Admin Entry:</h2>
-  <p>Username: admin2<br />Password: admin2</p>
-  <p>
-    Admin Entry memiliki kewenangan untuk melakukan penginputan data ke dalam
-    sistem. Mereka dapat memperbarui informasi mengenai dana, anggota, basecamp,
-    transaksi, dan lain-lain. Ini membantu dalam menjaga integritas data dan
-    memastikan bahwa informasi yang tersimpan dalam sistem selalu akurat dan
-    terkini.
-  </p>
-
-  <h2>View Mode:</h2>
-  <p>Username: admin3<br />Password: admin3</p>
-  <p>
-    View Mode adalah tingkatan akses yang lebih terbatas. Pengguna dengan akses
-    ini dapat melihat informasi yang telah dimasukkan ke dalam sistem, termasuk
-    data SPT, informasi pemilik Curug Cipalasari, dan laporan yang dihasilkan
-    oleh Super Admin.
-  </p>
-
-  <h2>Fitur Unggulan:</h2>
-  <p>
-    a. Penghitungan Profit Otomatis: Man. Pumping Charity memiliki kemampuan
-    untuk menghitung profit dari investasi selama 12 bulan secara otomatis. Hal
-    ini membantu organisasi amal untuk memantau kinerja investasi mereka dengan
-    lebih efisien.
-  </p>
-  <p>
-    b. Real-time dan Ramah Bandwidth: Sistem ini dirancang untuk beroperasi
-    dalam waktu nyata, memungkinkan pengguna untuk mengakses data dan informasi
-    terbaru kapan saja. Selain itu, Man. Pumping Charity dirancang untuk
-    mengonsumsi bandwidth dengan efisien, memastikan pengalaman pengguna yang
-    baik tanpa membebani infrastruktur jaringan.
-  </p>
-
-  <h2>Bahan Pembuatan:</h2>
-  <p>
-    Sistem Man. Pumping Charity dibangun dengan menggunakan berbagai teknologi
-    dan bahasa pemrograman, termasuk:
-  </p>
-  <ul>
-    <li>HTML: Untuk struktur dasar halaman web.</li>
-    <li>Bootstrap 3: Framework CSS yang digunakan untuk desain responsif.</li>
-    <li>Pusher: Untuk mendukung komunikasi real-time antara pengguna.</li>
-    <li>
-      PHP 5: Bahasa pemrograman server-side untuk mengelola logika bisnis.
-    </li>
-    <li>CSS: Untuk styling halaman web.</li>
-    <li>JavaScript: Digunakan untuk fungsionalitas tambahan di sisi klien.</li>
-    <li>
-      jQuery 3.6: Library JavaScript yang memudahkan manipulasi DOM dan
-      interaksi pengguna.
-    </li>
-    <li>
-      MYSQL: Basis data untuk menyimpan dan mengelola semua data terkait dengan
-      sistem.
-    </li>
-  </ul>
-
-  <p>
-    Dengan fitur-fitur canggih dan berbagai komponen teknologi yang digunakan,
-    Man. Pumping Charity merupakan alat yang kuat dalam pengelolaan dana amal
-    dan pelaporan yang kompleks. Sistem ini memungkinkan organisasi amal untuk
-    mengoptimalkan penggunaan sumber daya mereka dan memastikan transparansi
-    dalam pengelolaan dana yang diperoleh dari berbagai sumber.
-  </p>
-
-  <br />
-  <div class="container-wisata">
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc4.webp" />
-      <span>SPT</span>
-    </div>
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc5.webp" />
-      <span>SPT Owner</span>
-    </div>
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc6.webp" />
-      <span>Laporan</span>
-    </div>
-  </div>
-  <br />
-</body>
diff --git a/.history/portofolio-manpumping_20231006213023.html b/.history/portofolio-manpumping_20231006213023.html
deleted file mode 100644
index a49b17b..0000000
--- a/.history/portofolio-manpumping_20231006213023.html
+++ /dev/null
@@ -1,227 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc1.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc2.webp" />
-    <span>Laporan</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc3.webp" />
-    <span>Dana Kelola</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  Demo :
-  <a target="_blank" href="https://maulana-project122.000webhostapp.com/"
-    >Klik disini</a
-  ><br />
-  <h1>Man. Pumping Charity: Sistem Informasi Pengelolaan Dana</h1>
-  <p>
-    Man. Pumping Charity adalah sebuah sistem informasi berbasis web yang
-    dirancang untuk mengelola berbagai aspek penting dalam organisasi
-    pengumpulan dana, termasuk pengendalian pengajuan SPT (Surat Pemberitahuan
-    Tahunan), pengelolaan dana, keanggotaan, basecamp, profit, inventaris,
-    transaksi, kas, dan pembuatan laporan yang kompleks. Sistem ini memiliki
-    tiga tingkatan akses pengguna yang berbeda: Super Admin, Admin Entry, dan
-    View Mode. Mari kita lihat lebih dalam mengenai fitur-fitur dan komponen
-    utama dari Man. Pumping Charity.
-  </p>
-
-  <h2>Super Admin:</h2>
-  <p>Username: admin1<br />Password: admin1</p>
-  <p>
-    Super Admin memiliki hak akses tertinggi dalam sistem ini. Mereka
-    bertanggung jawab atas manajemen keseluruhan, termasuk pengelolaan dana,
-    pengawasan anggota, pemantauan profit, inventarisasi, dan pembuatan laporan.
-    Fitur utama yang dimiliki oleh Super Admin adalah kemampuan untuk menghitung
-    profit dari investasi selama 12 bulan secara otomatis, memastikan bahwa
-    organisasi amal selalu memiliki gambaran yang jelas mengenai kondisi
-    keuangan mereka.
-  </p>
-
-  <h2>Admin Entry:</h2>
-  <p>Username: admin2<br />Password: admin2</p>
-  <p>
-    Admin Entry memiliki kewenangan untuk melakukan penginputan data ke dalam
-    sistem. Mereka dapat memperbarui informasi mengenai dana, anggota, basecamp,
-    transaksi, dan lain-lain. Ini membantu dalam menjaga integritas data dan
-    memastikan bahwa informasi yang tersimpan dalam sistem selalu akurat dan
-    terkini.
-  </p>
-
-  <h2>View Mode:</h2>
-  <p>Username: admin3<br />Password: admin3</p>
-  <p>
-    View Mode adalah tingkatan akses yang lebih terbatas. Pengguna dengan akses
-    ini dapat melihat informasi yang telah dimasukkan ke dalam sistem, termasuk
-    data SPT, informasi pemilik Curug Cipalasari, dan laporan yang dihasilkan
-    oleh Super Admin.
-  </p>
-
-  <h2>Fitur Unggulan:</h2>
-  <p>
-    a. Penghitungan Profit Otomatis: Man. Pumping Charity memiliki kemampuan
-    untuk menghitung profit dari investasi selama 12 bulan secara otomatis. Hal
-    ini membantu organisasi amal untuk memantau kinerja investasi mereka dengan
-    lebih efisien.
-  </p>
-  <p>
-    b. Real-time dan Ramah Bandwidth: Sistem ini dirancang untuk beroperasi
-    dalam waktu nyata, memungkinkan pengguna untuk mengakses data dan informasi
-    terbaru kapan saja. Selain itu, Man. Pumping Charity dirancang untuk
-    mengonsumsi bandwidth dengan efisien, memastikan pengalaman pengguna yang
-    baik tanpa membebani infrastruktur jaringan.
-  </p>
-
-  <h2>Bahan Pembuatan:</h2>
-  <p>
-    Sistem Man. Pumping Charity dibangun dengan menggunakan berbagai teknologi
-    dan bahasa pemrograman, termasuk:
-  </p>
-  <ul>
-    <li>HTML: Untuk struktur dasar halaman web.</li>
-    <li>Bootstrap 3: Framework CSS yang digunakan untuk desain responsif.</li>
-    <li>Pusher: Untuk mendukung komunikasi real-time antara pengguna.</li>
-    <li>
-      PHP 5: Bahasa pemrograman server-side untuk mengelola logika bisnis.
-    </li>
-    <li>CSS: Untuk styling halaman web.</li>
-    <li>JavaScript: Digunakan untuk fungsionalitas tambahan di sisi klien.</li>
-    <li>
-      jQuery 3.6: Library JavaScript yang memudahkan manipulasi DOM dan
-      interaksi pengguna.
-    </li>
-    <li>
-      MYSQL: Basis data untuk menyimpan dan mengelola semua data terkait dengan
-      sistem.
-    </li>
-  </ul>
-
-  <p>
-    Dengan fitur-fitur canggih dan berbagai komponen teknologi yang digunakan,
-    Man. Pumping Charity merupakan alat yang kuat dalam pengelolaan dana amal
-    dan pelaporan yang kompleks. Sistem ini memungkinkan organisasi amal untuk
-    mengoptimalkan penggunaan sumber daya mereka dan memastikan transparansi
-    dalam pengelolaan dana yang diperoleh dari berbagai sumber.
-  </p>
-
-  <br />
-  <div class="container-wisata">
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc4.webp" />
-      <span>SPT</span>
-    </div>
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc5.webp" />
-      <span>SPT Owner</span>
-    </div>
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc6.webp" />
-      <span>Laporan</span>
-    </div>
-  </div>
-  <br />
-</body>
diff --git a/.history/portofolio-manpumping_20231006213033.html b/.history/portofolio-manpumping_20231006213033.html
deleted file mode 100644
index 49af2e5..0000000
--- a/.history/portofolio-manpumping_20231006213033.html
+++ /dev/null
@@ -1,226 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc1.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc2.webp" />
-    <span>Laporan</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc3.webp" />
-    <span>Dana Kelola</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  Demo :
-  <a target="_blank" href="https://maulana-project122.000webhostapp.com/"
-    >Klik disini</a
-  ><br />
-  <h1>Man. Pumping Charity: Sistem Informasi Pengelolaan Dana</h1>
-  <p>
-    Man. Pumping Charity adalah sebuah sistem informasi berbasis web yang
-    dirancang untuk mengelola berbagai aspek penting dalam organisasi
-    pengumpulan dana, termasuk pengendalian pengajuan SPT, pengelolaan dana,
-    keanggotaan, basecamp, profit, inventaris, transaksi, kas, dan pembuatan
-    laporan yang kompleks. Sistem ini memiliki tiga tingkatan akses pengguna
-    yang berbeda: Super Admin, Admin Entry, dan View Mode. Mari kita lihat lebih
-    dalam mengenai fitur-fitur dan komponen utama dari Man. Pumping Charity.
-  </p>
-
-  <h2>Super Admin:</h2>
-  <p>Username: admin1<br />Password: admin1</p>
-  <p>
-    Super Admin memiliki hak akses tertinggi dalam sistem ini. Mereka
-    bertanggung jawab atas manajemen keseluruhan, termasuk pengelolaan dana,
-    pengawasan anggota, pemantauan profit, inventarisasi, dan pembuatan laporan.
-    Fitur utama yang dimiliki oleh Super Admin adalah kemampuan untuk menghitung
-    profit dari investasi selama 12 bulan secara otomatis, memastikan bahwa
-    organisasi amal selalu memiliki gambaran yang jelas mengenai kondisi
-    keuangan mereka.
-  </p>
-
-  <h2>Admin Entry:</h2>
-  <p>Username: admin2<br />Password: admin2</p>
-  <p>
-    Admin Entry memiliki kewenangan untuk melakukan penginputan data ke dalam
-    sistem. Mereka dapat memperbarui informasi mengenai dana, anggota, basecamp,
-    transaksi, dan lain-lain. Ini membantu dalam menjaga integritas data dan
-    memastikan bahwa informasi yang tersimpan dalam sistem selalu akurat dan
-    terkini.
-  </p>
-
-  <h2>View Mode:</h2>
-  <p>Username: admin3<br />Password: admin3</p>
-  <p>
-    View Mode adalah tingkatan akses yang lebih terbatas. Pengguna dengan akses
-    ini dapat melihat informasi yang telah dimasukkan ke dalam sistem, termasuk
-    data SPT, informasi pemilik Curug Cipalasari, dan laporan yang dihasilkan
-    oleh Super Admin.
-  </p>
-
-  <h2>Fitur Unggulan:</h2>
-  <p>
-    a. Penghitungan Profit Otomatis: Man. Pumping Charity memiliki kemampuan
-    untuk menghitung profit dari investasi selama 12 bulan secara otomatis. Hal
-    ini membantu organisasi amal untuk memantau kinerja investasi mereka dengan
-    lebih efisien.
-  </p>
-  <p>
-    b. Real-time dan Ramah Bandwidth: Sistem ini dirancang untuk beroperasi
-    dalam waktu nyata, memungkinkan pengguna untuk mengakses data dan informasi
-    terbaru kapan saja. Selain itu, Man. Pumping Charity dirancang untuk
-    mengonsumsi bandwidth dengan efisien, memastikan pengalaman pengguna yang
-    baik tanpa membebani infrastruktur jaringan.
-  </p>
-
-  <h2>Bahan Pembuatan:</h2>
-  <p>
-    Sistem Man. Pumping Charity dibangun dengan menggunakan berbagai teknologi
-    dan bahasa pemrograman, termasuk:
-  </p>
-  <ul>
-    <li>HTML: Untuk struktur dasar halaman web.</li>
-    <li>Bootstrap 3: Framework CSS yang digunakan untuk desain responsif.</li>
-    <li>Pusher: Untuk mendukung komunikasi real-time antara pengguna.</li>
-    <li>
-      PHP 5: Bahasa pemrograman server-side untuk mengelola logika bisnis.
-    </li>
-    <li>CSS: Untuk styling halaman web.</li>
-    <li>JavaScript: Digunakan untuk fungsionalitas tambahan di sisi klien.</li>
-    <li>
-      jQuery 3.6: Library JavaScript yang memudahkan manipulasi DOM dan
-      interaksi pengguna.
-    </li>
-    <li>
-      MYSQL: Basis data untuk menyimpan dan mengelola semua data terkait dengan
-      sistem.
-    </li>
-  </ul>
-
-  <p>
-    Dengan fitur-fitur canggih dan berbagai komponen teknologi yang digunakan,
-    Man. Pumping Charity merupakan alat yang kuat dalam pengelolaan dana amal
-    dan pelaporan yang kompleks. Sistem ini memungkinkan organisasi amal untuk
-    mengoptimalkan penggunaan sumber daya mereka dan memastikan transparansi
-    dalam pengelolaan dana yang diperoleh dari berbagai sumber.
-  </p>
-
-  <br />
-  <div class="container-wisata">
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc4.webp" />
-      <span>SPT</span>
-    </div>
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc5.webp" />
-      <span>SPT Owner</span>
-    </div>
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc6.webp" />
-      <span>Laporan</span>
-    </div>
-  </div>
-  <br />
-</body>
diff --git a/.history/portofolio-manpumping_20231006213437.html b/.history/portofolio-manpumping_20231006213437.html
deleted file mode 100644
index cb198f3..0000000
--- a/.history/portofolio-manpumping_20231006213437.html
+++ /dev/null
@@ -1,241 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc1.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc2.webp" />
-    <span>Laporan</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc3.webp" />
-    <span>Dana Kelola</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  Demo :
-  <a target="_blank" href="https://maulana-project122.000webhostapp.com/"
-    ><button>
-      <svg
-        viewBox="0 0 24 24"
-        width="24"
-        height="24"
-        stroke="currentColor"
-        stroke-width="2"
-        fill="none"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-        class="css-i6dzq1"
-      >
-        <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-      </svg>
-      Explore me
-    </button></a
-  ><br />
-  <h1>Man. Pumping Charity: Sistem Informasi Pengelolaan Dana</h1>
-  <p>
-    Man. Pumping Charity adalah sebuah sistem informasi berbasis web yang
-    dirancang untuk mengelola berbagai aspek penting dalam organisasi
-    pengumpulan dana, termasuk pengendalian pengajuan SPT, pengelolaan dana,
-    keanggotaan, basecamp, profit, inventaris, transaksi, kas, dan pembuatan
-    laporan yang kompleks. Sistem ini memiliki tiga tingkatan akses pengguna
-    yang berbeda: Super Admin, Admin Entry, dan View Mode. Mari kita lihat lebih
-    dalam mengenai fitur-fitur dan komponen utama dari Man. Pumping Charity.
-  </p>
-
-  <h2>Super Admin:</h2>
-  <p>Username: admin1<br />Password: admin1</p>
-  <p>
-    Super Admin memiliki hak akses tertinggi dalam sistem ini. Mereka
-    bertanggung jawab atas manajemen keseluruhan, termasuk pengelolaan dana,
-    pengawasan anggota, pemantauan profit, inventarisasi, dan pembuatan laporan.
-    Fitur utama yang dimiliki oleh Super Admin adalah kemampuan untuk menghitung
-    profit dari investasi selama 12 bulan secara otomatis, memastikan bahwa
-    organisasi amal selalu memiliki gambaran yang jelas mengenai kondisi
-    keuangan mereka.
-  </p>
-
-  <h2>Admin Entry:</h2>
-  <p>Username: admin2<br />Password: admin2</p>
-  <p>
-    Admin Entry memiliki kewenangan untuk melakukan penginputan data ke dalam
-    sistem. Mereka dapat memperbarui informasi mengenai dana, anggota, basecamp,
-    transaksi, dan lain-lain. Ini membantu dalam menjaga integritas data dan
-    memastikan bahwa informasi yang tersimpan dalam sistem selalu akurat dan
-    terkini.
-  </p>
-
-  <h2>View Mode:</h2>
-  <p>Username: admin3<br />Password: admin3</p>
-  <p>
-    View Mode adalah tingkatan akses yang lebih terbatas. Pengguna dengan akses
-    ini dapat melihat informasi yang telah dimasukkan ke dalam sistem, termasuk
-    data SPT, informasi pemilik Curug Cipalasari, dan laporan yang dihasilkan
-    oleh Super Admin.
-  </p>
-
-  <h2>Fitur Unggulan:</h2>
-  <p>
-    a. Penghitungan Profit Otomatis: Man. Pumping Charity memiliki kemampuan
-    untuk menghitung profit dari investasi selama 12 bulan secara otomatis. Hal
-    ini membantu organisasi amal untuk memantau kinerja investasi mereka dengan
-    lebih efisien.
-  </p>
-  <p>
-    b. Real-time dan Ramah Bandwidth: Sistem ini dirancang untuk beroperasi
-    dalam waktu nyata, memungkinkan pengguna untuk mengakses data dan informasi
-    terbaru kapan saja. Selain itu, Man. Pumping Charity dirancang untuk
-    mengonsumsi bandwidth dengan efisien, memastikan pengalaman pengguna yang
-    baik tanpa membebani infrastruktur jaringan.
-  </p>
-
-  <h2>Bahan Pembuatan:</h2>
-  <p>
-    Sistem Man. Pumping Charity dibangun dengan menggunakan berbagai teknologi
-    dan bahasa pemrograman, termasuk:
-  </p>
-  <ul>
-    <li>HTML: Untuk struktur dasar halaman web.</li>
-    <li>Bootstrap 3: Framework CSS yang digunakan untuk desain responsif.</li>
-    <li>Pusher: Untuk mendukung komunikasi real-time antara pengguna.</li>
-    <li>
-      PHP 5: Bahasa pemrograman server-side untuk mengelola logika bisnis.
-    </li>
-    <li>CSS: Untuk styling halaman web.</li>
-    <li>JavaScript: Digunakan untuk fungsionalitas tambahan di sisi klien.</li>
-    <li>
-      jQuery 3.6: Library JavaScript yang memudahkan manipulasi DOM dan
-      interaksi pengguna.
-    </li>
-    <li>
-      MYSQL: Basis data untuk menyimpan dan mengelola semua data terkait dengan
-      sistem.
-    </li>
-  </ul>
-
-  <p>
-    Dengan fitur-fitur canggih dan berbagai komponen teknologi yang digunakan,
-    Man. Pumping Charity merupakan alat yang kuat dalam pengelolaan dana amal
-    dan pelaporan yang kompleks. Sistem ini memungkinkan organisasi amal untuk
-    mengoptimalkan penggunaan sumber daya mereka dan memastikan transparansi
-    dalam pengelolaan dana yang diperoleh dari berbagai sumber.
-  </p>
-
-  <br />
-  <div class="container-wisata">
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc4.webp" />
-      <span>SPT</span>
-    </div>
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc5.webp" />
-      <span>SPT Owner</span>
-    </div>
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc6.webp" />
-      <span>Laporan</span>
-    </div>
-  </div>
-  <br />
-</body>
diff --git a/.history/portofolio-manpumping_20231006213446.html b/.history/portofolio-manpumping_20231006213446.html
deleted file mode 100644
index d347bb4..0000000
--- a/.history/portofolio-manpumping_20231006213446.html
+++ /dev/null
@@ -1,274 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  button {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  button:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  button:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc1.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc2.webp" />
-    <span>Laporan</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc3.webp" />
-    <span>Dana Kelola</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  Demo :
-  <a target="_blank" href="https://maulana-project122.000webhostapp.com/"
-    ><button>
-      <svg
-        viewBox="0 0 24 24"
-        width="24"
-        height="24"
-        stroke="currentColor"
-        stroke-width="2"
-        fill="none"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-        class="css-i6dzq1"
-      >
-        <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-      </svg>
-      Explore me
-    </button></a
-  ><br />
-  <h1>Man. Pumping Charity: Sistem Informasi Pengelolaan Dana</h1>
-  <p>
-    Man. Pumping Charity adalah sebuah sistem informasi berbasis web yang
-    dirancang untuk mengelola berbagai aspek penting dalam organisasi
-    pengumpulan dana, termasuk pengendalian pengajuan SPT, pengelolaan dana,
-    keanggotaan, basecamp, profit, inventaris, transaksi, kas, dan pembuatan
-    laporan yang kompleks. Sistem ini memiliki tiga tingkatan akses pengguna
-    yang berbeda: Super Admin, Admin Entry, dan View Mode. Mari kita lihat lebih
-    dalam mengenai fitur-fitur dan komponen utama dari Man. Pumping Charity.
-  </p>
-
-  <h2>Super Admin:</h2>
-  <p>Username: admin1<br />Password: admin1</p>
-  <p>
-    Super Admin memiliki hak akses tertinggi dalam sistem ini. Mereka
-    bertanggung jawab atas manajemen keseluruhan, termasuk pengelolaan dana,
-    pengawasan anggota, pemantauan profit, inventarisasi, dan pembuatan laporan.
-    Fitur utama yang dimiliki oleh Super Admin adalah kemampuan untuk menghitung
-    profit dari investasi selama 12 bulan secara otomatis, memastikan bahwa
-    organisasi amal selalu memiliki gambaran yang jelas mengenai kondisi
-    keuangan mereka.
-  </p>
-
-  <h2>Admin Entry:</h2>
-  <p>Username: admin2<br />Password: admin2</p>
-  <p>
-    Admin Entry memiliki kewenangan untuk melakukan penginputan data ke dalam
-    sistem. Mereka dapat memperbarui informasi mengenai dana, anggota, basecamp,
-    transaksi, dan lain-lain. Ini membantu dalam menjaga integritas data dan
-    memastikan bahwa informasi yang tersimpan dalam sistem selalu akurat dan
-    terkini.
-  </p>
-
-  <h2>View Mode:</h2>
-  <p>Username: admin3<br />Password: admin3</p>
-  <p>
-    View Mode adalah tingkatan akses yang lebih terbatas. Pengguna dengan akses
-    ini dapat melihat informasi yang telah dimasukkan ke dalam sistem, termasuk
-    data SPT, informasi pemilik Curug Cipalasari, dan laporan yang dihasilkan
-    oleh Super Admin.
-  </p>
-
-  <h2>Fitur Unggulan:</h2>
-  <p>
-    a. Penghitungan Profit Otomatis: Man. Pumping Charity memiliki kemampuan
-    untuk menghitung profit dari investasi selama 12 bulan secara otomatis. Hal
-    ini membantu organisasi amal untuk memantau kinerja investasi mereka dengan
-    lebih efisien.
-  </p>
-  <p>
-    b. Real-time dan Ramah Bandwidth: Sistem ini dirancang untuk beroperasi
-    dalam waktu nyata, memungkinkan pengguna untuk mengakses data dan informasi
-    terbaru kapan saja. Selain itu, Man. Pumping Charity dirancang untuk
-    mengonsumsi bandwidth dengan efisien, memastikan pengalaman pengguna yang
-    baik tanpa membebani infrastruktur jaringan.
-  </p>
-
-  <h2>Bahan Pembuatan:</h2>
-  <p>
-    Sistem Man. Pumping Charity dibangun dengan menggunakan berbagai teknologi
-    dan bahasa pemrograman, termasuk:
-  </p>
-  <ul>
-    <li>HTML: Untuk struktur dasar halaman web.</li>
-    <li>Bootstrap 3: Framework CSS yang digunakan untuk desain responsif.</li>
-    <li>Pusher: Untuk mendukung komunikasi real-time antara pengguna.</li>
-    <li>
-      PHP 5: Bahasa pemrograman server-side untuk mengelola logika bisnis.
-    </li>
-    <li>CSS: Untuk styling halaman web.</li>
-    <li>JavaScript: Digunakan untuk fungsionalitas tambahan di sisi klien.</li>
-    <li>
-      jQuery 3.6: Library JavaScript yang memudahkan manipulasi DOM dan
-      interaksi pengguna.
-    </li>
-    <li>
-      MYSQL: Basis data untuk menyimpan dan mengelola semua data terkait dengan
-      sistem.
-    </li>
-  </ul>
-
-  <p>
-    Dengan fitur-fitur canggih dan berbagai komponen teknologi yang digunakan,
-    Man. Pumping Charity merupakan alat yang kuat dalam pengelolaan dana amal
-    dan pelaporan yang kompleks. Sistem ini memungkinkan organisasi amal untuk
-    mengoptimalkan penggunaan sumber daya mereka dan memastikan transparansi
-    dalam pengelolaan dana yang diperoleh dari berbagai sumber.
-  </p>
-
-  <br />
-  <div class="container-wisata">
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc4.webp" />
-      <span>SPT</span>
-    </div>
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc5.webp" />
-      <span>SPT Owner</span>
-    </div>
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc6.webp" />
-      <span>Laporan</span>
-    </div>
-  </div>
-  <br />
-</body>
diff --git a/.history/portofolio-manpumping_20231006213606.html b/.history/portofolio-manpumping_20231006213606.html
deleted file mode 100644
index ddec827..0000000
--- a/.history/portofolio-manpumping_20231006213606.html
+++ /dev/null
@@ -1,277 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc1.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc2.webp" />
-    <span>Laporan</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc3.webp" />
-    <span>Dana Kelola</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  Demo :
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://maulana-project122.000webhostapp.com/"
-    ><button>
-      <svg
-        viewBox="0 0 24 24"
-        width="24"
-        height="24"
-        stroke="currentColor"
-        stroke-width="2"
-        fill="none"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-        class="css-i6dzq1"
-      >
-        <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-      </svg>
-      Explore me
-    </button></a
-  ><br />
-  <h1>Man. Pumping Charity: Sistem Informasi Pengelolaan Dana</h1>
-  <p>
-    Man. Pumping Charity adalah sebuah sistem informasi berbasis web yang
-    dirancang untuk mengelola berbagai aspek penting dalam organisasi
-    pengumpulan dana, termasuk pengendalian pengajuan SPT, pengelolaan dana,
-    keanggotaan, basecamp, profit, inventaris, transaksi, kas, dan pembuatan
-    laporan yang kompleks. Sistem ini memiliki tiga tingkatan akses pengguna
-    yang berbeda: Super Admin, Admin Entry, dan View Mode. Mari kita lihat lebih
-    dalam mengenai fitur-fitur dan komponen utama dari Man. Pumping Charity.
-  </p>
-
-  <h2>Super Admin:</h2>
-  <p>Username: admin1<br />Password: admin1</p>
-  <p>
-    Super Admin memiliki hak akses tertinggi dalam sistem ini. Mereka
-    bertanggung jawab atas manajemen keseluruhan, termasuk pengelolaan dana,
-    pengawasan anggota, pemantauan profit, inventarisasi, dan pembuatan laporan.
-    Fitur utama yang dimiliki oleh Super Admin adalah kemampuan untuk menghitung
-    profit dari investasi selama 12 bulan secara otomatis, memastikan bahwa
-    organisasi amal selalu memiliki gambaran yang jelas mengenai kondisi
-    keuangan mereka.
-  </p>
-
-  <h2>Admin Entry:</h2>
-  <p>Username: admin2<br />Password: admin2</p>
-  <p>
-    Admin Entry memiliki kewenangan untuk melakukan penginputan data ke dalam
-    sistem. Mereka dapat memperbarui informasi mengenai dana, anggota, basecamp,
-    transaksi, dan lain-lain. Ini membantu dalam menjaga integritas data dan
-    memastikan bahwa informasi yang tersimpan dalam sistem selalu akurat dan
-    terkini.
-  </p>
-
-  <h2>View Mode:</h2>
-  <p>Username: admin3<br />Password: admin3</p>
-  <p>
-    View Mode adalah tingkatan akses yang lebih terbatas. Pengguna dengan akses
-    ini dapat melihat informasi yang telah dimasukkan ke dalam sistem, termasuk
-    data SPT, informasi pemilik Curug Cipalasari, dan laporan yang dihasilkan
-    oleh Super Admin.
-  </p>
-
-  <h2>Fitur Unggulan:</h2>
-  <p>
-    a. Penghitungan Profit Otomatis: Man. Pumping Charity memiliki kemampuan
-    untuk menghitung profit dari investasi selama 12 bulan secara otomatis. Hal
-    ini membantu organisasi amal untuk memantau kinerja investasi mereka dengan
-    lebih efisien.
-  </p>
-  <p>
-    b. Real-time dan Ramah Bandwidth: Sistem ini dirancang untuk beroperasi
-    dalam waktu nyata, memungkinkan pengguna untuk mengakses data dan informasi
-    terbaru kapan saja. Selain itu, Man. Pumping Charity dirancang untuk
-    mengonsumsi bandwidth dengan efisien, memastikan pengalaman pengguna yang
-    baik tanpa membebani infrastruktur jaringan.
-  </p>
-
-  <h2>Bahan Pembuatan:</h2>
-  <p>
-    Sistem Man. Pumping Charity dibangun dengan menggunakan berbagai teknologi
-    dan bahasa pemrograman, termasuk:
-  </p>
-  <ul>
-    <li>HTML: Untuk struktur dasar halaman web.</li>
-    <li>Bootstrap 3: Framework CSS yang digunakan untuk desain responsif.</li>
-    <li>Pusher: Untuk mendukung komunikasi real-time antara pengguna.</li>
-    <li>
-      PHP 5: Bahasa pemrograman server-side untuk mengelola logika bisnis.
-    </li>
-    <li>CSS: Untuk styling halaman web.</li>
-    <li>JavaScript: Digunakan untuk fungsionalitas tambahan di sisi klien.</li>
-    <li>
-      jQuery 3.6: Library JavaScript yang memudahkan manipulasi DOM dan
-      interaksi pengguna.
-    </li>
-    <li>
-      MYSQL: Basis data untuk menyimpan dan mengelola semua data terkait dengan
-      sistem.
-    </li>
-  </ul>
-
-  <p>
-    Dengan fitur-fitur canggih dan berbagai komponen teknologi yang digunakan,
-    Man. Pumping Charity merupakan alat yang kuat dalam pengelolaan dana amal
-    dan pelaporan yang kompleks. Sistem ini memungkinkan organisasi amal untuk
-    mengoptimalkan penggunaan sumber daya mereka dan memastikan transparansi
-    dalam pengelolaan dana yang diperoleh dari berbagai sumber.
-  </p>
-
-  <br />
-  <div class="container-wisata">
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc4.webp" />
-      <span>SPT</span>
-    </div>
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc5.webp" />
-      <span>SPT Owner</span>
-    </div>
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc6.webp" />
-      <span>Laporan</span>
-    </div>
-  </div>
-  <br />
-</body>
diff --git a/.history/portofolio-manpumping_20231006213614.html b/.history/portofolio-manpumping_20231006213614.html
deleted file mode 100644
index f074869..0000000
--- a/.history/portofolio-manpumping_20231006213614.html
+++ /dev/null
@@ -1,276 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc1.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc2.webp" />
-    <span>Laporan</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc3.webp" />
-    <span>Dana Kelola</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  Demo :
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://maulana-project122.000webhostapp.com/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Explore me </a
-  ><br />
-  <h1>Man. Pumping Charity: Sistem Informasi Pengelolaan Dana</h1>
-  <p>
-    Man. Pumping Charity adalah sebuah sistem informasi berbasis web yang
-    dirancang untuk mengelola berbagai aspek penting dalam organisasi
-    pengumpulan dana, termasuk pengendalian pengajuan SPT, pengelolaan dana,
-    keanggotaan, basecamp, profit, inventaris, transaksi, kas, dan pembuatan
-    laporan yang kompleks. Sistem ini memiliki tiga tingkatan akses pengguna
-    yang berbeda: Super Admin, Admin Entry, dan View Mode. Mari kita lihat lebih
-    dalam mengenai fitur-fitur dan komponen utama dari Man. Pumping Charity.
-  </p>
-
-  <h2>Super Admin:</h2>
-  <p>Username: admin1<br />Password: admin1</p>
-  <p>
-    Super Admin memiliki hak akses tertinggi dalam sistem ini. Mereka
-    bertanggung jawab atas manajemen keseluruhan, termasuk pengelolaan dana,
-    pengawasan anggota, pemantauan profit, inventarisasi, dan pembuatan laporan.
-    Fitur utama yang dimiliki oleh Super Admin adalah kemampuan untuk menghitung
-    profit dari investasi selama 12 bulan secara otomatis, memastikan bahwa
-    organisasi amal selalu memiliki gambaran yang jelas mengenai kondisi
-    keuangan mereka.
-  </p>
-
-  <h2>Admin Entry:</h2>
-  <p>Username: admin2<br />Password: admin2</p>
-  <p>
-    Admin Entry memiliki kewenangan untuk melakukan penginputan data ke dalam
-    sistem. Mereka dapat memperbarui informasi mengenai dana, anggota, basecamp,
-    transaksi, dan lain-lain. Ini membantu dalam menjaga integritas data dan
-    memastikan bahwa informasi yang tersimpan dalam sistem selalu akurat dan
-    terkini.
-  </p>
-
-  <h2>View Mode:</h2>
-  <p>Username: admin3<br />Password: admin3</p>
-  <p>
-    View Mode adalah tingkatan akses yang lebih terbatas. Pengguna dengan akses
-    ini dapat melihat informasi yang telah dimasukkan ke dalam sistem, termasuk
-    data SPT, informasi pemilik Curug Cipalasari, dan laporan yang dihasilkan
-    oleh Super Admin.
-  </p>
-
-  <h2>Fitur Unggulan:</h2>
-  <p>
-    a. Penghitungan Profit Otomatis: Man. Pumping Charity memiliki kemampuan
-    untuk menghitung profit dari investasi selama 12 bulan secara otomatis. Hal
-    ini membantu organisasi amal untuk memantau kinerja investasi mereka dengan
-    lebih efisien.
-  </p>
-  <p>
-    b. Real-time dan Ramah Bandwidth: Sistem ini dirancang untuk beroperasi
-    dalam waktu nyata, memungkinkan pengguna untuk mengakses data dan informasi
-    terbaru kapan saja. Selain itu, Man. Pumping Charity dirancang untuk
-    mengonsumsi bandwidth dengan efisien, memastikan pengalaman pengguna yang
-    baik tanpa membebani infrastruktur jaringan.
-  </p>
-
-  <h2>Bahan Pembuatan:</h2>
-  <p>
-    Sistem Man. Pumping Charity dibangun dengan menggunakan berbagai teknologi
-    dan bahasa pemrograman, termasuk:
-  </p>
-  <ul>
-    <li>HTML: Untuk struktur dasar halaman web.</li>
-    <li>Bootstrap 3: Framework CSS yang digunakan untuk desain responsif.</li>
-    <li>Pusher: Untuk mendukung komunikasi real-time antara pengguna.</li>
-    <li>
-      PHP 5: Bahasa pemrograman server-side untuk mengelola logika bisnis.
-    </li>
-    <li>CSS: Untuk styling halaman web.</li>
-    <li>JavaScript: Digunakan untuk fungsionalitas tambahan di sisi klien.</li>
-    <li>
-      jQuery 3.6: Library JavaScript yang memudahkan manipulasi DOM dan
-      interaksi pengguna.
-    </li>
-    <li>
-      MYSQL: Basis data untuk menyimpan dan mengelola semua data terkait dengan
-      sistem.
-    </li>
-  </ul>
-
-  <p>
-    Dengan fitur-fitur canggih dan berbagai komponen teknologi yang digunakan,
-    Man. Pumping Charity merupakan alat yang kuat dalam pengelolaan dana amal
-    dan pelaporan yang kompleks. Sistem ini memungkinkan organisasi amal untuk
-    mengoptimalkan penggunaan sumber daya mereka dan memastikan transparansi
-    dalam pengelolaan dana yang diperoleh dari berbagai sumber.
-  </p>
-
-  <br />
-  <div class="container-wisata">
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc4.webp" />
-      <span>SPT</span>
-    </div>
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc5.webp" />
-      <span>SPT Owner</span>
-    </div>
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc6.webp" />
-      <span>Laporan</span>
-    </div>
-  </div>
-  <br />
-</body>
diff --git a/.history/portofolio-manpumping_20231006213635.html b/.history/portofolio-manpumping_20231006213635.html
deleted file mode 100644
index ab70833..0000000
--- a/.history/portofolio-manpumping_20231006213635.html
+++ /dev/null
@@ -1,275 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc1.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc2.webp" />
-    <span>Laporan</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc3.webp" />
-    <span>Dana Kelola</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://maulana-project122.000webhostapp.com/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik disini </a
-  ><br />
-  <h1>Man. Pumping Charity: Sistem Informasi Pengelolaan Dana</h1>
-  <p>
-    Man. Pumping Charity adalah sebuah sistem informasi berbasis web yang
-    dirancang untuk mengelola berbagai aspek penting dalam organisasi
-    pengumpulan dana, termasuk pengendalian pengajuan SPT, pengelolaan dana,
-    keanggotaan, basecamp, profit, inventaris, transaksi, kas, dan pembuatan
-    laporan yang kompleks. Sistem ini memiliki tiga tingkatan akses pengguna
-    yang berbeda: Super Admin, Admin Entry, dan View Mode. Mari kita lihat lebih
-    dalam mengenai fitur-fitur dan komponen utama dari Man. Pumping Charity.
-  </p>
-
-  <h2>Super Admin:</h2>
-  <p>Username: admin1<br />Password: admin1</p>
-  <p>
-    Super Admin memiliki hak akses tertinggi dalam sistem ini. Mereka
-    bertanggung jawab atas manajemen keseluruhan, termasuk pengelolaan dana,
-    pengawasan anggota, pemantauan profit, inventarisasi, dan pembuatan laporan.
-    Fitur utama yang dimiliki oleh Super Admin adalah kemampuan untuk menghitung
-    profit dari investasi selama 12 bulan secara otomatis, memastikan bahwa
-    organisasi amal selalu memiliki gambaran yang jelas mengenai kondisi
-    keuangan mereka.
-  </p>
-
-  <h2>Admin Entry:</h2>
-  <p>Username: admin2<br />Password: admin2</p>
-  <p>
-    Admin Entry memiliki kewenangan untuk melakukan penginputan data ke dalam
-    sistem. Mereka dapat memperbarui informasi mengenai dana, anggota, basecamp,
-    transaksi, dan lain-lain. Ini membantu dalam menjaga integritas data dan
-    memastikan bahwa informasi yang tersimpan dalam sistem selalu akurat dan
-    terkini.
-  </p>
-
-  <h2>View Mode:</h2>
-  <p>Username: admin3<br />Password: admin3</p>
-  <p>
-    View Mode adalah tingkatan akses yang lebih terbatas. Pengguna dengan akses
-    ini dapat melihat informasi yang telah dimasukkan ke dalam sistem, termasuk
-    data SPT, informasi pemilik Curug Cipalasari, dan laporan yang dihasilkan
-    oleh Super Admin.
-  </p>
-
-  <h2>Fitur Unggulan:</h2>
-  <p>
-    a. Penghitungan Profit Otomatis: Man. Pumping Charity memiliki kemampuan
-    untuk menghitung profit dari investasi selama 12 bulan secara otomatis. Hal
-    ini membantu organisasi amal untuk memantau kinerja investasi mereka dengan
-    lebih efisien.
-  </p>
-  <p>
-    b. Real-time dan Ramah Bandwidth: Sistem ini dirancang untuk beroperasi
-    dalam waktu nyata, memungkinkan pengguna untuk mengakses data dan informasi
-    terbaru kapan saja. Selain itu, Man. Pumping Charity dirancang untuk
-    mengonsumsi bandwidth dengan efisien, memastikan pengalaman pengguna yang
-    baik tanpa membebani infrastruktur jaringan.
-  </p>
-
-  <h2>Bahan Pembuatan:</h2>
-  <p>
-    Sistem Man. Pumping Charity dibangun dengan menggunakan berbagai teknologi
-    dan bahasa pemrograman, termasuk:
-  </p>
-  <ul>
-    <li>HTML: Untuk struktur dasar halaman web.</li>
-    <li>Bootstrap 3: Framework CSS yang digunakan untuk desain responsif.</li>
-    <li>Pusher: Untuk mendukung komunikasi real-time antara pengguna.</li>
-    <li>
-      PHP 5: Bahasa pemrograman server-side untuk mengelola logika bisnis.
-    </li>
-    <li>CSS: Untuk styling halaman web.</li>
-    <li>JavaScript: Digunakan untuk fungsionalitas tambahan di sisi klien.</li>
-    <li>
-      jQuery 3.6: Library JavaScript yang memudahkan manipulasi DOM dan
-      interaksi pengguna.
-    </li>
-    <li>
-      MYSQL: Basis data untuk menyimpan dan mengelola semua data terkait dengan
-      sistem.
-    </li>
-  </ul>
-
-  <p>
-    Dengan fitur-fitur canggih dan berbagai komponen teknologi yang digunakan,
-    Man. Pumping Charity merupakan alat yang kuat dalam pengelolaan dana amal
-    dan pelaporan yang kompleks. Sistem ini memungkinkan organisasi amal untuk
-    mengoptimalkan penggunaan sumber daya mereka dan memastikan transparansi
-    dalam pengelolaan dana yang diperoleh dari berbagai sumber.
-  </p>
-
-  <br />
-  <div class="container-wisata">
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc4.webp" />
-      <span>SPT</span>
-    </div>
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc5.webp" />
-      <span>SPT Owner</span>
-    </div>
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc6.webp" />
-      <span>Laporan</span>
-    </div>
-  </div>
-  <br />
-</body>
diff --git a/.history/portofolio-manpumping_20231006213637.html b/.history/portofolio-manpumping_20231006213637.html
deleted file mode 100644
index e938ab4..0000000
--- a/.history/portofolio-manpumping_20231006213637.html
+++ /dev/null
@@ -1,275 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc1.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc2.webp" />
-    <span>Laporan</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc3.webp" />
-    <span>Dana Kelola</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://maulana-project122.000webhostapp.com/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini </a
-  ><br />
-  <h1>Man. Pumping Charity: Sistem Informasi Pengelolaan Dana</h1>
-  <p>
-    Man. Pumping Charity adalah sebuah sistem informasi berbasis web yang
-    dirancang untuk mengelola berbagai aspek penting dalam organisasi
-    pengumpulan dana, termasuk pengendalian pengajuan SPT, pengelolaan dana,
-    keanggotaan, basecamp, profit, inventaris, transaksi, kas, dan pembuatan
-    laporan yang kompleks. Sistem ini memiliki tiga tingkatan akses pengguna
-    yang berbeda: Super Admin, Admin Entry, dan View Mode. Mari kita lihat lebih
-    dalam mengenai fitur-fitur dan komponen utama dari Man. Pumping Charity.
-  </p>
-
-  <h2>Super Admin:</h2>
-  <p>Username: admin1<br />Password: admin1</p>
-  <p>
-    Super Admin memiliki hak akses tertinggi dalam sistem ini. Mereka
-    bertanggung jawab atas manajemen keseluruhan, termasuk pengelolaan dana,
-    pengawasan anggota, pemantauan profit, inventarisasi, dan pembuatan laporan.
-    Fitur utama yang dimiliki oleh Super Admin adalah kemampuan untuk menghitung
-    profit dari investasi selama 12 bulan secara otomatis, memastikan bahwa
-    organisasi amal selalu memiliki gambaran yang jelas mengenai kondisi
-    keuangan mereka.
-  </p>
-
-  <h2>Admin Entry:</h2>
-  <p>Username: admin2<br />Password: admin2</p>
-  <p>
-    Admin Entry memiliki kewenangan untuk melakukan penginputan data ke dalam
-    sistem. Mereka dapat memperbarui informasi mengenai dana, anggota, basecamp,
-    transaksi, dan lain-lain. Ini membantu dalam menjaga integritas data dan
-    memastikan bahwa informasi yang tersimpan dalam sistem selalu akurat dan
-    terkini.
-  </p>
-
-  <h2>View Mode:</h2>
-  <p>Username: admin3<br />Password: admin3</p>
-  <p>
-    View Mode adalah tingkatan akses yang lebih terbatas. Pengguna dengan akses
-    ini dapat melihat informasi yang telah dimasukkan ke dalam sistem, termasuk
-    data SPT, informasi pemilik Curug Cipalasari, dan laporan yang dihasilkan
-    oleh Super Admin.
-  </p>
-
-  <h2>Fitur Unggulan:</h2>
-  <p>
-    a. Penghitungan Profit Otomatis: Man. Pumping Charity memiliki kemampuan
-    untuk menghitung profit dari investasi selama 12 bulan secara otomatis. Hal
-    ini membantu organisasi amal untuk memantau kinerja investasi mereka dengan
-    lebih efisien.
-  </p>
-  <p>
-    b. Real-time dan Ramah Bandwidth: Sistem ini dirancang untuk beroperasi
-    dalam waktu nyata, memungkinkan pengguna untuk mengakses data dan informasi
-    terbaru kapan saja. Selain itu, Man. Pumping Charity dirancang untuk
-    mengonsumsi bandwidth dengan efisien, memastikan pengalaman pengguna yang
-    baik tanpa membebani infrastruktur jaringan.
-  </p>
-
-  <h2>Bahan Pembuatan:</h2>
-  <p>
-    Sistem Man. Pumping Charity dibangun dengan menggunakan berbagai teknologi
-    dan bahasa pemrograman, termasuk:
-  </p>
-  <ul>
-    <li>HTML: Untuk struktur dasar halaman web.</li>
-    <li>Bootstrap 3: Framework CSS yang digunakan untuk desain responsif.</li>
-    <li>Pusher: Untuk mendukung komunikasi real-time antara pengguna.</li>
-    <li>
-      PHP 5: Bahasa pemrograman server-side untuk mengelola logika bisnis.
-    </li>
-    <li>CSS: Untuk styling halaman web.</li>
-    <li>JavaScript: Digunakan untuk fungsionalitas tambahan di sisi klien.</li>
-    <li>
-      jQuery 3.6: Library JavaScript yang memudahkan manipulasi DOM dan
-      interaksi pengguna.
-    </li>
-    <li>
-      MYSQL: Basis data untuk menyimpan dan mengelola semua data terkait dengan
-      sistem.
-    </li>
-  </ul>
-
-  <p>
-    Dengan fitur-fitur canggih dan berbagai komponen teknologi yang digunakan,
-    Man. Pumping Charity merupakan alat yang kuat dalam pengelolaan dana amal
-    dan pelaporan yang kompleks. Sistem ini memungkinkan organisasi amal untuk
-    mengoptimalkan penggunaan sumber daya mereka dan memastikan transparansi
-    dalam pengelolaan dana yang diperoleh dari berbagai sumber.
-  </p>
-
-  <br />
-  <div class="container-wisata">
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc4.webp" />
-      <span>SPT</span>
-    </div>
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc5.webp" />
-      <span>SPT Owner</span>
-    </div>
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc6.webp" />
-      <span>Laporan</span>
-    </div>
-  </div>
-  <br />
-</body>
diff --git a/.history/portofolio-manpumping_20231006214858.html b/.history/portofolio-manpumping_20231006214858.html
deleted file mode 100644
index 47aea19..0000000
--- a/.history/portofolio-manpumping_20231006214858.html
+++ /dev/null
@@ -1,275 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc1.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc2.webp" />
-    <span>Laporan</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc3.webp" />
-    <span>Dana Kelola</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://maulana-project122.000webhostapp.com/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini </a
-  ><br />
-  <h2>Man. Pumping Charity: Sistem Informasi Pengelolaan Dana</h2>
-  <p>
-    Man. Pumping Charity adalah sebuah sistem informasi berbasis web yang
-    dirancang untuk mengelola berbagai aspek penting dalam organisasi
-    pengumpulan dana, termasuk pengendalian pengajuan SPT, pengelolaan dana,
-    keanggotaan, basecamp, profit, inventaris, transaksi, kas, dan pembuatan
-    laporan yang kompleks. Sistem ini memiliki tiga tingkatan akses pengguna
-    yang berbeda: Super Admin, Admin Entry, dan View Mode. Mari kita lihat lebih
-    dalam mengenai fitur-fitur dan komponen utama dari Man. Pumping Charity.
-  </p>
-
-  <h2>Super Admin:</h2>
-  <p>Username: admin1<br />Password: admin1</p>
-  <p>
-    Super Admin memiliki hak akses tertinggi dalam sistem ini. Mereka
-    bertanggung jawab atas manajemen keseluruhan, termasuk pengelolaan dana,
-    pengawasan anggota, pemantauan profit, inventarisasi, dan pembuatan laporan.
-    Fitur utama yang dimiliki oleh Super Admin adalah kemampuan untuk menghitung
-    profit dari investasi selama 12 bulan secara otomatis, memastikan bahwa
-    organisasi amal selalu memiliki gambaran yang jelas mengenai kondisi
-    keuangan mereka.
-  </p>
-
-  <h2>Admin Entry:</h2>
-  <p>Username: admin2<br />Password: admin2</p>
-  <p>
-    Admin Entry memiliki kewenangan untuk melakukan penginputan data ke dalam
-    sistem. Mereka dapat memperbarui informasi mengenai dana, anggota, basecamp,
-    transaksi, dan lain-lain. Ini membantu dalam menjaga integritas data dan
-    memastikan bahwa informasi yang tersimpan dalam sistem selalu akurat dan
-    terkini.
-  </p>
-
-  <h2>View Mode:</h2>
-  <p>Username: admin3<br />Password: admin3</p>
-  <p>
-    View Mode adalah tingkatan akses yang lebih terbatas. Pengguna dengan akses
-    ini dapat melihat informasi yang telah dimasukkan ke dalam sistem, termasuk
-    data SPT, informasi pemilik Curug Cipalasari, dan laporan yang dihasilkan
-    oleh Super Admin.
-  </p>
-
-  <h2>Fitur Unggulan:</h2>
-  <p>
-    a. Penghitungan Profit Otomatis: Man. Pumping Charity memiliki kemampuan
-    untuk menghitung profit dari investasi selama 12 bulan secara otomatis. Hal
-    ini membantu organisasi amal untuk memantau kinerja investasi mereka dengan
-    lebih efisien.
-  </p>
-  <p>
-    b. Real-time dan Ramah Bandwidth: Sistem ini dirancang untuk beroperasi
-    dalam waktu nyata, memungkinkan pengguna untuk mengakses data dan informasi
-    terbaru kapan saja. Selain itu, Man. Pumping Charity dirancang untuk
-    mengonsumsi bandwidth dengan efisien, memastikan pengalaman pengguna yang
-    baik tanpa membebani infrastruktur jaringan.
-  </p>
-
-  <h2>Bahan Pembuatan:</h2>
-  <p>
-    Sistem Man. Pumping Charity dibangun dengan menggunakan berbagai teknologi
-    dan bahasa pemrograman, termasuk:
-  </p>
-  <ul>
-    <li>HTML: Untuk struktur dasar halaman web.</li>
-    <li>Bootstrap 3: Framework CSS yang digunakan untuk desain responsif.</li>
-    <li>Pusher: Untuk mendukung komunikasi real-time antara pengguna.</li>
-    <li>
-      PHP 5: Bahasa pemrograman server-side untuk mengelola logika bisnis.
-    </li>
-    <li>CSS: Untuk styling halaman web.</li>
-    <li>JavaScript: Digunakan untuk fungsionalitas tambahan di sisi klien.</li>
-    <li>
-      jQuery 3.6: Library JavaScript yang memudahkan manipulasi DOM dan
-      interaksi pengguna.
-    </li>
-    <li>
-      MYSQL: Basis data untuk menyimpan dan mengelola semua data terkait dengan
-      sistem.
-    </li>
-  </ul>
-
-  <p>
-    Dengan fitur-fitur canggih dan berbagai komponen teknologi yang digunakan,
-    Man. Pumping Charity merupakan alat yang kuat dalam pengelolaan dana amal
-    dan pelaporan yang kompleks. Sistem ini memungkinkan organisasi amal untuk
-    mengoptimalkan penggunaan sumber daya mereka dan memastikan transparansi
-    dalam pengelolaan dana yang diperoleh dari berbagai sumber.
-  </p>
-
-  <br />
-  <div class="container-wisata">
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc4.webp" />
-      <span>SPT</span>
-    </div>
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc5.webp" />
-      <span>SPT Owner</span>
-    </div>
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc6.webp" />
-      <span>Laporan</span>
-    </div>
-  </div>
-  <br />
-</body>
diff --git a/.history/portofolio-manpumping_20231006214931.html b/.history/portofolio-manpumping_20231006214931.html
deleted file mode 100644
index 426aa9a..0000000
--- a/.history/portofolio-manpumping_20231006214931.html
+++ /dev/null
@@ -1,275 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc1.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc2.webp" />
-    <span>Laporan</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc3.webp" />
-    <span>Dana Kelola</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://maulana-project122.000webhostapp.com/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini </a
-  ><br />
-  <h2>Man. Pumping Charity: Sistem Informasi Pengelolaan Dana</h2>
-  <p>
-    Man. Pumping Charity adalah sebuah sistem informasi berbasis web yang
-    dirancang untuk mengelola berbagai aspek penting dalam organisasi
-    pengumpulan dana, termasuk pengendalian pengajuan SPT, pengelolaan dana,
-    keanggotaan, basecamp, profit, inventaris, transaksi, kas, dan pembuatan
-    laporan yang kompleks. Sistem ini memiliki tiga tingkatan akses pengguna
-    yang berbeda: Super Admin, Admin Entry, dan View Mode. Mari kita lihat lebih
-    dalam mengenai fitur-fitur dan komponen utama dari Man. Pumping Charity.
-  </p>
-
-  <h2>Super Admin:</h2>
-  <p>Username: admin1<br />Password: admin1</p>
-  <p>
-    Super Admin memiliki hak akses tertinggi dalam sistem ini. Mereka
-    bertanggung jawab atas manajemen keseluruhan, termasuk pengelolaan dana,
-    pengawasan anggota, pemantauan profit, inventarisasi, dan pembuatan laporan.
-    Fitur utama yang dimiliki oleh Super Admin adalah kemampuan untuk menghitung
-    profit dari investasi selama 12 bulan secara otomatis, memastikan bahwa
-    organisasi amal selalu memiliki gambaran yang jelas mengenai kondisi
-    keuangan mereka.
-  </p>
-
-  <h2>Admin Entry:</h2>
-  <p>Username: admin2<br />Password: admin2</p>
-  <p>
-    Admin Entry memiliki kewenangan untuk melakukan penginputan data ke dalam
-    sistem. Mereka dapat memperbarui informasi mengenai dana, anggota, basecamp,
-    transaksi, dan lain-lain. Ini membantu dalam menjaga integritas data dan
-    memastikan bahwa informasi yang tersimpan dalam sistem selalu akurat dan
-    terkini.
-  </p>
-
-  <h2>View Mode:</h2>
-  <p>Username: admin3<br />Password: admin3</p>
-  <p>
-    View Mode adalah tingkatan akses yang lebih terbatas. Pengguna dengan akses
-    ini dapat melihat informasi yang telah dimasukkan ke dalam sistem, termasuk
-    data SPT, informasi pemilik Curug Cipalasari, dan laporan yang dihasilkan
-    oleh Super Admin.
-  </p>
-
-  <h2>Fitur Unggulan:</h2>
-  <p>
-    a. Penghitungan Profit Otomatis: Man. Pumping Charity memiliki kemampuan
-    untuk menghitung profit dari investasi selama 12 bulan secara otomatis. Hal
-    ini membantu organisasi amal untuk memantau kinerja investasi mereka dengan
-    lebih efisien.
-  </p>
-  <p>
-    b. Real-time dan Ramah Bandwidth: Sistem ini dirancang untuk beroperasi
-    dalam waktu nyata, memungkinkan pengguna untuk mengakses data dan informasi
-    terbaru kapan saja. Selain itu, Man. Pumping Charity dirancang untuk
-    mengonsumsi bandwidth dengan efisien, memastikan pengalaman pengguna yang
-    baik tanpa membebani infrastruktur jaringan.
-  </p>
-
-  <h2>Teknologi:</h2>
-  <p>
-    Sistem Man. Pumping Charity dibangun dengan menggunakan berbagai teknologi
-    dan bahasa pemrograman, termasuk:
-  </p>
-  <ul>
-    <li>HTML: Untuk struktur dasar halaman web.</li>
-    <li>Bootstrap 3: Framework CSS yang digunakan untuk desain responsif.</li>
-    <li>Pusher: Untuk mendukung komunikasi real-time antara pengguna.</li>
-    <li>
-      PHP 5: Bahasa pemrograman server-side untuk mengelola logika bisnis.
-    </li>
-    <li>CSS: Untuk styling halaman web.</li>
-    <li>JavaScript: Digunakan untuk fungsionalitas tambahan di sisi klien.</li>
-    <li>
-      jQuery 3.6: Library JavaScript yang memudahkan manipulasi DOM dan
-      interaksi pengguna.
-    </li>
-    <li>
-      MYSQL: Basis data untuk menyimpan dan mengelola semua data terkait dengan
-      sistem.
-    </li>
-  </ul>
-
-  <p>
-    Dengan fitur-fitur canggih dan berbagai komponen teknologi yang digunakan,
-    Man. Pumping Charity merupakan alat yang kuat dalam pengelolaan dana amal
-    dan pelaporan yang kompleks. Sistem ini memungkinkan organisasi amal untuk
-    mengoptimalkan penggunaan sumber daya mereka dan memastikan transparansi
-    dalam pengelolaan dana yang diperoleh dari berbagai sumber.
-  </p>
-
-  <br />
-  <div class="container-wisata">
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc4.webp" />
-      <span>SPT</span>
-    </div>
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc5.webp" />
-      <span>SPT Owner</span>
-    </div>
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc6.webp" />
-      <span>Laporan</span>
-    </div>
-  </div>
-  <br />
-</body>
diff --git a/.history/portofolio-manpumping_20231006215037.html b/.history/portofolio-manpumping_20231006215037.html
deleted file mode 100644
index 426aa9a..0000000
--- a/.history/portofolio-manpumping_20231006215037.html
+++ /dev/null
@@ -1,275 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc1.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc2.webp" />
-    <span>Laporan</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc3.webp" />
-    <span>Dana Kelola</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://maulana-project122.000webhostapp.com/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini </a
-  ><br />
-  <h2>Man. Pumping Charity: Sistem Informasi Pengelolaan Dana</h2>
-  <p>
-    Man. Pumping Charity adalah sebuah sistem informasi berbasis web yang
-    dirancang untuk mengelola berbagai aspek penting dalam organisasi
-    pengumpulan dana, termasuk pengendalian pengajuan SPT, pengelolaan dana,
-    keanggotaan, basecamp, profit, inventaris, transaksi, kas, dan pembuatan
-    laporan yang kompleks. Sistem ini memiliki tiga tingkatan akses pengguna
-    yang berbeda: Super Admin, Admin Entry, dan View Mode. Mari kita lihat lebih
-    dalam mengenai fitur-fitur dan komponen utama dari Man. Pumping Charity.
-  </p>
-
-  <h2>Super Admin:</h2>
-  <p>Username: admin1<br />Password: admin1</p>
-  <p>
-    Super Admin memiliki hak akses tertinggi dalam sistem ini. Mereka
-    bertanggung jawab atas manajemen keseluruhan, termasuk pengelolaan dana,
-    pengawasan anggota, pemantauan profit, inventarisasi, dan pembuatan laporan.
-    Fitur utama yang dimiliki oleh Super Admin adalah kemampuan untuk menghitung
-    profit dari investasi selama 12 bulan secara otomatis, memastikan bahwa
-    organisasi amal selalu memiliki gambaran yang jelas mengenai kondisi
-    keuangan mereka.
-  </p>
-
-  <h2>Admin Entry:</h2>
-  <p>Username: admin2<br />Password: admin2</p>
-  <p>
-    Admin Entry memiliki kewenangan untuk melakukan penginputan data ke dalam
-    sistem. Mereka dapat memperbarui informasi mengenai dana, anggota, basecamp,
-    transaksi, dan lain-lain. Ini membantu dalam menjaga integritas data dan
-    memastikan bahwa informasi yang tersimpan dalam sistem selalu akurat dan
-    terkini.
-  </p>
-
-  <h2>View Mode:</h2>
-  <p>Username: admin3<br />Password: admin3</p>
-  <p>
-    View Mode adalah tingkatan akses yang lebih terbatas. Pengguna dengan akses
-    ini dapat melihat informasi yang telah dimasukkan ke dalam sistem, termasuk
-    data SPT, informasi pemilik Curug Cipalasari, dan laporan yang dihasilkan
-    oleh Super Admin.
-  </p>
-
-  <h2>Fitur Unggulan:</h2>
-  <p>
-    a. Penghitungan Profit Otomatis: Man. Pumping Charity memiliki kemampuan
-    untuk menghitung profit dari investasi selama 12 bulan secara otomatis. Hal
-    ini membantu organisasi amal untuk memantau kinerja investasi mereka dengan
-    lebih efisien.
-  </p>
-  <p>
-    b. Real-time dan Ramah Bandwidth: Sistem ini dirancang untuk beroperasi
-    dalam waktu nyata, memungkinkan pengguna untuk mengakses data dan informasi
-    terbaru kapan saja. Selain itu, Man. Pumping Charity dirancang untuk
-    mengonsumsi bandwidth dengan efisien, memastikan pengalaman pengguna yang
-    baik tanpa membebani infrastruktur jaringan.
-  </p>
-
-  <h2>Teknologi:</h2>
-  <p>
-    Sistem Man. Pumping Charity dibangun dengan menggunakan berbagai teknologi
-    dan bahasa pemrograman, termasuk:
-  </p>
-  <ul>
-    <li>HTML: Untuk struktur dasar halaman web.</li>
-    <li>Bootstrap 3: Framework CSS yang digunakan untuk desain responsif.</li>
-    <li>Pusher: Untuk mendukung komunikasi real-time antara pengguna.</li>
-    <li>
-      PHP 5: Bahasa pemrograman server-side untuk mengelola logika bisnis.
-    </li>
-    <li>CSS: Untuk styling halaman web.</li>
-    <li>JavaScript: Digunakan untuk fungsionalitas tambahan di sisi klien.</li>
-    <li>
-      jQuery 3.6: Library JavaScript yang memudahkan manipulasi DOM dan
-      interaksi pengguna.
-    </li>
-    <li>
-      MYSQL: Basis data untuk menyimpan dan mengelola semua data terkait dengan
-      sistem.
-    </li>
-  </ul>
-
-  <p>
-    Dengan fitur-fitur canggih dan berbagai komponen teknologi yang digunakan,
-    Man. Pumping Charity merupakan alat yang kuat dalam pengelolaan dana amal
-    dan pelaporan yang kompleks. Sistem ini memungkinkan organisasi amal untuk
-    mengoptimalkan penggunaan sumber daya mereka dan memastikan transparansi
-    dalam pengelolaan dana yang diperoleh dari berbagai sumber.
-  </p>
-
-  <br />
-  <div class="container-wisata">
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc4.webp" />
-      <span>SPT</span>
-    </div>
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc5.webp" />
-      <span>SPT Owner</span>
-    </div>
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc6.webp" />
-      <span>Laporan</span>
-    </div>
-  </div>
-  <br />
-</body>
diff --git a/.history/portofolio-manpumping_20231006215322.html b/.history/portofolio-manpumping_20231006215322.html
deleted file mode 100644
index 75f8da6..0000000
--- a/.history/portofolio-manpumping_20231006215322.html
+++ /dev/null
@@ -1,273 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc1.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc2.webp" />
-    <span>Laporan</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc3.webp" />
-    <span>Dana Kelola</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://maulana-project122.000webhostapp.com/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini </a
-  ><br />
-  <h2>Man. Pumping Charity: Sistem Informasi Pengelolaan Dana</h2>
-  <p>
-    Man. Pumping Charity adalah sebuah sistem informasi berbasis web yang
-    dirancang untuk mengelola berbagai aspek penting dalam organisasi
-    pengumpulan dana, termasuk pengendalian pengajuan SPT, pengelolaan dana,
-    keanggotaan, basecamp, profit, inventaris, transaksi, kas, dan pembuatan
-    laporan yang kompleks. Sistem ini memiliki tiga tingkatan akses pengguna
-    yang berbeda: Super Admin, Admin Entry, dan View Mode. Mari kita lihat lebih
-    dalam mengenai fitur-fitur dan komponen utama dari Man. Pumping Charity.
-  </p>
-
-  <h2>Super Admin:</h2>
-  <p>Username: admin1<br />Password: admin1</p>
-  <p>
-    Super Admin memiliki hak akses tertinggi dalam sistem ini. Mereka
-    bertanggung jawab atas manajemen keseluruhan, termasuk pengelolaan dana,
-    pengawasan anggota, pemantauan profit, inventarisasi, dan pembuatan laporan.
-    Fitur utama yang dimiliki oleh Super Admin adalah kemampuan untuk menghitung
-    profit dari investasi selama 12 bulan secara otomatis, memastikan bahwa
-    organisasi amal selalu memiliki gambaran yang jelas mengenai kondisi
-    keuangan mereka.
-  </p>
-
-  <h2>Admin Entry:</h2>
-  <p>Username: admin2<br />Password: admin2</p>
-  <p>
-    Admin Entry memiliki kewenangan untuk melakukan penginputan data ke dalam
-    sistem. Mereka dapat memperbarui informasi mengenai dana, anggota, basecamp,
-    transaksi, dan lain-lain. Ini membantu dalam menjaga integritas data dan
-    memastikan bahwa informasi yang tersimpan dalam sistem selalu akurat dan
-    terkini.
-  </p>
-
-  <h2>View Mode:</h2>
-  <p>Username: admin3<br />Password: admin3</p>
-  <p>
-    View Mode adalah tingkatan akses yang lebih terbatas. Pengguna dengan akses
-    ini dapat melihat informasi yang telah dimasukkan ke dalam sistem, termasuk
-    data SPT, informasi pemilik Curug Cipalasari, dan laporan yang dihasilkan
-    oleh Super Admin.
-  </p>
-
-  <h2>Fitur Unggulan:</h2>
-  <p>
-    a. Penghitungan Profit Otomatis: Man. Pumping Charity memiliki kemampuan
-    untuk menghitung profit dari investasi selama 12 bulan secara otomatis. Hal
-    ini membantu organisasi amal untuk memantau kinerja investasi mereka dengan
-    lebih efisien.
-  </p>
-  <p>
-    b. Real-time dan Ramah Bandwidth: Sistem ini dirancang untuk beroperasi
-    dalam waktu nyata, memungkinkan pengguna untuk mengakses data dan informasi
-    terbaru kapan saja. Selain itu, Man. Pumping Charity dirancang untuk
-    mengonsumsi bandwidth dengan efisien, memastikan pengalaman pengguna yang
-    baik tanpa membebani infrastruktur jaringan.
-  </p>
-
-  <h2>Teknologi:</h2>
-  <p>
-    Sistem Man. Pumping Charity dibangun dengan menggunakan berbagai teknologi
-    dan bahasa pemrograman, termasuk:
-  </p>
-  <ul>
-    <li>HTML</li>
-    <li>Bootstrap 3</li>
-    <li>Pusher</li>
-    <li>PHP 5</li>
-    <li>CSS: Untuk styling halaman web.</li>
-    <li>JavaScript: Digunakan untuk fungsionalitas tambahan di sisi klien.</li>
-    <li>
-      jQuery 3.6: Library JavaScript yang memudahkan manipulasi DOM dan
-      interaksi pengguna.
-    </li>
-    <li>
-      MYSQL: Basis data untuk menyimpan dan mengelola semua data terkait dengan
-      sistem.
-    </li>
-  </ul>
-
-  <p>
-    Dengan fitur-fitur canggih dan berbagai komponen teknologi yang digunakan,
-    Man. Pumping Charity merupakan alat yang kuat dalam pengelolaan dana amal
-    dan pelaporan yang kompleks. Sistem ini memungkinkan organisasi amal untuk
-    mengoptimalkan penggunaan sumber daya mereka dan memastikan transparansi
-    dalam pengelolaan dana yang diperoleh dari berbagai sumber.
-  </p>
-
-  <br />
-  <div class="container-wisata">
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc4.webp" />
-      <span>SPT</span>
-    </div>
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc5.webp" />
-      <span>SPT Owner</span>
-    </div>
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc6.webp" />
-      <span>Laporan</span>
-    </div>
-  </div>
-  <br />
-</body>
diff --git a/.history/portofolio-manpumping_20231006215325.html b/.history/portofolio-manpumping_20231006215325.html
deleted file mode 100644
index 8803ef2..0000000
--- a/.history/portofolio-manpumping_20231006215325.html
+++ /dev/null
@@ -1,273 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc1.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc2.webp" />
-    <span>Laporan</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc3.webp" />
-    <span>Dana Kelola</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://maulana-project122.000webhostapp.com/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini </a
-  ><br />
-  <h2>Man. Pumping Charity: Sistem Informasi Pengelolaan Dana</h2>
-  <p>
-    Man. Pumping Charity adalah sebuah sistem informasi berbasis web yang
-    dirancang untuk mengelola berbagai aspek penting dalam organisasi
-    pengumpulan dana, termasuk pengendalian pengajuan SPT, pengelolaan dana,
-    keanggotaan, basecamp, profit, inventaris, transaksi, kas, dan pembuatan
-    laporan yang kompleks. Sistem ini memiliki tiga tingkatan akses pengguna
-    yang berbeda: Super Admin, Admin Entry, dan View Mode. Mari kita lihat lebih
-    dalam mengenai fitur-fitur dan komponen utama dari Man. Pumping Charity.
-  </p>
-
-  <h2>Super Admin:</h2>
-  <p>Username: admin1<br />Password: admin1</p>
-  <p>
-    Super Admin memiliki hak akses tertinggi dalam sistem ini. Mereka
-    bertanggung jawab atas manajemen keseluruhan, termasuk pengelolaan dana,
-    pengawasan anggota, pemantauan profit, inventarisasi, dan pembuatan laporan.
-    Fitur utama yang dimiliki oleh Super Admin adalah kemampuan untuk menghitung
-    profit dari investasi selama 12 bulan secara otomatis, memastikan bahwa
-    organisasi amal selalu memiliki gambaran yang jelas mengenai kondisi
-    keuangan mereka.
-  </p>
-
-  <h2>Admin Entry:</h2>
-  <p>Username: admin2<br />Password: admin2</p>
-  <p>
-    Admin Entry memiliki kewenangan untuk melakukan penginputan data ke dalam
-    sistem. Mereka dapat memperbarui informasi mengenai dana, anggota, basecamp,
-    transaksi, dan lain-lain. Ini membantu dalam menjaga integritas data dan
-    memastikan bahwa informasi yang tersimpan dalam sistem selalu akurat dan
-    terkini.
-  </p>
-
-  <h2>View Mode:</h2>
-  <p>Username: admin3<br />Password: admin3</p>
-  <p>
-    View Mode adalah tingkatan akses yang lebih terbatas. Pengguna dengan akses
-    ini dapat melihat informasi yang telah dimasukkan ke dalam sistem, termasuk
-    data SPT, informasi pemilik Curug Cipalasari, dan laporan yang dihasilkan
-    oleh Super Admin.
-  </p>
-
-  <h2>Fitur Unggulan:</h2>
-  <p>
-    a. Penghitungan Profit Otomatis: Man. Pumping Charity memiliki kemampuan
-    untuk menghitung profit dari investasi selama 12 bulan secara otomatis. Hal
-    ini membantu organisasi amal untuk memantau kinerja investasi mereka dengan
-    lebih efisien.
-  </p>
-  <p>
-    b. Real-time dan Ramah Bandwidth: Sistem ini dirancang untuk beroperasi
-    dalam waktu nyata, memungkinkan pengguna untuk mengakses data dan informasi
-    terbaru kapan saja. Selain itu, Man. Pumping Charity dirancang untuk
-    mengonsumsi bandwidth dengan efisien, memastikan pengalaman pengguna yang
-    baik tanpa membebani infrastruktur jaringan.
-  </p>
-
-  <h2>Teknologi:</h2>
-  <p>
-    Sistem Man. Pumping Charity dibangun dengan menggunakan berbagai teknologi
-    dan bahasa pemrograman, termasuk:
-  </p>
-  <ul>
-    <li>HTML</li>
-    <li>Bootstrap 3</li>
-    <li>Pusher</li>
-    <li>PHP 5</li>
-    <li>CSS</li>
-    <li>JavaScript: Digunakan untuk fungsionalitas tambahan di sisi klien.</li>
-    <li>
-      jQuery 3.6: Library JavaScript yang memudahkan manipulasi DOM dan
-      interaksi pengguna.
-    </li>
-    <li>
-      MYSQL: Basis data untuk menyimpan dan mengelola semua data terkait dengan
-      sistem.
-    </li>
-  </ul>
-
-  <p>
-    Dengan fitur-fitur canggih dan berbagai komponen teknologi yang digunakan,
-    Man. Pumping Charity merupakan alat yang kuat dalam pengelolaan dana amal
-    dan pelaporan yang kompleks. Sistem ini memungkinkan organisasi amal untuk
-    mengoptimalkan penggunaan sumber daya mereka dan memastikan transparansi
-    dalam pengelolaan dana yang diperoleh dari berbagai sumber.
-  </p>
-
-  <br />
-  <div class="container-wisata">
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc4.webp" />
-      <span>SPT</span>
-    </div>
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc5.webp" />
-      <span>SPT Owner</span>
-    </div>
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc6.webp" />
-      <span>Laporan</span>
-    </div>
-  </div>
-  <br />
-</body>
diff --git a/.history/portofolio-manpumping_20231006215329.html b/.history/portofolio-manpumping_20231006215329.html
deleted file mode 100644
index 0652b1b..0000000
--- a/.history/portofolio-manpumping_20231006215329.html
+++ /dev/null
@@ -1,273 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc1.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc2.webp" />
-    <span>Laporan</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc3.webp" />
-    <span>Dana Kelola</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://maulana-project122.000webhostapp.com/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini </a
-  ><br />
-  <h2>Man. Pumping Charity: Sistem Informasi Pengelolaan Dana</h2>
-  <p>
-    Man. Pumping Charity adalah sebuah sistem informasi berbasis web yang
-    dirancang untuk mengelola berbagai aspek penting dalam organisasi
-    pengumpulan dana, termasuk pengendalian pengajuan SPT, pengelolaan dana,
-    keanggotaan, basecamp, profit, inventaris, transaksi, kas, dan pembuatan
-    laporan yang kompleks. Sistem ini memiliki tiga tingkatan akses pengguna
-    yang berbeda: Super Admin, Admin Entry, dan View Mode. Mari kita lihat lebih
-    dalam mengenai fitur-fitur dan komponen utama dari Man. Pumping Charity.
-  </p>
-
-  <h2>Super Admin:</h2>
-  <p>Username: admin1<br />Password: admin1</p>
-  <p>
-    Super Admin memiliki hak akses tertinggi dalam sistem ini. Mereka
-    bertanggung jawab atas manajemen keseluruhan, termasuk pengelolaan dana,
-    pengawasan anggota, pemantauan profit, inventarisasi, dan pembuatan laporan.
-    Fitur utama yang dimiliki oleh Super Admin adalah kemampuan untuk menghitung
-    profit dari investasi selama 12 bulan secara otomatis, memastikan bahwa
-    organisasi amal selalu memiliki gambaran yang jelas mengenai kondisi
-    keuangan mereka.
-  </p>
-
-  <h2>Admin Entry:</h2>
-  <p>Username: admin2<br />Password: admin2</p>
-  <p>
-    Admin Entry memiliki kewenangan untuk melakukan penginputan data ke dalam
-    sistem. Mereka dapat memperbarui informasi mengenai dana, anggota, basecamp,
-    transaksi, dan lain-lain. Ini membantu dalam menjaga integritas data dan
-    memastikan bahwa informasi yang tersimpan dalam sistem selalu akurat dan
-    terkini.
-  </p>
-
-  <h2>View Mode:</h2>
-  <p>Username: admin3<br />Password: admin3</p>
-  <p>
-    View Mode adalah tingkatan akses yang lebih terbatas. Pengguna dengan akses
-    ini dapat melihat informasi yang telah dimasukkan ke dalam sistem, termasuk
-    data SPT, informasi pemilik Curug Cipalasari, dan laporan yang dihasilkan
-    oleh Super Admin.
-  </p>
-
-  <h2>Fitur Unggulan:</h2>
-  <p>
-    a. Penghitungan Profit Otomatis: Man. Pumping Charity memiliki kemampuan
-    untuk menghitung profit dari investasi selama 12 bulan secara otomatis. Hal
-    ini membantu organisasi amal untuk memantau kinerja investasi mereka dengan
-    lebih efisien.
-  </p>
-  <p>
-    b. Real-time dan Ramah Bandwidth: Sistem ini dirancang untuk beroperasi
-    dalam waktu nyata, memungkinkan pengguna untuk mengakses data dan informasi
-    terbaru kapan saja. Selain itu, Man. Pumping Charity dirancang untuk
-    mengonsumsi bandwidth dengan efisien, memastikan pengalaman pengguna yang
-    baik tanpa membebani infrastruktur jaringan.
-  </p>
-
-  <h2>Teknologi:</h2>
-  <p>
-    Sistem Man. Pumping Charity dibangun dengan menggunakan berbagai teknologi
-    dan bahasa pemrograman, termasuk:
-  </p>
-  <ul>
-    <li>HTML</li>
-    <li>Bootstrap 3</li>
-    <li>Pusher</li>
-    <li>PHP 5</li>
-    <li>CSS</li>
-    <li>JavaScript</li>
-    <li>
-      jQuery 3.6: Library JavaScript yang memudahkan manipulasi DOM dan
-      interaksi pengguna.
-    </li>
-    <li>
-      MYSQL: Basis data untuk menyimpan dan mengelola semua data terkait dengan
-      sistem.
-    </li>
-  </ul>
-
-  <p>
-    Dengan fitur-fitur canggih dan berbagai komponen teknologi yang digunakan,
-    Man. Pumping Charity merupakan alat yang kuat dalam pengelolaan dana amal
-    dan pelaporan yang kompleks. Sistem ini memungkinkan organisasi amal untuk
-    mengoptimalkan penggunaan sumber daya mereka dan memastikan transparansi
-    dalam pengelolaan dana yang diperoleh dari berbagai sumber.
-  </p>
-
-  <br />
-  <div class="container-wisata">
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc4.webp" />
-      <span>SPT</span>
-    </div>
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc5.webp" />
-      <span>SPT Owner</span>
-    </div>
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc6.webp" />
-      <span>Laporan</span>
-    </div>
-  </div>
-  <br />
-</body>
diff --git a/.history/portofolio-manpumping_20231006215345.html b/.history/portofolio-manpumping_20231006215345.html
deleted file mode 100644
index 20feac9..0000000
--- a/.history/portofolio-manpumping_20231006215345.html
+++ /dev/null
@@ -1,267 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc1.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc2.webp" />
-    <span>Laporan</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc3.webp" />
-    <span>Dana Kelola</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://maulana-project122.000webhostapp.com/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini </a
-  ><br />
-  <h2>Man. Pumping Charity: Sistem Informasi Pengelolaan Dana</h2>
-  <p>
-    Man. Pumping Charity adalah sebuah sistem informasi berbasis web yang
-    dirancang untuk mengelola berbagai aspek penting dalam organisasi
-    pengumpulan dana, termasuk pengendalian pengajuan SPT, pengelolaan dana,
-    keanggotaan, basecamp, profit, inventaris, transaksi, kas, dan pembuatan
-    laporan yang kompleks. Sistem ini memiliki tiga tingkatan akses pengguna
-    yang berbeda: Super Admin, Admin Entry, dan View Mode. Mari kita lihat lebih
-    dalam mengenai fitur-fitur dan komponen utama dari Man. Pumping Charity.
-  </p>
-
-  <h2>Super Admin:</h2>
-  <p>Username: admin1<br />Password: admin1</p>
-  <p>
-    Super Admin memiliki hak akses tertinggi dalam sistem ini. Mereka
-    bertanggung jawab atas manajemen keseluruhan, termasuk pengelolaan dana,
-    pengawasan anggota, pemantauan profit, inventarisasi, dan pembuatan laporan.
-    Fitur utama yang dimiliki oleh Super Admin adalah kemampuan untuk menghitung
-    profit dari investasi selama 12 bulan secara otomatis, memastikan bahwa
-    organisasi amal selalu memiliki gambaran yang jelas mengenai kondisi
-    keuangan mereka.
-  </p>
-
-  <h2>Admin Entry:</h2>
-  <p>Username: admin2<br />Password: admin2</p>
-  <p>
-    Admin Entry memiliki kewenangan untuk melakukan penginputan data ke dalam
-    sistem. Mereka dapat memperbarui informasi mengenai dana, anggota, basecamp,
-    transaksi, dan lain-lain. Ini membantu dalam menjaga integritas data dan
-    memastikan bahwa informasi yang tersimpan dalam sistem selalu akurat dan
-    terkini.
-  </p>
-
-  <h2>View Mode:</h2>
-  <p>Username: admin3<br />Password: admin3</p>
-  <p>
-    View Mode adalah tingkatan akses yang lebih terbatas. Pengguna dengan akses
-    ini dapat melihat informasi yang telah dimasukkan ke dalam sistem, termasuk
-    data SPT, informasi pemilik Curug Cipalasari, dan laporan yang dihasilkan
-    oleh Super Admin.
-  </p>
-
-  <h2>Fitur Unggulan:</h2>
-  <p>
-    a. Penghitungan Profit Otomatis: Man. Pumping Charity memiliki kemampuan
-    untuk menghitung profit dari investasi selama 12 bulan secara otomatis. Hal
-    ini membantu organisasi amal untuk memantau kinerja investasi mereka dengan
-    lebih efisien.
-  </p>
-  <p>
-    b. Real-time dan Ramah Bandwidth: Sistem ini dirancang untuk beroperasi
-    dalam waktu nyata, memungkinkan pengguna untuk mengakses data dan informasi
-    terbaru kapan saja. Selain itu, Man. Pumping Charity dirancang untuk
-    mengonsumsi bandwidth dengan efisien, memastikan pengalaman pengguna yang
-    baik tanpa membebani infrastruktur jaringan.
-  </p>
-
-  <h2>Teknologi:</h2>
-  <p>
-    Sistem Man. Pumping Charity dibangun dengan menggunakan berbagai teknologi
-    dan bahasa pemrograman, termasuk:
-  </p>
-  <ul>
-    <li>HTML</li>
-    <li>Bootstrap 3</li>
-    <li>Pusher</li>
-    <li>PHP 5</li>
-    <li>CSS</li>
-    <li>JavaScript</li>
-    <li>jQuery 3.6</li>
-    <li>MYSQL</li>
-  </ul>
-
-  <p>
-    Dengan fitur-fitur canggih dan berbagai komponen teknologi yang digunakan,
-    Man. Pumping Charity merupakan alat yang kuat dalam pengelolaan dana amal
-    dan pelaporan yang kompleks. Sistem ini memungkinkan organisasi amal untuk
-    mengoptimalkan penggunaan sumber daya mereka dan memastikan transparansi
-    dalam pengelolaan dana yang diperoleh dari berbagai sumber.
-  </p>
-
-  <br />
-  <div class="container-wisata">
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc4.webp" />
-      <span>SPT</span>
-    </div>
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc5.webp" />
-      <span>SPT Owner</span>
-    </div>
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc6.webp" />
-      <span>Laporan</span>
-    </div>
-  </div>
-  <br />
-</body>
diff --git a/.history/portofolio-manpumping_20231006215358.html b/.history/portofolio-manpumping_20231006215358.html
deleted file mode 100644
index 701c8f6..0000000
--- a/.history/portofolio-manpumping_20231006215358.html
+++ /dev/null
@@ -1,268 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc1.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc2.webp" />
-    <span>Laporan</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc3.webp" />
-    <span>Dana Kelola</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://maulana-project122.000webhostapp.com/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini </a
-  ><br />
-  <h2>Man. Pumping Charity: Sistem Informasi Pengelolaan Dana</h2>
-  <p>
-    Man. Pumping Charity adalah sebuah sistem informasi berbasis web yang
-    dirancang untuk mengelola berbagai aspek penting dalam organisasi
-    pengumpulan dana, termasuk pengendalian pengajuan SPT, pengelolaan dana,
-    keanggotaan, basecamp, profit, inventaris, transaksi, kas, dan pembuatan
-    laporan yang kompleks. Sistem ini memiliki tiga tingkatan akses pengguna
-    yang berbeda: Super Admin, Admin Entry, dan View Mode. Mari kita lihat lebih
-    dalam mengenai fitur-fitur dan komponen utama dari Man. Pumping Charity.
-  </p>
-
-  <h2>Super Admin:</h2>
-  <p>Username: admin1<br />Password: admin1</p>
-  <p>
-    Super Admin memiliki hak akses tertinggi dalam sistem ini. Mereka
-    bertanggung jawab atas manajemen keseluruhan, termasuk pengelolaan dana,
-    pengawasan anggota, pemantauan profit, inventarisasi, dan pembuatan laporan.
-    Fitur utama yang dimiliki oleh Super Admin adalah kemampuan untuk menghitung
-    profit dari investasi selama 12 bulan secara otomatis, memastikan bahwa
-    organisasi amal selalu memiliki gambaran yang jelas mengenai kondisi
-    keuangan mereka.
-  </p>
-
-  <h2>Admin Entry:</h2>
-  <p>Username: admin2<br />Password: admin2</p>
-  <p>
-    Admin Entry memiliki kewenangan untuk melakukan penginputan data ke dalam
-    sistem. Mereka dapat memperbarui informasi mengenai dana, anggota, basecamp,
-    transaksi, dan lain-lain. Ini membantu dalam menjaga integritas data dan
-    memastikan bahwa informasi yang tersimpan dalam sistem selalu akurat dan
-    terkini.
-  </p>
-
-  <h2>View Mode:</h2>
-  <p>Username: admin3<br />Password: admin3</p>
-  <p>
-    View Mode adalah tingkatan akses yang lebih terbatas. Pengguna dengan akses
-    ini dapat melihat informasi yang telah dimasukkan ke dalam sistem, termasuk
-    data SPT, informasi pemilik Curug Cipalasari, dan laporan yang dihasilkan
-    oleh Super Admin.
-  </p>
-
-  <h2>Fitur Unggulan:</h2>
-  <p>
-    a. Penghitungan Profit Otomatis: Man. Pumping Charity memiliki kemampuan
-    untuk menghitung profit dari investasi selama 12 bulan secara otomatis. Hal
-    ini membantu organisasi amal untuk memantau kinerja investasi mereka dengan
-    lebih efisien.
-  </p>
-  <p>
-    b. Real-time dan Ramah Bandwidth: Sistem ini dirancang untuk beroperasi
-    dalam waktu nyata, memungkinkan pengguna untuk mengakses data dan informasi
-    terbaru kapan saja. Selain itu, Man. Pumping Charity dirancang untuk
-    mengonsumsi bandwidth dengan efisien, memastikan pengalaman pengguna yang
-    baik tanpa membebani infrastruktur jaringan.
-  </p>
-
-  <h2>Teknologi:</h2>
-  <p>
-    Sistem Man. Pumping Charity dibangun dengan menggunakan berbagai teknologi
-    dan bahasa pemrograman, termasuk:
-  </p>
-  <ul>
-    <li>HTML</li>
-    <li>Bootstrap 3</li>
-    <li>Pusher</li>
-    <li>PHP 5</li>
-    <li>CSS</li>
-    <li>Font Awesome 4.7.0</li>
-    <li>JavaScript</li>
-    <li>jQuery 3.6</li>
-    <li>MYSQL</li>
-  </ul>
-
-  <p>
-    Dengan fitur-fitur canggih dan berbagai komponen teknologi yang digunakan,
-    Man. Pumping Charity merupakan alat yang kuat dalam pengelolaan dana amal
-    dan pelaporan yang kompleks. Sistem ini memungkinkan organisasi amal untuk
-    mengoptimalkan penggunaan sumber daya mereka dan memastikan transparansi
-    dalam pengelolaan dana yang diperoleh dari berbagai sumber.
-  </p>
-
-  <br />
-  <div class="container-wisata">
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc4.webp" />
-      <span>SPT</span>
-    </div>
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc5.webp" />
-      <span>SPT Owner</span>
-    </div>
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc6.webp" />
-      <span>Laporan</span>
-    </div>
-  </div>
-  <br />
-</body>
diff --git a/.history/portofolio-manpumping_20231006215454.html b/.history/portofolio-manpumping_20231006215454.html
deleted file mode 100644
index 2e34693..0000000
--- a/.history/portofolio-manpumping_20231006215454.html
+++ /dev/null
@@ -1,270 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc1.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc2.webp" />
-    <span>Laporan</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc3.webp" />
-    <span>Dana Kelola</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://maulana-project122.000webhostapp.com/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini </a
-  ><br />
-  <h2>Man. Pumping Charity: Sistem Informasi Pengelolaan Dana</h2>
-  <p>
-    Man. Pumping Charity adalah sebuah sistem informasi berbasis web yang
-    dirancang untuk mengelola berbagai aspek penting dalam organisasi
-    pengumpulan dana, termasuk pengendalian pengajuan SPT, pengelolaan dana,
-    keanggotaan, basecamp, profit, inventaris, transaksi, kas, dan pembuatan
-    laporan yang kompleks. Sistem ini memiliki tiga tingkatan akses pengguna
-    yang berbeda: Super Admin, Admin Entry, dan View Mode. Mari kita lihat lebih
-    dalam mengenai fitur-fitur dan komponen utama dari Man. Pumping Charity.
-  </p>
-
-  <h2>Super Admin:</h2>
-  <p>Username: admin1<br />Password: admin1</p>
-  <p>
-    Super Admin memiliki hak akses tertinggi dalam sistem ini. Mereka
-    bertanggung jawab atas manajemen keseluruhan, termasuk pengelolaan dana,
-    pengawasan anggota, pemantauan profit, inventarisasi, dan pembuatan laporan.
-    Fitur utama yang dimiliki oleh Super Admin adalah kemampuan untuk menghitung
-    profit dari investasi selama 12 bulan secara otomatis, memastikan bahwa
-    organisasi amal selalu memiliki gambaran yang jelas mengenai kondisi
-    keuangan mereka.
-  </p>
-
-  <h2>Admin Entry:</h2>
-  <p>Username: admin2<br />Password: admin2</p>
-  <p>
-    Admin Entry memiliki kewenangan untuk melakukan penginputan data ke dalam
-    sistem. Mereka dapat memperbarui informasi mengenai dana, anggota, basecamp,
-    transaksi, dan lain-lain. Ini membantu dalam menjaga integritas data dan
-    memastikan bahwa informasi yang tersimpan dalam sistem selalu akurat dan
-    terkini.
-  </p>
-
-  <h2>View Mode:</h2>
-  <p>Username: admin3<br />Password: admin3</p>
-  <p>
-    View Mode adalah tingkatan akses yang lebih terbatas. Pengguna dengan akses
-    ini dapat melihat informasi yang telah dimasukkan ke dalam sistem, termasuk
-    data SPT, informasi pemilik Curug Cipalasari, dan laporan yang dihasilkan
-    oleh Super Admin.
-  </p>
-
-  <h2>Fitur Unggulan:</h2>
-  <p>
-    a. Penghitungan Profit Otomatis: Man. Pumping Charity memiliki kemampuan
-    untuk menghitung profit dari investasi selama 12 bulan secara otomatis. Hal
-    ini membantu organisasi amal untuk memantau kinerja investasi mereka dengan
-    lebih efisien.
-  </p>
-  <p>
-    b. Real-time dan Ramah Bandwidth: Sistem ini dirancang untuk beroperasi
-    dalam waktu nyata, memungkinkan pengguna untuk mengakses data dan informasi
-    terbaru kapan saja. Selain itu, Man. Pumping Charity dirancang untuk
-    mengonsumsi bandwidth dengan efisien, memastikan pengalaman pengguna yang
-    baik tanpa membebani infrastruktur jaringan.
-  </p>
-
-  <h2>Teknologi:</h2>
-  <p>
-    Sistem Man. Pumping Charity dibangun dengan menggunakan berbagai teknologi
-    dan bahasa pemrograman, termasuk:
-  </p>
-  <ul>
-    <li>HTML</li>
-    <li>Bootstrap 3</li>
-    <li>Pusher</li>
-    <li>PHP 5</li>
-    <li>CSS</li>
-    <li>Font Awesome 4.7.0</li>
-    <li>JavaScript</li>
-    <li>jQuery 2.2.0</li>
-    <li>jQuery UI 1.12.1</li>
-    <li>SweetAlert2</li>
-    <li>MYSQL</li>
-  </ul>
-
-  <p>
-    Dengan fitur-fitur canggih dan berbagai komponen teknologi yang digunakan,
-    Man. Pumping Charity merupakan alat yang kuat dalam pengelolaan dana amal
-    dan pelaporan yang kompleks. Sistem ini memungkinkan organisasi amal untuk
-    mengoptimalkan penggunaan sumber daya mereka dan memastikan transparansi
-    dalam pengelolaan dana yang diperoleh dari berbagai sumber.
-  </p>
-
-  <br />
-  <div class="container-wisata">
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc4.webp" />
-      <span>SPT</span>
-    </div>
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc5.webp" />
-      <span>SPT Owner</span>
-    </div>
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc6.webp" />
-      <span>Laporan</span>
-    </div>
-  </div>
-  <br />
-</body>
diff --git a/.history/portofolio-manpumping_20231006215456.html b/.history/portofolio-manpumping_20231006215456.html
deleted file mode 100644
index 707e0ee..0000000
--- a/.history/portofolio-manpumping_20231006215456.html
+++ /dev/null
@@ -1,271 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc1.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc2.webp" />
-    <span>Laporan</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc3.webp" />
-    <span>Dana Kelola</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://maulana-project122.000webhostapp.com/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini </a
-  ><br />
-  <h2>Man. Pumping Charity: Sistem Informasi Pengelolaan Dana</h2>
-  <p>
-    Man. Pumping Charity adalah sebuah sistem informasi berbasis web yang
-    dirancang untuk mengelola berbagai aspek penting dalam organisasi
-    pengumpulan dana, termasuk pengendalian pengajuan SPT, pengelolaan dana,
-    keanggotaan, basecamp, profit, inventaris, transaksi, kas, dan pembuatan
-    laporan yang kompleks. Sistem ini memiliki tiga tingkatan akses pengguna
-    yang berbeda: Super Admin, Admin Entry, dan View Mode. Mari kita lihat lebih
-    dalam mengenai fitur-fitur dan komponen utama dari Man. Pumping Charity.
-  </p>
-
-  <h2>Super Admin:</h2>
-  <p>Username: admin1<br />Password: admin1</p>
-  <p>
-    Super Admin memiliki hak akses tertinggi dalam sistem ini. Mereka
-    bertanggung jawab atas manajemen keseluruhan, termasuk pengelolaan dana,
-    pengawasan anggota, pemantauan profit, inventarisasi, dan pembuatan laporan.
-    Fitur utama yang dimiliki oleh Super Admin adalah kemampuan untuk menghitung
-    profit dari investasi selama 12 bulan secara otomatis, memastikan bahwa
-    organisasi amal selalu memiliki gambaran yang jelas mengenai kondisi
-    keuangan mereka.
-  </p>
-
-  <h2>Admin Entry:</h2>
-  <p>Username: admin2<br />Password: admin2</p>
-  <p>
-    Admin Entry memiliki kewenangan untuk melakukan penginputan data ke dalam
-    sistem. Mereka dapat memperbarui informasi mengenai dana, anggota, basecamp,
-    transaksi, dan lain-lain. Ini membantu dalam menjaga integritas data dan
-    memastikan bahwa informasi yang tersimpan dalam sistem selalu akurat dan
-    terkini.
-  </p>
-
-  <h2>View Mode:</h2>
-  <p>Username: admin3<br />Password: admin3</p>
-  <p>
-    View Mode adalah tingkatan akses yang lebih terbatas. Pengguna dengan akses
-    ini dapat melihat informasi yang telah dimasukkan ke dalam sistem, termasuk
-    data SPT, informasi pemilik Curug Cipalasari, dan laporan yang dihasilkan
-    oleh Super Admin.
-  </p>
-
-  <h2>Fitur Unggulan:</h2>
-  <p>
-    a. Penghitungan Profit Otomatis: Man. Pumping Charity memiliki kemampuan
-    untuk menghitung profit dari investasi selama 12 bulan secara otomatis. Hal
-    ini membantu organisasi amal untuk memantau kinerja investasi mereka dengan
-    lebih efisien.
-  </p>
-  <p>
-    b. Real-time dan Ramah Bandwidth: Sistem ini dirancang untuk beroperasi
-    dalam waktu nyata, memungkinkan pengguna untuk mengakses data dan informasi
-    terbaru kapan saja. Selain itu, Man. Pumping Charity dirancang untuk
-    mengonsumsi bandwidth dengan efisien, memastikan pengalaman pengguna yang
-    baik tanpa membebani infrastruktur jaringan.
-  </p>
-
-  <h2>Teknologi:</h2>
-  <p>
-    Sistem Man. Pumping Charity dibangun dengan menggunakan berbagai teknologi
-    dan bahasa pemrograman, termasuk:
-  </p>
-  <ul>
-    <li>HTML</li>
-    <li>Bootstrap 3</li>
-    <li>Pusher</li>
-    <li>PHP 5</li>
-    <li>CSS</li>
-    <li>Font Awesome 4.7.0</li>
-    <li>JavaScript</li>
-    <li>jQuery 2.2.0</li>
-    <li>jQuery UI 1.12.1</li>
-    <li>SweetAlert2</li>
-    <li>SweetAlert2</li>
-    <li>MYSQL</li>
-  </ul>
-
-  <p>
-    Dengan fitur-fitur canggih dan berbagai komponen teknologi yang digunakan,
-    Man. Pumping Charity merupakan alat yang kuat dalam pengelolaan dana amal
-    dan pelaporan yang kompleks. Sistem ini memungkinkan organisasi amal untuk
-    mengoptimalkan penggunaan sumber daya mereka dan memastikan transparansi
-    dalam pengelolaan dana yang diperoleh dari berbagai sumber.
-  </p>
-
-  <br />
-  <div class="container-wisata">
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc4.webp" />
-      <span>SPT</span>
-    </div>
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc5.webp" />
-      <span>SPT Owner</span>
-    </div>
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc6.webp" />
-      <span>Laporan</span>
-    </div>
-  </div>
-  <br />
-</body>
diff --git a/.history/portofolio-manpumping_20231006215500.html b/.history/portofolio-manpumping_20231006215500.html
deleted file mode 100644
index 9bf5dc0..0000000
--- a/.history/portofolio-manpumping_20231006215500.html
+++ /dev/null
@@ -1,271 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc1.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc2.webp" />
-    <span>Laporan</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc3.webp" />
-    <span>Dana Kelola</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://maulana-project122.000webhostapp.com/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini </a
-  ><br />
-  <h2>Man. Pumping Charity: Sistem Informasi Pengelolaan Dana</h2>
-  <p>
-    Man. Pumping Charity adalah sebuah sistem informasi berbasis web yang
-    dirancang untuk mengelola berbagai aspek penting dalam organisasi
-    pengumpulan dana, termasuk pengendalian pengajuan SPT, pengelolaan dana,
-    keanggotaan, basecamp, profit, inventaris, transaksi, kas, dan pembuatan
-    laporan yang kompleks. Sistem ini memiliki tiga tingkatan akses pengguna
-    yang berbeda: Super Admin, Admin Entry, dan View Mode. Mari kita lihat lebih
-    dalam mengenai fitur-fitur dan komponen utama dari Man. Pumping Charity.
-  </p>
-
-  <h2>Super Admin:</h2>
-  <p>Username: admin1<br />Password: admin1</p>
-  <p>
-    Super Admin memiliki hak akses tertinggi dalam sistem ini. Mereka
-    bertanggung jawab atas manajemen keseluruhan, termasuk pengelolaan dana,
-    pengawasan anggota, pemantauan profit, inventarisasi, dan pembuatan laporan.
-    Fitur utama yang dimiliki oleh Super Admin adalah kemampuan untuk menghitung
-    profit dari investasi selama 12 bulan secara otomatis, memastikan bahwa
-    organisasi amal selalu memiliki gambaran yang jelas mengenai kondisi
-    keuangan mereka.
-  </p>
-
-  <h2>Admin Entry:</h2>
-  <p>Username: admin2<br />Password: admin2</p>
-  <p>
-    Admin Entry memiliki kewenangan untuk melakukan penginputan data ke dalam
-    sistem. Mereka dapat memperbarui informasi mengenai dana, anggota, basecamp,
-    transaksi, dan lain-lain. Ini membantu dalam menjaga integritas data dan
-    memastikan bahwa informasi yang tersimpan dalam sistem selalu akurat dan
-    terkini.
-  </p>
-
-  <h2>View Mode:</h2>
-  <p>Username: admin3<br />Password: admin3</p>
-  <p>
-    View Mode adalah tingkatan akses yang lebih terbatas. Pengguna dengan akses
-    ini dapat melihat informasi yang telah dimasukkan ke dalam sistem, termasuk
-    data SPT, informasi pemilik Curug Cipalasari, dan laporan yang dihasilkan
-    oleh Super Admin.
-  </p>
-
-  <h2>Fitur Unggulan:</h2>
-  <p>
-    a. Penghitungan Profit Otomatis: Man. Pumping Charity memiliki kemampuan
-    untuk menghitung profit dari investasi selama 12 bulan secara otomatis. Hal
-    ini membantu organisasi amal untuk memantau kinerja investasi mereka dengan
-    lebih efisien.
-  </p>
-  <p>
-    b. Real-time dan Ramah Bandwidth: Sistem ini dirancang untuk beroperasi
-    dalam waktu nyata, memungkinkan pengguna untuk mengakses data dan informasi
-    terbaru kapan saja. Selain itu, Man. Pumping Charity dirancang untuk
-    mengonsumsi bandwidth dengan efisien, memastikan pengalaman pengguna yang
-    baik tanpa membebani infrastruktur jaringan.
-  </p>
-
-  <h2>Teknologi:</h2>
-  <p>
-    Sistem Man. Pumping Charity dibangun dengan menggunakan berbagai teknologi
-    dan bahasa pemrograman, termasuk:
-  </p>
-  <ul>
-    <li>HTML</li>
-    <li>Bootstrap 3</li>
-    <li>Pusher</li>
-    <li>PHP 5</li>
-    <li>CSS</li>
-    <li>Font Awesome 4.7.0</li>
-    <li>JavaScript</li>
-    <li>jQuery 2.2.0</li>
-    <li>jQuery UI 1.12.1</li>
-    <li>SweetAlert2</li>
-    <li>Select2</li>
-    <li>MYSQL</li>
-  </ul>
-
-  <p>
-    Dengan fitur-fitur canggih dan berbagai komponen teknologi yang digunakan,
-    Man. Pumping Charity merupakan alat yang kuat dalam pengelolaan dana amal
-    dan pelaporan yang kompleks. Sistem ini memungkinkan organisasi amal untuk
-    mengoptimalkan penggunaan sumber daya mereka dan memastikan transparansi
-    dalam pengelolaan dana yang diperoleh dari berbagai sumber.
-  </p>
-
-  <br />
-  <div class="container-wisata">
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc4.webp" />
-      <span>SPT</span>
-    </div>
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc5.webp" />
-      <span>SPT Owner</span>
-    </div>
-    <div class="boxwisata">
-      <img alt="Curug Cipalasari" src="IMG/pumpingcharity/man.pumpingc6.webp" />
-      <span>Laporan</span>
-    </div>
-  </div>
-  <br />
-</body>
diff --git a/.history/portofolio-webanime_20231006214430.html b/.history/portofolio-webanime_20231006214430.html
deleted file mode 100644
index 215bda3..0000000
--- a/.history/portofolio-webanime_20231006214430.html
+++ /dev/null
@@ -1,199 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime1.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime2.webp" />
-    <span>Laporan</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime3.webp" />
-    <span>Dana Kelola</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  Template web didesain khusus untuk layanan video dari pihak ketiga. Untuk
-  menonjolkan kecepatan tanpa memerlukan reload/refresh browser, template ini
-  sengaja mengusung kesan simpel, minimalis, sekaligus kreatif. <br /><br />
-  Di halaman depan, langsung disuguhi tampilan full-width slider yang elegan.
-  Pada bagian itulah, Anda bisa memasang sejumlah video unggulan.
-  <br /><br />
-  Ketika di scroll, Anda akan menyadari detail tampilan yang apik. Background
-  web disusun dari sekumpulan gradiasi yang tidak sakit mata. Ilustrasi gambar
-  di web dibuat dalam format kotak. Begitu pun dengan judul post yang dibingkai
-  berwarna gelap dengan kilauan mencolok.
-  <br /><br />
-  Anda bisa menambahkan banyak kategori dengan berdasarlan tahun, genre, musim
-  dan studio, <br />
-  Demo :
-  <a target="_blank" href="https://maulanaproject1.000webhostapp.com/"
-    >Klik disini</a
-  ><br />
-  Admin page :
-  <a
-    target="_blank"
-    href="https://maulanaproject1.000webhostapp.com/anime/admin_utama.php"
-    >Klik disini</a
-  ><br />
-  <h2>Fitur unggulan:</h2>
-  <ul>
-    <li>Full-width slider preview konten dari resolusi gambar HD</li>
-    <li>
-      Moblie bisa diakses dengan baik lewat handphone,tablet,Laptop maupun PC
-    </li>
-    <li>tanpa icons mempercepat pengunjung mengaksesa</li>
-    <li>
-      Hover effects mempercantik tampilan web sekaligus memudahkan link agar
-      dikenali
-    </li>
-    <li>Cocok untuk: usaha layanan web video pihak ketiga</li>
-    <li>
-      Single Page admin untuk pengelolaan link yang presisi, yang sangat user
-      friendly
-    </li>
-  </ul>
-  <br />
-  <h2>Bahan pembuatan</h2>
-  <ul>
-    <li>HTML sebagai kerangka</li>
-    <li>PHP sebagai bahasa program</li>
-    <li>CSS sebagai pemanis dan layout</li>
-    <li>Javascript dan Jquery sebagai interaksi langsung</li>
-    <li>MYSQL sebagai database</li>
-  </ul>
-</body>
diff --git a/.history/portofolio-webanime_20231006214457.html b/.history/portofolio-webanime_20231006214457.html
deleted file mode 100644
index 4f8ff70..0000000
--- a/.history/portofolio-webanime_20231006214457.html
+++ /dev/null
@@ -1,203 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime1.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime2.webp" />
-    <span>Laporan</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime3.webp" />
-    <span>Dana Kelola</span>
-  </div>
-</div>
-<br />
-
-<a target="_blank" href="https://maulanaproject1.000webhostapp.com/"
->Klik disini</a
-
-<body class="body2">
-
-
-  Template web didesain khusus untuk layanan video dari pihak ketiga. Untuk
-  menonjolkan kecepatan tanpa memerlukan reload/refresh browser, template ini
-  sengaja mengusung kesan simpel, minimalis, sekaligus kreatif. <br /><br />
-  Di halaman depan, langsung disuguhi tampilan full-width slider yang elegan.
-  Pada bagian itulah, Anda bisa memasang sejumlah video unggulan.
-  <br /><br />
-  Ketika di scroll, Anda akan menyadari detail tampilan yang apik. Background
-  web disusun dari sekumpulan gradiasi yang tidak sakit mata. Ilustrasi gambar
-  di web dibuat dalam format kotak. Begitu pun dengan judul post yang dibingkai
-  berwarna gelap dengan kilauan mencolok.
-  <br /><br />
-  Anda bisa menambahkan banyak kategori dengan berdasarlan tahun, genre, musim
-  dan studio, <br />
-  Demo :
- 
-  ><br />
-  Admin page :
-  <a
-    target="_blank"
-    href="https://maulanaproject1.000webhostapp.com/anime/admin_utama.php"
-    >Klik disini</a
-  ><br />
-  <h2>Fitur unggulan:</h2>
-  <ul>
-    <li>Full-width slider preview konten dari resolusi gambar HD</li>
-    <li>
-      Moblie bisa diakses dengan baik lewat handphone,tablet,Laptop maupun PC
-    </li>
-    <li>tanpa icons mempercepat pengunjung mengaksesa</li>
-    <li>
-      Hover effects mempercantik tampilan web sekaligus memudahkan link agar
-      dikenali
-    </li>
-    <li>Cocok untuk: usaha layanan web video pihak ketiga</li>
-    <li>
-      Single Page admin untuk pengelolaan link yang presisi, yang sangat user
-      friendly
-    </li>
-  </ul>
-  <br />
-  <h2>Bahan pembuatan</h2>
-  <ul>
-    <li>HTML sebagai kerangka</li>
-    <li>PHP sebagai bahasa program</li>
-    <li>CSS sebagai pemanis dan layout</li>
-    <li>Javascript dan Jquery sebagai interaksi langsung</li>
-    <li>MYSQL sebagai database</li>
-  </ul>
-</body>
diff --git a/.history/portofolio-webanime_20231006214527.html b/.history/portofolio-webanime_20231006214527.html
deleted file mode 100644
index c02e28c..0000000
--- a/.history/portofolio-webanime_20231006214527.html
+++ /dev/null
@@ -1,216 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime1.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime2.webp" />
-    <span>Laporan</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime3.webp" />
-    <span>Dana Kelola</span>
-  </div>
-</div>
-<br />
-
-<a  class="btn-portofolio" target="_blank" href="https://maulanaproject1.000webhostapp.com/"
-<svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini </a>
-
-<body class="body2">
-
-
-  Template web didesain khusus untuk layanan video dari pihak ketiga. Untuk
-  menonjolkan kecepatan tanpa memerlukan reload/refresh browser, template ini
-  sengaja mengusung kesan simpel, minimalis, sekaligus kreatif. <br /><br />
-  Di halaman depan, langsung disuguhi tampilan full-width slider yang elegan.
-  Pada bagian itulah, Anda bisa memasang sejumlah video unggulan.
-  <br /><br />
-  Ketika di scroll, Anda akan menyadari detail tampilan yang apik. Background
-  web disusun dari sekumpulan gradiasi yang tidak sakit mata. Ilustrasi gambar
-  di web dibuat dalam format kotak. Begitu pun dengan judul post yang dibingkai
-  berwarna gelap dengan kilauan mencolok.
-  <br /><br />
-  Anda bisa menambahkan banyak kategori dengan berdasarlan tahun, genre, musim
-  dan studio, <br />
-  Demo :
- 
- <br />
-  Admin page :
-  <a
-    target="_blank"
-    href="https://maulanaproject1.000webhostapp.com/anime/admin_utama.php"
-    >Klik disini</a
-  ><br />
-  <h2>Fitur unggulan:</h2>
-  <ul>
-    <li>Full-width slider preview konten dari resolusi gambar HD</li>
-    <li>
-      Moblie bisa diakses dengan baik lewat handphone,tablet,Laptop maupun PC
-    </li>
-    <li>tanpa icons mempercepat pengunjung mengaksesa</li>
-    <li>
-      Hover effects mempercantik tampilan web sekaligus memudahkan link agar
-      dikenali
-    </li>
-    <li>Cocok untuk: usaha layanan web video pihak ketiga</li>
-    <li>
-      Single Page admin untuk pengelolaan link yang presisi, yang sangat user
-      friendly
-    </li>
-  </ul>
-  <br />
-  <h2>Bahan pembuatan</h2>
-  <ul>
-    <li>HTML sebagai kerangka</li>
-    <li>PHP sebagai bahasa program</li>
-    <li>CSS sebagai pemanis dan layout</li>
-    <li>Javascript dan Jquery sebagai interaksi langsung</li>
-    <li>MYSQL sebagai database</li>
-  </ul>
-</body>
diff --git a/.history/portofolio-webanime_20231006214533.html b/.history/portofolio-webanime_20231006214533.html
deleted file mode 100644
index 49fa285..0000000
--- a/.history/portofolio-webanime_20231006214533.html
+++ /dev/null
@@ -1,215 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime1.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime2.webp" />
-    <span>Laporan</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime3.webp" />
-    <span>Dana Kelola</span>
-  </div>
-</div>
-<br />
-
-<a  class="btn-portofolio" target="_blank" href="https://maulanaproject1.000webhostapp.com/"
-<svg viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini </a>
-
-<body class="body2">
-
-
-  Template web didesain khusus untuk layanan video dari pihak ketiga. Untuk
-  menonjolkan kecepatan tanpa memerlukan reload/refresh browser, template ini
-  sengaja mengusung kesan simpel, minimalis, sekaligus kreatif. <br /><br />
-  Di halaman depan, langsung disuguhi tampilan full-width slider yang elegan.
-  Pada bagian itulah, Anda bisa memasang sejumlah video unggulan.
-  <br /><br />
-  Ketika di scroll, Anda akan menyadari detail tampilan yang apik. Background
-  web disusun dari sekumpulan gradiasi yang tidak sakit mata. Ilustrasi gambar
-  di web dibuat dalam format kotak. Begitu pun dengan judul post yang dibingkai
-  berwarna gelap dengan kilauan mencolok.
-  <br /><br />
-  Anda bisa menambahkan banyak kategori dengan berdasarlan tahun, genre, musim
-  dan studio, <br />
-  Demo :
- 
- <br />
-  Admin page :
-  <a
-    target="_blank"
-    href="https://maulanaproject1.000webhostapp.com/anime/admin_utama.php"
-    >Klik disini</a
-  ><br />
-  <h2>Fitur unggulan:</h2>
-  <ul>
-    <li>Full-width slider preview konten dari resolusi gambar HD</li>
-    <li>
-      Moblie bisa diakses dengan baik lewat handphone,tablet,Laptop maupun PC
-    </li>
-    <li>tanpa icons mempercepat pengunjung mengaksesa</li>
-    <li>
-      Hover effects mempercantik tampilan web sekaligus memudahkan link agar
-      dikenali
-    </li>
-    <li>Cocok untuk: usaha layanan web video pihak ketiga</li>
-    <li>
-      Single Page admin untuk pengelolaan link yang presisi, yang sangat user
-      friendly
-    </li>
-  </ul>
-  <br />
-  <h2>Bahan pembuatan</h2>
-  <ul>
-    <li>HTML sebagai kerangka</li>
-    <li>PHP sebagai bahasa program</li>
-    <li>CSS sebagai pemanis dan layout</li>
-    <li>Javascript dan Jquery sebagai interaksi langsung</li>
-    <li>MYSQL sebagai database</li>
-  </ul>
-</body>
diff --git a/.history/portofolio-webanime_20231006214539.html b/.history/portofolio-webanime_20231006214539.html
deleted file mode 100644
index 3ee555a..0000000
--- a/.history/portofolio-webanime_20231006214539.html
+++ /dev/null
@@ -1,215 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime1.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime2.webp" />
-    <span>Laporan</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime3.webp" />
-    <span>Dana Kelola</span>
-  </div>
-</div>
-<br />
-
-<a  class="btn-portofolio" target="_blank" href="https://maulanaproject1.000webhostapp.com/"></a>
-<svg viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini </a>
-
-<body class="body2">
-
-
-  Template web didesain khusus untuk layanan video dari pihak ketiga. Untuk
-  menonjolkan kecepatan tanpa memerlukan reload/refresh browser, template ini
-  sengaja mengusung kesan simpel, minimalis, sekaligus kreatif. <br /><br />
-  Di halaman depan, langsung disuguhi tampilan full-width slider yang elegan.
-  Pada bagian itulah, Anda bisa memasang sejumlah video unggulan.
-  <br /><br />
-  Ketika di scroll, Anda akan menyadari detail tampilan yang apik. Background
-  web disusun dari sekumpulan gradiasi yang tidak sakit mata. Ilustrasi gambar
-  di web dibuat dalam format kotak. Begitu pun dengan judul post yang dibingkai
-  berwarna gelap dengan kilauan mencolok.
-  <br /><br />
-  Anda bisa menambahkan banyak kategori dengan berdasarlan tahun, genre, musim
-  dan studio, <br />
-  Demo :
- 
- <br />
-  Admin page :
-  <a
-    target="_blank"
-    href="https://maulanaproject1.000webhostapp.com/anime/admin_utama.php"
-    >Klik disini</a
-  ><br />
-  <h2>Fitur unggulan:</h2>
-  <ul>
-    <li>Full-width slider preview konten dari resolusi gambar HD</li>
-    <li>
-      Moblie bisa diakses dengan baik lewat handphone,tablet,Laptop maupun PC
-    </li>
-    <li>tanpa icons mempercepat pengunjung mengaksesa</li>
-    <li>
-      Hover effects mempercantik tampilan web sekaligus memudahkan link agar
-      dikenali
-    </li>
-    <li>Cocok untuk: usaha layanan web video pihak ketiga</li>
-    <li>
-      Single Page admin untuk pengelolaan link yang presisi, yang sangat user
-      friendly
-    </li>
-  </ul>
-  <br />
-  <h2>Bahan pembuatan</h2>
-  <ul>
-    <li>HTML sebagai kerangka</li>
-    <li>PHP sebagai bahasa program</li>
-    <li>CSS sebagai pemanis dan layout</li>
-    <li>Javascript dan Jquery sebagai interaksi langsung</li>
-    <li>MYSQL sebagai database</li>
-  </ul>
-</body>
diff --git a/.history/portofolio-webanime_20231006214541.html b/.history/portofolio-webanime_20231006214541.html
deleted file mode 100644
index 954ff89..0000000
--- a/.history/portofolio-webanime_20231006214541.html
+++ /dev/null
@@ -1,219 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime1.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime2.webp" />
-    <span>Laporan</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime3.webp" />
-    <span>Dana Kelola</span>
-  </div>
-</div>
-<br />
-
-<a
-  class="btn-portofolio"
-  target="_blank"
-  href="https://maulanaproject1.000webhostapp.com/"
->
-  <svg
-    viewBox="0 0 24 24"
-    width="24"
-    height="24"
-    stroke="currentColor"
-    stroke-width="2"
-    fill="none"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-    class="css-i6dzq1"
-  >
-    <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-  </svg>
-  Demo : Klik di sini
-</a>
-
-<body class="body2">
-  Template web didesain khusus untuk layanan video dari pihak ketiga. Untuk
-  menonjolkan kecepatan tanpa memerlukan reload/refresh browser, template ini
-  sengaja mengusung kesan simpel, minimalis, sekaligus kreatif. <br /><br />
-  Di halaman depan, langsung disuguhi tampilan full-width slider yang elegan.
-  Pada bagian itulah, Anda bisa memasang sejumlah video unggulan.
-  <br /><br />
-  Ketika di scroll, Anda akan menyadari detail tampilan yang apik. Background
-  web disusun dari sekumpulan gradiasi yang tidak sakit mata. Ilustrasi gambar
-  di web dibuat dalam format kotak. Begitu pun dengan judul post yang dibingkai
-  berwarna gelap dengan kilauan mencolok.
-  <br /><br />
-  Anda bisa menambahkan banyak kategori dengan berdasarlan tahun, genre, musim
-  dan studio, <br />
-  Demo :
-
-  <br />
-  Admin page :
-  <a
-    target="_blank"
-    href="https://maulanaproject1.000webhostapp.com/anime/admin_utama.php"
-    >Klik disini</a
-  ><br />
-  <h2>Fitur unggulan:</h2>
-  <ul>
-    <li>Full-width slider preview konten dari resolusi gambar HD</li>
-    <li>
-      Moblie bisa diakses dengan baik lewat handphone,tablet,Laptop maupun PC
-    </li>
-    <li>tanpa icons mempercepat pengunjung mengaksesa</li>
-    <li>
-      Hover effects mempercantik tampilan web sekaligus memudahkan link agar
-      dikenali
-    </li>
-    <li>Cocok untuk: usaha layanan web video pihak ketiga</li>
-    <li>
-      Single Page admin untuk pengelolaan link yang presisi, yang sangat user
-      friendly
-    </li>
-  </ul>
-  <br />
-  <h2>Bahan pembuatan</h2>
-  <ul>
-    <li>HTML sebagai kerangka</li>
-    <li>PHP sebagai bahasa program</li>
-    <li>CSS sebagai pemanis dan layout</li>
-    <li>Javascript dan Jquery sebagai interaksi langsung</li>
-    <li>MYSQL sebagai database</li>
-  </ul>
-</body>
diff --git a/.history/portofolio-webanime_20231006214611.html b/.history/portofolio-webanime_20231006214611.html
deleted file mode 100644
index 0132841..0000000
--- a/.history/portofolio-webanime_20231006214611.html
+++ /dev/null
@@ -1,219 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime1.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime2.webp" />
-    <span>Laporan</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime3.webp" />
-    <span>Dana Kelola</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://maulanaproject1.000webhostapp.com/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini
-  </a>
-
-  Template web didesain khusus untuk layanan video dari pihak ketiga. Untuk
-  menonjolkan kecepatan tanpa memerlukan reload/refresh browser, template ini
-  sengaja mengusung kesan simpel, minimalis, sekaligus kreatif. <br /><br />
-  Di halaman depan, langsung disuguhi tampilan full-width slider yang elegan.
-  Pada bagian itulah, Anda bisa memasang sejumlah video unggulan.
-  <br /><br />
-  Ketika di scroll, Anda akan menyadari detail tampilan yang apik. Background
-  web disusun dari sekumpulan gradiasi yang tidak sakit mata. Ilustrasi gambar
-  di web dibuat dalam format kotak. Begitu pun dengan judul post yang dibingkai
-  berwarna gelap dengan kilauan mencolok.
-  <br /><br />
-  Anda bisa menambahkan banyak kategori dengan berdasarlan tahun, genre, musim
-  dan studio, <br />
-  Demo :
-
-  <br />
-  Admin page :
-  <a
-    target="_blank"
-    href="https://maulanaproject1.000webhostapp.com/anime/admin_utama.php"
-    >Klik disini</a
-  ><br />
-  <h2>Fitur unggulan:</h2>
-  <ul>
-    <li>Full-width slider preview konten dari resolusi gambar HD</li>
-    <li>
-      Moblie bisa diakses dengan baik lewat handphone,tablet,Laptop maupun PC
-    </li>
-    <li>tanpa icons mempercepat pengunjung mengaksesa</li>
-    <li>
-      Hover effects mempercantik tampilan web sekaligus memudahkan link agar
-      dikenali
-    </li>
-    <li>Cocok untuk: usaha layanan web video pihak ketiga</li>
-    <li>
-      Single Page admin untuk pengelolaan link yang presisi, yang sangat user
-      friendly
-    </li>
-  </ul>
-  <br />
-  <h2>Bahan pembuatan</h2>
-  <ul>
-    <li>HTML sebagai kerangka</li>
-    <li>PHP sebagai bahasa program</li>
-    <li>CSS sebagai pemanis dan layout</li>
-    <li>Javascript dan Jquery sebagai interaksi langsung</li>
-    <li>MYSQL sebagai database</li>
-  </ul>
-</body>
diff --git a/.history/portofolio-webanime_20231006214648.html b/.history/portofolio-webanime_20231006214648.html
deleted file mode 100644
index 593f81a..0000000
--- a/.history/portofolio-webanime_20231006214648.html
+++ /dev/null
@@ -1,250 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime1.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime2.webp" />
-    <span>Laporan</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime3.webp" />
-    <span>Dana Kelola</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://maulanaproject1.000webhostapp.com/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini
-  </a>
-  Admin page :
-  <a
-    target="_blank"
-    href="https://maulanaproject1.000webhostapp.com/anime/admin_utama.php"
-    >Klik disini</a
-  >
-  <header>
-    <h1>
-      Template Web Khusus Layanan Video Pihak Ketiga: Kesederhanaan yang Memukau
-    </h1>
-  </header>
-
-  <section>
-    <h2>Tampilan Front-end yang Elegan</h2>
-    <p>
-      Ketika pertama kali mengunjungi halaman depan template kami, pengunjung
-      akan langsung disuguhi dengan tampilan full-width slider yang elegan. Di
-      sinilah Anda dapat menampilkan sejumlah video unggulan yang ingin Anda
-      tampilkan kepada pengguna Anda.
-    </p>
-  </section>
-
-  <section>
-    <h2>Tampilan yang Detail dan Menawan</h2>
-    <p>
-      Saat menggulir halaman, pengunjung akan dengan cepat menyadari detail
-      tampilan yang sangat apik. Latar belakang web kami disusun dari sekelompok
-      gradiasi yang dirancang untuk tidak membuat mata lelah. Ilustrasi gambar
-      di web kami dihadirkan dalam format kotak, memberikan tampilan yang rapi
-      dan teratur. Demikian juga dengan judul-judul posting yang dibingkai
-      dengan warna gelap yang mencolok, menambahkan sentuhan visual yang
-      menarik.
-    </p>
-  </section>
-
-  <section>
-    <h2>Kustomisasi yang Luas</h2>
-    <p>
-      Anda memiliki fleksibilitas untuk menambahkan banyak kategori berdasarkan
-      tahun, genre, musim, dan studio. Ini memungkinkan Anda untuk mengatur
-      konten dengan rapi dan memudahkan pengguna dalam menemukan apa yang mereka
-      cari.
-    </p>
-  </section>
-
-  <section>
-    <h2>Fitur Unggulan:</h2>
-    <ul>
-      <li>
-        Pratinjau konten dari resolusi gambar HD melalui slider lebar penuh.
-      </li>
-      <li>
-        Dapat diakses dengan baik melalui perangkat mobile, tablet, laptop, dan
-        PC.
-      </li>
-      <li>
-        Icons yang intuitif untuk mempercepat pengunjung dalam menavigasi situs.
-      </li>
-      <li>
-        Efek hover yang mempercantik tampilan web sekaligus membantu pengguna
-        mengenali tautan.
-      </li>
-      <li>Cocok digunakan untuk usaha layanan web video pihak ketiga.</li>
-      <li>
-        Admin page yang sederhana dan efisien untuk mengelola tautan dengan
-        presisi, sangat ramah pengguna.
-      </li>
-    </ul>
-  </section>
-
-  <section>
-    <h2>Bahan Pembuatan:</h2>
-    <ul>
-      <li>HTML sebagai kerangka utama.</li>
-      <li>PHP sebagai bahasa pemrograman.</li>
-      <li>CSS untuk mempercantik tampilan dan tata letak.</li>
-      <li>Javascript dan jQuery untuk interaksi langsung.</li>
-      <li>MySQL sebagai basis data.</li>
-    </ul>
-  </section>
-</body>
diff --git a/.history/portofolio-webanime_20231006214751.html b/.history/portofolio-webanime_20231006214751.html
deleted file mode 100644
index da70e8a..0000000
--- a/.history/portofolio-webanime_20231006214751.html
+++ /dev/null
@@ -1,251 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime1.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime2.webp" />
-    <span>Laporan</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime3.webp" />
-    <span>Dana Kelola</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://maulanaproject1.000webhostapp.com/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini
-  </a>
-  Admin page :
-  <br />
-  <a
-    target="_blank"
-    href="https://maulanaproject1.000webhostapp.com/anime/admin_utama.php"
-    >Klik disini</a
-  >
-  <header>
-    <h1>
-      Template Web Khusus Layanan Video Pihak Ketiga: Kesederhanaan yang Memukau
-    </h1>
-  </header>
-
-  <section>
-    <h2>Tampilan Front-end yang Elegan</h2>
-    <p>
-      Ketika pertama kali mengunjungi halaman depan template kami, pengunjung
-      akan langsung disuguhi dengan tampilan full-width slider yang elegan. Di
-      sinilah Anda dapat menampilkan sejumlah video unggulan yang ingin Anda
-      tampilkan kepada pengguna Anda.
-    </p>
-  </section>
-
-  <section>
-    <h2>Tampilan yang Detail dan Menawan</h2>
-    <p>
-      Saat menggulir halaman, pengunjung akan dengan cepat menyadari detail
-      tampilan yang sangat apik. Latar belakang web kami disusun dari sekelompok
-      gradiasi yang dirancang untuk tidak membuat mata lelah. Ilustrasi gambar
-      di web kami dihadirkan dalam format kotak, memberikan tampilan yang rapi
-      dan teratur. Demikian juga dengan judul-judul posting yang dibingkai
-      dengan warna gelap yang mencolok, menambahkan sentuhan visual yang
-      menarik.
-    </p>
-  </section>
-
-  <section>
-    <h2>Kustomisasi yang Luas</h2>
-    <p>
-      Anda memiliki fleksibilitas untuk menambahkan banyak kategori berdasarkan
-      tahun, genre, musim, dan studio. Ini memungkinkan Anda untuk mengatur
-      konten dengan rapi dan memudahkan pengguna dalam menemukan apa yang mereka
-      cari.
-    </p>
-  </section>
-
-  <section>
-    <h2>Fitur Unggulan:</h2>
-    <ul>
-      <li>
-        Pratinjau konten dari resolusi gambar HD melalui slider lebar penuh.
-      </li>
-      <li>
-        Dapat diakses dengan baik melalui perangkat mobile, tablet, laptop, dan
-        PC.
-      </li>
-      <li>
-        Icons yang intuitif untuk mempercepat pengunjung dalam menavigasi situs.
-      </li>
-      <li>
-        Efek hover yang mempercantik tampilan web sekaligus membantu pengguna
-        mengenali tautan.
-      </li>
-      <li>Cocok digunakan untuk usaha layanan web video pihak ketiga.</li>
-      <li>
-        Admin page yang sederhana dan efisien untuk mengelola tautan dengan
-        presisi, sangat ramah pengguna.
-      </li>
-    </ul>
-  </section>
-
-  <section>
-    <h2>Bahan Pembuatan:</h2>
-    <ul>
-      <li>HTML sebagai kerangka utama.</li>
-      <li>PHP sebagai bahasa pemrograman.</li>
-      <li>CSS untuk mempercantik tampilan dan tata letak.</li>
-      <li>Javascript dan jQuery untuk interaksi langsung.</li>
-      <li>MySQL sebagai basis data.</li>
-    </ul>
-  </section>
-</body>
diff --git a/.history/portofolio-webanime_20231006214801.html b/.history/portofolio-webanime_20231006214801.html
deleted file mode 100644
index f1f7c01..0000000
--- a/.history/portofolio-webanime_20231006214801.html
+++ /dev/null
@@ -1,252 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime1.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime2.webp" />
-    <span>Laporan</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime3.webp" />
-    <span>Dana Kelola</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://maulanaproject1.000webhostapp.com/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini
-  </a>
-  <br />
-  Admin page :
-
-  <a
-    target="_blank"
-    href="https://maulanaproject1.000webhostapp.com/anime/admin_utama.php"
-    >Klik disini</a
-  >
-  <header>
-    <h1>
-      Template Web Khusus Layanan Video Pihak Ketiga: Kesederhanaan yang Memukau
-    </h1>
-  </header>
-
-  <section>
-    <h2>Tampilan Front-end yang Elegan</h2>
-    <p>
-      Ketika pertama kali mengunjungi halaman depan template kami, pengunjung
-      akan langsung disuguhi dengan tampilan full-width slider yang elegan. Di
-      sinilah Anda dapat menampilkan sejumlah video unggulan yang ingin Anda
-      tampilkan kepada pengguna Anda.
-    </p>
-  </section>
-
-  <section>
-    <h2>Tampilan yang Detail dan Menawan</h2>
-    <p>
-      Saat menggulir halaman, pengunjung akan dengan cepat menyadari detail
-      tampilan yang sangat apik. Latar belakang web kami disusun dari sekelompok
-      gradiasi yang dirancang untuk tidak membuat mata lelah. Ilustrasi gambar
-      di web kami dihadirkan dalam format kotak, memberikan tampilan yang rapi
-      dan teratur. Demikian juga dengan judul-judul posting yang dibingkai
-      dengan warna gelap yang mencolok, menambahkan sentuhan visual yang
-      menarik.
-    </p>
-  </section>
-
-  <section>
-    <h2>Kustomisasi yang Luas</h2>
-    <p>
-      Anda memiliki fleksibilitas untuk menambahkan banyak kategori berdasarkan
-      tahun, genre, musim, dan studio. Ini memungkinkan Anda untuk mengatur
-      konten dengan rapi dan memudahkan pengguna dalam menemukan apa yang mereka
-      cari.
-    </p>
-  </section>
-
-  <section>
-    <h2>Fitur Unggulan:</h2>
-    <ul>
-      <li>
-        Pratinjau konten dari resolusi gambar HD melalui slider lebar penuh.
-      </li>
-      <li>
-        Dapat diakses dengan baik melalui perangkat mobile, tablet, laptop, dan
-        PC.
-      </li>
-      <li>
-        Icons yang intuitif untuk mempercepat pengunjung dalam menavigasi situs.
-      </li>
-      <li>
-        Efek hover yang mempercantik tampilan web sekaligus membantu pengguna
-        mengenali tautan.
-      </li>
-      <li>Cocok digunakan untuk usaha layanan web video pihak ketiga.</li>
-      <li>
-        Admin page yang sederhana dan efisien untuk mengelola tautan dengan
-        presisi, sangat ramah pengguna.
-      </li>
-    </ul>
-  </section>
-
-  <section>
-    <h2>Bahan Pembuatan:</h2>
-    <ul>
-      <li>HTML sebagai kerangka utama.</li>
-      <li>PHP sebagai bahasa pemrograman.</li>
-      <li>CSS untuk mempercantik tampilan dan tata letak.</li>
-      <li>Javascript dan jQuery untuk interaksi langsung.</li>
-      <li>MySQL sebagai basis data.</li>
-    </ul>
-  </section>
-</body>
diff --git a/.history/portofolio-webanime_20231006214853.html b/.history/portofolio-webanime_20231006214853.html
deleted file mode 100644
index c47da8c..0000000
--- a/.history/portofolio-webanime_20231006214853.html
+++ /dev/null
@@ -1,252 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime1.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime2.webp" />
-    <span>Laporan</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime3.webp" />
-    <span>Dana Kelola</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://maulanaproject1.000webhostapp.com/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini
-  </a>
-  <br />
-  Admin page :
-
-  <a
-    target="_blank"
-    href="https://maulanaproject1.000webhostapp.com/anime/admin_utama.php"
-    >Klik disini</a
-  >
-  <header>
-    <h2>
-      Template Web Khusus Layanan Video Pihak Ketiga: Kesederhanaan yang Memukau
-    </h2>
-  </header>
-
-  <section>
-    <h2>Tampilan Front-end yang Elegan</h2>
-    <p>
-      Ketika pertama kali mengunjungi halaman depan template kami, pengunjung
-      akan langsung disuguhi dengan tampilan full-width slider yang elegan. Di
-      sinilah Anda dapat menampilkan sejumlah video unggulan yang ingin Anda
-      tampilkan kepada pengguna Anda.
-    </p>
-  </section>
-
-  <section>
-    <h2>Tampilan yang Detail dan Menawan</h2>
-    <p>
-      Saat menggulir halaman, pengunjung akan dengan cepat menyadari detail
-      tampilan yang sangat apik. Latar belakang web kami disusun dari sekelompok
-      gradiasi yang dirancang untuk tidak membuat mata lelah. Ilustrasi gambar
-      di web kami dihadirkan dalam format kotak, memberikan tampilan yang rapi
-      dan teratur. Demikian juga dengan judul-judul posting yang dibingkai
-      dengan warna gelap yang mencolok, menambahkan sentuhan visual yang
-      menarik.
-    </p>
-  </section>
-
-  <section>
-    <h2>Kustomisasi yang Luas</h2>
-    <p>
-      Anda memiliki fleksibilitas untuk menambahkan banyak kategori berdasarkan
-      tahun, genre, musim, dan studio. Ini memungkinkan Anda untuk mengatur
-      konten dengan rapi dan memudahkan pengguna dalam menemukan apa yang mereka
-      cari.
-    </p>
-  </section>
-
-  <section>
-    <h2>Fitur Unggulan:</h2>
-    <ul>
-      <li>
-        Pratinjau konten dari resolusi gambar HD melalui slider lebar penuh.
-      </li>
-      <li>
-        Dapat diakses dengan baik melalui perangkat mobile, tablet, laptop, dan
-        PC.
-      </li>
-      <li>
-        Icons yang intuitif untuk mempercepat pengunjung dalam menavigasi situs.
-      </li>
-      <li>
-        Efek hover yang mempercantik tampilan web sekaligus membantu pengguna
-        mengenali tautan.
-      </li>
-      <li>Cocok digunakan untuk usaha layanan web video pihak ketiga.</li>
-      <li>
-        Admin page yang sederhana dan efisien untuk mengelola tautan dengan
-        presisi, sangat ramah pengguna.
-      </li>
-    </ul>
-  </section>
-
-  <section>
-    <h2>Bahan Pembuatan:</h2>
-    <ul>
-      <li>HTML sebagai kerangka utama.</li>
-      <li>PHP sebagai bahasa pemrograman.</li>
-      <li>CSS untuk mempercantik tampilan dan tata letak.</li>
-      <li>Javascript dan jQuery untuk interaksi langsung.</li>
-      <li>MySQL sebagai basis data.</li>
-    </ul>
-  </section>
-</body>
diff --git a/.history/portofolio-webanime_20231006214923.html b/.history/portofolio-webanime_20231006214923.html
deleted file mode 100644
index 1b7a99f..0000000
--- a/.history/portofolio-webanime_20231006214923.html
+++ /dev/null
@@ -1,252 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime1.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime2.webp" />
-    <span>Laporan</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime3.webp" />
-    <span>Dana Kelola</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://maulanaproject1.000webhostapp.com/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini
-  </a>
-  <br />
-  Admin page :
-
-  <a
-    target="_blank"
-    href="https://maulanaproject1.000webhostapp.com/anime/admin_utama.php"
-    >Klik disini</a
-  >
-  <header>
-    <h2>
-      Template Web Khusus Layanan Video Pihak Ketiga: Kesederhanaan yang Memukau
-    </h2>
-  </header>
-
-  <section>
-    <h2>Tampilan Front-end yang Elegan</h2>
-    <p>
-      Ketika pertama kali mengunjungi halaman depan template kami, pengunjung
-      akan langsung disuguhi dengan tampilan full-width slider yang elegan. Di
-      sinilah Anda dapat menampilkan sejumlah video unggulan yang ingin Anda
-      tampilkan kepada pengguna Anda.
-    </p>
-  </section>
-
-  <section>
-    <h2>Tampilan yang Detail dan Menawan</h2>
-    <p>
-      Saat menggulir halaman, pengunjung akan dengan cepat menyadari detail
-      tampilan yang sangat apik. Latar belakang web kami disusun dari sekelompok
-      gradiasi yang dirancang untuk tidak membuat mata lelah. Ilustrasi gambar
-      di web kami dihadirkan dalam format kotak, memberikan tampilan yang rapi
-      dan teratur. Demikian juga dengan judul-judul posting yang dibingkai
-      dengan warna gelap yang mencolok, menambahkan sentuhan visual yang
-      menarik.
-    </p>
-  </section>
-
-  <section>
-    <h2>Kustomisasi yang Luas</h2>
-    <p>
-      Anda memiliki fleksibilitas untuk menambahkan banyak kategori berdasarkan
-      tahun, genre, musim, dan studio. Ini memungkinkan Anda untuk mengatur
-      konten dengan rapi dan memudahkan pengguna dalam menemukan apa yang mereka
-      cari.
-    </p>
-  </section>
-
-  <section>
-    <h2>Fitur Unggulan:</h2>
-    <ul>
-      <li>
-        Pratinjau konten dari resolusi gambar HD melalui slider lebar penuh.
-      </li>
-      <li>
-        Dapat diakses dengan baik melalui perangkat mobile, tablet, laptop, dan
-        PC.
-      </li>
-      <li>
-        Icons yang intuitif untuk mempercepat pengunjung dalam menavigasi situs.
-      </li>
-      <li>
-        Efek hover yang mempercantik tampilan web sekaligus membantu pengguna
-        mengenali tautan.
-      </li>
-      <li>Cocok digunakan untuk usaha layanan web video pihak ketiga.</li>
-      <li>
-        Admin page yang sederhana dan efisien untuk mengelola tautan dengan
-        presisi, sangat ramah pengguna.
-      </li>
-    </ul>
-  </section>
-
-  <section>
-    <h2>Teknologi:</h2>
-    <ul>
-      <li>HTML sebagai kerangka utama.</li>
-      <li>PHP sebagai bahasa pemrograman.</li>
-      <li>CSS untuk mempercantik tampilan dan tata letak.</li>
-      <li>Javascript dan jQuery untuk interaksi langsung.</li>
-      <li>MySQL sebagai basis data.</li>
-    </ul>
-  </section>
-</body>
diff --git a/.history/portofolio-webanime_20231006215103.html b/.history/portofolio-webanime_20231006215103.html
deleted file mode 100644
index d895f37..0000000
--- a/.history/portofolio-webanime_20231006215103.html
+++ /dev/null
@@ -1,252 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime1.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime2.webp" />
-    <span>Laporan</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime3.webp" />
-    <span>Dana Kelola</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://maulanaproject1.000webhostapp.com/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini
-  </a>
-  <br />
-  Admin page :
-
-  <a
-    target="_blank"
-    href="https://maulanaproject1.000webhostapp.com/anime/admin_utama.php"
-    >Klik disini</a
-  >
-  <header>
-    <h2>
-      Template Web Khusus Layanan Video Pihak Ketiga: Kesederhanaan yang Memukau
-    </h2>
-  </header>
-
-  <section>
-    <h2>Tampilan Front-end yang Elegan</h2>
-    <p>
-      Ketika pertama kali mengunjungi halaman depan template kami, pengunjung
-      akan langsung disuguhi dengan tampilan full-width slider yang elegan. Di
-      sinilah Anda dapat menampilkan sejumlah video unggulan yang ingin Anda
-      tampilkan kepada pengguna Anda.
-    </p>
-  </section>
-
-  <section>
-    <h2>Tampilan yang Detail dan Menawan</h2>
-    <p>
-      Saat menggulir halaman, pengunjung akan dengan cepat menyadari detail
-      tampilan yang sangat apik. Latar belakang web kami disusun dari sekelompok
-      gradiasi yang dirancang untuk tidak membuat mata lelah. Ilustrasi gambar
-      di web kami dihadirkan dalam format kotak, memberikan tampilan yang rapi
-      dan teratur. Demikian juga dengan judul-judul posting yang dibingkai
-      dengan warna gelap yang mencolok, menambahkan sentuhan visual yang
-      menarik.
-    </p>
-  </section>
-
-  <section>
-    <h2>Kustomisasi yang Luas</h2>
-    <p>
-      Anda memiliki fleksibilitas untuk menambahkan banyak kategori berdasarkan
-      tahun, genre, musim, dan studio. Ini memungkinkan Anda untuk mengatur
-      konten dengan rapi dan memudahkan pengguna dalam menemukan apa yang mereka
-      cari.
-    </p>
-  </section>
-
-  <section>
-    <h2>Fitur Unggulan:</h2>
-    <ul>
-      <li>
-        Pratinjau konten dari resolusi gambar HD melalui slider lebar penuh.
-      </li>
-      <li>
-        Dapat diakses dengan baik melalui perangkat mobile, tablet, laptop, dan
-        PC.
-      </li>
-      <li>
-        Icons yang intuitif untuk mempercepat pengunjung dalam menavigasi situs.
-      </li>
-      <li>
-        Efek hover yang mempercantik tampilan web sekaligus membantu pengguna
-        mengenali tautan.
-      </li>
-      <li>Cocok digunakan untuk usaha layanan web video pihak ketiga.</li>
-      <li>
-        Admin page yang sederhana dan efisien untuk mengelola tautan dengan
-        presisi, sangat ramah pengguna.
-      </li>
-    </ul>
-  </section>
-
-  <section>
-    <h2>Teknologi:</h2>
-    <ul>
-      <li>HTML</li>
-      <li>PHP</li>
-      <li>CSS</li>
-      <li>Javascript</li>
-      <li>jQuery</li>
-    </ul>
-  </section>
-</body>
diff --git a/.history/portofolio-webanime_20231006215109.html b/.history/portofolio-webanime_20231006215109.html
deleted file mode 100644
index 544b8b0..0000000
--- a/.history/portofolio-webanime_20231006215109.html
+++ /dev/null
@@ -1,253 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime1.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime2.webp" />
-    <span>Laporan</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime3.webp" />
-    <span>Dana Kelola</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://maulanaproject1.000webhostapp.com/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini
-  </a>
-  <br />
-  Admin page :
-
-  <a
-    target="_blank"
-    href="https://maulanaproject1.000webhostapp.com/anime/admin_utama.php"
-    >Klik disini</a
-  >
-  <header>
-    <h2>
-      Template Web Khusus Layanan Video Pihak Ketiga: Kesederhanaan yang Memukau
-    </h2>
-  </header>
-
-  <section>
-    <h2>Tampilan Front-end yang Elegan</h2>
-    <p>
-      Ketika pertama kali mengunjungi halaman depan template kami, pengunjung
-      akan langsung disuguhi dengan tampilan full-width slider yang elegan. Di
-      sinilah Anda dapat menampilkan sejumlah video unggulan yang ingin Anda
-      tampilkan kepada pengguna Anda.
-    </p>
-  </section>
-
-  <section>
-    <h2>Tampilan yang Detail dan Menawan</h2>
-    <p>
-      Saat menggulir halaman, pengunjung akan dengan cepat menyadari detail
-      tampilan yang sangat apik. Latar belakang web kami disusun dari sekelompok
-      gradiasi yang dirancang untuk tidak membuat mata lelah. Ilustrasi gambar
-      di web kami dihadirkan dalam format kotak, memberikan tampilan yang rapi
-      dan teratur. Demikian juga dengan judul-judul posting yang dibingkai
-      dengan warna gelap yang mencolok, menambahkan sentuhan visual yang
-      menarik.
-    </p>
-  </section>
-
-  <section>
-    <h2>Kustomisasi yang Luas</h2>
-    <p>
-      Anda memiliki fleksibilitas untuk menambahkan banyak kategori berdasarkan
-      tahun, genre, musim, dan studio. Ini memungkinkan Anda untuk mengatur
-      konten dengan rapi dan memudahkan pengguna dalam menemukan apa yang mereka
-      cari.
-    </p>
-  </section>
-
-  <section>
-    <h2>Fitur Unggulan:</h2>
-    <ul>
-      <li>
-        Pratinjau konten dari resolusi gambar HD melalui slider lebar penuh.
-      </li>
-      <li>
-        Dapat diakses dengan baik melalui perangkat mobile, tablet, laptop, dan
-        PC.
-      </li>
-      <li>
-        Icons yang intuitif untuk mempercepat pengunjung dalam menavigasi situs.
-      </li>
-      <li>
-        Efek hover yang mempercantik tampilan web sekaligus membantu pengguna
-        mengenali tautan.
-      </li>
-      <li>Cocok digunakan untuk usaha layanan web video pihak ketiga.</li>
-      <li>
-        Admin page yang sederhana dan efisien untuk mengelola tautan dengan
-        presisi, sangat ramah pengguna.
-      </li>
-    </ul>
-  </section>
-
-  <section>
-    <h2>Teknologi:</h2>
-    <ul>
-      <li>HTML</li>
-      <li>PHP</li>
-      <li>CSS</li>
-      <li>Javascript</li>
-      <li>jQuery</li>
-      <li>Mysql</li>
-    </ul>
-  </section>
-</body>
diff --git a/.history/portofolio-webanime_20231006215114.html b/.history/portofolio-webanime_20231006215114.html
deleted file mode 100644
index 7c31488..0000000
--- a/.history/portofolio-webanime_20231006215114.html
+++ /dev/null
@@ -1,253 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime1.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime2.webp" />
-    <span>Laporan</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime3.webp" />
-    <span>Dana Kelola</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://maulanaproject1.000webhostapp.com/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini
-  </a>
-  <br />
-  Admin page :
-
-  <a
-    target="_blank"
-    href="https://maulanaproject1.000webhostapp.com/anime/admin_utama.php"
-    >Klik disini</a
-  >
-  <header>
-    <h2>
-      Template Web Khusus Layanan Video Pihak Ketiga: Kesederhanaan yang Memukau
-    </h2>
-  </header>
-
-  <section>
-    <h2>Tampilan Front-end yang Elegan</h2>
-    <p>
-      Ketika pertama kali mengunjungi halaman depan template kami, pengunjung
-      akan langsung disuguhi dengan tampilan full-width slider yang elegan. Di
-      sinilah Anda dapat menampilkan sejumlah video unggulan yang ingin Anda
-      tampilkan kepada pengguna Anda.
-    </p>
-  </section>
-
-  <section>
-    <h2>Tampilan yang Detail dan Menawan</h2>
-    <p>
-      Saat menggulir halaman, pengunjung akan dengan cepat menyadari detail
-      tampilan yang sangat apik. Latar belakang web kami disusun dari sekelompok
-      gradiasi yang dirancang untuk tidak membuat mata lelah. Ilustrasi gambar
-      di web kami dihadirkan dalam format kotak, memberikan tampilan yang rapi
-      dan teratur. Demikian juga dengan judul-judul posting yang dibingkai
-      dengan warna gelap yang mencolok, menambahkan sentuhan visual yang
-      menarik.
-    </p>
-  </section>
-
-  <section>
-    <h2>Kustomisasi yang Luas</h2>
-    <p>
-      Anda memiliki fleksibilitas untuk menambahkan banyak kategori berdasarkan
-      tahun, genre, musim, dan studio. Ini memungkinkan Anda untuk mengatur
-      konten dengan rapi dan memudahkan pengguna dalam menemukan apa yang mereka
-      cari.
-    </p>
-  </section>
-
-  <section>
-    <h2>Fitur Unggulan:</h2>
-    <ul>
-      <li>
-        Pratinjau konten dari resolusi gambar HD melalui slider lebar penuh.
-      </li>
-      <li>
-        Dapat diakses dengan baik melalui perangkat mobile, tablet, laptop, dan
-        PC.
-      </li>
-      <li>
-        Icons yang intuitif untuk mempercepat pengunjung dalam menavigasi situs.
-      </li>
-      <li>
-        Efek hover yang mempercantik tampilan web sekaligus membantu pengguna
-        mengenali tautan.
-      </li>
-      <li>Cocok digunakan untuk usaha layanan web video pihak ketiga.</li>
-      <li>
-        Admin page yang sederhana dan efisien untuk mengelola tautan dengan
-        presisi, sangat ramah pengguna.
-      </li>
-    </ul>
-  </section>
-
-  <section>
-    <h2>Teknologi:</h2>
-    <ul>
-      <li>HTML</li>
-      <li>PHP</li>
-      <li>CSS</li>
-      <li>Javascript</li>
-      <li>jQuery</li>
-      <li>MYSQL</li>
-    </ul>
-  </section>
-</body>
diff --git a/.history/portofolio-webanime_20231006215130.html b/.history/portofolio-webanime_20231006215130.html
deleted file mode 100644
index 066ce1a..0000000
--- a/.history/portofolio-webanime_20231006215130.html
+++ /dev/null
@@ -1,253 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime1.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime2.webp" />
-    <span>Laporan</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime3.webp" />
-    <span>Dana Kelola</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://maulanaproject1.000webhostapp.com/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini
-  </a>
-  <br />
-  Admin page :
-
-  <a
-    target="_blank"
-    href="https://maulanaproject1.000webhostapp.com/anime/admin_utama.php"
-    >Klik disini</a
-  >
-  <header>
-    <h2>
-      Template Web Khusus Layanan Video Pihak Ketiga: Kesederhanaan yang Memukau
-    </h2>
-  </header>
-
-  <section>
-    <h2>Tampilan Front-end yang Elegan</h2>
-    <p>
-      Ketika pertama kali mengunjungi halaman depan template kami, pengunjung
-      akan langsung disuguhi dengan tampilan full-width slider yang elegan. Di
-      sinilah Anda dapat menampilkan sejumlah video unggulan yang ingin Anda
-      tampilkan kepada pengguna Anda.
-    </p>
-  </section>
-
-  <section>
-    <h2>Tampilan yang Detail dan Menawan</h2>
-    <p>
-      Saat menggulir halaman, pengunjung akan dengan cepat menyadari detail
-      tampilan yang sangat apik. Latar belakang web kami disusun dari sekelompok
-      gradiasi yang dirancang untuk tidak membuat mata lelah. Ilustrasi gambar
-      di web kami dihadirkan dalam format kotak, memberikan tampilan yang rapi
-      dan teratur. Demikian juga dengan judul-judul posting yang dibingkai
-      dengan warna gelap yang mencolok, menambahkan sentuhan visual yang
-      menarik.
-    </p>
-  </section>
-
-  <section>
-    <h2>Kustomisasi yang Luas</h2>
-    <p>
-      Anda memiliki fleksibilitas untuk menambahkan banyak kategori berdasarkan
-      tahun, genre, musim, dan studio. Ini memungkinkan Anda untuk mengatur
-      konten dengan rapi dan memudahkan pengguna dalam menemukan apa yang mereka
-      cari.
-    </p>
-  </section>
-
-  <section>
-    <h2>Fitur Unggulan:</h2>
-    <ul>
-      <li>
-        Pratinjau konten dari resolusi gambar HD melalui slider lebar penuh.
-      </li>
-      <li>
-        Dapat diakses dengan baik melalui perangkat mobile, tablet, laptop, dan
-        PC.
-      </li>
-      <li>
-        Icons yang intuitif untuk mempercepat pengunjung dalam menavigasi situs.
-      </li>
-      <li>
-        Efek hover yang mempercantik tampilan web sekaligus membantu pengguna
-        mengenali tautan.
-      </li>
-      <li>Cocok digunakan untuk usaha layanan web video pihak ketiga.</li>
-      <li>
-        Admin page yang sederhana dan efisien untuk mengelola tautan dengan
-        presisi, sangat ramah pengguna.
-      </li>
-    </ul>
-  </section>
-
-  <section>
-    <h2>Teknologi:</h2>
-    <ul>
-      <li>HTML</li>
-      <li>PHP</li>
-      <li>CSS</li>
-      <li>Javascript</li>
-      <li>jQuery 2.2.0</li>
-      <li>MYSQL</li>
-    </ul>
-  </section>
-</body>
diff --git a/.history/portofolio-webanime_20231006215143.html b/.history/portofolio-webanime_20231006215143.html
deleted file mode 100644
index 47af92f..0000000
--- a/.history/portofolio-webanime_20231006215143.html
+++ /dev/null
@@ -1,254 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime1.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime2.webp" />
-    <span>Laporan</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime3.webp" />
-    <span>Dana Kelola</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://maulanaproject1.000webhostapp.com/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini
-  </a>
-  <br />
-  Admin page :
-
-  <a
-    target="_blank"
-    href="https://maulanaproject1.000webhostapp.com/anime/admin_utama.php"
-    >Klik disini</a
-  >
-  <header>
-    <h2>
-      Template Web Khusus Layanan Video Pihak Ketiga: Kesederhanaan yang Memukau
-    </h2>
-  </header>
-
-  <section>
-    <h2>Tampilan Front-end yang Elegan</h2>
-    <p>
-      Ketika pertama kali mengunjungi halaman depan template kami, pengunjung
-      akan langsung disuguhi dengan tampilan full-width slider yang elegan. Di
-      sinilah Anda dapat menampilkan sejumlah video unggulan yang ingin Anda
-      tampilkan kepada pengguna Anda.
-    </p>
-  </section>
-
-  <section>
-    <h2>Tampilan yang Detail dan Menawan</h2>
-    <p>
-      Saat menggulir halaman, pengunjung akan dengan cepat menyadari detail
-      tampilan yang sangat apik. Latar belakang web kami disusun dari sekelompok
-      gradiasi yang dirancang untuk tidak membuat mata lelah. Ilustrasi gambar
-      di web kami dihadirkan dalam format kotak, memberikan tampilan yang rapi
-      dan teratur. Demikian juga dengan judul-judul posting yang dibingkai
-      dengan warna gelap yang mencolok, menambahkan sentuhan visual yang
-      menarik.
-    </p>
-  </section>
-
-  <section>
-    <h2>Kustomisasi yang Luas</h2>
-    <p>
-      Anda memiliki fleksibilitas untuk menambahkan banyak kategori berdasarkan
-      tahun, genre, musim, dan studio. Ini memungkinkan Anda untuk mengatur
-      konten dengan rapi dan memudahkan pengguna dalam menemukan apa yang mereka
-      cari.
-    </p>
-  </section>
-
-  <section>
-    <h2>Fitur Unggulan:</h2>
-    <ul>
-      <li>
-        Pratinjau konten dari resolusi gambar HD melalui slider lebar penuh.
-      </li>
-      <li>
-        Dapat diakses dengan baik melalui perangkat mobile, tablet, laptop, dan
-        PC.
-      </li>
-      <li>
-        Icons yang intuitif untuk mempercepat pengunjung dalam menavigasi situs.
-      </li>
-      <li>
-        Efek hover yang mempercantik tampilan web sekaligus membantu pengguna
-        mengenali tautan.
-      </li>
-      <li>Cocok digunakan untuk usaha layanan web video pihak ketiga.</li>
-      <li>
-        Admin page yang sederhana dan efisien untuk mengelola tautan dengan
-        presisi, sangat ramah pengguna.
-      </li>
-    </ul>
-  </section>
-
-  <section>
-    <h2>Teknologi:</h2>
-    <ul>
-      <li>HTML</li>
-      <li>PHP</li>
-      <li>CSS</li>
-      <li>Javascript</li>
-      <li>jQuery 2.2.0</li>
-      <li>jQuery UI 1.12.1</li>
-      <li>MYSQL</li>
-    </ul>
-  </section>
-</body>
diff --git a/.history/portofolio-webanime_20231006215201.html b/.history/portofolio-webanime_20231006215201.html
deleted file mode 100644
index b95db66..0000000
--- a/.history/portofolio-webanime_20231006215201.html
+++ /dev/null
@@ -1,255 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime1.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime2.webp" />
-    <span>Laporan</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime3.webp" />
-    <span>Dana Kelola</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://maulanaproject1.000webhostapp.com/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini
-  </a>
-  <br />
-  Admin page :
-
-  <a
-    target="_blank"
-    href="https://maulanaproject1.000webhostapp.com/anime/admin_utama.php"
-    >Klik disini</a
-  >
-  <header>
-    <h2>
-      Template Web Khusus Layanan Video Pihak Ketiga: Kesederhanaan yang Memukau
-    </h2>
-  </header>
-
-  <section>
-    <h2>Tampilan Front-end yang Elegan</h2>
-    <p>
-      Ketika pertama kali mengunjungi halaman depan template kami, pengunjung
-      akan langsung disuguhi dengan tampilan full-width slider yang elegan. Di
-      sinilah Anda dapat menampilkan sejumlah video unggulan yang ingin Anda
-      tampilkan kepada pengguna Anda.
-    </p>
-  </section>
-
-  <section>
-    <h2>Tampilan yang Detail dan Menawan</h2>
-    <p>
-      Saat menggulir halaman, pengunjung akan dengan cepat menyadari detail
-      tampilan yang sangat apik. Latar belakang web kami disusun dari sekelompok
-      gradiasi yang dirancang untuk tidak membuat mata lelah. Ilustrasi gambar
-      di web kami dihadirkan dalam format kotak, memberikan tampilan yang rapi
-      dan teratur. Demikian juga dengan judul-judul posting yang dibingkai
-      dengan warna gelap yang mencolok, menambahkan sentuhan visual yang
-      menarik.
-    </p>
-  </section>
-
-  <section>
-    <h2>Kustomisasi yang Luas</h2>
-    <p>
-      Anda memiliki fleksibilitas untuk menambahkan banyak kategori berdasarkan
-      tahun, genre, musim, dan studio. Ini memungkinkan Anda untuk mengatur
-      konten dengan rapi dan memudahkan pengguna dalam menemukan apa yang mereka
-      cari.
-    </p>
-  </section>
-
-  <section>
-    <h2>Fitur Unggulan:</h2>
-    <ul>
-      <li>
-        Pratinjau konten dari resolusi gambar HD melalui slider lebar penuh.
-      </li>
-      <li>
-        Dapat diakses dengan baik melalui perangkat mobile, tablet, laptop, dan
-        PC.
-      </li>
-      <li>
-        Icons yang intuitif untuk mempercepat pengunjung dalam menavigasi situs.
-      </li>
-      <li>
-        Efek hover yang mempercantik tampilan web sekaligus membantu pengguna
-        mengenali tautan.
-      </li>
-      <li>Cocok digunakan untuk usaha layanan web video pihak ketiga.</li>
-      <li>
-        Admin page yang sederhana dan efisien untuk mengelola tautan dengan
-        presisi, sangat ramah pengguna.
-      </li>
-    </ul>
-  </section>
-
-  <section>
-    <h2>Teknologi:</h2>
-    <ul>
-      <li>HTML</li>
-      <li>PHP</li>
-      <li>CSS</li>
-      <li>Javascript</li>
-      <li>jQuery 2.2.0</li>
-      <li>jQuery UI 1.12.1</li>
-      <li>Bootstrap</li>
-      <li>MYSQL</li>
-    </ul>
-  </section>
-</body>
diff --git a/.history/portofolio-webanime_20231006215321.html b/.history/portofolio-webanime_20231006215321.html
deleted file mode 100644
index 7dd8424..0000000
--- a/.history/portofolio-webanime_20231006215321.html
+++ /dev/null
@@ -1,255 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime1.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime2.webp" />
-    <span>Laporan</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime3.webp" />
-    <span>Dana Kelola</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://maulanaproject1.000webhostapp.com/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini
-  </a>
-  <br />
-  Admin page :
-
-  <a
-    target="_blank"
-    href="https://maulanaproject1.000webhostapp.com/anime/admin_utama.php"
-    >Klik disini</a
-  >
-  <header>
-    <h2>
-      Template Web Khusus Layanan Video Pihak Ketiga: Kesederhanaan yang Memukau
-    </h2>
-  </header>
-
-  <section>
-    <h2>Tampilan Front-end yang Elegan</h2>
-    <p>
-      Ketika pertama kali mengunjungi halaman depan template kami, pengunjung
-      akan langsung disuguhi dengan tampilan full-width slider yang elegan. Di
-      sinilah Anda dapat menampilkan sejumlah video unggulan yang ingin Anda
-      tampilkan kepada pengguna Anda.
-    </p>
-  </section>
-
-  <section>
-    <h2>Tampilan yang Detail dan Menawan</h2>
-    <p>
-      Saat menggulir halaman, pengunjung akan dengan cepat menyadari detail
-      tampilan yang sangat apik. Latar belakang web kami disusun dari sekelompok
-      gradiasi yang dirancang untuk tidak membuat mata lelah. Ilustrasi gambar
-      di web kami dihadirkan dalam format kotak, memberikan tampilan yang rapi
-      dan teratur. Demikian juga dengan judul-judul posting yang dibingkai
-      dengan warna gelap yang mencolok, menambahkan sentuhan visual yang
-      menarik.
-    </p>
-  </section>
-
-  <section>
-    <h2>Kustomisasi yang Luas</h2>
-    <p>
-      Anda memiliki fleksibilitas untuk menambahkan banyak kategori berdasarkan
-      tahun, genre, musim, dan studio. Ini memungkinkan Anda untuk mengatur
-      konten dengan rapi dan memudahkan pengguna dalam menemukan apa yang mereka
-      cari.
-    </p>
-  </section>
-
-  <section>
-    <h2>Fitur Unggulan:</h2>
-    <ul>
-      <li>
-        Pratinjau konten dari resolusi gambar HD melalui slider lebar penuh.
-      </li>
-      <li>
-        Dapat diakses dengan baik melalui perangkat mobile, tablet, laptop, dan
-        PC.
-      </li>
-      <li>
-        Icons yang intuitif untuk mempercepat pengunjung dalam menavigasi situs.
-      </li>
-      <li>
-        Efek hover yang mempercantik tampilan web sekaligus membantu pengguna
-        mengenali tautan.
-      </li>
-      <li>Cocok digunakan untuk usaha layanan web video pihak ketiga.</li>
-      <li>
-        Admin page yang sederhana dan efisien untuk mengelola tautan dengan
-        presisi, sangat ramah pengguna.
-      </li>
-    </ul>
-  </section>
-
-  <section>
-    <h2>Teknologi:</h2>
-    <ul>
-      <li>HTML</li>
-      <li>PHP 5</li>
-      <li>CSS</li>
-      <li>Javascript</li>
-      <li>jQuery 2.2.0</li>
-      <li>jQuery UI 1.12.1</li>
-      <li>Bootstrap</li>
-      <li>MYSQL</li>
-    </ul>
-  </section>
-</body>
diff --git a/.history/portofolio-webanime_20231006222723.html b/.history/portofolio-webanime_20231006222723.html
deleted file mode 100644
index af38f2d..0000000
--- a/.history/portofolio-webanime_20231006222723.html
+++ /dev/null
@@ -1,255 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime1.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime2.webp" />
-    <span>Laporan</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime3.webp" />
-    <span>Dana Kelola</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://maulanaproject1.000webhostapp.com/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini
-  </a>
-  <br />
-  Admin page :
-
-  <a
-    target="_blank"
-    href="https://maulanaproject1.000webhostapp.com/anime/admin_utama.php"
-    >Klik disini</a
-  >
-  <header>
-    <h2>
-      Template Web Khusus Layanan Video Pihak Ketiga: Kesederhanaan yang Memukau
-    </h2>
-  </header>
-
-  <section>
-    <h2>Tampilan Front-end yang Elegan</h2>
-    <p>
-      Ketika pertama kali mengunjungi halaman depan template, pengunjung akan
-      langsung disuguhi dengan tampilan full-width slider yang elegan. Di
-      sinilah Anda dapat menampilkan sejumlah video unggulan yang ingin Anda
-      tampilkan kepada pengguna Anda.
-    </p>
-  </section>
-
-  <section>
-    <h2>Tampilan yang Detail dan Menawan</h2>
-    <p>
-      Saat menggulir halaman, pengunjung akan dengan cepat menyadari detail
-      tampilan yang sangat apik. Latar belakang web kami disusun dari sekelompok
-      gradiasi yang dirancang untuk tidak membuat mata lelah. Ilustrasi gambar
-      di web kami dihadirkan dalam format kotak, memberikan tampilan yang rapi
-      dan teratur. Demikian juga dengan judul-judul posting yang dibingkai
-      dengan warna gelap yang mencolok, menambahkan sentuhan visual yang
-      menarik.
-    </p>
-  </section>
-
-  <section>
-    <h2>Kustomisasi yang Luas</h2>
-    <p>
-      Anda memiliki fleksibilitas untuk menambahkan banyak kategori berdasarkan
-      tahun, genre, musim, dan studio. Ini memungkinkan Anda untuk mengatur
-      konten dengan rapi dan memudahkan pengguna dalam menemukan apa yang mereka
-      cari.
-    </p>
-  </section>
-
-  <section>
-    <h2>Fitur Unggulan:</h2>
-    <ul>
-      <li>
-        Pratinjau konten dari resolusi gambar HD melalui slider lebar penuh.
-      </li>
-      <li>
-        Dapat diakses dengan baik melalui perangkat mobile, tablet, laptop, dan
-        PC.
-      </li>
-      <li>
-        Icons yang intuitif untuk mempercepat pengunjung dalam menavigasi situs.
-      </li>
-      <li>
-        Efek hover yang mempercantik tampilan web sekaligus membantu pengguna
-        mengenali tautan.
-      </li>
-      <li>Cocok digunakan untuk usaha layanan web video pihak ketiga.</li>
-      <li>
-        Admin page yang sederhana dan efisien untuk mengelola tautan dengan
-        presisi, sangat ramah pengguna.
-      </li>
-    </ul>
-  </section>
-
-  <section>
-    <h2>Teknologi:</h2>
-    <ul>
-      <li>HTML</li>
-      <li>PHP 5</li>
-      <li>CSS</li>
-      <li>Javascript</li>
-      <li>jQuery 2.2.0</li>
-      <li>jQuery UI 1.12.1</li>
-      <li>Bootstrap</li>
-      <li>MYSQL</li>
-    </ul>
-  </section>
-</body>
diff --git a/.history/portofolio-webanime_20231006222732.html b/.history/portofolio-webanime_20231006222732.html
deleted file mode 100644
index 9e81e43..0000000
--- a/.history/portofolio-webanime_20231006222732.html
+++ /dev/null
@@ -1,254 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime1.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime2.webp" />
-    <span>Laporan</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime3.webp" />
-    <span>Dana Kelola</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://maulanaproject1.000webhostapp.com/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini
-  </a>
-  <br />
-  Admin page :
-
-  <a
-    target="_blank"
-    href="https://maulanaproject1.000webhostapp.com/anime/admin_utama.php"
-    >Klik disini</a
-  >
-  <header>
-    <h2>
-      Template Web Khusus Layanan Video Pihak Ketiga: Kesederhanaan yang Memukau
-    </h2>
-  </header>
-
-  <section>
-    <h2>Tampilan Front-end yang Elegan</h2>
-    <p>
-      Ketika pertama kali mengunjungi halaman depan template, pengunjung akan
-      langsung disuguhi dengan tampilan full-width slider yang elegan. Di
-      sinilah Anda dapat menampilkan sejumlah video unggulan yang ingin Anda
-      tampilkan kepada pengguna Anda.
-    </p>
-  </section>
-
-  <section>
-    <h2>Tampilan yang Detail dan Menawan</h2>
-    <p>
-      Saat menggulir halaman, pengunjung akan dengan cepat menyadari detail
-      tampilan yang sangat apik. Latar belakang web disusun dari sekelompok
-      gradiasi yang dirancang untuk tidak membuat mata lelah. Ilustrasi gambar
-      di web dihadirkan dalam format kotak, memberikan tampilan yang rapi dan
-      teratur. Demikian juga dengan judul-judul posting yang dibingkai dengan
-      warna gelap yang mencolok, menambahkan sentuhan visual yang menarik.
-    </p>
-  </section>
-
-  <section>
-    <h2>Kustomisasi yang Luas</h2>
-    <p>
-      Anda memiliki fleksibilitas untuk menambahkan banyak kategori berdasarkan
-      tahun, genre, musim, dan studio. Ini memungkinkan Anda untuk mengatur
-      konten dengan rapi dan memudahkan pengguna dalam menemukan apa yang mereka
-      cari.
-    </p>
-  </section>
-
-  <section>
-    <h2>Fitur Unggulan:</h2>
-    <ul>
-      <li>
-        Pratinjau konten dari resolusi gambar HD melalui slider lebar penuh.
-      </li>
-      <li>
-        Dapat diakses dengan baik melalui perangkat mobile, tablet, laptop, dan
-        PC.
-      </li>
-      <li>
-        Icons yang intuitif untuk mempercepat pengunjung dalam menavigasi situs.
-      </li>
-      <li>
-        Efek hover yang mempercantik tampilan web sekaligus membantu pengguna
-        mengenali tautan.
-      </li>
-      <li>Cocok digunakan untuk usaha layanan web video pihak ketiga.</li>
-      <li>
-        Admin page yang sederhana dan efisien untuk mengelola tautan dengan
-        presisi, sangat ramah pengguna.
-      </li>
-    </ul>
-  </section>
-
-  <section>
-    <h2>Teknologi:</h2>
-    <ul>
-      <li>HTML</li>
-      <li>PHP 5</li>
-      <li>CSS</li>
-      <li>Javascript</li>
-      <li>jQuery 2.2.0</li>
-      <li>jQuery UI 1.12.1</li>
-      <li>Bootstrap</li>
-      <li>MYSQL</li>
-    </ul>
-  </section>
-</body>
diff --git a/.history/portofolio-websiteRAP_20221121023336.html b/.history/portofolio-websiteRAP_20221121023336.html
deleted file mode 100644
index 527a35a..0000000
--- a/.history/portofolio-websiteRAP_20221121023336.html
+++ /dev/null
@@ -1,50 +0,0 @@
-<style type="text/css">
-.body2::-webkit-scrollbar {
-      width: 0.5em;
-    }
-    
-.body2::-webkit-scrollbar-track {
-      box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-      background-color: #061e29;
-    }
-    
-.body2::-webkit-scrollbar-thumb {
-      background-color: #00f1ffab;
-    }
-.body2{    font-family: verdana;
-    color: white;
-    margin: 2%;
-    text-align: justify;}
-.body2 a{color: dodgerblue;}
-</style>
-<body class="body2" > Website Company Profile PT. Raya Azura Persada diciptakan untuk kebutuhan informatif. Tak cuma desain keseluruhannya saja yang atraktif. website ini sudah dilengkapi tampilan khusus dan unik serta tidak susah untuk pengunjung mendapatkan informasi dari perusahaan tersebut. 
-<br><br>
-Ketika membuka website, Anda langsung mendapati halaman depan berisi headline dan protofolio menarik.
-<br><br>
-Di samping itu, dilengkapi animasi memukau namun ringan konsumsi, tidak memakai framework, hampir semua dikerjakan native mulai dari 0. 
-<br><br>
-berbagai elemen desain bisa temukan dalam konten dari teks, variasi tombol, layout 1 kolom, rincian, tabel, carousel
-<br><br>
-
-<br>
-Hasil project : <a target="_blank" href="http://rayaazurapersada.dx.am//">Klik disini</a><br>
-<h2>Fitur unggulan:</h2>
-<ul>
-    <li>bisa Mengelola website dalam tampilan itu sendiri, yang diperlukan hanya sekali login</li>
-    <li>Moblie bisa diakses dengan baik lewat handphone,tablet,Laptop maupun PC</li>
-    <li>sedikit icons mempercepat pengunjung dalam mengakses</li>
-    <li>Hover effects mempercantik tampilan web sekaligus memudahkan link agar dikenali</li>
-    <li>unik sehingga orang dapat lebih mudah mengingat tampilan website tersebut</li>
-    <li>hanya menggunakan 1 plug-in, selain itu semua native, sehingga tidak akan berat</li>
-</ul>
-<br>
-<h2>Bahan pembuatan</h2>
-<ul>
-    <li>HTML sebagai kerangka</li>
-    <li>PHP sebagai bahasa program</li>
-    <li>CSS sebagai pemanis dan layout</li>
-    <li>Javascript dan Jquery sebagai interaksi langsung</li>
-    <li>MYSQL sebagai database</li>
-</ul>
-
-</body>
\ No newline at end of file
diff --git a/.history/portofolio-websiteRAP_20231006222448.html b/.history/portofolio-websiteRAP_20231006222448.html
deleted file mode 100644
index 7dd8424..0000000
--- a/.history/portofolio-websiteRAP_20231006222448.html
+++ /dev/null
@@ -1,255 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime1.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime2.webp" />
-    <span>Laporan</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime3.webp" />
-    <span>Dana Kelola</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://maulanaproject1.000webhostapp.com/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini
-  </a>
-  <br />
-  Admin page :
-
-  <a
-    target="_blank"
-    href="https://maulanaproject1.000webhostapp.com/anime/admin_utama.php"
-    >Klik disini</a
-  >
-  <header>
-    <h2>
-      Template Web Khusus Layanan Video Pihak Ketiga: Kesederhanaan yang Memukau
-    </h2>
-  </header>
-
-  <section>
-    <h2>Tampilan Front-end yang Elegan</h2>
-    <p>
-      Ketika pertama kali mengunjungi halaman depan template kami, pengunjung
-      akan langsung disuguhi dengan tampilan full-width slider yang elegan. Di
-      sinilah Anda dapat menampilkan sejumlah video unggulan yang ingin Anda
-      tampilkan kepada pengguna Anda.
-    </p>
-  </section>
-
-  <section>
-    <h2>Tampilan yang Detail dan Menawan</h2>
-    <p>
-      Saat menggulir halaman, pengunjung akan dengan cepat menyadari detail
-      tampilan yang sangat apik. Latar belakang web kami disusun dari sekelompok
-      gradiasi yang dirancang untuk tidak membuat mata lelah. Ilustrasi gambar
-      di web kami dihadirkan dalam format kotak, memberikan tampilan yang rapi
-      dan teratur. Demikian juga dengan judul-judul posting yang dibingkai
-      dengan warna gelap yang mencolok, menambahkan sentuhan visual yang
-      menarik.
-    </p>
-  </section>
-
-  <section>
-    <h2>Kustomisasi yang Luas</h2>
-    <p>
-      Anda memiliki fleksibilitas untuk menambahkan banyak kategori berdasarkan
-      tahun, genre, musim, dan studio. Ini memungkinkan Anda untuk mengatur
-      konten dengan rapi dan memudahkan pengguna dalam menemukan apa yang mereka
-      cari.
-    </p>
-  </section>
-
-  <section>
-    <h2>Fitur Unggulan:</h2>
-    <ul>
-      <li>
-        Pratinjau konten dari resolusi gambar HD melalui slider lebar penuh.
-      </li>
-      <li>
-        Dapat diakses dengan baik melalui perangkat mobile, tablet, laptop, dan
-        PC.
-      </li>
-      <li>
-        Icons yang intuitif untuk mempercepat pengunjung dalam menavigasi situs.
-      </li>
-      <li>
-        Efek hover yang mempercantik tampilan web sekaligus membantu pengguna
-        mengenali tautan.
-      </li>
-      <li>Cocok digunakan untuk usaha layanan web video pihak ketiga.</li>
-      <li>
-        Admin page yang sederhana dan efisien untuk mengelola tautan dengan
-        presisi, sangat ramah pengguna.
-      </li>
-    </ul>
-  </section>
-
-  <section>
-    <h2>Teknologi:</h2>
-    <ul>
-      <li>HTML</li>
-      <li>PHP 5</li>
-      <li>CSS</li>
-      <li>Javascript</li>
-      <li>jQuery 2.2.0</li>
-      <li>jQuery UI 1.12.1</li>
-      <li>Bootstrap</li>
-      <li>MYSQL</li>
-    </ul>
-  </section>
-</body>
diff --git a/.history/portofolio-websiteRAP_20231006222543.html b/.history/portofolio-websiteRAP_20231006222543.html
deleted file mode 100644
index 174a769..0000000
--- a/.history/portofolio-websiteRAP_20231006222543.html
+++ /dev/null
@@ -1,178 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime1.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime2.webp" />
-    <span>Laporan</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime3.webp" />
-    <span>Dana Kelola</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://maulanaproject1.000webhostapp.com/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini
-  </a>
-  <br />
-  Admin page :
-
-  <a
-    target="_blank"
-    href="https://maulanaproject1.000webhostapp.com/anime/admin_utama.php"
-    >Klik disini</a
-  >
-</body>
diff --git a/.history/portofolio-websiteRAP_20231006222609.html b/.history/portofolio-websiteRAP_20231006222609.html
deleted file mode 100644
index 5a89d0f..0000000
--- a/.history/portofolio-websiteRAP_20231006222609.html
+++ /dev/null
@@ -1,243 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime1.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime2.webp" />
-    <span>Laporan</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime3.webp" />
-    <span>Dana Kelola</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://maulanaproject1.000webhostapp.com/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini
-  </a>
-  <br />
-  Admin page :
-
-  <a
-    target="_blank"
-    href="https://maulanaproject1.000webhostapp.com/anime/admin_utama.php"
-    >Klik disini</a
-  >
-
-  <p>
-    Website Company Profile PT. Raya Azura Persada telah diciptakan dengan
-    tujuan untuk memberikan informasi yang informatif. Tidak hanya desain
-    keseluruhan yang menarik, tetapi juga dilengkapi dengan tampilan yang khusus
-    dan unik serta mudah bagi pengunjung untuk mendapatkan informasi tentang
-    perusahaan.
-  </p>
-
-  <p>
-    Saat Anda mengakses website ini, Anda akan langsung menemui halaman depan
-    yang berisi headline dan portofolio yang menarik. Selain itu, website ini
-    dilengkapi dengan animasi yang memukau namun tetap ringan, tanpa menggunakan
-    framework, hampir semua komponen dibangun secara native dari awal.
-  </p>
-
-  <p>
-    Berbagai elemen desain dapat ditemukan dalam kontennya, seperti variasi
-    teks, tombol, layout 1 kolom, rincian, tabel, dan carousel.
-  </p>
-
-  <p>Hasil proyek dapat ditemukan di <a href="link hasil proyek">sini</a>.</p>
-
-  <p>Fitur unggulan dari website ini meliputi:</p>
-  <ul>
-    <li>
-      Kemampuan untuk mengelola website langsung melalui tampilan tersebut,
-      hanya perlu melakukan login sekali.
-    </li>
-    <li>
-      Kemampuan akses yang baik melalui perangkat mobile seperti handphone,
-      tablet, laptop, maupun PC.
-    </li>
-    <li>
-      Penggunaan sedikit ikon untuk mempercepat pengunjung dalam mengakses
-      informasi.
-    </li>
-    <li>
-      Efek hover yang mempercantik tampilan web sekaligus memudahkan pengunjung
-      mengenali tautan.
-    </li>
-    <li>
-      Desain yang unik sehingga orang dapat lebih mudah mengingat tampilan
-      website tersebut.
-    </li>
-    <li>
-      Penggunaan hanya satu plug-in, selain itu semuanya dibangun secara native,
-      sehingga tidak akan memberatkan website.
-    </li>
-  </ul>
-
-  <p>Bahan pembuatan website ini mencakup:</p>
-  <ul>
-    <li>HTML sebagai kerangka dasar.</li>
-    <li>PHP sebagai bahasa pemrograman.</li>
-    <li>CSS untuk pengaturan tampilan dan layout.</li>
-    <li>Javascript dan jQuery untuk interaksi langsung.</li>
-    <li>MySQL sebagai basis data.</li>
-  </ul>
-
-  <p>
-    Semoga informasi ini bermanfaat untuk Anda. Jika Anda memiliki pertanyaan
-    lebih lanjut atau memerlukan bantuan lebih lanjut, jangan ragu untuk
-    menghubungi kami.
-  </p>
-</body>
diff --git a/.history/portofolio-websiteRAP_20231006222642.html b/.history/portofolio-websiteRAP_20231006222642.html
deleted file mode 100644
index ca8f59e..0000000
--- a/.history/portofolio-websiteRAP_20231006222642.html
+++ /dev/null
@@ -1,241 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime1.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime2.webp" />
-    <span>Laporan</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime3.webp" />
-    <span>Dana Kelola</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://maulanaproject1.000webhostapp.com/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini
-  </a>
-  <br />
-  Admin page :
-
-  <a
-    target="_blank"
-    href="https://maulanaproject1.000webhostapp.com/anime/admin_utama.php"
-    >Klik disini</a
-  >
-
-  <p>
-    Website Company Profile PT. Raya Azura Persada telah diciptakan dengan
-    tujuan untuk memberikan informasi yang informatif. Tidak hanya desain
-    keseluruhan yang menarik, tetapi juga dilengkapi dengan tampilan yang khusus
-    dan unik serta mudah bagi pengunjung untuk mendapatkan informasi tentang
-    perusahaan.
-  </p>
-
-  <p>
-    Saat Anda mengakses website ini, Anda akan langsung menemui halaman depan
-    yang berisi headline dan portofolio yang menarik. Selain itu, website ini
-    dilengkapi dengan animasi yang memukau namun tetap ringan, tanpa menggunakan
-    framework, hampir semua komponen dibangun secara native dari awal.
-  </p>
-
-  <p>
-    Berbagai elemen desain dapat ditemukan dalam kontennya, seperti variasi
-    teks, tombol, layout 1 kolom, rincian, tabel, dan carousel.
-  </p>
-
-  <p>Fitur unggulan dari website ini meliputi:</p>
-  <ul>
-    <li>
-      Kemampuan untuk mengelola website langsung melalui tampilan tersebut,
-      hanya perlu melakukan login sekali.
-    </li>
-    <li>
-      Kemampuan akses yang baik melalui perangkat mobile seperti handphone,
-      tablet, laptop, maupun PC.
-    </li>
-    <li>
-      Penggunaan sedikit ikon untuk mempercepat pengunjung dalam mengakses
-      informasi.
-    </li>
-    <li>
-      Efek hover yang mempercantik tampilan web sekaligus memudahkan pengunjung
-      mengenali tautan.
-    </li>
-    <li>
-      Desain yang unik sehingga orang dapat lebih mudah mengingat tampilan
-      website tersebut.
-    </li>
-    <li>
-      Penggunaan hanya satu plug-in, selain itu semuanya dibangun secara native,
-      sehingga tidak akan memberatkan website.
-    </li>
-  </ul>
-
-  <p>Bahan pembuatan website ini mencakup:</p>
-  <ul>
-    <li>HTML sebagai kerangka dasar.</li>
-    <li>PHP sebagai bahasa pemrograman.</li>
-    <li>CSS untuk pengaturan tampilan dan layout.</li>
-    <li>Javascript dan jQuery untuk interaksi langsung.</li>
-    <li>MySQL sebagai basis data.</li>
-  </ul>
-
-  <p>
-    Semoga informasi ini bermanfaat untuk Anda. Jika Anda memiliki pertanyaan
-    lebih lanjut atau memerlukan bantuan lebih lanjut, jangan ragu untuk
-    menghubungi kami.
-  </p>
-</body>
diff --git a/.history/portofolio-websiteRAP_20231006222647.html b/.history/portofolio-websiteRAP_20231006222647.html
deleted file mode 100644
index 0597ffa..0000000
--- a/.history/portofolio-websiteRAP_20231006222647.html
+++ /dev/null
@@ -1,234 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime1.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime2.webp" />
-    <span>Laporan</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime3.webp" />
-    <span>Dana Kelola</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://maulanaproject1.000webhostapp.com/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini
-  </a>
-  <br />
-
-  <p>
-    Website Company Profile PT. Raya Azura Persada telah diciptakan dengan
-    tujuan untuk memberikan informasi yang informatif. Tidak hanya desain
-    keseluruhan yang menarik, tetapi juga dilengkapi dengan tampilan yang khusus
-    dan unik serta mudah bagi pengunjung untuk mendapatkan informasi tentang
-    perusahaan.
-  </p>
-
-  <p>
-    Saat Anda mengakses website ini, Anda akan langsung menemui halaman depan
-    yang berisi headline dan portofolio yang menarik. Selain itu, website ini
-    dilengkapi dengan animasi yang memukau namun tetap ringan, tanpa menggunakan
-    framework, hampir semua komponen dibangun secara native dari awal.
-  </p>
-
-  <p>
-    Berbagai elemen desain dapat ditemukan dalam kontennya, seperti variasi
-    teks, tombol, layout 1 kolom, rincian, tabel, dan carousel.
-  </p>
-
-  <p>Fitur unggulan dari website ini meliputi:</p>
-  <ul>
-    <li>
-      Kemampuan untuk mengelola website langsung melalui tampilan tersebut,
-      hanya perlu melakukan login sekali.
-    </li>
-    <li>
-      Kemampuan akses yang baik melalui perangkat mobile seperti handphone,
-      tablet, laptop, maupun PC.
-    </li>
-    <li>
-      Penggunaan sedikit ikon untuk mempercepat pengunjung dalam mengakses
-      informasi.
-    </li>
-    <li>
-      Efek hover yang mempercantik tampilan web sekaligus memudahkan pengunjung
-      mengenali tautan.
-    </li>
-    <li>
-      Desain yang unik sehingga orang dapat lebih mudah mengingat tampilan
-      website tersebut.
-    </li>
-    <li>
-      Penggunaan hanya satu plug-in, selain itu semuanya dibangun secara native,
-      sehingga tidak akan memberatkan website.
-    </li>
-  </ul>
-
-  <p>Bahan pembuatan website ini mencakup:</p>
-  <ul>
-    <li>HTML sebagai kerangka dasar.</li>
-    <li>PHP sebagai bahasa pemrograman.</li>
-    <li>CSS untuk pengaturan tampilan dan layout.</li>
-    <li>Javascript dan jQuery untuk interaksi langsung.</li>
-    <li>MySQL sebagai basis data.</li>
-  </ul>
-
-  <p>
-    Semoga informasi ini bermanfaat untuk Anda. Jika Anda memiliki pertanyaan
-    lebih lanjut atau memerlukan bantuan lebih lanjut, jangan ragu untuk
-    menghubungi kami.
-  </p>
-</body>
diff --git a/.history/portofolio-websiteRAP_20231006222711.html b/.history/portofolio-websiteRAP_20231006222711.html
deleted file mode 100644
index 4f27941..0000000
--- a/.history/portofolio-websiteRAP_20231006222711.html
+++ /dev/null
@@ -1,234 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime1.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime2.webp" />
-    <span>Laporan</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webanime3.webp" />
-    <span>Dana Kelola</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://maulanaproject1.000webhostapp.com/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini
-  </a>
-  <br />
-
-  <p>
-    Website Company Profile PT. Raya Azura Persada telah diciptakan dengan
-    tujuan untuk memberikan informasi yang informatif. Tidak hanya desain
-    keseluruhan yang menarik, tetapi juga dilengkapi dengan tampilan yang khusus
-    dan unik serta mudah bagi pengunjung untuk mendapatkan informasi tentang
-    perusahaan.
-  </p>
-
-  <p>
-    Saat Anda mengakses website ini, Anda akan langsung menemui halaman depan
-    yang berisi headline dan portofolio yang menarik. Selain itu, website ini
-    dilengkapi dengan animasi yang memukau namun tetap ringan, tanpa menggunakan
-    framework, hampir semua komponen dibangun secara native dari awal.
-  </p>
-
-  <p>
-    Berbagai elemen desain dapat ditemukan dalam kontennya, seperti variasi
-    teks, tombol, layout 1 kolom, rincian, tabel, dan carousel.
-  </p>
-
-  <p>Fitur unggulan dari website ini meliputi:</p>
-  <ul>
-    <li>
-      Kemampuan untuk mengelola website langsung melalui tampilan tersebut,
-      hanya perlu melakukan login sekali.
-    </li>
-    <li>
-      Kemampuan akses yang baik melalui perangkat mobile seperti handphone,
-      tablet, laptop, maupun PC.
-    </li>
-    <li>
-      Penggunaan sedikit ikon untuk mempercepat pengunjung dalam mengakses
-      informasi.
-    </li>
-    <li>
-      Efek hover yang mempercantik tampilan web sekaligus memudahkan pengunjung
-      mengenali tautan.
-    </li>
-    <li>
-      Desain yang unik sehingga orang dapat lebih mudah mengingat tampilan
-      website tersebut.
-    </li>
-    <li>
-      Penggunaan hanya satu plug-in, selain itu semuanya dibangun secara native,
-      sehingga tidak akan memberatkan website.
-    </li>
-  </ul>
-
-  <p>Bahan pembuatan website ini mencakup:</p>
-  <ul>
-    <li>HTML sebagai kerangka dasar.</li>
-    <li>PHP sebagai bahasa pemrograman.</li>
-    <li>CSS untuk pengaturan tampilan dan layout.</li>
-    <li>Javascript dan jQuery untuk interaksi langsung.</li>
-    <li>MySQL sebagai basis data.</li>
-  </ul>
-
-  <p>
-    Semoga informasi ini bermanfaat untuk Anda. Jika Anda memiliki pertanyaan
-    lebih lanjut atau memerlukan bantuan lebih lanjut, jangan ragu untuk
-    menghubungi.
-  </p>
-</body>
diff --git a/.history/portofolio-websiteRAP_20231006223648.html b/.history/portofolio-websiteRAP_20231006223648.html
deleted file mode 100644
index 0221807..0000000
--- a/.history/portofolio-websiteRAP_20231006223648.html
+++ /dev/null
@@ -1,234 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webrap1.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webrap2.webp" />
-    <span>Laporan</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/websiteanime/webrap3.webp" />
-    <span>Dana Kelola</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://maulanaproject1.000webhostapp.com/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini
-  </a>
-  <br />
-
-  <p>
-    Website Company Profile PT. Raya Azura Persada telah diciptakan dengan
-    tujuan untuk memberikan informasi yang informatif. Tidak hanya desain
-    keseluruhan yang menarik, tetapi juga dilengkapi dengan tampilan yang khusus
-    dan unik serta mudah bagi pengunjung untuk mendapatkan informasi tentang
-    perusahaan.
-  </p>
-
-  <p>
-    Saat Anda mengakses website ini, Anda akan langsung menemui halaman depan
-    yang berisi headline dan portofolio yang menarik. Selain itu, website ini
-    dilengkapi dengan animasi yang memukau namun tetap ringan, tanpa menggunakan
-    framework, hampir semua komponen dibangun secara native dari awal.
-  </p>
-
-  <p>
-    Berbagai elemen desain dapat ditemukan dalam kontennya, seperti variasi
-    teks, tombol, layout 1 kolom, rincian, tabel, dan carousel.
-  </p>
-
-  <p>Fitur unggulan dari website ini meliputi:</p>
-  <ul>
-    <li>
-      Kemampuan untuk mengelola website langsung melalui tampilan tersebut,
-      hanya perlu melakukan login sekali.
-    </li>
-    <li>
-      Kemampuan akses yang baik melalui perangkat mobile seperti handphone,
-      tablet, laptop, maupun PC.
-    </li>
-    <li>
-      Penggunaan sedikit ikon untuk mempercepat pengunjung dalam mengakses
-      informasi.
-    </li>
-    <li>
-      Efek hover yang mempercantik tampilan web sekaligus memudahkan pengunjung
-      mengenali tautan.
-    </li>
-    <li>
-      Desain yang unik sehingga orang dapat lebih mudah mengingat tampilan
-      website tersebut.
-    </li>
-    <li>
-      Penggunaan hanya satu plug-in, selain itu semuanya dibangun secara native,
-      sehingga tidak akan memberatkan website.
-    </li>
-  </ul>
-
-  <p>Bahan pembuatan website ini mencakup:</p>
-  <ul>
-    <li>HTML sebagai kerangka dasar.</li>
-    <li>PHP sebagai bahasa pemrograman.</li>
-    <li>CSS untuk pengaturan tampilan dan layout.</li>
-    <li>Javascript dan jQuery untuk interaksi langsung.</li>
-    <li>MySQL sebagai basis data.</li>
-  </ul>
-
-  <p>
-    Semoga informasi ini bermanfaat untuk Anda. Jika Anda memiliki pertanyaan
-    lebih lanjut atau memerlukan bantuan lebih lanjut, jangan ragu untuk
-    menghubungi.
-  </p>
-</body>
diff --git a/.history/portofolio-websiteRAP_20231006223722.html b/.history/portofolio-websiteRAP_20231006223722.html
deleted file mode 100644
index 56e054e..0000000
--- a/.history/portofolio-websiteRAP_20231006223722.html
+++ /dev/null
@@ -1,234 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/webrap1/webrap1.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/webrap1/webrap2.webp" />
-    <span>Laporan</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/webrap1/webrap3.webp" />
-    <span>Dana Kelola</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://maulanaproject1.000webhostapp.com/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini
-  </a>
-  <br />
-
-  <p>
-    Website Company Profile PT. Raya Azura Persada telah diciptakan dengan
-    tujuan untuk memberikan informasi yang informatif. Tidak hanya desain
-    keseluruhan yang menarik, tetapi juga dilengkapi dengan tampilan yang khusus
-    dan unik serta mudah bagi pengunjung untuk mendapatkan informasi tentang
-    perusahaan.
-  </p>
-
-  <p>
-    Saat Anda mengakses website ini, Anda akan langsung menemui halaman depan
-    yang berisi headline dan portofolio yang menarik. Selain itu, website ini
-    dilengkapi dengan animasi yang memukau namun tetap ringan, tanpa menggunakan
-    framework, hampir semua komponen dibangun secara native dari awal.
-  </p>
-
-  <p>
-    Berbagai elemen desain dapat ditemukan dalam kontennya, seperti variasi
-    teks, tombol, layout 1 kolom, rincian, tabel, dan carousel.
-  </p>
-
-  <p>Fitur unggulan dari website ini meliputi:</p>
-  <ul>
-    <li>
-      Kemampuan untuk mengelola website langsung melalui tampilan tersebut,
-      hanya perlu melakukan login sekali.
-    </li>
-    <li>
-      Kemampuan akses yang baik melalui perangkat mobile seperti handphone,
-      tablet, laptop, maupun PC.
-    </li>
-    <li>
-      Penggunaan sedikit ikon untuk mempercepat pengunjung dalam mengakses
-      informasi.
-    </li>
-    <li>
-      Efek hover yang mempercantik tampilan web sekaligus memudahkan pengunjung
-      mengenali tautan.
-    </li>
-    <li>
-      Desain yang unik sehingga orang dapat lebih mudah mengingat tampilan
-      website tersebut.
-    </li>
-    <li>
-      Penggunaan hanya satu plug-in, selain itu semuanya dibangun secara native,
-      sehingga tidak akan memberatkan website.
-    </li>
-  </ul>
-
-  <p>Bahan pembuatan website ini mencakup:</p>
-  <ul>
-    <li>HTML sebagai kerangka dasar.</li>
-    <li>PHP sebagai bahasa pemrograman.</li>
-    <li>CSS untuk pengaturan tampilan dan layout.</li>
-    <li>Javascript dan jQuery untuk interaksi langsung.</li>
-    <li>MySQL sebagai basis data.</li>
-  </ul>
-
-  <p>
-    Semoga informasi ini bermanfaat untuk Anda. Jika Anda memiliki pertanyaan
-    lebih lanjut atau memerlukan bantuan lebih lanjut, jangan ragu untuk
-    menghubungi.
-  </p>
-</body>
diff --git a/.history/portofolio-websiteRAP_20231006223805.html b/.history/portofolio-websiteRAP_20231006223805.html
deleted file mode 100644
index c2886b7..0000000
--- a/.history/portofolio-websiteRAP_20231006223805.html
+++ /dev/null
@@ -1,230 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/webrap1/webrap1.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/webrap1/webrap2.webp" />
-    <span>Laporan</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://maulanaproject1.000webhostapp.com/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini
-  </a>
-  <br />
-
-  <p>
-    Website Company Profile PT. Raya Azura Persada telah diciptakan dengan
-    tujuan untuk memberikan informasi yang informatif. Tidak hanya desain
-    keseluruhan yang menarik, tetapi juga dilengkapi dengan tampilan yang khusus
-    dan unik serta mudah bagi pengunjung untuk mendapatkan informasi tentang
-    perusahaan.
-  </p>
-
-  <p>
-    Saat Anda mengakses website ini, Anda akan langsung menemui halaman depan
-    yang berisi headline dan portofolio yang menarik. Selain itu, website ini
-    dilengkapi dengan animasi yang memukau namun tetap ringan, tanpa menggunakan
-    framework, hampir semua komponen dibangun secara native dari awal.
-  </p>
-
-  <p>
-    Berbagai elemen desain dapat ditemukan dalam kontennya, seperti variasi
-    teks, tombol, layout 1 kolom, rincian, tabel, dan carousel.
-  </p>
-
-  <p>Fitur unggulan dari website ini meliputi:</p>
-  <ul>
-    <li>
-      Kemampuan untuk mengelola website langsung melalui tampilan tersebut,
-      hanya perlu melakukan login sekali.
-    </li>
-    <li>
-      Kemampuan akses yang baik melalui perangkat mobile seperti handphone,
-      tablet, laptop, maupun PC.
-    </li>
-    <li>
-      Penggunaan sedikit ikon untuk mempercepat pengunjung dalam mengakses
-      informasi.
-    </li>
-    <li>
-      Efek hover yang mempercantik tampilan web sekaligus memudahkan pengunjung
-      mengenali tautan.
-    </li>
-    <li>
-      Desain yang unik sehingga orang dapat lebih mudah mengingat tampilan
-      website tersebut.
-    </li>
-    <li>
-      Penggunaan hanya satu plug-in, selain itu semuanya dibangun secara native,
-      sehingga tidak akan memberatkan website.
-    </li>
-  </ul>
-
-  <p>Bahan pembuatan website ini mencakup:</p>
-  <ul>
-    <li>HTML sebagai kerangka dasar.</li>
-    <li>PHP sebagai bahasa pemrograman.</li>
-    <li>CSS untuk pengaturan tampilan dan layout.</li>
-    <li>Javascript dan jQuery untuk interaksi langsung.</li>
-    <li>MySQL sebagai basis data.</li>
-  </ul>
-
-  <p>
-    Semoga informasi ini bermanfaat untuk Anda. Jika Anda memiliki pertanyaan
-    lebih lanjut atau memerlukan bantuan lebih lanjut, jangan ragu untuk
-    menghubungi.
-  </p>
-</body>
diff --git a/.history/portofolio-websiteRAP_20231006223816.html b/.history/portofolio-websiteRAP_20231006223816.html
deleted file mode 100644
index 56e054e..0000000
--- a/.history/portofolio-websiteRAP_20231006223816.html
+++ /dev/null
@@ -1,234 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/webrap1/webrap1.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/webrap1/webrap2.webp" />
-    <span>Laporan</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/webrap1/webrap3.webp" />
-    <span>Dana Kelola</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://maulanaproject1.000webhostapp.com/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini
-  </a>
-  <br />
-
-  <p>
-    Website Company Profile PT. Raya Azura Persada telah diciptakan dengan
-    tujuan untuk memberikan informasi yang informatif. Tidak hanya desain
-    keseluruhan yang menarik, tetapi juga dilengkapi dengan tampilan yang khusus
-    dan unik serta mudah bagi pengunjung untuk mendapatkan informasi tentang
-    perusahaan.
-  </p>
-
-  <p>
-    Saat Anda mengakses website ini, Anda akan langsung menemui halaman depan
-    yang berisi headline dan portofolio yang menarik. Selain itu, website ini
-    dilengkapi dengan animasi yang memukau namun tetap ringan, tanpa menggunakan
-    framework, hampir semua komponen dibangun secara native dari awal.
-  </p>
-
-  <p>
-    Berbagai elemen desain dapat ditemukan dalam kontennya, seperti variasi
-    teks, tombol, layout 1 kolom, rincian, tabel, dan carousel.
-  </p>
-
-  <p>Fitur unggulan dari website ini meliputi:</p>
-  <ul>
-    <li>
-      Kemampuan untuk mengelola website langsung melalui tampilan tersebut,
-      hanya perlu melakukan login sekali.
-    </li>
-    <li>
-      Kemampuan akses yang baik melalui perangkat mobile seperti handphone,
-      tablet, laptop, maupun PC.
-    </li>
-    <li>
-      Penggunaan sedikit ikon untuk mempercepat pengunjung dalam mengakses
-      informasi.
-    </li>
-    <li>
-      Efek hover yang mempercantik tampilan web sekaligus memudahkan pengunjung
-      mengenali tautan.
-    </li>
-    <li>
-      Desain yang unik sehingga orang dapat lebih mudah mengingat tampilan
-      website tersebut.
-    </li>
-    <li>
-      Penggunaan hanya satu plug-in, selain itu semuanya dibangun secara native,
-      sehingga tidak akan memberatkan website.
-    </li>
-  </ul>
-
-  <p>Bahan pembuatan website ini mencakup:</p>
-  <ul>
-    <li>HTML sebagai kerangka dasar.</li>
-    <li>PHP sebagai bahasa pemrograman.</li>
-    <li>CSS untuk pengaturan tampilan dan layout.</li>
-    <li>Javascript dan jQuery untuk interaksi langsung.</li>
-    <li>MySQL sebagai basis data.</li>
-  </ul>
-
-  <p>
-    Semoga informasi ini bermanfaat untuk Anda. Jika Anda memiliki pertanyaan
-    lebih lanjut atau memerlukan bantuan lebih lanjut, jangan ragu untuk
-    menghubungi.
-  </p>
-</body>
diff --git a/.history/portofolio-websiteRAP_20231006223844.html b/.history/portofolio-websiteRAP_20231006223844.html
deleted file mode 100644
index 2c57c6f..0000000
--- a/.history/portofolio-websiteRAP_20231006223844.html
+++ /dev/null
@@ -1,234 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/webrap1/webrap1.webp" />
-    <span>Home Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/webrap1/webrap2.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/webrap1/webrap3.webp" />
-    <span>Smartphone View</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://maulanaproject1.000webhostapp.com/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini
-  </a>
-  <br />
-
-  <p>
-    Website Company Profile PT. Raya Azura Persada telah diciptakan dengan
-    tujuan untuk memberikan informasi yang informatif. Tidak hanya desain
-    keseluruhan yang menarik, tetapi juga dilengkapi dengan tampilan yang khusus
-    dan unik serta mudah bagi pengunjung untuk mendapatkan informasi tentang
-    perusahaan.
-  </p>
-
-  <p>
-    Saat Anda mengakses website ini, Anda akan langsung menemui halaman depan
-    yang berisi headline dan portofolio yang menarik. Selain itu, website ini
-    dilengkapi dengan animasi yang memukau namun tetap ringan, tanpa menggunakan
-    framework, hampir semua komponen dibangun secara native dari awal.
-  </p>
-
-  <p>
-    Berbagai elemen desain dapat ditemukan dalam kontennya, seperti variasi
-    teks, tombol, layout 1 kolom, rincian, tabel, dan carousel.
-  </p>
-
-  <p>Fitur unggulan dari website ini meliputi:</p>
-  <ul>
-    <li>
-      Kemampuan untuk mengelola website langsung melalui tampilan tersebut,
-      hanya perlu melakukan login sekali.
-    </li>
-    <li>
-      Kemampuan akses yang baik melalui perangkat mobile seperti handphone,
-      tablet, laptop, maupun PC.
-    </li>
-    <li>
-      Penggunaan sedikit ikon untuk mempercepat pengunjung dalam mengakses
-      informasi.
-    </li>
-    <li>
-      Efek hover yang mempercantik tampilan web sekaligus memudahkan pengunjung
-      mengenali tautan.
-    </li>
-    <li>
-      Desain yang unik sehingga orang dapat lebih mudah mengingat tampilan
-      website tersebut.
-    </li>
-    <li>
-      Penggunaan hanya satu plug-in, selain itu semuanya dibangun secara native,
-      sehingga tidak akan memberatkan website.
-    </li>
-  </ul>
-
-  <p>Bahan pembuatan website ini mencakup:</p>
-  <ul>
-    <li>HTML sebagai kerangka dasar.</li>
-    <li>PHP sebagai bahasa pemrograman.</li>
-    <li>CSS untuk pengaturan tampilan dan layout.</li>
-    <li>Javascript dan jQuery untuk interaksi langsung.</li>
-    <li>MySQL sebagai basis data.</li>
-  </ul>
-
-  <p>
-    Semoga informasi ini bermanfaat untuk Anda. Jika Anda memiliki pertanyaan
-    lebih lanjut atau memerlukan bantuan lebih lanjut, jangan ragu untuk
-    menghubungi.
-  </p>
-</body>
diff --git a/.history/portofolio-websiteRAP_20231006230630.html b/.history/portofolio-websiteRAP_20231006230630.html
deleted file mode 100644
index 8067e12..0000000
--- a/.history/portofolio-websiteRAP_20231006230630.html
+++ /dev/null
@@ -1,234 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/webrap1/webrap1.webp" />
-    <span>Home Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/webrap1/webrap2.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/webrap1/webrap3.webp" />
-    <span>Smartphone View</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://salamnunggal.000webhostapp.com/index.php/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini
-  </a>
-  <br />
-
-  <p>
-    Website Company Profile PT. Raya Azura Persada telah diciptakan dengan
-    tujuan untuk memberikan informasi yang informatif. Tidak hanya desain
-    keseluruhan yang menarik, tetapi juga dilengkapi dengan tampilan yang khusus
-    dan unik serta mudah bagi pengunjung untuk mendapatkan informasi tentang
-    perusahaan.
-  </p>
-
-  <p>
-    Saat Anda mengakses website ini, Anda akan langsung menemui halaman depan
-    yang berisi headline dan portofolio yang menarik. Selain itu, website ini
-    dilengkapi dengan animasi yang memukau namun tetap ringan, tanpa menggunakan
-    framework, hampir semua komponen dibangun secara native dari awal.
-  </p>
-
-  <p>
-    Berbagai elemen desain dapat ditemukan dalam kontennya, seperti variasi
-    teks, tombol, layout 1 kolom, rincian, tabel, dan carousel.
-  </p>
-
-  <p>Fitur unggulan dari website ini meliputi:</p>
-  <ul>
-    <li>
-      Kemampuan untuk mengelola website langsung melalui tampilan tersebut,
-      hanya perlu melakukan login sekali.
-    </li>
-    <li>
-      Kemampuan akses yang baik melalui perangkat mobile seperti handphone,
-      tablet, laptop, maupun PC.
-    </li>
-    <li>
-      Penggunaan sedikit ikon untuk mempercepat pengunjung dalam mengakses
-      informasi.
-    </li>
-    <li>
-      Efek hover yang mempercantik tampilan web sekaligus memudahkan pengunjung
-      mengenali tautan.
-    </li>
-    <li>
-      Desain yang unik sehingga orang dapat lebih mudah mengingat tampilan
-      website tersebut.
-    </li>
-    <li>
-      Penggunaan hanya satu plug-in, selain itu semuanya dibangun secara native,
-      sehingga tidak akan memberatkan website.
-    </li>
-  </ul>
-
-  <p>Bahan pembuatan website ini mencakup:</p>
-  <ul>
-    <li>HTML sebagai kerangka dasar.</li>
-    <li>PHP sebagai bahasa pemrograman.</li>
-    <li>CSS untuk pengaturan tampilan dan layout.</li>
-    <li>Javascript dan jQuery untuk interaksi langsung.</li>
-    <li>MySQL sebagai basis data.</li>
-  </ul>
-
-  <p>
-    Semoga informasi ini bermanfaat untuk Anda. Jika Anda memiliki pertanyaan
-    lebih lanjut atau memerlukan bantuan lebih lanjut, jangan ragu untuk
-    menghubungi.
-  </p>
-</body>
diff --git a/.history/portofolio-websiteRAP_20231006230633.html b/.history/portofolio-websiteRAP_20231006230633.html
deleted file mode 100644
index 8710ebb..0000000
--- a/.history/portofolio-websiteRAP_20231006230633.html
+++ /dev/null
@@ -1,234 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/webrap1/webrap1.webp" />
-    <span>Home Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/webrap1/webrap2.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/webrap1/webrap3.webp" />
-    <span>Smartphone View</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://salamnunggal.000webhostapp.com/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini
-  </a>
-  <br />
-
-  <p>
-    Website Company Profile PT. Raya Azura Persada telah diciptakan dengan
-    tujuan untuk memberikan informasi yang informatif. Tidak hanya desain
-    keseluruhan yang menarik, tetapi juga dilengkapi dengan tampilan yang khusus
-    dan unik serta mudah bagi pengunjung untuk mendapatkan informasi tentang
-    perusahaan.
-  </p>
-
-  <p>
-    Saat Anda mengakses website ini, Anda akan langsung menemui halaman depan
-    yang berisi headline dan portofolio yang menarik. Selain itu, website ini
-    dilengkapi dengan animasi yang memukau namun tetap ringan, tanpa menggunakan
-    framework, hampir semua komponen dibangun secara native dari awal.
-  </p>
-
-  <p>
-    Berbagai elemen desain dapat ditemukan dalam kontennya, seperti variasi
-    teks, tombol, layout 1 kolom, rincian, tabel, dan carousel.
-  </p>
-
-  <p>Fitur unggulan dari website ini meliputi:</p>
-  <ul>
-    <li>
-      Kemampuan untuk mengelola website langsung melalui tampilan tersebut,
-      hanya perlu melakukan login sekali.
-    </li>
-    <li>
-      Kemampuan akses yang baik melalui perangkat mobile seperti handphone,
-      tablet, laptop, maupun PC.
-    </li>
-    <li>
-      Penggunaan sedikit ikon untuk mempercepat pengunjung dalam mengakses
-      informasi.
-    </li>
-    <li>
-      Efek hover yang mempercantik tampilan web sekaligus memudahkan pengunjung
-      mengenali tautan.
-    </li>
-    <li>
-      Desain yang unik sehingga orang dapat lebih mudah mengingat tampilan
-      website tersebut.
-    </li>
-    <li>
-      Penggunaan hanya satu plug-in, selain itu semuanya dibangun secara native,
-      sehingga tidak akan memberatkan website.
-    </li>
-  </ul>
-
-  <p>Bahan pembuatan website ini mencakup:</p>
-  <ul>
-    <li>HTML sebagai kerangka dasar.</li>
-    <li>PHP sebagai bahasa pemrograman.</li>
-    <li>CSS untuk pengaturan tampilan dan layout.</li>
-    <li>Javascript dan jQuery untuk interaksi langsung.</li>
-    <li>MySQL sebagai basis data.</li>
-  </ul>
-
-  <p>
-    Semoga informasi ini bermanfaat untuk Anda. Jika Anda memiliki pertanyaan
-    lebih lanjut atau memerlukan bantuan lebih lanjut, jangan ragu untuk
-    menghubungi.
-  </p>
-</body>
diff --git a/.history/portofolio-websiteRAP_20231006231104.html b/.history/portofolio-websiteRAP_20231006231104.html
deleted file mode 100644
index 835cec7..0000000
--- a/.history/portofolio-websiteRAP_20231006231104.html
+++ /dev/null
@@ -1,240 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/webrap1/webrap1.webp" />
-    <span>Home Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/webrap1/webrap2.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/webrap1/webrap3.webp" />
-    <span>Smartphone View</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://salamnunggal.000webhostapp.com/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini
-  </a>
-  <br />
-
-  <p>
-    Website Company Profile PT. Raya Azura Persada telah diciptakan dengan
-    tujuan untuk memberikan informasi yang informatif. Tidak hanya desain
-    keseluruhan yang menarik, tetapi juga dilengkapi dengan tampilan yang khusus
-    dan unik serta mudah bagi pengunjung untuk mendapatkan informasi tentang
-    perusahaan.
-  </p>
-
-  <p>
-    Saat Anda mengakses website ini, Anda akan langsung menemui halaman depan
-    yang berisi headline dan portofolio yang menarik. Selain itu, website ini
-    dilengkapi dengan animasi yang memukau namun tetap ringan, tanpa menggunakan
-    framework, hampir semua komponen dibangun secara native dari awal.
-  </p>
-
-  <p>
-    Berbagai elemen desain dapat ditemukan dalam kontennya, seperti variasi
-    teks, tombol, layout 1 kolom, rincian, tabel, dan carousel.
-  </p>
-
-  <p>Fitur unggulan dari website ini meliputi:</p>
-  <ul>
-    <li>
-      Kemampuan untuk mengelola website langsung melalui tampilan tersebut,
-      hanya perlu melakukan login sekali.
-    </li>
-    <li>
-      Kemampuan akses yang baik melalui perangkat mobile seperti handphone,
-      tablet, laptop, maupun PC.
-    </li>
-    <li>
-      Penggunaan sedikit ikon untuk mempercepat pengunjung dalam mengakses
-      informasi.
-    </li>
-    <li>
-      Efek hover yang mempercantik tampilan web sekaligus memudahkan pengunjung
-      mengenali tautan.
-    </li>
-    <li>
-      Desain yang unik sehingga orang dapat lebih mudah mengingat tampilan
-      website tersebut.
-    </li>
-    <li>
-      Penggunaan hanya satu plug-in, selain itu semuanya dibangun secara native,
-      sehingga tidak akan memberatkan website.
-    </li>
-  </ul>
-
-  <p>Bahan pembuatan website ini mencakup:</p>
-  <ul>
-    <li>HTML</li>
-    <li>PHP 7</li>
-    <li>CSS</li>
-    <li>Javascript</li>
-    <li>Dropzone.js</li>
-    <li>Select2.js</li>
-    <li>Jquery UI 1.12.1</li>
-    <li>Jquery UI</li>
-    <li>Whatsapp Business Chat</li>
-    <li>Google Maps</li>
-    <li>MySQL</li>
-  </ul>
-
-  <p>
-    Semoga informasi ini bermanfaat untuk Anda. Jika Anda memiliki pertanyaan
-    lebih lanjut atau memerlukan bantuan lebih lanjut, jangan ragu untuk
-    menghubungi.
-  </p>
-</body>
diff --git a/.history/portofolio-websiteRAP_20231006231135.html b/.history/portofolio-websiteRAP_20231006231135.html
deleted file mode 100644
index fa5274c..0000000
--- a/.history/portofolio-websiteRAP_20231006231135.html
+++ /dev/null
@@ -1,240 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/webrap1/webrap1.webp" />
-    <span>Home Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/webrap1/webrap2.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/webrap1/webrap3.webp" />
-    <span>Smartphone View</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://salamnunggal.000webhostapp.com/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini
-  </a>
-  <br />
-
-  <p>
-    Website Company Profile PT. Raya Azura Persada telah diciptakan dengan
-    tujuan untuk memberikan informasi yang informatif. Tidak hanya desain
-    keseluruhan yang menarik, tetapi juga dilengkapi dengan tampilan yang khusus
-    dan unik serta mudah bagi pengunjung untuk mendapatkan informasi tentang
-    perusahaan.
-  </p>
-
-  <p>
-    Saat Anda mengakses website ini, Anda akan langsung menemui halaman depan
-    yang berisi headline dan portofolio yang menarik. Selain itu, website ini
-    dilengkapi dengan animasi yang memukau namun tetap ringan, tanpa menggunakan
-    framework, hampir semua komponen dibangun secara native dari awal.
-  </p>
-
-  <p>
-    Berbagai elemen desain dapat ditemukan dalam kontennya, seperti variasi
-    teks, tombol, layout 1 kolom, rincian, tabel, dan carousel.
-  </p>
-
-  <p>Fitur unggulan dari website ini meliputi:</p>
-  <ul>
-    <li>
-      Kemampuan untuk mengelola website langsung melalui tampilan tersebut,
-      hanya perlu melakukan login sekali.
-    </li>
-    <li>
-      Kemampuan akses yang baik melalui perangkat mobile seperti handphone,
-      tablet, laptop, maupun PC.
-    </li>
-    <li>
-      Penggunaan sedikit ikon untuk mempercepat pengunjung dalam mengakses
-      informasi.
-    </li>
-    <li>
-      Efek hover yang mempercantik tampilan web sekaligus memudahkan pengunjung
-      mengenali tautan.
-    </li>
-    <li>
-      Desain yang unik sehingga orang dapat lebih mudah mengingat tampilan
-      website tersebut.
-    </li>
-    <li>
-      Penggunaan hanya satu plug-in, selain itu semuanya dibangun secara native,
-      sehingga tidak akan memberatkan website.
-    </li>
-  </ul>
-
-  <h2>Teknologi yang digunakan</h2>
-  <ul>
-    <li>HTML</li>
-    <li>PHP 7</li>
-    <li>CSS</li>
-    <li>Javascript</li>
-    <li>Dropzone.js</li>
-    <li>Select2.js</li>
-    <li>Jquery UI 1.12.1</li>
-    <li>Jquery UI</li>
-    <li>Whatsapp Business Chat</li>
-    <li>Google Maps</li>
-    <li>MySQL</li>
-  </ul>
-
-  <p>
-    Semoga informasi ini bermanfaat untuk Anda. Jika Anda memiliki pertanyaan
-    lebih lanjut atau memerlukan bantuan lebih lanjut, jangan ragu untuk
-    menghubungi.
-  </p>
-</body>
diff --git a/.history/portofolio-websiteRAP_20231006231614.html b/.history/portofolio-websiteRAP_20231006231614.html
deleted file mode 100644
index 7a2ea55..0000000
--- a/.history/portofolio-websiteRAP_20231006231614.html
+++ /dev/null
@@ -1,242 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/webrap1/webrap1.webp" />
-    <span>Home Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/webrap1/webrap2.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/webrap1/webrap3.webp" />
-    <span>Smartphone View</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://salamnunggal.000webhostapp.com/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini
-  </a>
-  <br />
-
-  <p>
-    Website Company Profile PT. Raya Azura Persada telah diciptakan dengan
-    tujuan untuk memberikan informasi yang informatif. Tidak hanya desain
-    keseluruhan yang menarik, tetapi juga dilengkapi dengan tampilan yang khusus
-    dan unik serta mudah bagi pengunjung untuk mendapatkan informasi tentang
-    perusahaan.
-  </p>
-
-  <p>
-    Saat Anda mengakses website ini, Anda akan langsung menemui halaman depan
-    yang berisi headline dan portofolio yang menarik. Selain itu, website ini
-    dilengkapi dengan animasi yang memukau namun tetap ringan, tanpa menggunakan
-    framework, hampir semua komponen dibangun secara native dari awal.
-  </p>
-
-  <p>
-    Berbagai elemen desain dapat ditemukan dalam kontennya, seperti variasi
-    teks, tombol, layout 1 kolom, rincian, tabel, dan carousel.
-  </p>
-
-  <p>Fitur unggulan dari website ini meliputi:</p>
-  <ul>
-    <li>
-      Kemampuan untuk mengelola website langsung melalui tampilan tersebut,
-      hanya perlu melakukan login sekali.
-    </li>
-    <li>
-      Kemampuan akses yang baik melalui perangkat mobile seperti handphone,
-      tablet, laptop, maupun PC.
-    </li>
-    <li>
-      Penggunaan sedikit ikon untuk mempercepat pengunjung dalam mengakses
-      informasi.
-    </li>
-    <li>
-      Efek hover yang mempercantik tampilan web sekaligus memudahkan pengunjung
-      mengenali tautan.
-    </li>
-    <li>
-      Desain yang unik sehingga orang dapat lebih mudah mengingat tampilan
-      website tersebut.
-    </li>
-    <li>
-      Penggunaan hanya satu plug-in, selain itu semuanya dibangun secara native,
-      sehingga tidak akan memberatkan website.
-    </li>
-  </ul>
-
-  <h2>Teknologi yang digunakan</h2>
-  <ul>
-    <li>HTML</li>
-    <li>PHP 7</li>
-    <li>CSS</li>
-    <li>Javascript</li>
-    <li>Dropzone.js</li>
-    <li>Select2.js</li>
-    <li>Jquery UI 1.12.1</li>
-    <li>Jquery UI</li>
-    <li>Whatsapp Business Chat</li>
-    <li>Google Maps</li>
-    <li>MySQL</li>
-  </ul>
-
-  <p>
-    Semoga informasi ini bermanfaat untuk Anda. Jika Anda memiliki pertanyaan
-    lebih lanjut atau memerlukan bantuan lebih lanjut, jangan ragu untuk
-    menghubungi.
-  </p>
-
-  User : admin password : admin
-</body>
diff --git a/.history/portofolio-websiteRAP_20231006231621.html b/.history/portofolio-websiteRAP_20231006231621.html
deleted file mode 100644
index 963b8e4..0000000
--- a/.history/portofolio-websiteRAP_20231006231621.html
+++ /dev/null
@@ -1,243 +0,0 @@
-<style type="text/css">
-  @import url("https://fonts.googleapis.com/css?family=Baloo+Chettan+2&display=swap");
-
-  .body2::-webkit-scrollbar {
-    width: 0.5em;
-  }
-
-  .body2::-webkit-scrollbar-track {
-    box-shadow: inset 0 0 6px rgb(167 167 167 / 41%);
-    background-color: #061e29;
-  }
-
-  .body2::-webkit-scrollbar-thumb {
-    background-color: #00f1ffab;
-  }
-
-  .body2 {
-    font-family: "Baloo Chettan 2";
-    color: #e5e5e5;
-    margin: 2%;
-    text-align: justify;
-    padding: 3%;
-  }
-
-  .body2 a {
-    color: dodgerblue;
-  }
-
-  /* table wisata ...................*/
-  .twisata {
-  }
-
-  .twisata tr {
-    background: linear-gradient(90deg, #1193a1, transparent);
-    color: white;
-    font-weight: 900;
-    border: 3px solid #ffffff;
-  }
-
-  .twisata tr td {
-  }
-
-  .twisata tr td span {
-    background: #bdffda;
-    font-weight: 900;
-    padding: 1px 6px;
-    border-radius: 5px;
-    color: #08102b;
-  }
-
-  /* wisata-container ...................*/
-  .container-wisata {
-    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
-    display: flex;
-    width: 100%;
-    padding: 1% 0%;
-    box-sizing: border-box;
-    height: 50vh;
-    border-radius: 10px;
-  }
-
-  .boxwisata {
-    flex: 1;
-    overflow: hidden;
-    transition: 0.5s;
-    margin: 1px 1%;
-    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-    line-height: 0;
-  }
-
-  .boxwisata > img {
-    width: 200%;
-    height: calc(100% - 10vh);
-    object-fit: cover;
-    transition: 0.5s;
-    height: 100% !important;
-  }
-
-  .boxwisata > span {
-    position: relative;
-    left: 7px;
-    font-size: xx-small;
-    color: #f5fff7 !important;
-    bottom: 20px;
-    white-space: nowrap;
-    background-color: rgb(1 118 74 / 20%);
-    padding: 0 6px 0 4px;
-    border-radius: 0 10px 10px 0;
-  }
-
-  .boxwisata:hover {
-    flex: 1 1 50%;
-  }
-
-  .boxwisata:hover > img {
-    width: 100%;
-    height: 100%;
-  }
-
-  .btn-portofolio {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 10px;
-    font-family: inherit;
-    font-size: 13px;
-    font-weight: 500;
-    text-transform: uppercase;
-    letter-spacing: 0.4px;
-    color: #7e97b8;
-    background-color: #e0e8ef;
-    border-style: solid;
-    border-width: 2px 2px 2px 2px;
-    border-color: rgba(255, 255, 255, 0.333);
-    border-radius: 40px 40px 40px 40px;
-    padding: 16px 24px 16px 28px;
-    transform: translate(0px, 0px) rotate(0deg);
-    transition: 0.2s;
-    box-shadow: -4px -2px 16px 0px #ffffff,
-      4px 2px 16px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:hover {
-    color: #516d91;
-    background-color: #e5edf5;
-    box-shadow: -2px -1px 8px 0px #ffffff, 2px 1px 8px 0px rgb(95 157 231 / 48%);
-  }
-
-  .btn-portofolio:active {
-    box-shadow: none;
-  }
-</style>
-<div class="container-wisata">
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/webrap1/webrap1.webp" />
-    <span>Home Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/webrap1/webrap2.webp" />
-    <span>Login Page</span>
-  </div>
-  <div class="boxwisata">
-    <img alt="Curug Cipalasari" src="IMG/webrap1/webrap3.webp" />
-    <span>Smartphone View</span>
-  </div>
-</div>
-<br />
-
-<body class="body2">
-  <a
-    class="btn-portofolio"
-    target="_blank"
-    href="https://salamnunggal.000webhostapp.com/"
-  >
-    <svg
-      viewBox="0 0 24 24"
-      width="24"
-      height="24"
-      stroke="currentColor"
-      stroke-width="2"
-      fill="none"
-      stroke-linecap="round"
-      stroke-linejoin="round"
-      class="css-i6dzq1"
-    >
-      <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
-    </svg>
-    Demo : Klik di sini
-  </a>
-  <br />
-
-  <p>
-    Website Company Profile PT. Raya Azura Persada telah diciptakan dengan
-    tujuan untuk memberikan informasi yang informatif. Tidak hanya desain
-    keseluruhan yang menarik, tetapi juga dilengkapi dengan tampilan yang khusus
-    dan unik serta mudah bagi pengunjung untuk mendapatkan informasi tentang
-    perusahaan.
-  </p>
-
-  <p>
-    Saat Anda mengakses website ini, Anda akan langsung menemui halaman depan
-    yang berisi headline dan portofolio yang menarik. Selain itu, website ini
-    dilengkapi dengan animasi yang memukau namun tetap ringan, tanpa menggunakan
-    framework, hampir semua komponen dibangun secara native dari awal.
-  </p>
-
-  <p>
-    Berbagai elemen desain dapat ditemukan dalam kontennya, seperti variasi
-    teks, tombol, layout 1 kolom, rincian, tabel, dan carousel.
-  </p>
-
-  <p>Fitur unggulan dari website ini meliputi:</p>
-  <ul>
-    <li>
-      Kemampuan untuk mengelola website langsung melalui tampilan tersebut,
-      hanya perlu melakukan login sekali.
-    </li>
-    <li>
-      Kemampuan akses yang baik melalui perangkat mobile seperti handphone,
-      tablet, laptop, maupun PC.
-    </li>
-    <li>
-      Penggunaan sedikit ikon untuk mempercepat pengunjung dalam mengakses
-      informasi.
-    </li>
-    <li>
-      Efek hover yang mempercantik tampilan web sekaligus memudahkan pengunjung
-      mengenali tautan.
-    </li>
-    <li>
-      Desain yang unik sehingga orang dapat lebih mudah mengingat tampilan
-      website tersebut.
-    </li>
-    <li>
-      Penggunaan hanya satu plug-in, selain itu semuanya dibangun secara native,
-      sehingga tidak akan memberatkan website.
-    </li>
-  </ul>
-
-  <h2>Teknologi yang digunakan</h2>
-  <ul>
-    <li>HTML</li>
-    <li>PHP 7</li>
-    <li>CSS</li>
-    <li>Javascript</li>
-    <li>Dropzone.js</li>
-    <li>Select2.js</li>
-    <li>Jquery UI 1.12.1</li>
-    <li>Jquery UI</li>
-    <li>Whatsapp Business Chat</li>
-    <li>Google Maps</li>
-    <li>MySQL</li>
-  </ul>
-
-  <p>
-    Semoga informasi ini bermanfaat untuk Anda. Jika Anda memiliki pertanyaan
-    lebih lanjut atau memerlukan bantuan lebih lanjut, jangan ragu untuk
-    menghubungi.
-  </p>
-
-  User : admin<br />
-  password : admin
-</body>
diff --git a/index.html b/index.html
index bfe0cd3..d431fb4 100644
--- a/index.html
+++ b/index.html
@@ -17578,12 +17578,12 @@ <h2>Resume <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="
                 alt="Man. Pumping charity web program">
             </div>
             <div class="card-body">
-              <h5 class="card-title">Man. Pumping Charity</h5>
+              <h5 class="card-title">SIPDI</h5>
               <p class="card-text" style="font-size: smaller;">Sebuah aplikasi web pengelolaan data SPT control, dana
                 kelola, member, basecamp, profit, inventaris, transaksi, kas, dan laporan yang kompleks dengan 3 sisi
                 user</p>
 
-              <a target="_blank" href="https://maulana-project122.000webhostapp.com/" class="btn btn-info btn-sm">Demo
+              <a target="_blank" href="https://surat.glccontrol.com/" class="btn btn-info btn-sm">Demo
                 <svg viewBox="0 0 24 24">
                   <path fill="currentColor"
                     d="M19 3C20.1 3 21 3.9 21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19M8.7 8L10.8 10.1L7 14L9.8 16.8L13.6 12.9L15.7 15V8H8.7Z" />
diff --git a/portofolio-manpumping.html b/portofolio-manpumping.html
index 4c780c4..f0e9c0e 100644
--- a/portofolio-manpumping.html
+++ b/portofolio-manpumping.html
@@ -150,7 +150,7 @@
   <a
     class="btn-portofolio"
     target="_blank"
-    href="https://maulana-project122.000webhostapp.com/"
+    href="https://surat.glccontrol.com/"
   >
     <svg
       viewBox="0 0 24 24"