<!doctype html>
<html class="no-js" lang="id">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width,initial-scale=1" />
    <meta name="theme-color" content="#282828" />
    <link
      rel="shortcut icon"
      href="https://ayowasabi.com/cdn/luxury138-freshdomain-icon-1.webp"
      type="image/png"
    />
    <link rel="canonical" href="https://luxury138terbaik.net/" />
    <link rel="alternate" href="https://luxury138terbaik.pages.dev/" />
    <link
      rel="alternate"
      href="https://luxury138terbaik.pages.dev/"
      hreflang="id"
    />
    <link
      rel="alternate"
      href="https://luxury138terbaik.pages.dev/"
      hreflang="en"
    />
    <link
      rel="alternate"
      href="https://luxury138terbaik.pages.dev/"
      hreflang="en"
    />
    <link
      rel="alternate"
      href="https://luxury138terbaik.pages.dev/"
      hreflang="x-default"
    />
    <link
      rel="alternate"
      hreflang="id-ID"
      href="https://luxury138terbaik.pages.dev/"
    />
    <link
      rel="alternate"
      hreflang="en-US"
      href="https://luxury138terbaik.pages.dev/"
    />
    <link
      rel="alternate"
      hreflang="en-SG"
      href="https://luxury138terbaik.pages.dev/"
    />
    <link rel="amphtml" href="https://luxury138terbaik.pages.dev/" />
    <title>LUXURY138 # Agen Slot Tergacor Nomor Satu Gampang Maxwin</title>
    <!-- /snippets/social-meta-tags.liquid -->
    <meta property="og:site_name" content="LUXURY138" />
    <meta property="og:url" content="https://luxury138terbaik.net/" />
    <meta
      property="og:title"
      content="LUXURY138 # Agen Slot Tergacor Nomor Satu Gampang Maxwin"
    />
    <meta property="og:type" content="product" />
    <meta
      property="og:description"
      content="LUXURY138 ialah agen slot tergacor nomor satu yang dirancang khusus buat kamu para pemburu maxwin dan jackpot fantastis, siap rasakan sensasi kemenangan tak terlupakan."
    />
    <meta property="og:price:amount" content="5000.00" />
    <meta property="og:price:currency" content="USD" />
    <meta
      property="og:image"
      content="https://ayowasabi.com/cdn/luxury138-freshdomain-banner-1.jpg"
    />
    <meta
      property="og:image:secure_url"
      content="https://ayowasabi.com/cdn/luxury138-freshdomain-banner-1.jpg"
    />
    <meta property="product:availability" content="instock" />
    <meta property="product:price:amount" content="5000.00" />
    <meta property="product:price:currency" content="USD" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="1200" />
    <meta
      property="og:image:alt"
      content="LUXURY138 # Agen Slot Tergacor Nomor Satu Gampang Maxwin"
    />
    <meta name="twitter:site" content="@https://x.com/LUXURY138" />
    <meta name="twitter:card" content="summary_large_image" />
    <meta
      name="twitter:title"
      content="LUXURY138 # Agen Slot Tergacor Nomor Satu Gampang Maxwin"
    />
    <meta
      name="twitter:description"
      content="LUXURY138 ialah agen slot tergacor nomor satu yang dirancang khusus buat kamu para pemburu maxwin dan jackpot fantastis, siap rasakan sensasi kemenangan tak terlupakan."
    />
    <meta
      name="twitter:image"
      content="https://ayowasabi.com/cdn/luxury138-freshdomain-banner-1.jpg"
    />
    <link
      href="//seabrafoods.com/cdn/shop/t/15/assets/theme.scss.css?v=138501862334479561381727371706"
      rel="stylesheet"
      type="text/css"
      media="all"
    />
    <link
      href="//seabrafoods.com/cdn/shop/t/15/assets/style-product.scss.css?v=92226152615271025781716558279"
      rel="stylesheet"
      type="text/css"
      media="al"
    />
    <script>
      window.performance &&
        window.performance.mark &&
        window.performance.mark("shopify.content_for_header.start");
    </script>
    <meta
      id="shopify-digital-wallet"
      name="shopify-digital-wallet"
      content="/60844245227/digital_wallets/dialog"
    />
    <meta
      name="shopify-checkout-api-token"
      content="2f8cdde862c570bd77ee62355fb2d349"
    />
    

    
    
    

    <script>
      document.documentElement.className =
        document.documentElement.className.replace("no-js", "js");
    </script>
    <script id="apple-pay-shop-capabilities" type="application/json">
      {
        "shopId": 60844245227,
        "countryCode": "id",
        "currencyCode": "USD",
        "merchantCapabilities": ["supports3DS"],
        "merchantId": "gid:\/\/shopify\/Shop\/60844245227",
        "merchantName": "LUXURY138",
        "requiredBillingContactFields": ["postalAddress", "email", "phone"],
        "requiredShippingContactFields": ["postalAddress", "email", "phone"],
        "shippingType": "shipping",
        "supportedNetworks": [
          "visa",
          "masterCard",
          "amex",
          "discover",
          "elo",
          "jcb"
        ],
        "total": { "type": "pending", "label": "LUXURY138", "amount": "1.00" },
        "shopifyPaymentsEnabled": true,
        "supportsSubscriptions": true
      }
    </script>
    <script id="shopify-features" type="application/json">
      {
        "accessToken": "2f8cdde862c570bd77ee62355fb2d349",
        "domain": "https://luxury138terbaik.net/",
        "shopId": 60844245227,
        "locale": "id"
      }
    </script>
    <script>
      var Shopify = Shopify || {};
      Shopify.shop = "e-seabra-foods.myshopify.com";
      Shopify.locale = "en";
      Shopify.currency = { active: "USD", rate: "1.0" };
      Shopify.country = "US";
      Shopify.theme = {
        name: "mercado",
        id: 142769357035,
        schema_name: null,
        schema_version: null,
        theme_store_id: null,
        role: "main",
      };
      Shopify.theme.handle = "null";
      Shopify.theme.style = { id: null, handle: null };
      Shopify.cdnHost = "seabrafoods.com/cdn";
      Shopify.routes = Shopify.routes || {};
      Shopify.routes.root = "/";
    </script>
    <script type="application/json" id="ProductJson-product-template-1">
      {
        "id": 7695179448555,
        "title": "LUXURY138 # Agen Slot Tergacor Nomor Satu Gampang Maxwin",
        "handle": "black-angus-choice-picanha-3lb-piece",
        "description": "",
        "published_at": "2025-06-12T12:37:13-04:00",
        "created_at": "2022-05-20T13:30:48-04:00",
        "vendor": "LUXURY138",
        "type": "Beef",
        "tags": [],
        "price": 3500,
        "price_min": 3500,
        "price_max": 3500,
        "available": true,
        "price_varies": false,
        "compare_at_price": null,
        "compare_at_price_min": 0,
        "compare_at_price_max": 0,
        "compare_at_price_varies": false,
        "variants": [
          {
            "id": 42849557217515,
            "title": "Default Title",
            "option1": "Default Title",
            "option2": null,
            "option3": null,
            "sku": "800902578993",
            "requires_shipping": true,
            "taxable": false,
            "featured_image": null,
            "available": true,
            "name": "LUXURY138 # Agen Slot Tergacor Nomor Satu Gampang Maxwin",
            "public_title": null,
            "options": ["Default Title"],
            "price": 3500,
            "weight": 0,
            "compare_at_price": null,
            "inventory_management": null,
            "barcode": "800902578993",
            "requires_selling_plan": false,
            "selling_plan_allocations": []
          }
        ],
        "images": [
          "\/\/kilat.digital/images/2026/05/06/94fc17b24c29cc08f8a0e5462ce5ab42.jpg"
        ],
        "featured_image": "\/\/kilat.digital/images/2026/05/06/94fc17b24c29cc08f8a0e5462ce5ab42.jpg",
        "options": ["Title"],
        "media": [
          {
            "alt": "LUXURY138 # Agen Slot Tergacor Nomor Satu Gampang Maxwin",
            "id": 29851484291307,
            "position": 1,
            "preview_image": {
              "aspect_ratio": 1.0,
              "height": 1200,
              "width": 1200,
              "src": "https:\/\/kilat.digital\/images\/2026/05/06/94fc17b24c29cc08f8a0e5462ce5ab42.jpg"
            },
            "aspect_ratio": 1.0,
            "height": 1200,
            "media_type": "image",
            "src": "\/\/kilat.digital/images/2026\/05\/06\/94fc17b24c29cc08f8a0e5462ce5ab42.jpg",
            "width": 1200
          }
        ],
        "requires_selling_plan": false,
        "selling_plan_groups": [],
        "content": ""
      }
    </script>
    <script type="application/json" id="VariantJson-product-template-1">
      [
        {
          "incoming": false,
          "next_incoming_date": null,
          "inventory_policy": "continue",
          "inventory_quantity": 19
        }
      ]
    </script>
    <script id="shop-js-analytics" type="application/json">
      { "pageType": "product" }
    </script>
    <script id="__st">
      var __st = {
        a: 60844245227,
        offset: -18000,
        reqid: "8942053a-3dcd-4561-9a24-9c4b2bd96cd3-1763468130",
        pageurl:
          "seabrafoods.com\/collections\/beef\/products\/black-angus-choice-picanha-3lb-piece",
        u: "4339aae89124",
        p: "product",
        rtyp: "product",
        rid: 7695179448555,
      };
    </script>
    <script
      crossorigin="anonymous"
      defer="defer"
      src="//seabrafoods.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-65b4c6d7.js?v=20250812"
    ></script>
    <script data-source-attribution="shopify.dynamic_checkout.dynamic.init">
      var Shopify = Shopify || {};
      Shopify.PaymentButton = Shopify.PaymentButton || {
        isStorefrontPortableWallets: !0,
        init: function () {
          window.Shopify.PaymentButton.init = function () {};
          var t = document.createElement("script");
          ((t.src =
            "https://seabrafoods.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js"),
            (t.type = "module"),
            document.head.appendChild(t));
        },
      };
    </script>
    <script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
      function portableWalletsHideBuyerConsent(e) {
        var t = document.getElementById("shopify-buyer-consent"),
          n = document.getElementById("shopify-subscription-policy-button");
        t &&
          n &&
          (t.classList.add("hidden"),
          t.setAttribute("aria-hidden", "true"),
          n.removeEventListener("click", e));
      }
      function portableWalletsShowBuyerConsent(e) {
        var t = document.getElementById("shopify-buyer-consent"),
          n = document.getElementById("shopify-subscription-policy-button");
        t &&
          n &&
          (t.classList.remove("hidden"),
          t.removeAttribute("aria-hidden"),
          n.addEventListener("click", e));
      }
      window.Shopify?.PaymentButton &&
        ((window.Shopify.PaymentButton.hideBuyerConsent =
          portableWalletsHideBuyerConsent),
        (window.Shopify.PaymentButton.showBuyerConsent =
          portableWalletsShowBuyerConsent));
    </script>
    <script>
      function portableWalletsCleanup(e) {
        e &&
          e.src &&
          console.error("Failed to load portable wallets script " + e.src);
        var t = document.querySelectorAll(
            "shopify-accelerated-checkout .shopify-payment-button__skeleton, shopify-accelerated-checkout-cart .wallet-cart-button__skeleton",
          ),
          e = document.getElementById("shopify-buyer-consent");
        for (let e = 0; e < t.length; e++) t[e].remove();
        e && e.remove();
      }
      function portableWalletsNotLoadedAsModule(e) {
        e instanceof ErrorEvent &&
          "string" == typeof e.message &&
          e.message.includes("import.meta") &&
          "string" == typeof e.filename &&
          e.filename.includes("portable-wallets") &&
          (window.removeEventListener(
            "error",
            portableWalletsNotLoadedAsModule,
          ),
          (window.Shopify.PaymentButton.failedToLoad = e),
          "loading" === document.readyState
            ? document.addEventListener(
                "DOMContentLoaded",
                window.Shopify.PaymentButton.init,
              )
            : window.Shopify.PaymentButton.init());
      }
      window.addEventListener("error", portableWalletsNotLoadedAsModule);
    </script>
    <link
      href="https://cdn.shopify.com/extensions/0199a438-2b43-7d72-ba8c-f8472dfb5cdc/promotion-popup-allnew-26/assets/popup-main.css"
      rel="stylesheet"
      type="text/css"
      media="all"
    />
    <style id="shopify-accelerated-checkout-cart">
      #shopify-buyer-consent {
        margin-top: 1em;
        display: inline-block;
        width: 100%;
      }
      #shopify-buyer-consent.hidden {
        display: none;
      }
      #shopify-subscription-policy-button {
        background: none;
        border: none;
        padding: 0;
        text-decoration: underline;
        font-size: inherit;
        cursor: pointer;
      }
      #shopify-subscription-policy-button::before {
        box-shadow: none;
      }
    </style>
    <style>
      /*! Bootstrap v4.3.1 (https://getbootstrap.com/)*/
      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: #565d65;
        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: 0.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: 0.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: -0.25em;
      }
      sup {
        top: -0.5em;
      }
      a {
        color: #000000;
        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: 0.75rem;
        padding-bottom: 0.75rem;
        color: #6c757d;
        text-align: left;
        caption-side: bottom;
      }
      th {
        text-align: inherit;
      }
      label {
        display: inline-block;
        margin-bottom: 0.5rem;
      }
      button {
        border-radius: 0;
      }
      button:focus {
        outline: 1px dotted;
        outline: 5px 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 {
        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"] {
        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: 0.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;
        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: 0.5rem;
        font-weight: 600;
        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, 0.1);
      }
      .small,
      small {
        font-size: 80%;
        font-weight: 400;
      }
      .mark,
      mark {
        padding: 0.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: 0.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: 0.25rem;
        background-color: #fff;
        border: 1px solid #dee2e6;
        border-radius: 0.25rem;
        max-width: 100%;
        height: auto;
      }
      .figure {
        display: inline-block;
      }
      .figure-img {
        margin-bottom: 0.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: 0.2rem 0.4rem;
        font-size: 87.5%;
        color: #fff;
        background-color: #565d65;
        border-radius: 0.2rem;
      }
      kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: 700;
      }
      pre {
        display: block;
        font-size: 87.5%;
        color: #565d65;
      }
      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;
      }
      .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: #565d65;
      }
      .table td,
      .table th {
        padding: 0.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: 0.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, 0.05);
      }
      .table-hover tbody tr:hover {
        color: #565d65;
        background-color: rgba(0, 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, 0.075);
      }
      .table-hover .table-active:hover {
        background-color: rgba(0, 0, 0, 0.075);
      }
      .table-hover .table-active:hover > td,
      .table-hover .table-active:hover > th {
        background-color: rgba(0, 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, 0.05);
      }
      .table-dark.table-hover tbody tr:hover {
        color: #fff;
        background-color: rgba(255, 255, 255, 0.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 + 0.75rem + 2px);
        padding: 0.375rem 0.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: 0.25rem;
        transition:
          border-color 0.15s ease-in-out,
          box-shadow 0.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 0.2rem rgba(0, 123, 255, 0.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(0.375rem + 1px);
        padding-bottom: calc(0.375rem + 1px);
        margin-bottom: 0;
        font-size: inherit;
        line-height: 1.5;
      }
      .col-form-label-lg {
        padding-top: calc(0.5rem + 1px);
        padding-bottom: calc(0.5rem + 1px);
        font-size: 1.25rem;
        line-height: 1.5;
      }
      .col-form-label-sm {
        padding-top: calc(0.25rem + 1px);
        padding-bottom: calc(0.25rem + 1px);
        font-size: 0.875rem;
        line-height: 1.5;
      }
      .form-control-plaintext {
        display: block;
        width: 100%;
        padding-top: 0.375rem;
        padding-bottom: 0.375rem;
        margin-bottom: 0;
        line-height: 1.5;
        color: #565d65;
        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 + 0.5rem + 2px);
        padding: 0.25rem 0.5rem;
        font-size: 0.875rem;
        line-height: 1.5;
        border-radius: 0.2rem;
      }
      .form-control-lg {
        height: calc(1.5em + 1rem + 2px);
        padding: 0.5rem 1rem;
        font-size: 1.25rem;
        line-height: 1.5;
        border-radius: 0.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: 0.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: 0.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: 0.75rem;
      }
      .form-check-inline .form-check-input {
        position: static;
        margin-top: 0;
        margin-right: 0.3125rem;
        margin-left: 0;
      }
      .valid-feedback {
        display: none;
        width: 100%;
        margin-top: 0.25rem;
        font-size: 80%;
        color: #28a745;
      }
      .valid-tooltip {
        position: absolute;
        top: 100%;
        z-index: 5;
        display: none;
        max-width: 100%;
        padding: 0.25rem 0.5rem;
        margin-top: 0.1rem;
        font-size: 0.875rem;
        line-height: 1.5;
        color: #fff;
        background-color: rgba(40, 167, 69, 0.9);
        border-radius: 0.25rem;
      }
      .form-control.is-valid,
      .was-validated .form-control:valid {
        border-color: #28a745;
        padding-right: calc(1.5em + 0.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(0.375em + 0.1875rem);
        background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
      }
      .form-control.is-valid:focus,
      .was-validated .form-control:valid:focus {
        border-color: #28a745;
        box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.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 + 0.75rem);
        background-position: top calc(0.375em + 0.1875rem) right
          calc(0.375em + 0.1875rem);
      }
      .custom-select.is-valid,
      .was-validated .custom-select:valid {
        border-color: #28a745;
        padding-right: calc((1em + 0.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 0.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(0.75em + 0.375rem)
            calc(0.75em + 0.375rem);
      }
      .custom-select.is-valid:focus,
      .was-validated .custom-select:valid:focus {
        border-color: #28a745;
        box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.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 0.2rem rgba(40, 167, 69, 0.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 0.2rem rgba(40, 167, 69, 0.25);
      }
      .invalid-feedback {
        display: none;
        width: 100%;
        margin-top: 0.25rem;
        font-size: 80%;
        color: #dc3545;
      }
      .invalid-tooltip {
        position: absolute;
        top: 100%;
        z-index: 5;
        display: none;
        max-width: 100%;
        padding: 0.25rem 0.5rem;
        margin-top: 0.1rem;
        font-size: 0.875rem;
        line-height: 1.5;
        color: #fff;
        background-color: rgba(220, 53, 69, 0.9);
        border-radius: 0.25rem;
      }
      .form-control.is-invalid,
      .was-validated .form-control:invalid {
        border-color: #dc3545;
        padding-right: calc(1.5em + 0.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(0.375em + 0.1875rem);
        background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
      }
      .form-control.is-invalid:focus,
      .was-validated .form-control:invalid:focus {
        border-color: #dc3545;
        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.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 + 0.75rem);
        background-position: top calc(0.375em + 0.1875rem) right
          calc(0.375em + 0.1875rem);
      }
      .custom-select.is-invalid,
      .was-validated .custom-select:invalid {
        border-color: #dc3545;
        padding-right: calc((1em + 0.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 0.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(0.75em + 0.375rem)
            calc(0.75em + 0.375rem);
      }
      .custom-select.is-invalid:focus,
      .was-validated .custom-select:invalid:focus {
        border-color: #dc3545;
        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.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 0.2rem rgba(220, 53, 69, 0.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 0.2rem rgba(220, 53, 69, 0.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: 0.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: #ffffff;
        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: 0.375rem 0.75rem;
        font-size: 1rem;
        line-height: 1.5;
        border-radius: 0.25rem;
        transition:
          color 0.15s ease-in-out,
          background-color 0.15s ease-in-out,
          border-color 0.15s ease-in-out,
          box-shadow 0.15s ease-in-out;
      }
      @media (prefers-reduced-motion: reduce) {
        .btn {
          transition: none;
        }
      }
      .btn:hover {
        color: #565d65;
        text-decoration: none;
      }
      .btn.focus,
      .btn:focus {
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
      }
      .btn.disabled,
      .btn:disabled {
        opacity: 0.65;
      }
      a.btn.disabled,
      fieldset:disabled a.btn {
        pointer-events: none;
      }
      .btn-primary {
        color: #fff;
        background-color: #000000;
        border-color: #000000;
      }
      .btn-primary:hover {
        color: #fff;
        background-color: #0069d9;
        border-color: #0062cc;
      }
      .btn-primary.focus,
      .btn-primary:focus {
        box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
      }
      .btn-primary.disabled,
      .btn-primary:disabled {
        color: #fff;
        background-color: #000000;
        border-color: #000000;
      }
      .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 0.2rem rgba(38, 143, 255, 0.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 0.2rem rgba(130, 138, 145, 0.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 0.2rem rgba(130, 138, 145, 0.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 0.2rem rgba(72, 180, 97, 0.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 0.2rem rgba(72, 180, 97, 0.5);
      }
      .btn-info {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8;
      }
      .btn-info:hover {
        color: #fff;
        background-color: #138496;
        border-color: #117a8b;
      }
      .btn-info.focus,
      .btn-info:focus {
        box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.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 0.2rem rgba(58, 176, 195, 0.5);
      }
      .btn-warning {
        color: #565d65;
        background-color: #ffc107;
        border-color: #ffc107;
      }
      .btn-warning:hover {
        color: #565d65;
        background-color: #e0a800;
        border-color: #d39e00;
      }
      .btn-warning.focus,
      .btn-warning:focus {
        box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
      }
      .btn-warning.disabled,
      .btn-warning:disabled {
        color: #565d65;
        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: #565d65;
        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 0.2rem rgba(222, 170, 12, 0.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 0.2rem rgba(225, 83, 97, 0.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 0.2rem rgba(225, 83, 97, 0.5);
      }
      .btn-light {
        color: #565d65;
        background-color: #f8f9fa;
        border-color: #f8f9fa;
      }
      .btn-light:hover {
        color: #565d65;
        background-color: #e2e6ea;
        border-color: #dae0e5;
      }
      .btn-light.focus,
      .btn-light:focus {
        box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
      }
      .btn-light.disabled,
      .btn-light:disabled {
        color: #565d65;
        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: #565d65;
        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 0.2rem rgba(216, 217, 219, 0.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 0.2rem rgba(82, 88, 93, 0.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 0.2rem rgba(82, 88, 93, 0.5);
      }
      .btn-outline-primary {
        color: #000000;
        border-color: #000000;
      }
      .btn-outline-primary:hover {
        color: #fff;
        background-color: #000000;
        border-color: #000000;
      }
      .btn-outline-primary.focus,
      .btn-outline-primary:focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
      }
      .btn-outline-primary.disabled,
      .btn-outline-primary:disabled {
        color: #000000;
        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: #000000;
        border-color: #000000;
      }
      .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 0.2rem rgba(0, 123, 255, 0.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 0.2rem rgba(108, 117, 125, 0.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 0.2rem rgba(108, 117, 125, 0.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 0.2rem rgba(40, 167, 69, 0.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 0.2rem rgba(40, 167, 69, 0.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 0.2rem rgba(23, 162, 184, 0.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 0.2rem rgba(23, 162, 184, 0.5);
      }
      .btn-outline-warning {
        color: #ffc107;
        border-color: #ffc107;
      }
      .btn-outline-warning:hover {
        color: #565d65;
        background-color: #ffc107;
        border-color: #ffc107;
      }
      .btn-outline-warning.focus,
      .btn-outline-warning:focus {
        box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.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: #565d65;
        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 0.2rem rgba(255, 193, 7, 0.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 0.2rem rgba(220, 53, 69, 0.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 0.2rem rgba(220, 53, 69, 0.5);
      }
      .btn-outline-light {
        color: #f8f9fa;
        border-color: #f8f9fa;
      }
      .btn-outline-light:hover {
        color: #565d65;
        background-color: #f8f9fa;
        border-color: #f8f9fa;
      }
      .btn-outline-light.focus,
      .btn-outline-light:focus {
        box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.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: #565d65;
        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 0.2rem rgba(248, 249, 250, 0.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 0.2rem rgba(52, 58, 64, 0.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 0.2rem rgba(52, 58, 64, 0.5);
      }
      .btn-link {
        font-weight: 400;
        color: #000000;
        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: 0.5rem 1rem;
        font-size: 1.25rem;
        line-height: 1.5;
        border-radius: 0.3rem;
      }
      .btn-group-sm > .btn,
      .btn-sm {
        padding: 0.25rem 0.5rem;
        font-size: 0.875rem;
        line-height: 1.5;
        border-radius: 0.2rem;
      }
      .btn-block {
        display: block;
        width: 100%;
      }
      .btn-block + .btn-block {
        margin-top: 0.5rem;
      }
      input[type="button"].btn-block,
      input[type="reset"].btn-block,
      input[type="submit"].btn-block {
        width: 100%;
      }
      .fade {
        transition: opacity 0.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 0.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: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0.3em solid;
        border-right: 0.3em solid transparent;
        border-bottom: 0;
        border-left: 0.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: 0.5rem 0;
        margin: 0.125rem 0 0;
        font-size: 1rem;
        color: #565d65;
        text-align: left;
        list-style: none;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 0.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: 0.125rem;
      }
      .dropup .dropdown-toggle::after {
        display: inline-block;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0;
        border-right: 0.3em solid transparent;
        border-bottom: 0.3em solid;
        border-left: 0.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: 0.125rem;
      }
      .dropright .dropdown-toggle::after {
        display: inline-block;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0.3em solid transparent;
        border-right: 0;
        border-bottom: 0.3em solid transparent;
        border-left: 0.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: 0.125rem;
      }
      .dropleft .dropdown-toggle::after {
        display: inline-block;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
      }
      .dropleft .dropdown-toggle::after {
        display: none;
      }
      .dropleft .dropdown-toggle::before {
        display: inline-block;
        margin-right: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0.3em solid transparent;
        border-right: 0.3em solid;
        border-bottom: 0.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: 0.5rem 0;
        overflow: hidden;
        border-top: 1px solid #e9ecef;
      }
      .dropdown-item {
        display: block;
        width: 100%;
        padding: 0.25rem 1.5rem;
        clear: both;
        font-weight: 400;
        color: #565d65;
        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: #000000;
      }
      .dropdown-item.disabled,
      .dropdown-item:disabled {
        color: #6c757d;
        pointer-events: none;
        background-color: transparent;
      }
      .dropdown-menu.show {
        display: block;
      }
      .dropdown-header {
        display: block;
        padding: 0.5rem 1.5rem;
        margin-bottom: 0;
        font-size: 0.875rem;
        color: #6c757d;
        white-space: nowrap;
      }
      .dropdown-item-text {
        display: block;
        padding: 0.25rem 1.5rem;
        color: #565d65;
      }
      .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: 0.5625rem;
        padding-left: 0.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: 0.375rem;
        padding-left: 0.375rem;
      }
      .btn-group-lg > .btn + .dropdown-toggle-split,
      .btn-lg + .dropdown-toggle-split {
        padding-right: 0.75rem;
        padding-left: 0.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: 0.375rem 0.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: 0.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: 0.5rem 1rem;
        font-size: 1.25rem;
        line-height: 1.5;
        border-radius: 0.3rem;
      }
      .input-group-sm > .custom-select,
      .input-group-sm > .form-control:not(textarea) {
        height: calc(1.5em + 0.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: 0.25rem 0.5rem;
        font-size: 0.875rem;
        line-height: 1.5;
        border-radius: 0.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: #000000;
        background-color: #000000;
      }
      .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.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: 0.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: 0.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: 0.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: #000000;
        background-color: #000000;
      }
      .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, 0.5);
      }
      .custom-checkbox
        .custom-control-input:disabled:indeterminate
        ~ .custom-control-label::before {
        background-color: rgba(0, 123, 255, 0.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, 0.5);
      }
      .custom-switch {
        padding-left: 2.25rem;
      }
      .custom-switch .custom-control-label::before {
        left: -2.25rem;
        width: 1.75rem;
        pointer-events: all;
        border-radius: 0.5rem;
      }
      .custom-switch .custom-control-label::after {
        top: calc(0.25rem + 2px);
        left: calc(-2.25rem + 2px);
        width: calc(1rem - 4px);
        height: calc(1rem - 4px);
        background-color: #adb5bd;
        border-radius: 0.5rem;
        transition:
          background-color 0.15s ease-in-out,
          border-color 0.15s ease-in-out,
          box-shadow 0.15s ease-in-out,
          -webkit-transform 0.15s ease-in-out;
        transition:
          transform 0.15s ease-in-out,
          background-color 0.15s ease-in-out,
          border-color 0.15s ease-in-out,
          box-shadow 0.15s ease-in-out;
        transition:
          transform 0.15s ease-in-out,
          background-color 0.15s ease-in-out,
          border-color 0.15s ease-in-out,
          box-shadow 0.15s ease-in-out,
          -webkit-transform 0.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(0.75rem);
        transform: translateX(0.75rem);
      }
      .custom-switch
        .custom-control-input:disabled:checked
        ~ .custom-control-label::before {
        background-color: rgba(0, 123, 255, 0.5);
      }
      .custom-select {
        display: inline-block;
        width: 100%;
        height: calc(1.5em + 0.75rem + 2px);
        padding: 0.375rem 1.75rem 0.375rem 0.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 0.75rem center/8px 10px;
        background-color: #fff;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
      }
      .custom-select:focus {
        border-color: #80bdff;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
      }
      .custom-select:focus::-ms-value {
        color: #495057;
        background-color: #fff;
      }
      .custom-select[multiple],
      .custom-select[size]:not([size="1"]) {
        height: auto;
        padding-right: 0.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 + 0.5rem + 2px);
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
        padding-left: 0.5rem;
        font-size: 0.875rem;
      }
      .custom-select-lg {
        height: calc(1.5em + 1rem + 2px);
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        padding-left: 1rem;
        font-size: 1.25rem;
      }
      .custom-file {
        position: relative;
        display: inline-block;
        width: 100%;
        height: calc(1.5em + 0.75rem + 2px);
        margin-bottom: 0;
      }
      .custom-file-input {
        position: relative;
        z-index: 2;
        width: 100%;
        height: calc(1.5em + 0.75rem + 2px);
        margin: 0;
        opacity: 0;
      }
      .custom-file-input:focus ~ .custom-file-label {
        border-color: #80bdff;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.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 + 0.75rem + 2px);
        padding: 0.375rem 0.75rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
      }
      .custom-file-label::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 3;
        display: block;
        height: calc(1.5em + 0.75rem);
        padding: 0.375rem 0.75rem;
        line-height: 1.5;
        color: #495057;
        content: "Browse";
        background-color: #e9ecef;
        border-left: inherit;
        border-radius: 0 0.25rem 0.25rem 0;
      }
      .custom-range {
        width: 100%;
        height: calc(1rem + 0.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 0.2rem rgba(0, 123, 255, 0.25);
      }
      .custom-range:focus::-moz-range-thumb {
        box-shadow:
          0 0 0 1px #fff,
          0 0 0 0.2rem rgba(0, 123, 255, 0.25);
      }
      .custom-range:focus::-ms-thumb {
        box-shadow:
          0 0 0 1px #fff,
          0 0 0 0.2rem rgba(0, 123, 255, 0.25);
      }
      .custom-range::-moz-focus-outer {
        border: 0;
      }
      .custom-range::-webkit-slider-thumb {
        width: 1rem;
        height: 1rem;
        margin-top: -0.25rem;
        background-color: #000000;
        border: 0;
        border-radius: 1rem;
        transition:
          background-color 0.15s ease-in-out,
          border-color 0.15s ease-in-out,
          box-shadow 0.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: 0.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: #000000;
        border: 0;
        border-radius: 1rem;
        transition:
          background-color 0.15s ease-in-out,
          border-color 0.15s ease-in-out,
          box-shadow 0.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: 0.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: 0.2rem;
        margin-left: 0.2rem;
        background-color: #000000;
        border: 0;
        border-radius: 1rem;
        transition:
          background-color 0.15s ease-in-out,
          border-color 0.15s ease-in-out,
          box-shadow 0.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: 0.5rem;
        color: transparent;
        cursor: pointer;
        background-color: transparent;
        border-color: transparent;
        border-width: 0.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 0.15s ease-in-out,
          border-color 0.15s ease-in-out,
          box-shadow 0.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;
      }
      .nav-link {
        display: block;
        padding: 0.5rem 1rem;
      }
      .nav-link:focus,
      .nav-link:hover {
        text-decoration: none;
      }
      .nav-link.disabled {
        color: #6c757d;
        pointer-events: none;
        cursor: default;
      }
      .nav-tabs {
        border-bottom: 1px solid #dee2e6;
      }
      .nav-tabs .nav-item {
        margin-bottom: -1px;
      }
      .nav-tabs .nav-link {
        border: 1px solid transparent;
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
      }
      .nav-tabs .nav-link:focus,
      .nav-tabs .nav-link:hover {
        border-color: #e9ecef #e9ecef #dee2e6;
      }
      .nav-tabs .nav-link.disabled {
        color: #6c757d;
        background-color: transparent;
        border-color: transparent;
      }
      .nav-tabs .nav-item.show .nav-link,
      .nav-tabs .nav-link.active {
        color: #495057;
        background-color: #fff;
        border-color: #dee2e6 #dee2e6 #fff;
      }
      .nav-tabs .dropdown-menu {
        margin-top: -1px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
      }
      .nav-pills .nav-link {
        border-radius: 0.25rem;
      }
      .nav-pills .nav-link.active,
      .nav-pills .show > .nav-link {
        color: #fff;
        background-color: #000000;
      }
      .nav-fill .nav-item {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        text-align: center;
      }
      .nav-justified .nav-item {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        text-align: center;
      }
      .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: 0.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: 0.3125rem;
        padding-bottom: 0.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 .nav-link {
        padding-right: 0;
        padding-left: 0;
      }
      .navbar-nav .dropdown-menu {
        position: static;
        float: none;
      }
      .navbar-text {
        display: inline-block;
        padding-top: 0.5rem;
        padding-bottom: 0.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: 0.25rem 0.75rem;
        font-size: 1.25rem;
        line-height: 1;
        background-color: transparent;
        border: 1px solid transparent;
        border-radius: 0.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 .navbar-nav .nav-link {
          padding-right: 0.5rem;
          padding-left: 0.5rem;
        }
        .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 .navbar-nav .nav-link {
          padding-right: 0.5rem;
          padding-left: 0.5rem;
        }
        .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 .navbar-nav .nav-link {
          padding-right: 0.5rem;
          padding-left: 0.5rem;
        }
        .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 .navbar-nav .nav-link {
          padding-right: 0.5rem;
          padding-left: 0.5rem;
        }
        .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 .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
      }
      .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, 0.9);
      }
      .navbar-light .navbar-brand:focus,
      .navbar-light .navbar-brand:hover {
        color: rgba(0, 0, 0, 0.9);
      }
      .navbar-light .navbar-nav .nav-link {
        color: rgba(0, 0, 0, 0.5);
      }
      .navbar-light .navbar-nav .nav-link:focus,
      .navbar-light .navbar-nav .nav-link:hover {
        color: rgba(0, 0, 0, 0.7);
      }
      .navbar-light .navbar-nav .nav-link.disabled {
        color: rgba(0, 0, 0, 0.3);
      }
      .navbar-light .navbar-nav .active > .nav-link,
      .navbar-light .navbar-nav .nav-link.active,
      .navbar-light .navbar-nav .nav-link.show,
      .navbar-light .navbar-nav .show > .nav-link {
        color: rgba(0, 0, 0, 0.9);
      }
      .navbar-light .navbar-toggler {
        color: rgba(0, 0, 0, 0.5);
        border-color: rgba(0, 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, 0.5);
      }
      .navbar-light .navbar-text a {
        color: rgba(0, 0, 0, 0.9);
      }
      .navbar-light .navbar-text a:focus,
      .navbar-light .navbar-text a:hover {
        color: rgba(0, 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-nav .nav-link {
        color: rgba(255, 255, 255, 0.5);
      }
      .navbar-dark .navbar-nav .nav-link:focus,
      .navbar-dark .navbar-nav .nav-link:hover {
        color: rgba(255, 255, 255, 0.75);
      }
      .navbar-dark .navbar-nav .nav-link.disabled {
        color: rgba(255, 255, 255, 0.25);
      }
      .navbar-dark .navbar-nav .active > .nav-link,
      .navbar-dark .navbar-nav .nav-link.active,
      .navbar-dark .navbar-nav .nav-link.show,
      .navbar-dark .navbar-nav .show > .nav-link {
        color: #fff;
      }
      .navbar-dark .navbar-toggler {
        color: rgba(255, 255, 255, 0.5);
        border-color: rgba(255, 255, 255, 0.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, 0.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, 0.125);
        border-radius: 0.25rem;
      }
      .card > hr {
        margin-right: 0;
        margin-left: 0;
      }
      .card > .list-group:first-child .list-group-item:first-child {
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
      }
      .card > .list-group:last-child .list-group-item:last-child {
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
      }
      .card-body {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding: 1.25rem;
      }
      .card-title {
        margin-bottom: 0.75rem;
      }
      .card-subtitle {
        margin-top: -0.375rem;
        margin-bottom: 0;
      }
      .card-text:last-child {
        margin-bottom: 0;
      }
      .card-link:hover {
        text-decoration: none;
      }
      .card-link + .card-link {
        margin-left: 1.25rem;
      }
      .card-header {
        padding: 0.75rem 1.25rem;
        margin-bottom: 0;
        background-color: rgba(0, 0, 0, 0.03);
        border-bottom: 1px solid rgba(0, 0, 0, 0.125);
      }
      .card-header:first-child {
        border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
      }
      .card-header + .list-group .list-group-item:first-child {
        border-top: 0;
      }
      .card-footer {
        padding: 0.75rem 1.25rem;
        background-color: rgba(0, 0, 0, 0.03);
        border-top: 1px solid rgba(0, 0, 0, 0.125);
      }
      .card-footer:last-child {
        border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
      }
      .card-header-tabs {
        margin-right: -0.625rem;
        margin-bottom: -0.75rem;
        margin-left: -0.625rem;
        border-bottom: 0;
      }
      .card-header-pills {
        margin-right: -0.625rem;
        margin-left: -0.625rem;
      }
      .card-img-overlay {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 1.25rem;
      }
      .card-img {
        width: 100%;
        border-radius: calc(0.25rem - 1px);
      }
      .card-img-top {
        width: 100%;
        border-top-left-radius: calc(0.25rem - 1px);
        border-top-right-radius: calc(0.25rem - 1px);
      }
      .card-img-bottom {
        width: 100%;
        border-bottom-right-radius: calc(0.25rem - 1px);
        border-bottom-left-radius: calc(0.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: 0.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: 0.75rem 1rem;
        margin-bottom: 1rem;
        list-style: none;
        background-color: #e9ecef;
        border-radius: 0.25rem;
      }
      .breadcrumb-item + .breadcrumb-item {
        padding-left: 0.5rem;
      }
      .breadcrumb-item + .breadcrumb-item::before {
        display: inline-block;
        padding-right: 0.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: 0.25rem;
      }
      .page-link {
        position: relative;
        display: block;
        padding: 0.5rem 0.75rem;
        margin-left: -1px;
        line-height: 1.25;
        color: #000000;
        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 0.2rem rgba(0, 123, 255, 0.25);
      }
      .page-item:first-child .page-link {
        margin-left: 0;
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
      }
      .page-item:last-child .page-link {
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
      }
      .page-item.active .page-link {
        z-index: 1;
        color: #fff;
        background-color: #000000;
        border-color: #000000;
      }
      .page-item.disabled .page-link {
        color: #6c757d;
        pointer-events: none;
        cursor: auto;
        background-color: #fff;
        border-color: #dee2e6;
      }
      .pagination-lg .page-link {
        padding: 0.75rem 1.5rem;
        font-size: 1.25rem;
        line-height: 1.5;
      }
      .pagination-lg .page-item:first-child .page-link {
        border-top-left-radius: 0.3rem;
        border-bottom-left-radius: 0.3rem;
      }
      .pagination-lg .page-item:last-child .page-link {
        border-top-right-radius: 0.3rem;
        border-bottom-right-radius: 0.3rem;
      }
      .pagination-sm .page-link {
        padding: 0.25rem 0.5rem;
        font-size: 0.875rem;
        line-height: 1.5;
      }
      .pagination-sm .page-item:first-child .page-link {
        border-top-left-radius: 0.2rem;
        border-bottom-left-radius: 0.2rem;
      }
      .pagination-sm .page-item:last-child .page-link {
        border-top-right-radius: 0.2rem;
        border-bottom-right-radius: 0.2rem;
      }
      .badge {
        display: inline-block;
        padding: 0.25em 0.4em;
        font-size: 75%;
        font-weight: 700;
        line-height: 1;
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
        border-radius: 0.25rem;
        transition:
          color 0.15s ease-in-out,
          background-color 0.15s ease-in-out,
          border-color 0.15s ease-in-out,
          box-shadow 0.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: 0.6em;
        padding-left: 0.6em;
        border-radius: 10rem;
      }
      .badge-primary {
        color: #fff;
        background-color: #000000;
      }
      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 0.2rem rgba(0, 123, 255, 0.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 0.2rem rgba(108, 117, 125, 0.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 0.2rem rgba(40, 167, 69, 0.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 0.2rem rgba(23, 162, 184, 0.5);
      }
      .badge-warning {
        color: #565d65;
        background-color: #ffc107;
      }
      a.badge-warning:focus,
      a.badge-warning:hover {
        color: #565d65;
        background-color: #d39e00;
      }
      a.badge-warning.focus,
      a.badge-warning:focus {
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.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 0.2rem rgba(220, 53, 69, 0.5);
      }
      .badge-light {
        color: #565d65;
        background-color: #f8f9fa;
      }
      a.badge-light:focus,
      a.badge-light:hover {
        color: #565d65;
        background-color: #dae0e5;
      }
      a.badge-light.focus,
      a.badge-light:focus {
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.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 0.2rem rgba(52, 58, 64, 0.5);
      }
      .jumbotron {
        padding: 2rem 1rem;
        margin-bottom: 2rem;
        background-color: #e9ecef;
        border-radius: 0.3rem;
      }
      @media (min-width: 576px) {
        .jumbotron {
          padding: 4rem 2rem;
        }
      }
      .jumbotron-fluid {
        padding-right: 0;
        padding-left: 0;
        border-radius: 0;
      }
      .alert {
        position: relative;
        padding: 0.75rem 1.25rem;
        margin-bottom: 1rem;
        border: 1px solid transparent;
        border-radius: 0.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: 0.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: 0.75rem;
        background-color: #e9ecef;
        border-radius: 0.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: #000000;
        transition: width 0.6s ease;
      }
      @media (prefers-reduced-motion: reduce) {
        .progress-bar {
          transition: none;
        }
      }
      .progress-bar-striped {
        background-image: linear-gradient(
          45deg,
          rgba(255, 255, 255, 0.15) 25%,
          transparent 25%,
          transparent 50%,
          rgba(255, 255, 255, 0.15) 50%,
          rgba(255, 255, 255, 0.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: #565d65;
        background-color: #e9ecef;
      }
      .list-group-item {
        position: relative;
        display: block;
        padding: 0.75rem 1.25rem;
        margin-bottom: -1px;
        background-color: #fff;
        border: 1px solid rgba(0, 0, 0, 0.125);
      }
      .list-group-item:first-child {
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
      }
      .list-group-item:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0.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: #000000;
        border-color: #000000;
      }
      .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: 0.25rem;
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
      }
      .list-group-horizontal .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.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: 0.25rem;
          border-bottom-left-radius: 0.25rem;
          border-top-right-radius: 0;
        }
        .list-group-horizontal-sm .list-group-item:last-child {
          margin-right: 0;
          border-top-right-radius: 0.25rem;
          border-bottom-right-radius: 0.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: 0.25rem;
          border-bottom-left-radius: 0.25rem;
          border-top-right-radius: 0;
        }
        .list-group-horizontal-md .list-group-item:last-child {
          margin-right: 0;
          border-top-right-radius: 0.25rem;
          border-bottom-right-radius: 0.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: 0.25rem;
          border-bottom-left-radius: 0.25rem;
          border-top-right-radius: 0;
        }
        .list-group-horizontal-lg .list-group-item:last-child {
          margin-right: 0;
          border-top-right-radius: 0.25rem;
          border-bottom-right-radius: 0.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: 0.25rem;
          border-bottom-left-radius: 0.25rem;
          border-top-right-radius: 0;
        }
        .list-group-horizontal-xl .list-group-item:last-child {
          margin-right: 0;
          border-top-right-radius: 0.25rem;
          border-bottom-right-radius: 0.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: 0.5;
      }
      .close:hover {
        color: #000;
        text-decoration: none;
      }
      .close:not(:disabled):not(.disabled):focus,
      .close:not(:disabled):not(.disabled):hover {
        opacity: 0.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: 0.875rem;
        background-color: rgba(255, 255, 255, 0.85);
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, 0.1);
        box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
        opacity: 0;
        border-radius: 0.25rem;
      }
      .toast:not(:last-child) {
        margin-bottom: 0.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: 0.25rem 0.75rem;
        color: #6c757d;
        background-color: rgba(255, 255, 255, 0.85);
        background-clip: padding-box;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
      }
      .toast-body {
        padding: 0.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: 0.5rem;
        pointer-events: none;
      }
      .modal.fade .modal-dialog {
        transition: -webkit-transform 0.3s ease-out;
        transition: transform 0.3s ease-out;
        transition:
          transform 0.3s ease-out,
          -webkit-transform 0.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, 0.2);
        border-radius: 0.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: 0.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: 0.3rem;
        border-top-right-radius: 0.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: 0.3rem;
        border-bottom-left-radius: 0.3rem;
      }
      .modal-footer > :not(:first-child) {
        margin-left: 0.25rem;
      }
      .modal-footer > :not(:last-child) {
        margin-right: 0.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: 0.875rem;
        word-wrap: break-word;
        opacity: 0;
      }
      .tooltip.show {
        opacity: 0.9;
      }
      .tooltip .arrow {
        position: absolute;
        display: block;
        width: 0.8rem;
        height: 0.4rem;
      }
      .tooltip .arrow::before {
        position: absolute;
        content: "";
        border-color: transparent;
        border-style: solid;
      }
      .bs-tooltip-auto[x-placement^="top"],
      .bs-tooltip-top {
        padding: 0.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: 0.4rem 0.4rem 0;
        border-top-color: #000;
      }
      .bs-tooltip-auto[x-placement^="right"],
      .bs-tooltip-right {
        padding: 0 0.4rem;
      }
      .bs-tooltip-auto[x-placement^="right"] .arrow,
      .bs-tooltip-right .arrow {
        left: 0;
        width: 0.4rem;
        height: 0.8rem;
      }
      .bs-tooltip-auto[x-placement^="right"] .arrow::before,
      .bs-tooltip-right .arrow::before {
        right: 0;
        border-width: 0.4rem 0.4rem 0.4rem 0;
        border-right-color: #000;
      }
      .bs-tooltip-auto[x-placement^="bottom"],
      .bs-tooltip-bottom {
        padding: 0.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 0.4rem 0.4rem;
        border-bottom-color: #000;
      }
      .bs-tooltip-auto[x-placement^="left"],
      .bs-tooltip-left {
        padding: 0 0.4rem;
      }
      .bs-tooltip-auto[x-placement^="left"] .arrow,
      .bs-tooltip-left .arrow {
        right: 0;
        width: 0.4rem;
        height: 0.8rem;
      }
      .bs-tooltip-auto[x-placement^="left"] .arrow::before,
      .bs-tooltip-left .arrow::before {
        left: 0;
        border-width: 0.4rem 0 0.4rem 0.4rem;
        border-left-color: #000;
      }
      .tooltip-inner {
        max-width: 200px;
        padding: 0.25rem 0.5rem;
        color: #fff;
        text-align: center;
        background-color: #000;
        border-radius: 0.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: 0.875rem;
        word-wrap: break-word;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid rgba(0, 0, 0, 0.2);
        border-radius: 0.3rem;
      }
      .popover .arrow {
        position: absolute;
        display: block;
        width: 1rem;
        height: 0.5rem;
        margin: 0 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: 0.5rem;
      }
      .bs-popover-auto[x-placement^="top"] > .arrow,
      .bs-popover-top > .arrow {
        bottom: calc((0.5rem + 1px) * -1);
      }
      .bs-popover-auto[x-placement^="top"] > .arrow::before,
      .bs-popover-top > .arrow::before {
        bottom: 0;
        border-width: 0.5rem 0.5rem 0;
        border-top-color: rgba(0, 0, 0, 0.25);
      }
      .bs-popover-auto[x-placement^="top"] > .arrow::after,
      .bs-popover-top > .arrow::after {
        bottom: 1px;
        border-width: 0.5rem 0.5rem 0;
        border-top-color: #fff;
      }
      .bs-popover-auto[x-placement^="right"],
      .bs-popover-right {
        margin-left: 0.5rem;
      }
      .bs-popover-auto[x-placement^="right"] > .arrow,
      .bs-popover-right > .arrow {
        left: calc((0.5rem + 1px) * -1);
        width: 0.5rem;
        height: 1rem;
        margin: 0.3rem 0;
      }
      .bs-popover-auto[x-placement^="right"] > .arrow::before,
      .bs-popover-right > .arrow::before {
        left: 0;
        border-width: 0.5rem 0.5rem 0.5rem 0;
        border-right-color: rgba(0, 0, 0, 0.25);
      }
      .bs-popover-auto[x-placement^="right"] > .arrow::after,
      .bs-popover-right > .arrow::after {
        left: 1px;
        border-width: 0.5rem 0.5rem 0.5rem 0;
        border-right-color: #fff;
      }
      .bs-popover-auto[x-placement^="bottom"],
      .bs-popover-bottom {
        margin-top: 0.5rem;
      }
      .bs-popover-auto[x-placement^="bottom"] > .arrow,
      .bs-popover-bottom > .arrow {
        top: calc((0.5rem + 1px) * -1);
      }
      .bs-popover-auto[x-placement^="bottom"] > .arrow::before,
      .bs-popover-bottom > .arrow::before {
        top: 0;
        border-width: 0 0.5rem 0.5rem 0.5rem;
        border-bottom-color: rgba(0, 0, 0, 0.25);
      }
      .bs-popover-auto[x-placement^="bottom"] > .arrow::after,
      .bs-popover-bottom > .arrow::after {
        top: 1px;
        border-width: 0 0.5rem 0.5rem 0.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: -0.5rem;
        content: "";
        border-bottom: 1px solid #f7f7f7;
      }
      .bs-popover-auto[x-placement^="left"],
      .bs-popover-left {
        margin-right: 0.5rem;
      }
      .bs-popover-auto[x-placement^="left"] > .arrow,
      .bs-popover-left > .arrow {
        right: calc((0.5rem + 1px) * -1);
        width: 0.5rem;
        height: 1rem;
        margin: 0.3rem 0;
      }
      .bs-popover-auto[x-placement^="left"] > .arrow::before,
      .bs-popover-left > .arrow::before {
        right: 0;
        border-width: 0.5rem 0 0.5rem 0.5rem;
        border-left-color: rgba(0, 0, 0, 0.25);
      }
      .bs-popover-auto[x-placement^="left"] > .arrow::after,
      .bs-popover-left > .arrow::after {
        right: 1px;
        border-width: 0.5rem 0 0.5rem 0.5rem;
        border-left-color: #fff;
      }
      .popover-header {
        padding: 0.5rem 0.75rem;
        margin-bottom: 0;
        font-size: 1rem;
        background-color: #f7f7f7;
        border-bottom: 1px solid #ebebeb;
        border-top-left-radius: calc(0.3rem - 1px);
        border-top-right-radius: calc(0.3rem - 1px);
      }
      .popover-header:empty {
        display: none;
      }
      .popover-body {
        padding: 0.5rem 0.75rem;
        color: #565d65;
      }
      .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 0.6s ease-in-out;
        transition: transform 0.6s ease-in-out;
        transition:
          transform 0.6s ease-in-out,
          -webkit-transform 0.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 0.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: 0.5;
        transition: opacity 0.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: 0.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: 0.5;
        transition: opacity 0.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: 0.25em solid currentColor;
        border-right-color: transparent;
        border-radius: 50%;
        -webkit-animation: spinner-border 0.75s linear infinite;
        animation: spinner-border 0.75s linear infinite;
      }
      .spinner-border-sm {
        width: 1rem;
        height: 1rem;
        border-width: 0.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: middle;
        background-color: currentColor;
        border-radius: 50%;
        opacity: 0;
        -webkit-animation: spinner-grow 0.75s linear infinite;
        animation: spinner-grow 0.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: #000000 !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: #000000 !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: 0.2rem !important;
      }
      .rounded {
        border-radius: 0.25rem !important;
      }
      .rounded-top {
        border-top-left-radius: 0.25rem !important;
        border-top-right-radius: 0.25rem !important;
      }
      .rounded-right {
        border-top-right-radius: 0.25rem !important;
        border-bottom-right-radius: 0.25rem !important;
      }
      .rounded-bottom {
        border-bottom-right-radius: 0.25rem !important;
        border-bottom-left-radius: 0.25rem !important;
      }
      .rounded-left {
        border-top-left-radius: 0.25rem !important;
        border-bottom-left-radius: 0.25rem !important;
      }
      .rounded-lg {
        border-radius: 0.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 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
      }
      .shadow {
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
      }
      .shadow-lg {
        box-shadow: 0 1rem 3rem rgba(0, 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: 0.25rem !important;
      }
      .mt-1,
      .my-1 {
        margin-top: 0.25rem !important;
      }
      .mr-1,
      .mx-1 {
        margin-right: 0.25rem !important;
      }
      .mb-1,
      .my-1 {
        margin-bottom: 0.25rem !important;
      }
      .ml-1,
      .mx-1 {
        margin-left: 0.25rem !important;
      }
      .m-2 {
        margin: 0.5rem !important;
      }
      .mt-2,
      .my-2 {
        margin-top: 0.5rem !important;
      }
      .mr-2,
      .mx-2 {
        margin-right: 0.5rem !important;
      }
      .mb-2,
      .my-2 {
        margin-bottom: 0.5rem !important;
      }
      .ml-2,
      .mx-2 {
        margin-left: 0.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: 0.25rem !important;
      }
      .pt-1,
      .py-1 {
        padding-top: 0.25rem !important;
      }
      .pr-1,
      .px-1 {
        padding-right: 0.25rem !important;
      }
      .pb-1,
      .py-1 {
        padding-bottom: 0.25rem !important;
      }
      .pl-1,
      .px-1 {
        padding-left: 0.25rem !important;
      }
      .p-2 {
        padding: 0.5rem !important;
      }
      .pt-2,
      .py-2 {
        padding-top: 0.5rem !important;
      }
      .pr-2,
      .px-2 {
        padding-right: 0.5rem !important;
      }
      .pb-2,
      .py-2 {
        padding-bottom: 0.5rem !important;
      }
      .pl-2,
      .px-2 {
        padding-left: 0.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: -0.25rem !important;
      }
      .mt-n1,
      .my-n1 {
        margin-top: -0.25rem !important;
      }
      .mr-n1,
      .mx-n1 {
        margin-right: -0.25rem !important;
      }
      .mb-n1,
      .my-n1 {
        margin-bottom: -0.25rem !important;
      }
      .ml-n1,
      .mx-n1 {
        margin-left: -0.25rem !important;
      }
      .m-n2 {
        margin: -0.5rem !important;
      }
      .mt-n2,
      .my-n2 {
        margin-top: -0.5rem !important;
      }
      .mr-n2,
      .mx-n2 {
        margin-right: -0.5rem !important;
      }
      .mb-n2,
      .my-n2 {
        margin-bottom: -0.5rem !important;
      }
      .ml-n2,
      .mx-n2 {
        margin-left: -0.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: 0.25rem !important;
        }
        .mt-sm-1,
        .my-sm-1 {
          margin-top: 0.25rem !important;
        }
        .mr-sm-1,
        .mx-sm-1 {
          margin-right: 0.25rem !important;
        }
        .mb-sm-1,
        .my-sm-1 {
          margin-bottom: 0.25rem !important;
        }
        .ml-sm-1,
        .mx-sm-1 {
          margin-left: 0.25rem !important;
        }
        .m-sm-2 {
          margin: 0.5rem !important;
        }
        .mt-sm-2,
        .my-sm-2 {
          margin-top: 0.5rem !important;
        }
        .mr-sm-2,
        .mx-sm-2 {
          margin-right: 0.5rem !important;
        }
        .mb-sm-2,
        .my-sm-2 {
          margin-bottom: 0.5rem !important;
        }
        .ml-sm-2,
        .mx-sm-2 {
          margin-left: 0.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: 0.25rem !important;
        }
        .pt-sm-1,
        .py-sm-1 {
          padding-top: 0.25rem !important;
        }
        .pr-sm-1,
        .px-sm-1 {
          padding-right: 0.25rem !important;
        }
        .pb-sm-1,
        .py-sm-1 {
          padding-bottom: 0.25rem !important;
        }
        .pl-sm-1,
        .px-sm-1 {
          padding-left: 0.25rem !important;
        }
        .p-sm-2 {
          padding: 0.5rem !important;
        }
        .pt-sm-2,
        .py-sm-2 {
          padding-top: 0.5rem !important;
        }
        .pr-sm-2,
        .px-sm-2 {
          padding-right: 0.5rem !important;
        }
        .pb-sm-2,
        .py-sm-2 {
          padding-bottom: 0.5rem !important;
        }
        .pl-sm-2,
        .px-sm-2 {
          padding-left: 0.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: -0.25rem !important;
        }
        .mt-sm-n1,
        .my-sm-n1 {
          margin-top: -0.25rem !important;
        }
        .mr-sm-n1,
        .mx-sm-n1 {
          margin-right: -0.25rem !important;
        }
        .mb-sm-n1,
        .my-sm-n1 {
          margin-bottom: -0.25rem !important;
        }
        .ml-sm-n1,
        .mx-sm-n1 {
          margin-left: -0.25rem !important;
        }
        .m-sm-n2 {
          margin: -0.5rem !important;
        }
        .mt-sm-n2,
        .my-sm-n2 {
          margin-top: -0.5rem !important;
        }
        .mr-sm-n2,
        .mx-sm-n2 {
          margin-right: -0.5rem !important;
        }
        .mb-sm-n2,
        .my-sm-n2 {
          margin-bottom: -0.5rem !important;
        }
        .ml-sm-n2,
        .mx-sm-n2 {
          margin-left: -0.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: 0.25rem !important;
        }
        .mt-md-1,
        .my-md-1 {
          margin-top: 0.25rem !important;
        }
        .mr-md-1,
        .mx-md-1 {
          margin-right: 0.25rem !important;
        }
        .mb-md-1,
        .my-md-1 {
          margin-bottom: 0.25rem !important;
        }
        .ml-md-1,
        .mx-md-1 {
          margin-left: 0.25rem !important;
        }
        .m-md-2 {
          margin: 0.5rem !important;
        }
        .mt-md-2,
        .my-md-2 {
          margin-top: 0.5rem !important;
        }
        .mr-md-2,
        .mx-md-2 {
          margin-right: 0.5rem !important;
        }
        .mb-md-2,
        .my-md-2 {
          margin-bottom: 0.5rem !important;
        }
        .ml-md-2,
        .mx-md-2 {
          margin-left: 0.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: 0.25rem !important;
        }
        .pt-md-1,
        .py-md-1 {
          padding-top: 0.25rem !important;
        }
        .pr-md-1,
        .px-md-1 {
          padding-right: 0.25rem !important;
        }
        .pb-md-1,
        .py-md-1 {
          padding-bottom: 0.25rem !important;
        }
        .pl-md-1,
        .px-md-1 {
          padding-left: 0.25rem !important;
        }
        .p-md-2 {
          padding: 0.5rem !important;
        }
        .pt-md-2,
        .py-md-2 {
          padding-top: 0.5rem !important;
        }
        .pr-md-2,
        .px-md-2 {
          padding-right: 0.5rem !important;
        }
        .pb-md-2,
        .py-md-2 {
          padding-bottom: 0.5rem !important;
        }
        .pl-md-2,
        .px-md-2 {
          padding-left: 0.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: -0.25rem !important;
        }
        .mt-md-n1,
        .my-md-n1 {
          margin-top: -0.25rem !important;
        }
        .mr-md-n1,
        .mx-md-n1 {
          margin-right: -0.25rem !important;
        }
        .mb-md-n1,
        .my-md-n1 {
          margin-bottom: -0.25rem !important;
        }
        .ml-md-n1,
        .mx-md-n1 {
          margin-left: -0.25rem !important;
        }
        .m-md-n2 {
          margin: -0.5rem !important;
        }
        .mt-md-n2,
        .my-md-n2 {
          margin-top: -0.5rem !important;
        }
        .mr-md-n2,
        .mx-md-n2 {
          margin-right: -0.5rem !important;
        }
        .mb-md-n2,
        .my-md-n2 {
          margin-bottom: -0.5rem !important;
        }
        .ml-md-n2,
        .mx-md-n2 {
          margin-left: -0.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: 0.25rem !important;
        }
        .mt-lg-1,
        .my-lg-1 {
          margin-top: 0.25rem !important;
        }
        .mr-lg-1,
        .mx-lg-1 {
          margin-right: 0.25rem !important;
        }
        .mb-lg-1,
        .my-lg-1 {
          margin-bottom: 0.25rem !important;
        }
        .ml-lg-1,
        .mx-lg-1 {
          margin-left: 0.25rem !important;
        }
        .m-lg-2 {
          margin: 0.5rem !important;
        }
        .mt-lg-2,
        .my-lg-2 {
          margin-top: 0.5rem !important;
        }
        .mr-lg-2,
        .mx-lg-2 {
          margin-right: 0.5rem !important;
        }
        .mb-lg-2,
        .my-lg-2 {
          margin-bottom: 0.5rem !important;
        }
        .ml-lg-2,
        .mx-lg-2 {
          margin-left: 0.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: 0.25rem !important;
        }
        .pt-lg-1,
        .py-lg-1 {
          padding-top: 0.25rem !important;
        }
        .pr-lg-1,
        .px-lg-1 {
          padding-right: 0.25rem !important;
        }
        .pb-lg-1,
        .py-lg-1 {
          padding-bottom: 0.25rem !important;
        }
        .pl-lg-1,
        .px-lg-1 {
          padding-left: 0.25rem !important;
        }
        .p-lg-2 {
          padding: 0.5rem !important;
        }
        .pt-lg-2,
        .py-lg-2 {
          padding-top: 0.5rem !important;
        }
        .pr-lg-2,
        .px-lg-2 {
          padding-right: 0.5rem !important;
        }
        .pb-lg-2,
        .py-lg-2 {
          padding-bottom: 0.5rem !important;
        }
        .pl-lg-2,
        .px-lg-2 {
          padding-left: 0.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: -0.25rem !important;
        }
        .mt-lg-n1,
        .my-lg-n1 {
          margin-top: -0.25rem !important;
        }
        .mr-lg-n1,
        .mx-lg-n1 {
          margin-right: -0.25rem !important;
        }
        .mb-lg-n1,
        .my-lg-n1 {
          margin-bottom: -0.25rem !important;
        }
        .ml-lg-n1,
        .mx-lg-n1 {
          margin-left: -0.25rem !important;
        }
        .m-lg-n2 {
          margin: -0.5rem !important;
        }
        .mt-lg-n2,
        .my-lg-n2 {
          margin-top: -0.5rem !important;
        }
        .mr-lg-n2,
        .mx-lg-n2 {
          margin-right: -0.5rem !important;
        }
        .mb-lg-n2,
        .my-lg-n2 {
          margin-bottom: -0.5rem !important;
        }
        .ml-lg-n2,
        .mx-lg-n2 {
          margin-left: -0.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: 0.25rem !important;
        }
        .mt-xl-1,
        .my-xl-1 {
          margin-top: 0.25rem !important;
        }
        .mr-xl-1,
        .mx-xl-1 {
          margin-right: 0.25rem !important;
        }
        .mb-xl-1,
        .my-xl-1 {
          margin-bottom: 0.25rem !important;
        }
        .ml-xl-1,
        .mx-xl-1 {
          margin-left: 0.25rem !important;
        }
        .m-xl-2 {
          margin: 0.5rem !important;
        }
        .mt-xl-2,
        .my-xl-2 {
          margin-top: 0.5rem !important;
        }
        .mr-xl-2,
        .mx-xl-2 {
          margin-right: 0.5rem !important;
        }
        .mb-xl-2,
        .my-xl-2 {
          margin-bottom: 0.5rem !important;
        }
        .ml-xl-2,
        .mx-xl-2 {
          margin-left: 0.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: 0.25rem !important;
        }
        .pt-xl-1,
        .py-xl-1 {
          padding-top: 0.25rem !important;
        }
        .pr-xl-1,
        .px-xl-1 {
          padding-right: 0.25rem !important;
        }
        .pb-xl-1,
        .py-xl-1 {
          padding-bottom: 0.25rem !important;
        }
        .pl-xl-1,
        .px-xl-1 {
          padding-left: 0.25rem !important;
        }
        .p-xl-2 {
          padding: 0.5rem !important;
        }
        .pt-xl-2,
        .py-xl-2 {
          padding-top: 0.5rem !important;
        }
        .pr-xl-2,
        .px-xl-2 {
          padding-right: 0.5rem !important;
        }
        .pb-xl-2,
        .py-xl-2 {
          padding-bottom: 0.5rem !important;
        }
        .pl-xl-2,
        .px-xl-2 {
          padding-left: 0.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: -0.25rem !important;
        }
        .mt-xl-n1,
        .my-xl-n1 {
          margin-top: -0.25rem !important;
        }
        .mr-xl-n1,
        .mx-xl-n1 {
          margin-right: -0.25rem !important;
        }
        .mb-xl-n1,
        .my-xl-n1 {
          margin-bottom: -0.25rem !important;
        }
        .ml-xl-n1,
        .mx-xl-n1 {
          margin-left: -0.25rem !important;
        }
        .m-xl-n2 {
          margin: -0.5rem !important;
        }
        .mt-xl-n2,
        .my-xl-n2 {
          margin-top: -0.5rem !important;
        }
        .mr-xl-n2,
        .mx-xl-n2 {
          margin-right: -0.5rem !important;
        }
        .mb-xl-n2,
        .my-xl-n2 {
          margin-bottom: -0.5rem !important;
        }
        .ml-xl-n2,
        .mx-xl-n2 {
          margin-left: -0.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: 600 !important;
      }
      .font-weight-bolder {
        font-weight: bolder !important;
      }
      .font-italic {
        font-style: italic !important;
      }
      .text-white {
        color: #fff !important;
      }
      .text-primary {
        color: #000000 !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: #565d65 !important;
      }
      .text-muted {
        color: #6c757d !important;
      }
      .text-black-50 {
        color: rgba(0, 0, 0, 0.5) !important;
      }
      .text-white-50 {
        color: rgba(255, 255, 255, 0.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;
        }
      }
    </style>
    <style>
      @font-face {
        font-family: Poppins;
        font-weight: 500;
        font-style: normal;
        src:
          url("//seabrafoods.com/cdn/fonts/poppins/poppins_n5.ad5b4b72b59a00358afc706450c864c3c8323842.woff2")
            format("woff2"),
          url("//seabrafoods.com/cdn/fonts/poppins/poppins_n5.33757fdf985af2d24b32fcd84c9a09224d4b2c39.woff")
            format("woff");
      }
      @font-face {
        font-family: Poppins;
        font-weight: 700;
        font-style: normal;
        src:
          url("//seabrafoods.com/cdn/fonts/poppins/poppins_n7.56758dcf284489feb014a026f3727f2f20a54626.woff2")
            format("woff2"),
          url("//seabrafoods.com/cdn/fonts/poppins/poppins_n7.f34f55d9b3d3205d2cd6f64955ff4b36f0cfd8da.woff")
            format("woff");
      }
      @font-face {
        font-family: Poppins;
        font-weight: 500;
        font-style: italic;
        src:
          url("//seabrafoods.com/cdn/fonts/poppins/poppins_i5.6acfce842c096080e34792078ef3cb7c3aad24d4.woff2")
            format("woff2"),
          url("//seabrafoods.com/cdn/fonts/poppins/poppins_i5.a49113e4fe0ad7fd7716bd237f1602cbec299b3c.woff")
            format("woff");
      }
      @font-face {
        font-family: Poppins;
        font-weight: 700;
        font-style: italic;
        src:
          url("//seabrafoods.com/cdn/fonts/poppins/poppins_i7.42fd71da11e9d101e1e6c7932199f925f9eea42d.woff2")
            format("woff2"),
          url("//seabrafoods.com/cdn/fonts/poppins/poppins_i7.ec8499dbd7616004e21155106d13837fff4cf556.woff")
            format("woff");
      }
    </style>
    <style>
      @font-face {
        font-family: Poppins;
        font-weight: 400;
        font-style: normal;
        src:
          url("//seabrafoods.com/cdn/fonts/poppins/poppins_n4.0ba78fa5af9b0e1a374041b3ceaadf0a43b41362.woff2")
            format("woff2"),
          url("//seabrafoods.com/cdn/fonts/poppins/poppins_n4.214741a72ff2596839fc9760ee7a770386cf16ca.woff")
            format("woff");
      }
      @font-face {
        font-family: Poppins;
        font-weight: 700;
        font-style: normal;
        src:
          url("//seabrafoods.com/cdn/fonts/poppins/poppins_n7.56758dcf284489feb014a026f3727f2f20a54626.woff2")
            format("woff2"),
          url("//seabrafoods.com/cdn/fonts/poppins/poppins_n7.f34f55d9b3d3205d2cd6f64955ff4b36f0cfd8da.woff")
            format("woff");
      }
      @font-face {
        font-family: Poppins;
        font-weight: 400;
        font-style: italic;
        src:
          url("//seabrafoods.com/cdn/fonts/poppins/poppins_i4.846ad1e22474f856bd6b81ba4585a60799a9f5d2.woff2")
            format("woff2"),
          url("//seabrafoods.com/cdn/fonts/poppins/poppins_i4.56b43284e8b52fc64c1fd271f289a39e8477e9ec.woff")
            format("woff");
      }
      @font-face {
        font-family: Poppins;
        font-weight: 700;
        font-style: italic;
        src:
          url("//seabrafoods.com/cdn/fonts/poppins/poppins_i7.42fd71da11e9d101e1e6c7932199f925f9eea42d.woff2")
            format("woff2"),
          url("//seabrafoods.com/cdn/fonts/poppins/poppins_i7.ec8499dbd7616004e21155106d13837fff4cf556.woff")
            format("woff");
      }
    </style>
    <style>
      @font-face {
        font-family: Poppins;
        font-weight: 500;
        font-style: normal;
        src:
          url("//seabrafoods.com/cdn/fonts/poppins/poppins_n5.ad5b4b72b59a00358afc706450c864c3c8323842.woff2")
            format("woff2"),
          url("//seabrafoods.com/cdn/fonts/poppins/poppins_n5.33757fdf985af2d24b32fcd84c9a09224d4b2c39.woff")
            format("woff");
      }
      @font-face {
        font-family: Poppins;
        font-weight: 700;
        font-style: normal;
        src:
          url("//seabrafoods.com/cdn/fonts/poppins/poppins_n7.56758dcf284489feb014a026f3727f2f20a54626.woff2")
            format("woff2"),
          url("//seabrafoods.com/cdn/fonts/poppins/poppins_n7.f34f55d9b3d3205d2cd6f64955ff4b36f0cfd8da.woff")
            format("woff");
      }
      @font-face {
        font-family: Poppins;
        font-weight: 500;
        font-style: italic;
        src:
          url("//seabrafoods.com/cdn/fonts/poppins/poppins_i5.6acfce842c096080e34792078ef3cb7c3aad24d4.woff2")
            format("woff2"),
          url("//seabrafoods.com/cdn/fonts/poppins/poppins_i5.a49113e4fe0ad7fd7716bd237f1602cbec299b3c.woff")
            format("woff");
      }
      @font-face {
        font-family: Poppins;
        font-weight: 700;
        font-style: italic;
        src:
          url("//seabrafoods.com/cdn/fonts/poppins/poppins_i7.42fd71da11e9d101e1e6c7932199f925f9eea42d.woff2")
            format("woff2"),
          url("//seabrafoods.com/cdn/fonts/poppins/poppins_i7.ec8499dbd7616004e21155106d13837fff4cf556.woff")
            format("woff");
      }
    </style>
    <style>
      @font-face {
        font-family: "icomoon";
        src: url("//seabrafoods.com/cdn/shop/t/15/assets/icomoon.eot?v=40073263178600934091716558203");
        src:
          url("//seabrafoods.com/cdn/shop/t/15/assets/icomoon.eot?v=40073263178600934091716558203")
            format("embedded-opentype"),
          url("//seabrafoods.com/cdn/shop/t/15/assets/icomoon.ttf?v=3073305035700732751716558203")
            format("truetype"),
          url("//seabrafoods.com/cdn/shop/t/15/assets/icomoon.woff?v=164432553405425012441716558203")
            format("woff"),
          url("//seabrafoods.com/cdn/shop/t/15/assets/icomoon.svg?v=20337712751715580881716558203")
            format("svg");
        font-weight: normal;
        font-style: normal;
        font-display: block;
      }
      [class*=" icon-"],
      [class^="icon-"] {
        font-family: icomoon !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
      }
      .icon-facebook:before {
        content: "\e91f";
      }
      .icon-gear:before {
        content: "\e920";
      }
      .icon-gear-alt:before {
        content: "\e921";
      }
      .icon-globe-europe:before {
        content: "\e922";
      }
      .icon-hamburger:before {
        content: "\e923";
      }
      .icon-heart:before {
        content: "\e924";
      }
      .icon-heart-solid:before {
        content: "\e925";
      }
      .icon-home:before {
        content: "\e926";
      }
      .icon-idea:before {
        content: "\e927";
      }
      .icon-idea-2:before {
        content: "\e928";
      }
      .icon-instagram:before {
        content: "\e929";
      }
      .icon-linkedin-in:before {
        content: "\e92a";
      }
      .icon-lock:before {
        content: "\e92b";
      }
      .icon-mail:before {
        content: "\e92c";
      }
      .icon-minus:before {
        content: "\e92d";
      }
      .icon-mobile-phone:before {
        content: "\e92e";
      }
      .icon-more-alt:before {
        content: "\e92f";
      }
      .icon-notebook:before {
        content: "\e930";
      }
      .icon-package:before {
        content: "\e931";
      }
      .icon-pause:before {
        content: "\e932";
        color: #424a60;
      }
      .icon-pencil-ruler:before {
        content: "\e933";
      }
      .icon-phone:before {
        content: "\e934";
      }
      .icon-phone-alt:before {
        content: "\e935";
      }
      .icon-pictue:before {
        content: "\e936";
      }
      .icon-picture-alt:before {
        content: "\e937";
      }
      .icon-pin:before {
        content: "\e938";
      }
      .icon-pin-2:before {
        content: "\e939";
      }
      .icon-pinterest:before {
        content: "\e93a";
      }
      .icon-placeholder:before {
        content: "\e93b";
      }
      .icon-play:before {
        content: "\e93c";
      }
      .icon-plus:before {
        content: "\e93d";
      }
      .icon-quickview:before {
        content: "\e93e";
      }
      .icon-quote:before {
        content: "\e93f";
      }
      .icon-remove:before {
        content: "\e940";
      }
      .icon-route:before {
        content: "\e941";
      }
      .icon-search:before {
        content: "\e942";
      }
      .icon-send:before {
        content: "\e943";
      }
      .icon-sign-out:before {
        content: "\e944";
      }
      .icon-sliders:before {
        content: "\e945";
      }
      .icon-snapchat:before {
        content: "\e946";
      }
      .icon-speaker:before {
        content: "\e947";
      }
      .icon-star:before {
        content: "\e948";
      }
      .icon-star-alt:before {
        content: "\e949";
      }
      .icon-trophy:before {
        content: "\e94a";
      }
      .icon-trophy-2:before {
        content: "\e94b";
      }
      .icon-tumblr:before {
        content: "\e94c";
      }
      .icon-twitter:before {
        content: "\e94d";
      }
      .icon-typography:before {
        content: "\e94e";
      }
      .icon-user:before {
        content: "\e94f";
      }
      .icon-view:before {
        content: "\e950";
      }
      .icon-vimeo:before {
        content: "\e951";
      }
      .icon-youtube:before {
        content: "\e952";
      }
      .icon-truck:before {
        content: "\e91e";
      }
      .icon-app:before {
        content: "\e900";
      }
      .icon-app-alt:before {
        content: "\e901";
      }
      .icon-arrow-down:before {
        content: "\e902";
      }
      .icon-arrow-left:before {
        content: "\e903";
      }
      .icon-arrow-right:before {
        content: "\e904";
      }
      .icon-arrow-thin-down:before {
        content: "\e905";
      }
      .icon-arrow-thin-left:before {
        content: "\e906";
      }
      .icon-arrow-thin-right:before {
        content: "\e907";
      }
      .icon-arrow-thin-up:before {
        content: "\e908";
      }
      .icon-arrow-up:before {
        content: "\e909";
      }
      .icon-bag:before {
        content: "\e90a";
      }
      .icon-cart:before {
        content: "\e90b";
      }
      .icon-check-circle:before {
        content: "\e90c";
      }
      .icon-checkout:before {
        content: "\e90d";
      }
      .icon-check-square:before {
        content: "\e90e";
      }
      .icon-chevron-down:before {
        content: "\e90f";
      }
      .icon-chevron-left:before {
        content: "\e910";
      }
      .icon-chevron-right:before {
        content: "\e911";
      }
      .icon-chevron-up:before {
        content: "\e912";
      }
      .icon-circle:before {
        content: "\e913";
      }
      .icon-close:before {
        content: "\e914";
      }
      .icon-coffee:before {
        content: "\e915";
      }
      .icon-compare:before {
        content: "\e916";
      }
      .icon-contract:before {
        content: "\e917";
      }
      .icon-copy:before {
        content: "\e918";
      }
      .icon-divide:before {
        content: "\e919";
      }
      .icon-dot-circle:before {
        content: "\e91a";
      }
      .icon-download:before {
        content: "\e91b";
      }
      .icon-envelope:before {
        content: "\e91c";
      }
      .icon-square:before {
        content: "\e91d";
      }
    </style>
    <style>
      :root {
        --g-main: #4f4f4f;
        --g-main-2: #4f4f4f;
        --g-color-heading: #565d65;
        --g-color-text: #6c757d;
        --g-cta-button: #6c757d;
        --g-cta-button-bg: #f8f9fa;
        --g-cta-button-hover: #f8f9fa;
        --g-cta-button-bg-hover: #4f4f4f;
        --g-cta-button2: #ffffff;
        --g-cta-button2-bg: #4f4f4f;
        --g-cta-button2-hover: #ffffff;
        --g-cta-button2-bg-hover: #2e8e66;
        --g-cta-button3: #6c757d;
        --g-cta-button3-bg: #e9ecef;
        --g-cta-button3-hover: #f8f9fa;
        --g-cta-button3-bg-hover: #4f4f4f;
        --g-container: 1400px;
        --g-gutter: 20px;
        --g-hgutter: 10px;
        --g-font-1: Poppins, sans-serif;
        --g-font-2: Poppins, sans-serif;
        --g-font-3: Poppins, sans-serif;
        --g-font-size: 16px;
      }
    </style>
    <style>
      :root {
        --header-background: #f8f9fa;
        --header-text: #6c757d;
        --header-linkcolor: #565d65;
        --header-linkhover: #4f4f4f;
        --header-menucolor: #f8f9fa;
        --header-menuhover: #f8f9fa;
        --header-menudroptexttitle: ;
        --header-menudroptext: #565d65;
        --header-menudropbg: #f8f9fa;
        --header-topbarbg: #e9ecef;
      }
    </style>
    <style>
      #shopify-section-header-6 {
        position: relative;
        z-index: 99;
      }
      .block_currencies {
        position: relative;
        cursor: pointer;
        display: inline-block;
        padding-left: 10px;
      }
      .block_currencies .dropdown-toggle {
        padding: 10px 0;
      }
      .block_currencies img {
        vertical-align: middle;
        margin-top: -2px;
        margin-right: 6px;
        height: 20px;
      }
      .block_currencies .pre-currencies {
        font-size: 14px;
      }
      #currencies {
        display: none;
        position: absolute;
        top: 100% !important;
        left: 0;
        width: 100%;
        background: #fff;
        padding: 10px;
        z-index: 30;
        line-height: 35px;
        max-height: 250px;
        overflow-y: auto;
        border: none;
        right: 0 !important;
        left: auto !important;
        transform: none !important;
      }
      #currencies li a {
        font-size: 14px;
        color: var(--header-text);
      }
      #currencies li a.selected {
        color: var(--g-main);
      }
      .header-top {
        border-bottom: 1px solid rgba(121, 121, 121, 0.2);
        height: 45px;
        line-height: 45px;
      }
      .site-header {
        background-color: var(--header-background);
        color: var(--header-text);
      }
      .site-header__logo {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
        max-width: 100%;
      }
      .header-bottom__right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
      }
      .site-header__logo a {
        display: flex;
        color: var(--header-linkcolor);
      }
      .template-giftcard .site-header__logo-link {
        display: inline-block;
        float: none;
      }
      .site-header__link {
        display: inline-block;
        color: var(--header-linkcolor);
        padding: 10px;
        line-height: 1;
        position: relative;
        -webkit-transition: all ease 0.3s;
        -o-transition: all ease 0.3s;
        transition: all ease 0.3s;
      }
      .site-header__search-submit {
        padding: 0;
      }
      .site-header__search-submit svg {
        width: 22px;
        height: 22px;
      }
      .site-header__link .icon {
        fill: currentColor;
      }
      .header-top .site-header__link .icon {
        width: 12px;
        margin-top: -3px;
      }
      .site-header__link:focus,
      .site-header__link:hover {
        color: var(--header-linkhover);
      }
      .site-header__link:focus .site-header__cart-indicator,
      .site-header__link:hover .site-header__cart-indicator {
        color: var(--header-linkcolor);
      }
      .site-header__menu-toggle--close {
        display: none;
      }
      .site-header__link.js-drawer-open .site-header__menu-toggle--open {
        display: none;
      }
      .site-header__link.js-drawer-open .site-header__menu-toggle--close {
        display: block;
      }
      .site-header__cart {
        position: relative;
        cursor: pointer;
        padding-right: 0;
      }
      .site-header__cart .js-toggle-cart {
        display: flex;
        align-items: center;
      }
      .site-header__cart .svg-cart {
        width: 18px;
        height: 18px;
      }
      .site-header__cart-indicator {
        display: inline-block;
        background-color: var(--g-main);
        height: 18px;
        width: 18px;
        border-radius: 50%;
        text-align: center;
        font-size: 10px;
        line-height: 18px;
        color: #fff;
        margin-left: 4px;
      }
      .site-header__search-wrap {
        position: relative;
      }
      .site-header__search-wrap #form-search-header {
        position: fixed !important;
        width: 100%;
        top: 0;
        visibility: hidden;
        opacity: 0;
      }
      .site-header__search-wrap #form-search-header.active {
        visibility: visible;
        opacity: 1;
      }
      .site-header__search-wrap #form-search-header .icon-close {
        font-size: 12px;
      }
      .site-header__search-wrap .overlay {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.4);
        z-index: 100;
        visibility: hidden;
        opacity: 0;
      }
      .site-header__search-wrap .overlay.active {
        visibility: visible;
        opacity: 1;
      }
      .site-header__search-pop {
        position: relative;
        z-index: 1;
        padding-left: 0;
      }
      @media (max-width: 991px) {
        .site-header__search-pop {
          display: none;
        }
      }
      .site-header__search-pop .svg-search {
        font-size: 18px;
        width: 18px;
        height: 18px;
      }
      .site-header__search {
        position: absolute;
        right: 0;
        z-index: 999;
        width: 0;
        background: #fff;
        padding: 0;
      }
      .site-header__search.active {
        opacity: 1;
      }
      .site-header__search-input {
        height: 40px;
        background-color: transparent;
        -webkit-transition: all ease 0.3s;
        -o-transition: all ease 0.3s;
        transition: all ease 0.3s;
        color: var(--header-text);
        padding: 0;
        font-size: 24px;
        width: 100%;
      }
      .site-header__search-input::-webkit-input-placeholder {
        color: #adb5bd;
        opacity: 1;
        font-size: 14px;
      }
      .site-header__search-input:-moz-placeholder {
        color: #adb5bd;
        opacity: 1;
        font-size: 14px;
      }
      .site-header__search-input:-ms-input-placeholder {
        color: #adb5bd;
        opacity: 1;
        font-size: 14px;
      }
      .site-header__search-input::-ms-input-placeholder {
        color: #adb5bd;
        opacity: 1;
        font-size: 14px;
      }
      input[type="search"]::-webkit-search-cancel-button {
        display: none;
        position: relative;
        left: -10px;
      }
      .site-nav {
        white-space: nowrap;
      }
      .site-nav li {
        display: inline-block;
      }
      .site-nav__dropdown {
        display: none;
        position: absolute;
        left: 0;
        padding: 0;
        margin: 0;
        z-index: 5;
        box-shadow: 0px 0px 35px -10px rgba(0, 0, 0, 0.25);
        -webkit-box-shadow: 0px 0px 35px -10px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 0px 35px -10px rgba(0, 0, 0, 0.25);
      }
      .site-nav__dropdown li {
        display: block;
      }
      .site-nav__dropdown-container:hover > .site-nav__dropdown,
      .site-nav__item:hover > .site-nav__dropdown {
        opacity: 1;
        visibility: visible;
      }
      .site-nav__item {
        text-align: left;
      }
      .rtl .site-nav__item {
        text-align: right;
      }
      .site-nav__item.site-nav__item-normal {
        position: relative;
      }
      .site-nav__item .meganav {
        right: auto;
        min-width: 280px;
        color: var(--header-menudroptext);
      }
      .site-nav__item .meganav li a {
        color: var(--header-menudroptext);
        -webkit-transition: all ease 0.5s;
        -o-transition: all ease 0.5s;
        transition: all ease 0.5s;
        position: relative;
        font-size: 13px;
      }
      .site-nav__item .meganav li a:hover {
        color: var(--g-main);
      }
      .site-nav__item .meganav__list {
        width: 100%;
        background: var(--header-menudropbg);
      }
      .site-nav__item-mega .site-nav__dropdown {
        padding: 30px 30px;
        width: 1170px;
      }
      .site-nav__item-mega .menu-title {
        font-size: 14px;
        font-weight: 500;
        margin: 10px 0 15px;
        color: var(--header-menudroptexttitle);
      }
      .site-nav__item-mega .menu-title a {
        color: var(--header-menudroptexttitle);
      }
      .site-nav__item-mega .box-image {
        padding-bottom: 10px;
        padding-top: 10px;
      }
      .site-nav__item-mega--custom {
        position: relative;
      }
      .site-nav .site-nav__item:hover > .site-nav__link {
        color: var(--header-menuhover);
      }
      .site-nav
        .site-nav__item:hover
        > .site-nav__link
        .site-nav__title::before {
        width: 100%;
        left: 0;
      }
      .site-nav__link {
        font-size: 14px;
        font-weight: 500;
        position: relative;
        color: var(--header-menucolor);
        padding: 34px 20px;
        display: block;
        white-space: nowrap;
      }
      .site-nav__link .site-nav__title {
        position: relative;
      }
      .site-nav__link .site-nav__title::before {
        content: "";
        position: absolute;
        right: 0;
        width: 0;
        -webkit-transition: width 0.3s;
        transition: width 0.3s;
      }
      .site-nav__link .menu-label {
        top: 10px;
      }
      .site-nav__link .icon {
        position: relative;
      }
      .site-nav__link .icon {
        position: relative;
        top: -1.5px;
        width: 12px;
        height: 12px;
        fill: currentColor;
        margin-left: 3px;
      }
      .site-nav--active .site-nav__link,
      .site-nav__link:focus,
      .site-nav__link:hover {
        color: var(--header-menuhover);
      }
      .site-nav--active .site-nav__link .site-nav__title::before,
      .site-nav__link:focus .site-nav__title::before,
      .site-nav__link:hover .site-nav__title::before {
        width: 100%;
        left: 0;
        bottom: -12px;
        border-bottom: 2px solid;
        border-color: currentColor;
      }
      .site-nav__link:focus {
        outline: 0;
      }
      .widget-inner .nav-links {
        padding-bottom: 15px;
      }
      .meganav {
        display: block;
        visibility: hidden;
        opacity: 0;
        background-color: var(--header-menudropbg);
        -webkit-transition: all ease 0.3s;
        -o-transition: all ease 0.3s;
        transition: all ease 0.3s;
        border-radius: 0 0 3px 3px;
      }
      .meganav .product-card__price > .money {
        color: var(--header-menudroptext);
      }
      /* .drawer__nav .meganav {
         display: none;
         } */
      .meganav__nav {
        margin: 0 auto;
        position: relative;
        list-style: none;
      }
      .meganav__nav--third-level {
        padding-left: 20px;
      }
      .site-nav__item-mega .site-nav__dropdown .nav-links a {
        padding: 8px 0;
        display: block;
      }
      .meganav__list {
        padding: 30px 0px;
      }
      @media (min-width: 991px) {
        .meganav__list {
          padding: 30px 30px;
        }
      }
      .meganav__list--third-level {
        background-color: var(--header-menudropbg);
      }
      .meganav__title {
        margin-bottom: 0;
        white-space: normal;
      }
      .meganav__link {
        display: block;
        color: var(--header-menudroptext);
        padding: 8px 10px;
      }
      .meganav__link:focus,
      .meganav__link:hover {
        color: var(--g-main);
      }
      .meganav__link--has-list {
        position: relative;
      }
      .meganav__link--has-list .icon {
        position: relative;
        top: -1.5px;
        width: 9px;
        height: 9px;
        fill: currentColor;
      }
      .site-nav__dropdown-container.meganav--active {
        background-color: #fff;
      }
      .site-nav__dropdown--third-level {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        opacity: 0;
        visibility: hidden;
        background: var(--header-menudropbg);
        height: auto;
        position: absolute;
        top: 0;
        height: 100%;
        left: 100%;
        -webkit-transition:
          all 0.8s cubic-bezier(0.075, 0.82, 0.165, 1),
          opacity 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
        -o-transition:
          all 0.8s cubic-bezier(0.075, 0.82, 0.165, 1),
          opacity 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
        transition:
          all 0.8s cubic-bezier(0.075, 0.82, 0.165, 1),
          opacity 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
      }
      .rtl .site-nav__dropdown--third-level {
        right: 100%;
        left: auto;
      }
      .meganav--drawer {
        visibility: visible;
        overflow: hidden;
      }
      .meganav--drawer .product-card {
        margin-top: 1px;
      }
      .meganav--drawer .meganav__product {
        margin-left: -4px;
      }
      .drawer__nav-toggle--close {
        display: block;
      }
      .collapsed > .drawer__nav-toggle--close {
        display: none;
      }
      .drawer__nav-toggle--open {
        display: none;
      }
      .collapsed > .drawer__nav-toggle--open {
        display: block;
      }
      .meganav__scroller {
        white-space: nowrap;
        overflow-y: hidden;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
      }
      .meganav__scroller .grid__item {
        float: none;
        display: inline-block;
        width: 100%;
        vertical-align: top;
        white-space: normal;
      }
      .drawer__nav .meganav__scroller--has-list {
        padding-left: 20px;
      }
      .drawer__search {
        position: relative;
        background-color: var(--header-menudropbg);
        padding: 10px;
      }
      .drawer__search-input {
        display: block;
        width: 100%;
        padding-left: 15px;
        background-color: #f5f5f5;
        border-radius: 4px;
      }
      .drawer__search-input[type="search"] {
        padding-right: 60px;
      }
      .rtl .drawer__search-input[type="search"] {
        padding-left: 60px;
        padding-right: inherit;
      }
      .drawer__search-input::-webkit-search-decoration {
        display: none;
      }
      .drawer__search-submit {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        padding: 0 20px;
      }
      .rtl .drawer__search-submit {
        left: 0;
        right: auto;
      }
      .drawer__search-submit .icon {
        width: 25px;
        height: 25px;
        fill: #262626;
      }
      .drawer__nav {
        list-style: none;
        text-align: left;
      }
      .rtl .drawer__nav {
        text-align: right;
      }
      .drawer__nav--template-index {
        position: relative;
        margin-bottom: -10px;
        background-color: #fff;
      }
      .drawer__nav--margin {
        margin-bottom: 30px;
      }
      .drawer__nav-item {
        display: block;
      }
      .drawer__nav-link {
        display: block;
      }
      .drawer__nav-item.drawer-nav__item--secondary
        .drawer__nav-link--top-level {
        font-size: 14px;
        padding: 8px 15px;
        color: #777;
      }
      .drawer__nav-link--top-level {
        padding: 15px 15px;
        color: var(--header-menudroptext);
        font-weight: 500;
      }
      .drawer__nav-link--split {
        -moz-flex: 1 0 0;
        -ms-flex: 1 0 0;
        -webkit-box-flex: 1;
        flex: 1 0 0;
      }
      .drawer__nav-has-sublist {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
      }
      .drawer__nav-toggle-btn {
        padding: 10px 15px;
        color: var(--header-menudroptext);
        line-height: 1;
      }
      .drawer__nav-toggle-btn i {
        width: 12px;
        height: 12px;
        fill: currentColor;
        font-size: 12px;
        margin: 0;
      }
      .drawer__nav-toggle-btn:focus,
      .drawer__nav-toggle-btn:hover {
        opacity: 0.6;
      }
      .drawer__nav-toggle-btn--small {
        color: var(--header-menudroptext);
        line-height: 0;
      }
      .drawer__nav-toggle-btn--small .icon {
        width: 12px;
        height: 12px;
      }
      #NavDrawer {
        background: var(--header-menudropbg);
      }
      .search-results {
        top: 100%;
        left: 0;
        z-index: 9998;
        background: #fff;
        width: 100%;
        display: none;
        position: absolute;
        margin: 0;
        padding: 5px 10px;
      }
      .rtl .search-results {
        right: 0;
        left: auto;
      }
      .search-results.active {
        display: block;
      }
      .ajax-search-item {
        font-size: 14px;
        text-align: left;
        border-bottom: 1px dashed #eaeaea;
        padding: 10px;
      }
      .ajax-search-item:last-child {
        margin-bottom: 0;
      }
      .ajax-search-item .d-inline-flex {
        margin-bottom: 20px;
      }
      .ajax-search-item .d-inline-flex:last-child {
        margin-bottom: 0;
      }
      .ajax-search-item .image {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-align: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        -webkit-box-align: center;
        align-items: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100px;
      }
      .ajax-search-item .meta {
        padding: 0px 5px 5px 15px;
        width: calc(100% - 100px);
      }
      .ajax-search-item .title {
        font-weight: 400;
        color: var(--header-text);
        margin-bottom: 5px;
      }
      .site-header__compare .icon,
      .site-header__wishlist .icon {
        margin-right: 3px;
      }
      .js-wishlist-link svg {
        width: 17px;
        height: 17px;
      }
      .js-open-compare svg {
        width: 18px;
        height: 18px;
      }
      .js-wishlist-link .js-wishlist-count,
      .js-open-compare .js-compare-count {
        height: 18px;
        width: 18px;
        border-radius: 50%;
        text-align: center;
        font-size: 10px;
        line-height: 18px;
        color: #fff;
        background: var(--g-main);
        display: inline-block;
      }
      .toggle-menu-mobile {
        position: absolute;
        z-index: 1;
        left: 5px;
        top: 45px;
        transform: translateY(-50%);
      }
      .toggle-menu-mobile .humberger {
        margin-left: 0;
      }
      .js-remove-mini-cart {
        -moz-flex: 0 0 30px;
        -ms-flex: 0 0 30px;
        -webkit-box-flex: 0;
        flex: 0 0 30px;
        padding: 0;
        background: 0 0;
        color: #999;
        font-size: 14px;
        font-weight: 700;
        height: 20px;
        margin-top: -2px;
      }
      .js-remove-mini-cart:focus,
      .js-remove-mini-cart:hover {
        background: 0 0;
        color: var(--g-main);
      }
      .js-cart-total {
        font-weight: 700;
        color: var(--g-main);
      }
      .js-btn-viewmore {
        margin-top: 15px;
        display: block;
      }
      .mini-cart-content {
        color: #666;
        width: 280px;
        padding: 23px 20px 23px;
        background: #fff;
        position: absolute;
        top: 55px;
        right: 0;
        z-index: 999;
        -webkit-transition: all ease 0.3s;
        -o-transition: all ease 0.3s;
        transition: all ease 0.3s;
        opacity: 0;
        visibility: hidden;
        border-radius: 5px;
      }
      .template-cart .mini-cart-content {
        display: none !important;
      }
      .mini-cart-content .alert {
        margin: 0;
      }
      .js-mini-cart.active .mini-cart-content {
        opacity: 1;
        visibility: visible;
      }
      .mini-cart-meta {
        -moz-flex: 0 0 160px;
        -ms-flex: 0 0 160px;
        -webkit-box-flex: 0;
        flex: 0 0 160px;
        font-size: 12px;
        text-align: left;
        line-height: 20px;
        padding-right: 10px;
      }
      .mini-cart-meta p {
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 5px;
      }
      .mini-cart-meta a {
        color: #000;
      }
      .mini-cart-meta a:hover {
        color: var(--g-main);
      }
      .mini-cart-meta b {
        color: #000;
      }
      .mini-cart-item {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        width: 100%;
      }
      .mini-cart-item:not(:first-child) {
        margin-top: 15px;
      }
      .mini-cart-image {
        -moz-flex: 0 0 65px;
        -ms-flex: 0 0 65px;
        -webkit-box-flex: 0;
        flex: 0 0 65px;
        padding-right: 20px;
        padding-top: 5px;
      }
      .rtl .mini-cart-image {
        padding-left: 20px;
        padding-right: inherit;
      }
      .mini-cart-btns .btn,
      .mini-cart-btns .btn--secondary,
      .mini-cart-btns
        .shopify-payment-button
        .shopify-payment-button__button--unbranded,
      .mini-cart-btns .spr-summary-actions-newreview,
      .shopify-payment-button
        .mini-cart-btns
        .shopify-payment-button__button--unbranded {
        margin-bottom: 5px;
      }
      .mini-cart-btns .js-cart-btn-checkout {
        font-size: 14px;
      }
      .mini-cart-taxes {
        font-size: 11px;
        margin: 10px 0;
        color: #999;
      }
      @media (min-width: 480px) {
        .template-index .site-header--transparent {
          background: 0 0;
          position: absolute;
          top: 0;
          width: 100%;
          z-index: 9;
        }
      }
      @media (max-width: 991px) {
        .logout-text,
        .register-text,
        .site-header__compare {
          display: none;
        }
        .header-top .site-header__link {
          padding: 10px 5px;
        }
      }
      @media (max-width: 480px) {
        .site-header__search.active {
          background: #fff;
        }
        .site-header__cart {
          padding-left: 0;
        }
      }
      .rtl .mini-cart-content,
      .rtl .site-header__search,
      .rtl .toggle-menu-mobile {
        left: 0;
        right: auto;
      }
      .rtl .site-header__compare .icon,
      .rtl .site-header__wishlist .icon {
        margin-left: 3px;
        margin-right: 0;
      }
      .rtl .block_currencies {
        float: right;
      }
      .header-top__right {
        text-align: right;
      }
      .rtl .header-top__right {
        text-align: left;
      }
      .rtl .block_currencies img {
        margin-left: 6px;
        margin-right: 0;
      }
      .js-mini-cart.active {
        color: var(--header-linkhover);
      }
      @media (min-width: 992px) {
        .js-mini-cart:hover .mini-cart-content {
          opacity: 1;
          visibility: visible;
        }
      }
      .mini-cart-safe-checkout {
        margin-top: 10px;
      }
      .modal-dialog--login {
        max-width: 500px;
      }
      .modal-dialog--login .content-block {
        padding: 0;
      }
      .js-cart-btn-cart {
        background: #fff;
        color: var(--g-main);
      }
      .site-header--sticky.active {
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 99;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        background: var(--header-background);
        transition: all ease 0.3s;
      }
      .site-header--sticky.active .header-bottom {
        padding: 12px 0;
      }
      .site-header--sticky.active .menu-label {
        top: 1px;
      }
      .site-header--sticky.active .site-header__logo img {
        height: auto;
        padding: 0;
      }
      #topbar {
        background: var(--header-topbarbg);
      }
      #topbar .col-left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: var(--header-text);
      }
      .pre-currencies {
        color: var(--header-text);
      }
      @media (max-width: 991px) {
      }
      #topbar .col-right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
      }
      .site-header__logo img {
        padding: 10px 0;
      }
      .site-nav .mega-col {
        white-space: normal;
      }
      .site-header__cart .mini-cart-content .icon {
        margin: 0 3px;
        width: 18px;
      }
      .site-header .menu-label {
        top: 18px;
      }
      .site-nav__item .meganav li a > i {
        font-size: 12px;
        line-height: 20px;
      }
      #topbar [class^="icon-"] {
        font-size: 14px;
        line-height: 20px;
      }
      .bar1,
      .bar2,
      .bar3 {
        width: 20px;
        height: 2px;
        background-color: #333;
        margin: 4px 0;
        transition: 0.4s;
        display: block;
      }
      .bar1 {
        width: 8px;
      }
      .bar2 {
        width: 14px;
      }
      .bar3 {
        margin-bottom: 0;
      }
      .site-header--full .header-bottom {
        position: relative;
      }
      .site-header--full .header-bottom .container-fluid,
      .site-header--full .header-bottom .nav-bar,
      .site-header--full .header-bottom .col-md-6 {
        position: static;
      }
      .site-header--full .site-nav__item-mega .site-nav__dropdown {
        width: 100%;
      }
      .header-bottom {
        padding: 24px 0;
      }
      #topbar a,
      #topbar .block_currencies span,
      .block_currencies #currencies a {
        color: #6c757d;
      }
      #topbar .block_currencies #currencies a {
        border: none;
      }
      #topbar a:hover,
      .block_currencies #currencies a.selected,
      #topbar .block_currencies span:hover {
        color: #4f4f4f;
      }
      #topbar .col-left a {
        display: flex;
        padding: 0 15px;
      }
      #topbar .col-left a:first-child {
        padding-left: 0;
      }
      #topbar svg path {
        fill: currentColor;
      }
      #topbar .col-left a svg,
      #topbar .col-right a svg {
        margin-right: 8px;
      }
      #topbar .col-left a + a {
        border-left: 1px solid #adb5bd;
      }
      #topbar .col-right a {
        display: flex;
        border-right: 1px solid #adb5bd;
        align-items: center;
        padding: 0 15px;
      }
      #topbar .js-wishlist-count,
      #topbar .js-compare-count {
        margin-left: 5px;
        background: transparent;
        border-radius: 50%;
        border: 1px solid;
        color: currentColor;
      }
      #form-search-header {
        width: 100%;
      }
      #form-search-header .rb-search svg {
        width: 24px;
        height: 24px;
      }
      #form-search-header .rb-search {
        width: 100%;
        border: 1px solid var(--g-main);
        border-radius: 8px;
        padding-left: 18px;
      }
      #form-search-header .site-header__search-input {
        padding: 0 10px;
        height: 48px;
        font-size: 14px;
      }
      #form-search-header .site-header__search-submit {
        padding: 0 16px;
        border-radius: 0 8px 8px 0;
        height: 48px;
        font-size: 16px;
        color: var(--g-cta-button2);
        background: #4f4f4f;
      }
      .close-sr {
        display: none;
        position: absolute;
        z-index: 9999;
        right: 10px;
        margin-top: 10px;
      }
      .header-bottom__right a {
        color: #565d65;
      }
      .header-bottom__right a:hover {
        color: #4f4f4f;
      }
      .header-bottom__right .site-account.js-open-login {
        padding: 0;
        display: flex;
        align-items: center;
        padding-right: 2.8em;
      }
      .header-bottom__right svg {
        width: 24px;
        height: 24px;
      }
      .header-bottom__right .account-icon {
        width: 48px;
        height: 48px;
        border-radius: 16px;
        display: inline-block;
        box-shadow: 0px 4px 8px rgba(33, 37, 41, 0.2);
        line-height: 48px;
        text-align: center;
      }
      .header-bottom__right .account-info {
        padding-left: 8px;
      }
      .header-bottom__right .account-text-bold {
        display: block;
        margin-bottom: 6px;
        font-size: 16px;
        padding: 0;
      }
      .header-bottom__right .account-text {
        font-size: 12px;
        padding: 0;
        font-weight: 400;
        color: #6c757d;
      }
      .header--acount {
        align-items: center;
      }
      .header-bottom__right .site-header__cart {
        padding: 0;
        align-items: center;
      }
      .header-bottom__right .site-header__cart .account-icon {
        position: relative;
        margin-right: 8px;
      }
      .header-bottom__right .site-header__cart .js-cart-count {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 20px;
        height: 20px;
        color: #fff;
        line-height: 20px;
        font-size: 14px;
      }
      .menu-bottom {
        background: #4f4f4f;
      }
      .menu-bottom .site-nav__link {
        padding: 12px 20px;
        font-weight: 500;
      }
      .menu-bottom .site-nav__item:first-child .site-nav__link {
        padding-left: 0;
      }
      .text-run {
        background: #565d65;
        color: #f8f9fa;
        padding: 0 15px;
        align-items: center;
        display: flex !important;
        height: 100%;
      }
      .text-run svg {
        margin-right: 13px;
      }
      .vertical-menu-title {
        height: 100%;
        display: flex;
        align-items: center;
        background: #565d65;
        padding: 0 20px;
        cursor: pointer;
      }
      .vertical-menu {
        min-width: 277px;
      }
      .vertical-menu-title svg path {
        fill: #ffffff;
      }
      .vertical-menu-title span {
        color: #ffffff;
        font-size: 16px;
        padding-left: 11px;
      }
      .vertical-menu-content {
        position: absolute;
        width: 100%;
        box-shadow: 0px 4px 16px rgba(33, 37, 41, 0.1);
        border-radius: 0px 0px 16px 16px;
        padding-bottom: 15px;
        background: #f8f9fa;
      }
      .vm-border {
        position: relative;
        height: 100%;
      }
      .vmc-item {
        border-top: 1px solid #ced4da;
        background: #f8f9fa;
        color: #6c757d;
        padding: 12px 19px;
        display: flex;
        align-items: center;
        transition: 0.3s ease-in;
      }
      .vmc-item svg {
        width: 24px;
        height: 24px;
      }
      .vmc-item svg path {
        fill: #6c757d;
        transition: 0.3s ease-in;
      }
      .vmc-item a {
        color: #6c757d;
        padding-left: 18px;
        font-size: 16px;
        line-height: 24px;
      }
      .vmc-item:hover a,
      .vmc-item:hover svg path {
        color: #d70018;
        fill: #d70018;
      }
      @media (min-width: 992px) {
        .template-index .vertical-menu-content {
          display: block;
        }
      }
      @media (max-width: 1299px) {
        #topbar .col-right a,
        #topbar .col-left a {
          font-size: 12px;
        }
      }
      @media (max-width: 991px) {
        #topbar .row {
          margin: 0;
        }
        #topbar .col-left {
          display: none;
        }
        .col-logo {
          justify-content: center !important;
        }
        .text-run {
          padding: 2px 15px;
        }
        .vertical-menu {
          height: 48px;
          padding: 0;
        }
      }
      @media (max-width: 767px) {
        #topbar .col-right a.site-header__compare,
        .wishlist-text {
          display: none;
        }
        #topbar .col-right .js-wishlist-count {
          margin: 0;
        }
        .header-bottom__right .site-header__cart .js-toggle-cart {
          margin: 0;
        }
        .header-bottom__right .site-header__cart .js-toggle-cart + span {
          display: none;
        }
        .header-bottom {
          padding: 10px 0 12px;
        }
        .toggle-menu-mobile {
          top: 35px;
        }
      }
      [data-aos][data-aos][data-aos-duration="50"],
      body[data-aos-duration="50"] [data-aos] {
        transition-duration: 50ms;
      }
      [data-aos][data-aos][data-aos-delay="50"],
      body[data-aos-delay="50"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="50"].aos-animate,
      body[data-aos-delay="50"] [data-aos].aos-animate {
        transition-delay: 50ms;
      }
      [data-aos][data-aos][data-aos-duration="100"],
      body[data-aos-duration="100"] [data-aos] {
        transition-duration: 0.1s;
      }
      [data-aos][data-aos][data-aos-delay="100"],
      body[data-aos-delay="100"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="100"].aos-animate,
      body[data-aos-delay="100"] [data-aos].aos-animate {
        transition-delay: 0.1s;
      }
      [data-aos][data-aos][data-aos-duration="150"],
      body[data-aos-duration="150"] [data-aos] {
        transition-duration: 0.15s;
      }
      [data-aos][data-aos][data-aos-delay="150"],
      body[data-aos-delay="150"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="150"].aos-animate,
      body[data-aos-delay="150"] [data-aos].aos-animate {
        transition-delay: 0.15s;
      }
      [data-aos][data-aos][data-aos-duration="200"],
      body[data-aos-duration="200"] [data-aos] {
        transition-duration: 0.2s;
      }
      [data-aos][data-aos][data-aos-delay="200"],
      body[data-aos-delay="200"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="200"].aos-animate,
      body[data-aos-delay="200"] [data-aos].aos-animate {
        transition-delay: 0.2s;
      }
      [data-aos][data-aos][data-aos-duration="250"],
      body[data-aos-duration="250"] [data-aos] {
        transition-duration: 0.25s;
      }
      [data-aos][data-aos][data-aos-delay="250"],
      body[data-aos-delay="250"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="250"].aos-animate,
      body[data-aos-delay="250"] [data-aos].aos-animate {
        transition-delay: 0.25s;
      }
      [data-aos][data-aos][data-aos-duration="300"],
      body[data-aos-duration="300"] [data-aos] {
        transition-duration: 0.3s;
      }
      [data-aos][data-aos][data-aos-delay="300"],
      body[data-aos-delay="300"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="300"].aos-animate,
      body[data-aos-delay="300"] [data-aos].aos-animate {
        transition-delay: 0.3s;
      }
      [data-aos][data-aos][data-aos-duration="350"],
      body[data-aos-duration="350"] [data-aos] {
        transition-duration: 0.35s;
      }
      [data-aos][data-aos][data-aos-delay="350"],
      body[data-aos-delay="350"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="350"].aos-animate,
      body[data-aos-delay="350"] [data-aos].aos-animate {
        transition-delay: 0.35s;
      }
      [data-aos][data-aos][data-aos-duration="400"],
      body[data-aos-duration="400"] [data-aos] {
        transition-duration: 0.4s;
      }
      [data-aos][data-aos][data-aos-delay="400"],
      body[data-aos-delay="400"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="400"].aos-animate,
      body[data-aos-delay="400"] [data-aos].aos-animate {
        transition-delay: 0.4s;
      }
      [data-aos][data-aos][data-aos-duration="450"],
      body[data-aos-duration="450"] [data-aos] {
        transition-duration: 0.45s;
      }
      [data-aos][data-aos][data-aos-delay="450"],
      body[data-aos-delay="450"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="450"].aos-animate,
      body[data-aos-delay="450"] [data-aos].aos-animate {
        transition-delay: 0.45s;
      }
      [data-aos][data-aos][data-aos-duration="500"],
      body[data-aos-duration="500"] [data-aos] {
        transition-duration: 0.5s;
      }
      [data-aos][data-aos][data-aos-delay="500"],
      body[data-aos-delay="500"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="500"].aos-animate,
      body[data-aos-delay="500"] [data-aos].aos-animate {
        transition-delay: 0.5s;
      }
      [data-aos][data-aos][data-aos-duration="550"],
      body[data-aos-duration="550"] [data-aos] {
        transition-duration: 0.55s;
      }
      [data-aos][data-aos][data-aos-delay="550"],
      body[data-aos-delay="550"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="550"].aos-animate,
      body[data-aos-delay="550"] [data-aos].aos-animate {
        transition-delay: 0.55s;
      }
      [data-aos][data-aos][data-aos-duration="600"],
      body[data-aos-duration="600"] [data-aos] {
        transition-duration: 0.6s;
      }
      [data-aos][data-aos][data-aos-delay="600"],
      body[data-aos-delay="600"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="600"].aos-animate,
      body[data-aos-delay="600"] [data-aos].aos-animate {
        transition-delay: 0.6s;
      }
      [data-aos][data-aos][data-aos-duration="650"],
      body[data-aos-duration="650"] [data-aos] {
        transition-duration: 0.65s;
      }
      [data-aos][data-aos][data-aos-delay="650"],
      body[data-aos-delay="650"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="650"].aos-animate,
      body[data-aos-delay="650"] [data-aos].aos-animate {
        transition-delay: 0.65s;
      }
      [data-aos][data-aos][data-aos-duration="700"],
      body[data-aos-duration="700"] [data-aos] {
        transition-duration: 0.7s;
      }
      [data-aos][data-aos][data-aos-delay="700"],
      body[data-aos-delay="700"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="700"].aos-animate,
      body[data-aos-delay="700"] [data-aos].aos-animate {
        transition-delay: 0.7s;
      }
      [data-aos][data-aos][data-aos-duration="750"],
      body[data-aos-duration="750"] [data-aos] {
        transition-duration: 0.75s;
      }
      [data-aos][data-aos][data-aos-delay="750"],
      body[data-aos-delay="750"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="750"].aos-animate,
      body[data-aos-delay="750"] [data-aos].aos-animate {
        transition-delay: 0.75s;
      }
      [data-aos][data-aos][data-aos-duration="800"],
      body[data-aos-duration="800"] [data-aos] {
        transition-duration: 0.8s;
      }
      [data-aos][data-aos][data-aos-delay="800"],
      body[data-aos-delay="800"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="800"].aos-animate,
      body[data-aos-delay="800"] [data-aos].aos-animate {
        transition-delay: 0.8s;
      }
      [data-aos][data-aos][data-aos-duration="850"],
      body[data-aos-duration="850"] [data-aos] {
        transition-duration: 0.85s;
      }
      [data-aos][data-aos][data-aos-delay="850"],
      body[data-aos-delay="850"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="850"].aos-animate,
      body[data-aos-delay="850"] [data-aos].aos-animate {
        transition-delay: 0.85s;
      }
      [data-aos][data-aos][data-aos-duration="900"],
      body[data-aos-duration="900"] [data-aos] {
        transition-duration: 0.9s;
      }
      [data-aos][data-aos][data-aos-delay="900"],
      body[data-aos-delay="900"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="900"].aos-animate,
      body[data-aos-delay="900"] [data-aos].aos-animate {
        transition-delay: 0.9s;
      }
      [data-aos][data-aos][data-aos-duration="950"],
      body[data-aos-duration="950"] [data-aos] {
        transition-duration: 0.95s;
      }
      [data-aos][data-aos][data-aos-delay="950"],
      body[data-aos-delay="950"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="950"].aos-animate,
      body[data-aos-delay="950"] [data-aos].aos-animate {
        transition-delay: 0.95s;
      }
      [data-aos][data-aos][data-aos-duration="1000"],
      body[data-aos-duration="1000"] [data-aos] {
        transition-duration: 1s;
      }
      [data-aos][data-aos][data-aos-delay="1000"],
      body[data-aos-delay="1000"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="1000"].aos-animate,
      body[data-aos-delay="1000"] [data-aos].aos-animate {
        transition-delay: 1s;
      }
      [data-aos][data-aos][data-aos-duration="1050"],
      body[data-aos-duration="1050"] [data-aos] {
        transition-duration: 1.05s;
      }
      [data-aos][data-aos][data-aos-delay="1050"],
      body[data-aos-delay="1050"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="1050"].aos-animate,
      body[data-aos-delay="1050"] [data-aos].aos-animate {
        transition-delay: 1.05s;
      }
      [data-aos][data-aos][data-aos-duration="1100"],
      body[data-aos-duration="1100"] [data-aos] {
        transition-duration: 1.1s;
      }
      [data-aos][data-aos][data-aos-delay="1100"],
      body[data-aos-delay="1100"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="1100"].aos-animate,
      body[data-aos-delay="1100"] [data-aos].aos-animate {
        transition-delay: 1.1s;
      }
      [data-aos][data-aos][data-aos-duration="1150"],
      body[data-aos-duration="1150"] [data-aos] {
        transition-duration: 1.15s;
      }
      [data-aos][data-aos][data-aos-delay="1150"],
      body[data-aos-delay="1150"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="1150"].aos-animate,
      body[data-aos-delay="1150"] [data-aos].aos-animate {
        transition-delay: 1.15s;
      }
      [data-aos][data-aos][data-aos-duration="1200"],
      body[data-aos-duration="1200"] [data-aos] {
        transition-duration: 1.2s;
      }
      [data-aos][data-aos][data-aos-delay="1200"],
      body[data-aos-delay="1200"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="1200"].aos-animate,
      body[data-aos-delay="1200"] [data-aos].aos-animate {
        transition-delay: 1.2s;
      }
      [data-aos][data-aos][data-aos-duration="1250"],
      body[data-aos-duration="1250"] [data-aos] {
        transition-duration: 1.25s;
      }
      [data-aos][data-aos][data-aos-delay="1250"],
      body[data-aos-delay="1250"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="1250"].aos-animate,
      body[data-aos-delay="1250"] [data-aos].aos-animate {
        transition-delay: 1.25s;
      }
      [data-aos][data-aos][data-aos-duration="1300"],
      body[data-aos-duration="1300"] [data-aos] {
        transition-duration: 1.3s;
      }
      [data-aos][data-aos][data-aos-delay="1300"],
      body[data-aos-delay="1300"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="1300"].aos-animate,
      body[data-aos-delay="1300"] [data-aos].aos-animate {
        transition-delay: 1.3s;
      }
      [data-aos][data-aos][data-aos-duration="1350"],
      body[data-aos-duration="1350"] [data-aos] {
        transition-duration: 1.35s;
      }
      [data-aos][data-aos][data-aos-delay="1350"],
      body[data-aos-delay="1350"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="1350"].aos-animate,
      body[data-aos-delay="1350"] [data-aos].aos-animate {
        transition-delay: 1.35s;
      }
      [data-aos][data-aos][data-aos-duration="1400"],
      body[data-aos-duration="1400"] [data-aos] {
        transition-duration: 1.4s;
      }
      [data-aos][data-aos][data-aos-delay="1400"],
      body[data-aos-delay="1400"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="1400"].aos-animate,
      body[data-aos-delay="1400"] [data-aos].aos-animate {
        transition-delay: 1.4s;
      }
      [data-aos][data-aos][data-aos-duration="1450"],
      body[data-aos-duration="1450"] [data-aos] {
        transition-duration: 1.45s;
      }
      [data-aos][data-aos][data-aos-delay="1450"],
      body[data-aos-delay="1450"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="1450"].aos-animate,
      body[data-aos-delay="1450"] [data-aos].aos-animate {
        transition-delay: 1.45s;
      }
      [data-aos][data-aos][data-aos-duration="1500"],
      body[data-aos-duration="1500"] [data-aos] {
        transition-duration: 1.5s;
      }
      [data-aos][data-aos][data-aos-delay="1500"],
      body[data-aos-delay="1500"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="1500"].aos-animate,
      body[data-aos-delay="1500"] [data-aos].aos-animate {
        transition-delay: 1.5s;
      }
      [data-aos][data-aos][data-aos-duration="1550"],
      body[data-aos-duration="1550"] [data-aos] {
        transition-duration: 1.55s;
      }
      [data-aos][data-aos][data-aos-delay="1550"],
      body[data-aos-delay="1550"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="1550"].aos-animate,
      body[data-aos-delay="1550"] [data-aos].aos-animate {
        transition-delay: 1.55s;
      }
      [data-aos][data-aos][data-aos-duration="1600"],
      body[data-aos-duration="1600"] [data-aos] {
        transition-duration: 1.6s;
      }
      [data-aos][data-aos][data-aos-delay="1600"],
      body[data-aos-delay="1600"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="1600"].aos-animate,
      body[data-aos-delay="1600"] [data-aos].aos-animate {
        transition-delay: 1.6s;
      }
      [data-aos][data-aos][data-aos-duration="1650"],
      body[data-aos-duration="1650"] [data-aos] {
        transition-duration: 1.65s;
      }
      [data-aos][data-aos][data-aos-delay="1650"],
      body[data-aos-delay="1650"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="1650"].aos-animate,
      body[data-aos-delay="1650"] [data-aos].aos-animate {
        transition-delay: 1.65s;
      }
      [data-aos][data-aos][data-aos-duration="1700"],
      body[data-aos-duration="1700"] [data-aos] {
        transition-duration: 1.7s;
      }
      [data-aos][data-aos][data-aos-delay="1700"],
      body[data-aos-delay="1700"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="1700"].aos-animate,
      body[data-aos-delay="1700"] [data-aos].aos-animate {
        transition-delay: 1.7s;
      }
      [data-aos][data-aos][data-aos-duration="1750"],
      body[data-aos-duration="1750"] [data-aos] {
        transition-duration: 1.75s;
      }
      [data-aos][data-aos][data-aos-delay="1750"],
      body[data-aos-delay="1750"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="1750"].aos-animate,
      body[data-aos-delay="1750"] [data-aos].aos-animate {
        transition-delay: 1.75s;
      }
      [data-aos][data-aos][data-aos-duration="1800"],
      body[data-aos-duration="1800"] [data-aos] {
        transition-duration: 1.8s;
      }
      [data-aos][data-aos][data-aos-delay="1800"],
      body[data-aos-delay="1800"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="1800"].aos-animate,
      body[data-aos-delay="1800"] [data-aos].aos-animate {
        transition-delay: 1.8s;
      }
      [data-aos][data-aos][data-aos-duration="1850"],
      body[data-aos-duration="1850"] [data-aos] {
        transition-duration: 1.85s;
      }
      [data-aos][data-aos][data-aos-delay="1850"],
      body[data-aos-delay="1850"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="1850"].aos-animate,
      body[data-aos-delay="1850"] [data-aos].aos-animate {
        transition-delay: 1.85s;
      }
      [data-aos][data-aos][data-aos-duration="1900"],
      body[data-aos-duration="1900"] [data-aos] {
        transition-duration: 1.9s;
      }
      [data-aos][data-aos][data-aos-delay="1900"],
      body[data-aos-delay="1900"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="1900"].aos-animate,
      body[data-aos-delay="1900"] [data-aos].aos-animate {
        transition-delay: 1.9s;
      }
      [data-aos][data-aos][data-aos-duration="1950"],
      body[data-aos-duration="1950"] [data-aos] {
        transition-duration: 1.95s;
      }
      [data-aos][data-aos][data-aos-delay="1950"],
      body[data-aos-delay="1950"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="1950"].aos-animate,
      body[data-aos-delay="1950"] [data-aos].aos-animate {
        transition-delay: 1.95s;
      }
      [data-aos][data-aos][data-aos-duration="2000"],
      body[data-aos-duration="2000"] [data-aos] {
        transition-duration: 2s;
      }
      [data-aos][data-aos][data-aos-delay="2000"],
      body[data-aos-delay="2000"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="2000"].aos-animate,
      body[data-aos-delay="2000"] [data-aos].aos-animate {
        transition-delay: 2s;
      }
      [data-aos][data-aos][data-aos-duration="2050"],
      body[data-aos-duration="2050"] [data-aos] {
        transition-duration: 2.05s;
      }
      [data-aos][data-aos][data-aos-delay="2050"],
      body[data-aos-delay="2050"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="2050"].aos-animate,
      body[data-aos-delay="2050"] [data-aos].aos-animate {
        transition-delay: 2.05s;
      }
      [data-aos][data-aos][data-aos-duration="2100"],
      body[data-aos-duration="2100"] [data-aos] {
        transition-duration: 2.1s;
      }
      [data-aos][data-aos][data-aos-delay="2100"],
      body[data-aos-delay="2100"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="2100"].aos-animate,
      body[data-aos-delay="2100"] [data-aos].aos-animate {
        transition-delay: 2.1s;
      }
      [data-aos][data-aos][data-aos-duration="2150"],
      body[data-aos-duration="2150"] [data-aos] {
        transition-duration: 2.15s;
      }
      [data-aos][data-aos][data-aos-delay="2150"],
      body[data-aos-delay="2150"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="2150"].aos-animate,
      body[data-aos-delay="2150"] [data-aos].aos-animate {
        transition-delay: 2.15s;
      }
      [data-aos][data-aos][data-aos-duration="2200"],
      body[data-aos-duration="2200"] [data-aos] {
        transition-duration: 2.2s;
      }
      [data-aos][data-aos][data-aos-delay="2200"],
      body[data-aos-delay="2200"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="2200"].aos-animate,
      body[data-aos-delay="2200"] [data-aos].aos-animate {
        transition-delay: 2.2s;
      }
      [data-aos][data-aos][data-aos-duration="2250"],
      body[data-aos-duration="2250"] [data-aos] {
        transition-duration: 2.25s;
      }
      [data-aos][data-aos][data-aos-delay="2250"],
      body[data-aos-delay="2250"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="2250"].aos-animate,
      body[data-aos-delay="2250"] [data-aos].aos-animate {
        transition-delay: 2.25s;
      }
      [data-aos][data-aos][data-aos-duration="2300"],
      body[data-aos-duration="2300"] [data-aos] {
        transition-duration: 2.3s;
      }
      [data-aos][data-aos][data-aos-delay="2300"],
      body[data-aos-delay="2300"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="2300"].aos-animate,
      body[data-aos-delay="2300"] [data-aos].aos-animate {
        transition-delay: 2.3s;
      }
      [data-aos][data-aos][data-aos-duration="2350"],
      body[data-aos-duration="2350"] [data-aos] {
        transition-duration: 2.35s;
      }
      [data-aos][data-aos][data-aos-delay="2350"],
      body[data-aos-delay="2350"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="2350"].aos-animate,
      body[data-aos-delay="2350"] [data-aos].aos-animate {
        transition-delay: 2.35s;
      }
      [data-aos][data-aos][data-aos-duration="2400"],
      body[data-aos-duration="2400"] [data-aos] {
        transition-duration: 2.4s;
      }
      [data-aos][data-aos][data-aos-delay="2400"],
      body[data-aos-delay="2400"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="2400"].aos-animate,
      body[data-aos-delay="2400"] [data-aos].aos-animate {
        transition-delay: 2.4s;
      }
      [data-aos][data-aos][data-aos-duration="2450"],
      body[data-aos-duration="2450"] [data-aos] {
        transition-duration: 2.45s;
      }
      [data-aos][data-aos][data-aos-delay="2450"],
      body[data-aos-delay="2450"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="2450"].aos-animate,
      body[data-aos-delay="2450"] [data-aos].aos-animate {
        transition-delay: 2.45s;
      }
      [data-aos][data-aos][data-aos-duration="2500"],
      body[data-aos-duration="2500"] [data-aos] {
        transition-duration: 2.5s;
      }
      [data-aos][data-aos][data-aos-delay="2500"],
      body[data-aos-delay="2500"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="2500"].aos-animate,
      body[data-aos-delay="2500"] [data-aos].aos-animate {
        transition-delay: 2.5s;
      }
      [data-aos][data-aos][data-aos-duration="2550"],
      body[data-aos-duration="2550"] [data-aos] {
        transition-duration: 2.55s;
      }
      [data-aos][data-aos][data-aos-delay="2550"],
      body[data-aos-delay="2550"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="2550"].aos-animate,
      body[data-aos-delay="2550"] [data-aos].aos-animate {
        transition-delay: 2.55s;
      }
      [data-aos][data-aos][data-aos-duration="2600"],
      body[data-aos-duration="2600"] [data-aos] {
        transition-duration: 2.6s;
      }
      [data-aos][data-aos][data-aos-delay="2600"],
      body[data-aos-delay="2600"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="2600"].aos-animate,
      body[data-aos-delay="2600"] [data-aos].aos-animate {
        transition-delay: 2.6s;
      }
      [data-aos][data-aos][data-aos-duration="2650"],
      body[data-aos-duration="2650"] [data-aos] {
        transition-duration: 2.65s;
      }
      [data-aos][data-aos][data-aos-delay="2650"],
      body[data-aos-delay="2650"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="2650"].aos-animate,
      body[data-aos-delay="2650"] [data-aos].aos-animate {
        transition-delay: 2.65s;
      }
      [data-aos][data-aos][data-aos-duration="2700"],
      body[data-aos-duration="2700"] [data-aos] {
        transition-duration: 2.7s;
      }
      [data-aos][data-aos][data-aos-delay="2700"],
      body[data-aos-delay="2700"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="2700"].aos-animate,
      body[data-aos-delay="2700"] [data-aos].aos-animate {
        transition-delay: 2.7s;
      }
      [data-aos][data-aos][data-aos-duration="2750"],
      body[data-aos-duration="2750"] [data-aos] {
        transition-duration: 2.75s;
      }
      [data-aos][data-aos][data-aos-delay="2750"],
      body[data-aos-delay="2750"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="2750"].aos-animate,
      body[data-aos-delay="2750"] [data-aos].aos-animate {
        transition-delay: 2.75s;
      }
      [data-aos][data-aos][data-aos-duration="2800"],
      body[data-aos-duration="2800"] [data-aos] {
        transition-duration: 2.8s;
      }
      [data-aos][data-aos][data-aos-delay="2800"],
      body[data-aos-delay="2800"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="2800"].aos-animate,
      body[data-aos-delay="2800"] [data-aos].aos-animate {
        transition-delay: 2.8s;
      }
      [data-aos][data-aos][data-aos-duration="2850"],
      body[data-aos-duration="2850"] [data-aos] {
        transition-duration: 2.85s;
      }
      [data-aos][data-aos][data-aos-delay="2850"],
      body[data-aos-delay="2850"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="2850"].aos-animate,
      body[data-aos-delay="2850"] [data-aos].aos-animate {
        transition-delay: 2.85s;
      }
      [data-aos][data-aos][data-aos-duration="2900"],
      body[data-aos-duration="2900"] [data-aos] {
        transition-duration: 2.9s;
      }
      [data-aos][data-aos][data-aos-delay="2900"],
      body[data-aos-delay="2900"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="2900"].aos-animate,
      body[data-aos-delay="2900"] [data-aos].aos-animate {
        transition-delay: 2.9s;
      }
      [data-aos][data-aos][data-aos-duration="2950"],
      body[data-aos-duration="2950"] [data-aos] {
        transition-duration: 2.95s;
      }
      [data-aos][data-aos][data-aos-delay="2950"],
      body[data-aos-delay="2950"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="2950"].aos-animate,
      body[data-aos-delay="2950"] [data-aos].aos-animate {
        transition-delay: 2.95s;
      }
      [data-aos][data-aos][data-aos-duration="3000"],
      body[data-aos-duration="3000"] [data-aos] {
        transition-duration: 3s;
      }
      [data-aos][data-aos][data-aos-delay="3000"],
      body[data-aos-delay="3000"] [data-aos] {
        transition-delay: 0s;
      }
      [data-aos][data-aos][data-aos-delay="3000"].aos-animate,
      body[data-aos-delay="3000"] [data-aos].aos-animate {
        transition-delay: 3s;
      }
      [data-aos] {
        pointer-events: auto;
      }
      [data-aos].aos-animate {
        pointer-events: auto;
      }
      [data-aos][data-aos][data-aos-easing="linear"],
      body[data-aos-easing="linear"] [data-aos] {
        transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
      }
      [data-aos][data-aos][data-aos-easing="ease"],
      body[data-aos-easing="ease"] [data-aos] {
        transition-timing-function: ease;
      }
      [data-aos][data-aos][data-aos-easing="ease-in"],
      body[data-aos-easing="ease-in"] [data-aos] {
        transition-timing-function: ease-in;
      }
      [data-aos][data-aos][data-aos-easing="ease-out"],
      body[data-aos-easing="ease-out"] [data-aos] {
        transition-timing-function: ease-out;
      }
      [data-aos][data-aos][data-aos-easing="ease-in-out"],
      body[data-aos-easing="ease-in-out"] [data-aos] {
        transition-timing-function: ease-in-out;
      }
      [data-aos][data-aos][data-aos-easing="ease-in-back"],
      body[data-aos-easing="ease-in-back"] [data-aos] {
        transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
      }
      [data-aos][data-aos][data-aos-easing="ease-out-back"],
      body[data-aos-easing="ease-out-back"] [data-aos] {
        transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
      }
      [data-aos][data-aos][data-aos-easing="ease-in-out-back"],
      body[data-aos-easing="ease-in-out-back"] [data-aos] {
        transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
      }
      [data-aos][data-aos][data-aos-easing="ease-in-sine"],
      body[data-aos-easing="ease-in-sine"] [data-aos] {
        transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
      }
      [data-aos][data-aos][data-aos-easing="ease-out-sine"],
      body[data-aos-easing="ease-out-sine"] [data-aos] {
        transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
      }
      [data-aos][data-aos][data-aos-easing="ease-in-out-sine"],
      body[data-aos-easing="ease-in-out-sine"] [data-aos] {
        transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
      }
      [data-aos][data-aos][data-aos-easing="ease-in-quad"],
      body[data-aos-easing="ease-in-quad"] [data-aos] {
        transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
      }
      [data-aos][data-aos][data-aos-easing="ease-out-quad"],
      body[data-aos-easing="ease-out-quad"] [data-aos] {
        transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      }
      [data-aos][data-aos][data-aos-easing="ease-in-out-quad"],
      body[data-aos-easing="ease-in-out-quad"] [data-aos] {
        transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      }
      [data-aos][data-aos][data-aos-easing="ease-in-cubic"],
      body[data-aos-easing="ease-in-cubic"] [data-aos] {
        transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
      }
      [data-aos][data-aos][data-aos-easing="ease-out-cubic"],
      body[data-aos-easing="ease-out-cubic"] [data-aos] {
        transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      }
      [data-aos][data-aos][data-aos-easing="ease-in-out-cubic"],
      body[data-aos-easing="ease-in-out-cubic"] [data-aos] {
        transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      }
      [data-aos][data-aos][data-aos-easing="ease-in-quart"],
      body[data-aos-easing="ease-in-quart"] [data-aos] {
        transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
      }
      [data-aos][data-aos][data-aos-easing="ease-out-quart"],
      body[data-aos-easing="ease-out-quart"] [data-aos] {
        transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
      }
      [data-aos][data-aos][data-aos-easing="ease-in-out-quart"],
      body[data-aos-easing="ease-in-out-quart"] [data-aos] {
        transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
      }
      @media screen {
        html:not(.no-js) [data-aos^="fade"][data-aos^="fade"] {
          opacity: 0;
          transition-property:
            opacity,
            -webkit-transform;
          transition-property: opacity, transform;
          transition-property:
            opacity,
            transform,
            -webkit-transform;
        }
        html:not(.no-js) [data-aos^="fade"][data-aos^="fade"].aos-animate {
          opacity: 1;
          -webkit-transform: none;
          transform: none;
        }
        html:not(.no-js) [data-aos="fade-up"] {
          -webkit-transform: translate3d(0, 30px, 0);
          transform: translate3d(0, 30px, 0);
        }
        html:not(.no-js) [data-aos="fade-down"] {
          -webkit-transform: translate3d(0, -100px, 0);
          transform: translate3d(0, -100px, 0);
        }
        html:not(.no-js) [data-aos="fade-right"] {
          -webkit-transform: translate3d(-100px, 0, 0);
          transform: translate3d(-100px, 0, 0);
        }
        html:not(.no-js) [data-aos="fade-left"] {
          -webkit-transform: translate3d(100px, 0, 0);
          transform: translate3d(100px, 0, 0);
        }
        html:not(.no-js) [data-aos="fade-up-right"] {
          -webkit-transform: translate3d(-100px, 100px, 0);
          transform: translate3d(-100px, 100px, 0);
        }
        html:not(.no-js) [data-aos="fade-up-left"] {
          -webkit-transform: translate3d(100px, 100px, 0);
          transform: translate3d(100px, 100px, 0);
        }
        html:not(.no-js) [data-aos="fade-down-right"] {
          -webkit-transform: translate3d(-100px, -100px, 0);
          transform: translate3d(-100px, -100px, 0);
        }
        html:not(.no-js) [data-aos="fade-down-left"] {
          -webkit-transform: translate3d(100px, -100px, 0);
          transform: translate3d(100px, -100px, 0);
        }
        html:not(.no-js) [data-aos^="zoom"][data-aos^="zoom"] {
          opacity: 0;
          transition-property:
            opacity,
            -webkit-transform;
          transition-property: opacity, transform;
          transition-property:
            opacity,
            transform,
            -webkit-transform;
        }
        html:not(.no-js) [data-aos^="zoom"][data-aos^="zoom"].aos-animate {
          opacity: 1;
          -webkit-transform: translateZ(0) scale(1);
          transform: translateZ(0) scale(1);
        }
        html:not(.no-js) [data-aos="zoom-in"] {
          -webkit-transform: scale(0.6);
          transform: scale(0.6);
        }
        html:not(.no-js) [data-aos="zoom-in-up"] {
          -webkit-transform: translate3d(0, 100px, 0) scale(0.6);
          transform: translate3d(0, 100px, 0) scale(0.6);
        }
        html:not(.no-js) [data-aos="zoom-in-down"] {
          -webkit-transform: translate3d(0, -100px, 0) scale(0.6);
          transform: translate3d(0, -100px, 0) scale(0.6);
        }
        html:not(.no-js) [data-aos="zoom-in-right"] {
          -webkit-transform: translate3d(-100px, 0, 0) scale(0.6);
          transform: translate3d(-100px, 0, 0) scale(0.6);
        }
        html:not(.no-js) [data-aos="zoom-in-left"] {
          -webkit-transform: translate3d(100px, 0, 0) scale(0.6);
          transform: translate3d(100px, 0, 0) scale(0.6);
        }
        html:not(.no-js) [data-aos="zoom-out"] {
          -webkit-transform: scale(1.2);
          transform: scale(1.2);
        }
        html:not(.no-js) [data-aos="zoom-out-up"] {
          -webkit-transform: translate3d(0, 100px, 0) scale(1.2);
          transform: translate3d(0, 100px, 0) scale(1.2);
        }
        html:not(.no-js) [data-aos="zoom-out-down"] {
          -webkit-transform: translate3d(0, -100px, 0) scale(1.2);
          transform: translate3d(0, -100px, 0) scale(1.2);
        }
        html:not(.no-js) [data-aos="zoom-out-right"] {
          -webkit-transform: translate3d(-100px, 0, 0) scale(1.2);
          transform: translate3d(-100px, 0, 0) scale(1.2);
        }
        html:not(.no-js) [data-aos="zoom-out-left"] {
          -webkit-transform: translate3d(100px, 0, 0) scale(1.2);
          transform: translate3d(100px, 0, 0) scale(1.2);
        }
        html:not(.no-js) [data-aos^="slide"][data-aos^="slide"] {
          transition-property: -webkit-transform;
          transition-property: transform;
          transition-property:
            transform,
            -webkit-transform;
          visibility: hidden;
        }
        html:not(.no-js) [data-aos^="slide"][data-aos^="slide"].aos-animate {
          visibility: visible;
          -webkit-transform: translateZ(0);
          transform: translateZ(0);
        }
        html:not(.no-js) [data-aos="slide-up"] {
          -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
        }
        html:not(.no-js) [data-aos="slide-down"] {
          -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
        }
        html:not(.no-js) [data-aos="slide-right"] {
          -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
        }
        html:not(.no-js) [data-aos="slide-left"] {
          -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
        }
        html:not(.no-js) [data-aos^="flip"][data-aos^="flip"] {
          -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
          transition-property: -webkit-transform;
          transition-property: transform;
          transition-property:
            transform,
            -webkit-transform;
        }
        html:not(.no-js) [data-aos="flip-left"] {
          -webkit-transform: perspective(2500px) rotateY(-100deg);
          transform: perspective(2500px) rotateY(-100deg);
        }
        html:not(.no-js) [data-aos="flip-left"].aos-animate {
          -webkit-transform: perspective(2500px) rotateY(0);
          transform: perspective(2500px) rotateY(0);
        }
        html:not(.no-js) [data-aos="flip-right"] {
          -webkit-transform: perspective(2500px) rotateY(100deg);
          transform: perspective(2500px) rotateY(100deg);
        }
        html:not(.no-js) [data-aos="flip-right"].aos-animate {
          -webkit-transform: perspective(2500px) rotateY(0);
          transform: perspective(2500px) rotateY(0);
        }
        html:not(.no-js) [data-aos="flip-up"] {
          -webkit-transform: perspective(2500px) rotateX(-100deg);
          transform: perspective(2500px) rotateX(-100deg);
        }
        html:not(.no-js) [data-aos="flip-up"].aos-animate {
          -webkit-transform: perspective(2500px) rotateX(0);
          transform: perspective(2500px) rotateX(0);
        }
        html:not(.no-js) [data-aos="flip-down"] {
          -webkit-transform: perspective(2500px) rotateX(100deg);
          transform: perspective(2500px) rotateX(100deg);
        }
        html:not(.no-js) [data-aos="flip-down"].aos-animate {
          -webkit-transform: perspective(2500px) rotateX(0);
          transform: perspective(2500px) rotateX(0);
        }
      }
    </style>
    <style>
      @keyframes avada-rotate {
        0% {
          transform: rotate(0);
        }
        100% {
          transform: rotate(360deg);
        }
      }
      @keyframes avada-fade-out {
        0% {
          opacity: 1;
          visibility: visible;
        }
        100% {
          opacity: 0;
          visibility: hidden;
        }
      }
      .Avada-LoadingScreen {
        display: none;
        width: 100%;
        height: 100vh;
        top: 0;
        position: fixed;
        z-index: 9999;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #f2f2f2;
      }
      .Avada-LoadingScreen svg {
        animation: avada-rotate 1s linear infinite;
        width: 100px;
        height: 100px;
      }
    </style>
    <style data-shopify>
      .product-notification {
        position: fixed;
        bottom: -2vh;
        left: 2vh;
        background: #fff;
        width: 350px;
        opacity: 0;
        z-index: 999;
        border: 1px solid #eee;
        border-radius: 4px;
        visibility: hidden;
        transition: all ease 1s;
      }
      .product-notification.active {
        opacity: 1;
        bottom: 2vh;
        visibility: visible;
      }
      .product-notification .close-notifi {
        border-radius: 50%;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        width: 27px;
        height: 27px;
        position: absolute;
        right: -12px;
        top: -12px;
      }
      .product-notification .close-notifi:hover {
        color: #fff;
      }
      .product-notification .product-suggest {
        background: white;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
      }
      .product-notification .product-name {
        font-weight: 700;
      }
      .product-notification .product-image {
        width: 90px;
        display: block;
      }
      .product-notification .column-right {
        padding: 8px 15px;
        line-height: 20px;
        font-size: 13px;
      }
      .product-notification label {
        display: inline;
      }
      @media (max-width: 480px) {
        .product-notification {
          display: none;
        }
      }
      @media (max-width: 767px) {
        .product-notification {
          left: 20px;
        }
      }
      .product-suggest .product-image {
        padding: 10px;
      }
      .product-notification .close-notifi {
        top: 0;
        right: 0;
        color: #000;
        background: transparent;
        font-size: 20px;
      }
      .product-suggest .column-right {
        padding: 8px 0;
      }
      .product-suggest .product-name {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 220px;
        display: block;
      }
    </style>
    <style>
      .js-recently-view-button {
        position: fixed;
        z-index: 1;
        background-size: contain;
        background-position: center;
        bottom: calc(3vh + 60px);
        right: 4vh;
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        cursor: pointer;
        display: block;
        border: 1px solid;
        border-radius: 50%;
        overflow: hidden;
        opacity: 0;
        visibility: hidden;
        transition: all ease 0.3s;
      }
      .js-recently-view-button.active {
        opacity: 1;
        visibility: visible;
      }
      @media (max-width: 767px) {
        .js-recently-view-button {
          bottom: 3vh;
          right: 3vh;
        }
      }
      @media (max-width: 767px) {
        .js-viewed-item {
          -webkit-flex: 0 0 50%;
          -moz-flex: 0 0 50%;
          -ms-flex: 0 0 50%;
          flex: 0 0 50%;
          width: 50%;
        }
      }
      @media (max-width: 767px) {
        .js-recently-view-button {
          bottom: 10vh;
          right: 4vh;
        }
      }
    </style>
    <style>
      .js-cookie-policy {
        display: none;
        position: fixed;
        width: 100%;
        bottom: 0;
        left: 0;
        z-index: 99;
        background: #101010;
        padding: 15px 0;
        color: #999;
      }
      .js-cookie-policy a {
        color: #fff;
        text-decoration: underline;
      }
      .js-btn-ok {
        padding: 6px 30px;
        font-size: 12px;
      }
    </style>
    <style>
      .progress-wrap {
        position: fixed;
        height: 46px;
        width: 46px;
        bottom: 3vh;
        right: 4vh;
        cursor: pointer;
        display: block;
        border-radius: 50px;
        box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.2);
        z-index: 998;
        opacity: 0;
        visibility: hidden;
        transform: translateY(15px);
        -webkit-transition: all 200ms linear;
        transition: all 200ms linear;
      }
      .progress-wrap.active-progress {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
      }
      .progress-wrap svg {
        width: auto;
        height: auto;
      }
      .progress-wrap::before {
        color: var(--g-main);
        position: absolute;
        font-family: icomoon !important;
        content: "\e908";
        text-align: center;
        line-height: 46px;
        font-size: 16px;
        left: 0;
        top: 0;
        height: 46px;
        width: 46px;
        cursor: pointer;
        display: block;
        z-index: 2;
        -webkit-transition: all 200ms linear;
        transition: all 200ms linear;
      }
      .progress-wrap svg path {
        fill: none;
      }
      .progress-wrap svg.progress-circle path {
        stroke: var(--g-main);
        stroke-width: 4;
        box-sizing: border-box;
        -webkit-transition: all 200ms linear;
        transition: all 200ms linear;
      }
    </style>
    <style>
      .qv-content {
        text-align: left;
      }
      .rtl .qv-content {
        text-align: right;
      }
      #qv-product-images {
        margin: 0;
      }
      #jsQuickview .option-selection {
        margin-bottom: 10px;
      }
      #jsQuickview select.option {
        width: calc(100% - 120px);
      }
      #jsQuickview span.option {
        min-width: 120px;
        display: inline-block;
        text-transform: capitalize;
      }
      #jsQuickview .slick-dots {
        bottom: 20px;
      }
      #jsQuickview .slick-dots li button:before {
        font-size: 35px;
        color: #000;
        transition: all ease 0.3s;
      }
      #jsQuickview .qv-product-price {
        display: inline-block;
        margin: 0;
      }
      #jsQuickview .qv-product-price .money {
        color: #4f4f4f;
      }
      #jsQuickview .qv-product-title {
        font-size: 24px;
      }
      #jsQuickview .qv-add-button {
        display: inline-block;
        margin-left: 20px;
        width: calc(100% - 120px);
      }
      #jsQuickview .qv-product-description {
        max-height: 180px;
        overflow: hidden;
        position: relative;
      }
      #jsQuickview .qv-product-description:after {
        position: absolute;
        content: "";
        width: 100%;
        left: 0;
        bottom: 0;
        background: #fff;
      }
      .rtl #jsQuickview .qv-product-description:after {
        right: 0;
        left: auto;
      }
      .qv-add-to-cart .quantity {
        height: 56px;
        display: inline-block;
        width: 100px;
      }
      .qv-add-to-cart .quantity span {
        display: none;
      }
      .qv-quantity {
        height: 56px;
        width: 100%;
        text-align: center;
        font-weight: bold;
      }
      .qv-product-options {
        margin-bottom: 20px;
      }
      #qv-product-images .slick-prev {
        left: 20px;
      }
      #qv-product-images .slick-next {
        right: 20px;
      }
      #qv-product-images .slick-prev,
      #qv-product-images .slick-next {
        opacity: 0;
        transition: all 0.3s ease;
      }
      #qv-product-images:hover .slick-next {
        opacity: 1;
      }
      #qv-product-images:hover .slick-prev {
        opacity: 1;
      }
    </style>
    <style>
      .js-loading {
        display: none;
      }
      .loading_site {
        z-index: 999;
        background: rgba(255, 255, 255, 0.97);
        border: 1px solid rgba(0, 0, 0, 0.15);
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        padding: 0;
        border-radius: 3px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
      }
    </style>
    <style>
      .g-breadcrumb {
        flex-direction: column;
        color: #ffffff;
        padding: 24px 0;
        margin: 0;
        background: #ffffff;
      }
      .g-breadcrumb a,
      .g-breadcrumb span {
        padding: 0 1px;
        font-size: 14px;
        line-height: 20px;
        display: inline-block;
      }
      .g-breadcrumb a {
        color: #000000;
      }
      .g-breadcrumb .container,
      .g-breadcrumb .container-fluid {
        z-index: 2;
        position: relative;
      }
      .g-breadcrumb.breadcrumbs-style_2 {
        padding: 120px 0;
        background: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
      }
      @media (max-width: 576px) {
        .g-breadcrumb.breadcrumbs-style_2 {
          padding: 50px 0;
        }
        .g-breadcrumb.breadcrumbs-style_2 h3 {
          font-size: 26px;
        }
      }
      .g-breadcrumb.breadcrumbs-style_2::before {
        background: rgba(0, 0, 0, 0);
        position: absolute;
        z-index: 1;
        content: "";
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
      }
      .br-title {
        color: #ffffff;
      }
      .br-title svg {
        width: 23px;
        height: 23px;
      }
    </style>
    <style>
      .modal-backdrop.show {
        display: none !important;
      }
      #productrelated {
        margin-top: 40px;
      }
      .product-modal__image {
        display: block;
        position: relative;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        display: block;
        max-height: 95%;
        max-width: 95%;
        margin: 0 auto;
        cursor: auto;
      }
      .no-csstransforms .product-modal__image {
        top: 2.5%;
      }
      #nav-tab-info .nav-tabs {
        border-bottom: 2px solid #d7d7d7;
      }
      #nav-tab-info .nav-tabs .nav-link {
        border: none;
        border-bottom: 2px solid transparent;
        color: #222;
        font-size: 16px;
      }
      #nav-tab-info .nav-tabs .nav-link.active {
        border-bottom: 2px solid #4f4f4f;
      }
      #nav-tab-info .nav-tabs .nav-item {
        text-transform: uppercase;
        padding: 0;
        margin: 0 30px -2px 0;
        font-weight: 600;
        background-color: transparent;
        font-size: 14px;
        padding: 15px 0;
      }
      .nav-link .spr-badge-starrating {
        display: none;
      }
      .social-sharing .col-title {
        display: none;
      }
      .safe-checkout-detail {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
      }
      .product-form__quantity-submit {
        display: flex;
        align-items: center;
        padding-top: 10px;
      }
      .product-form__quantity-submit .product-form__item--submit {
        margin-left: 10px;
      }
      .selector-wrapper {
        margin: 15px 0;
      }
      #shopify-section-product-template-1 .product-single__info-wrapper {
        padding: 15px;
        background: #fff;
        border-radius: 16px;
      }
      .template-product .main-content {
        padding-top: 30px;
      }
      .product-single__vendor small {
        font-size: 16px;
      }
      #shopify-section-product-template-1 .product-single__title {
        font-size: 32px;
        font-weight: 500;
        line-height: 48px;
      }
      #shopify-section-product-template-1 .review {
        margin-bottom: 15px;
      }
      .review .spr-badge {
        display: inline-block;
        padding-right: 40px;
        font-size: 14px;
      }
      .review .product-single__availability.available {
        color: #78a400;
      }
      .review .product-single__availability.available svg {
        position: relative;
        top: -2px;
      }
      .rte.product-single__description {
        line-height: 20px;
        margin-top: 20px;
      }
      .col-service-block {
        background: #fff;
        border-radius: 16px;
        padding: 16px 40px;
      }
      .col-service-block .cs-block-img {
        padding-right: 27px;
      }
      .cs-block-text h4 {
        font-weight: 500;
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 5px;
      }
      .cs-block-text p {
        font-size: 16px;
        line-height: 24px;
      }
      .col-service-block .cs-block {
        padding: 24px 0;
        border-bottom: 1px solid #ced4da;
      }
      .col-service-block .cs-block:last-child {
        border: none;
      }
      .template-product .selector-wrapper.js.product-form__item {
        display: block;
      }
      @media (max-width: 1599px) {
        .col-img,
        .col-info {
          -ms-flex: 0 0 50%;
          flex: 0 0 50%;
          max-width: 50%;
        }
        .col-service {
          -ms-flex: 0 0 100%;
          flex: 0 0 100%;
          max-width: 100%;
          margin-top: 20px;
        }
        .col-service .col-service-block {
          display: flex;
        }
        .col-service .col-service-block .cs-block {
          -ms-flex: 0 0 25%;
          flex: 0 0 25%;
          max-width: 25%;
          border: none;
          padding: 10px 5px;
        }
        .product-single,
        #productrelated {
          margin: 0;
        }
        .col-service-block .cs-block-img {
          padding-right: 10px;
        }
      }
      @media (max-width: 1315px) {
        .product-form__quantity-submit {
          display: block;
        }
        .product-form__quantity-submit .product-form__item--quantity {
          max-width: 130px;
          margin-bottom: 20px;
        }
        .template-product .product-form__item.product-form__item--submit {
          display: inline-block;
          margin: 0 0 10px !important;
        }
        .template-product .product-form__buynow {
          display: inline-block;
        }
      }
      @media (max-width: 1100px) {
        #shopify-section-product-template-1 .product-single__info-wrapper {
          padding: 10px;
        }
        .product-form__quantity-submit {
          display: block;
        }
        .product-form__item--quantity {
          width: 130px;
          margin-bottom: 10px;
        }
        .product-form__quantity-submit .product-form__item--submit {
          margin: 0 0 10px 0 !important;
        }
        .product-form__buynow {
          margin: 0;
        }
      }
      @media (max-width: 991px) {
        .col-service .col-service-block {
          display: block;
        }
        .col-service .col-service-block .cs-block {
          max-width: 50%;
          display: inline-block !important;
          width: 49%;
        }
      }
      @media (max-width: 767px) {
        .template-product .main-content {
          padding-top: 20px;
        }
        .col-img,
        .col-info {
          -ms-flex: 0 0 100%;
          flex: 0 0 100%;
          max-width: 100%;
        }
        .col-service .col-service-block .cs-block {
          width: 100%;
          max-width: 100%;
          border-bottom: 1px solid #ced4da;
          display: flex !important;
          align-items: center;
        }
        .col-service-block .cs-block-img {
          padding-right: 15px;
        }
        .col-service-block {
          padding: 15px;
        }
        .col-img {
          margin-bottom: 20px;
        }
        #shopify-section-product-template-1 .product-single__title {
          font-size: 22px;
          line-height: 30px;
        }
        .cs-block-text h4 {
          font-size: 20px;
          line-height: 30px;
        }
      }
    </style>
    <style>
      :root {
        --sticky-cart-mix: #ffffff;
        --sticky-cart-mix2: #eaeaea;
        --sticky-cart-text: #000000;
        --sticky-cart-bg: #d70018;
        --sticky-cart-cl: #ffffff;
      }
    </style>
    <style>
      .sticky-cart-wr {
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
        position: fixed;
        width: 100%;
        padding: 10px 0;
        bottom: 0;
        z-index: 999;
        background: var(--sticky-cart-mix);
        left: 0;
        -webkit-transition: all ease 0.45s;
        -o-transition: all ease 0.45s;
        transition: all ease 0.45s;
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
      }
      .sticky-cart-wr.active {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
      }
      .sticky-cart-wr.disable {
        -webkit-transform: translateY(100%) !important;
        -ms-transform: translateY(100%) !important;
        transform: translateY(100%) !important;
      }
      #js-sticky-btn {
        background: var(--sticky-cart-bg);
        color: var(--sticky-cart-cl);
        padding: 12px 30px;
      }
      #js-sticky-prd {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative;
      }
      #js-sticky-prd h3 {
        font-size: 20px;
        max-width: 500px;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: var(--sticky-cart-text);
      }
      #js-sticky-prd .product-card__price {
        margin-top: 0;
      }
      #js-sticky-price .money {
        color: var(--sticky-cart-text);
      }
      #js-sticky-img {
        height: 70px;
      }
      .sticky-cart-select {
        background: transparent;
        border: 1px solid #333;
      }
      .sticky-cart-select select {
        background: transparent;
        font-weight: bold;
        padding: 13px;
        text-transform: uppercase;
      }
      #js-sticky-quantity {
        max-width: 70px;
        font-weight: bold;
        text-align: center;
        padding: 13px;
      }
      #js-sticky-close {
        display: block;
        width: 40px;
        height: 40px;
        border: none;
        top: 0;
        left: 10px;
        line-height: 35px;
        text-align: center;
        position: absolute;
        color: var(--sticky-cart-mix);
        border-radius: 5px;
        opacity: 0;
        background: transparent;
        border: 2px solid #888;
        position: absolute;
        right: 0;
        left: auto;
      }
      #js-sticky-close .icon-close {
        margin: 0 auto;
        color: #000;
      }
      .active #js-sticky-close {
        opacity: 1;
      }
      .active.disable #js-sticky-close {
        opacity: 1;
        top: -49px;
        background: #fff;
      }
      #js-sticky-close .icon-close + .icon-bag {
        display: none;
      }
      .disable #js-sticky-close .icon-close {
        display: none;
      }
      .disable #js-sticky-close .icon-close + .icon-bag {
        display: block;
        color: #000;
        margin: 0 auto;
      }
      @media (max-width: 991px) {
        #js-sticky-close {
          right: auto;
          left: 0;
        }
        .sticky-cart-selectors {
          display: none !important;
        }
      }
      @media (max-width: 767px) {
        #js-sticky-prd h3 {
          display: none !important;
        }
        #js-sticky-btn {
          padding: 8px 12px;
        }
      }
    </style>
    <style>
      :root {
        --footer-bg: #ffffff;
        --footer-bg-bot: #ffffff;
        --footer-text: #6c757d;
        --footer-title: #565d65;
      }
    </style>
    <style>
      .site-footer {
        background-color: var(--footer-bg);
        color: var(--footer-text);
        border-top: 1px solid#eff5fa;
        line-height: 1.8;
      }
      .site-footer a {
        color: var(--footer-text);
      }
      .site-footer a:focus,
      .site-footer a:hover {
        color: #4f4f4f;
      }
      .flex-footer {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        -o-align-items: flex-start;
        align-items: flex-start;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -10px;
      }
      .flex-footer .flex__item {
        -webkit-flex: 1 1 100%;
        -moz-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        padding: 0 10px;
      }
      @media only screen and (min-width: 750px) {
        .flex-footer .flex__item {
          -webkit-flex: 1 1 20%;
          -moz-flex: 1 1 20%;
          -ms-flex: 1 1 20%;
          flex: 1 1 20%;
        }
      }
      .site-footer__section {
        padding-bottom: 20px;
      }
      .site-footer__copyright {
        padding: 20px 0;
        background-color: var(--footer-bg-bot);
        margin-top: 30px;
      }
      .site-footer__section-title {
        color: var(--footer-title);
        font-family: var(--g-font-2);
      }
      .site-footer__list {
        list-style: none;
      }
      .site-footer__list-item {
        margin-bottom: 10px;
      }
      .site-footer__newsletter-label {
        display: block;
      }
      .site-footer__newsletter-label a {
        color: #ad2c34;
      }
      .site-footer__newsletter-label a:hover {
        color: #842228;
      }
      .site-footer .social-icons .icon {
        fill: currentColor;
      }
      .site-footer .social-icons .icon {
        margin-right: 10px;
      }
      .site-footer .social-icons a {
        display: block;
        margin-bottom: 10px;
      }
      .site-footer .payment-icons {
        padding: 5px 0;
      }
      .site-footer .payment-icons li {
        padding: 5px 0;
      }
      .site-footer__copyright {
        border-top: 1px solid #ced4da;
      }
      .section-footer-email .social-icons li span {
        display: none;
      }
      .section-footer-email .social-icons li i {
        color: var(--footer-title);
      }
      .section-footer-email .social-icons li:not(:last-child) {
        margin-right: 1.5rem;
      }
      .site-footer__copyright a {
        color: var(--footer-text);
      }
      #shopify-section-footer-1 .site-footer .site-footer__section-title {
        font-size: 24px;
        line-height: 36px;
        font-weight: 500;
        text-transform: none;
      }
      .site-footer__list .site-footer__list-item a {
        font-size: 16px;
      }
      .site-footer .custom-text-1 {
        margin-top: 46px;
      }
      .site-footer .custom-text-1 svg,
      .site-footer .custom-text-2 svg {
        margin-right: 8px;
      }
      .site-footer .custom-text-1 .block-custom-text .main-color {
        color: var(--g-main);
        font-size: 24px;
        line-height: 36px;
        font-weight: 500;
      }
      .site-footer .custom-text-2 {
        margin-top: 30px;
      }
      .site-footer svg {
        width: auto;
        height: auto;
      }
      .site-footer .custom-text-2 h5 {
        color: #565d65;
        font-size: 16px;
        line-height: 24px;
        margin: 0;
      }
      .site-footer .custom-text-2 p,
      .site-footer .custom-text-1 .block-custom-text p {
        color: #6c757d;
      }
      .site-footer .social-icons li a i,
      .site-footer .social-icons li a svg path {
        font-size: 20px;
        color: #565d65;
        fill: #565d65;
      }
      .site-footer .social-icons li {
        margin-right: 20px;
      }
      .site-footer .social-icons {
        margin-top: 40px;
      }
      @media (max-width: 1299px) {
        #shopify-section-footer-1 .site-footer .site-footer__section-title,
        .site-footer .custom-text-1 .block-custom-text .main-color {
          font-size: 18px;
          line-height: 25px;
        }
      }
      @media (max-width: 767px) {
        .site-footer__section,
        .site-footer__copyright {
          text-align: center;
        }
        .site-footer__section .social-icons,
        .site-footer__section .site-footer__section-title {
          text-align: center !important;
        }
        .site-footer .flex-footer {
          margin: 0;
        }
        .site-footer .custom-text-1 {
          justify-content: center;
        }
      }
    </style>
    <style id="neo-faq-testi-styles">
      .neo-block {
        position: relative;
        margin-top: 10px;
      }
      .neo-head {
        display: flex;
        align-items: center;
        gap: 10px;
        margin: 10px 0 12px;
        font-weight: 800;
        letter-spacing: 0.9px;
        font-size: 14px;
        color: #fff;
        text-transform: uppercase;
      }
      .neo-dot {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: radial-gradient(
          circle at 30% 30%,
          #fff,
          rgba(255, 40, 40, 0.2)
        );
        box-shadow:
          0 0 0 4px rgba(255, 202, 40, 0.15),
          0 0 18px rgba(255, 40, 40, 0.35);
      }
      .neo-faq {
        display: grid;
        gap: 10px;
      }
      .neo-item {
        border-radius: 16px;
        border: 1px solid rgba(255, 202, 40, 0.22);
        background: linear-gradient(
          135deg,
          rgba(0, 0, 0, 0.35),
          rgba(255, 202, 40, 0.06)
        );
        box-shadow:
          0 0 0 1px rgba(255, 255, 255, 0.04),
          0 18px 50px rgba(0, 0, 0, 0.45);
        overflow: hidden;
      }
      .neo-item summary {
        list-style: none;
        cursor: pointer;
        padding: 14px 14px 14px 16px;
        position: relative;
        font-weight: 700;
        color: #fff;
      }
      .neo-item summary::-webkit-details-marker {
        display: none;
      }
      .neo-item summary:after {
        content: "+";
        position: absolute;
        right: 14px;
        top: 50%;
        transform: translateY(-50%);
        width: 34px;
        height: 34px;
        display: grid;
        place-items: center;
        border-radius: 12px;
        background: rgba(0, 0, 0, 0.35);
        border: 1px solid rgba(255, 40, 40, 0.25);
        box-shadow:
          0 0 0 1px rgba(255, 255, 255, 0.05),
          0 8px 18px rgba(0, 0, 0, 0.35);
        transition: transform 0.2s ease;
      }
      .neo-item[open] summary:after {
        content: "/";
        transform: translateY(-50%) rotate(180deg);
      }
      .neo-ans {
        padding: 0 16px 14px;
        color: rgba(255, 255, 255, 0.88);
        line-height: 1.6;
      }
      .neo-item[open] {
        border-color: rgba(255, 202, 40, 0.45);
      }
      .neo-testi-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
      }
      .neo-testi {
        border-radius: 18px;
        padding: 14px 14px 14px 14px;
        background:
          radial-gradient(
            80% 80% at 0% 0%,
            rgba(255, 255, 255, 0.067),
            transparent 60%
          ),
          radial-gradient(
            70% 70% at 100% 0%,
            rgba(255, 255, 255, 0.074),
            transparent 55%
          ),
          linear-gradient(
            135deg,
            rgba(0, 0, 0, 0.237),
            rgba(255, 255, 255, 0.05)
          );
        border: 1px solid rgba(255, 255, 255, 0.18);
        box-shadow:
          0 0 0 1px rgba(255, 255, 255, 0.04),
          0 18px 55px rgba(0, 0, 0, 0.06);
        position: relative;
        overflow: hidden;
      }
      .neo-testi:before {
        content: "";
        position: absolute;
        inset: -2px;
        background: linear-gradient(
          90deg,
          transparent,
          rgba(255, 255, 255, 0.25),
          transparent
        );
        filter: blur(10px);
        opacity: 0.8;
        animation: neoSweep 3.6s ease-in-out infinite;
      }
      @keyframes neoSweep {
        0% {
          transform: translateX(-40%);
        }
        50% {
          transform: translateX(40%);
        }
        100% {
          transform: translateX(-40%);
        }
      }
      .neo-testi > * {
        position: relative;
        z-index: 1;
      }
      .neo-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        margin-bottom: 6px;
      }
      .neo-title {
        font-weight: 800;
        color: #fff;
      }
      .neo-stars {
        font-size: 13px;
        letter-spacing: 1px;
        color: #ffd428;
        text-shadow: 0 0 10px rgba(255, 40, 40, 0.22);
      }
      .neo-name {
        font-weight: 700;
        color: rgba(255, 255, 255, 0.9);
        margin-bottom: 6px;
      }
      .neo-text {
        color: rgba(255, 255, 255, 0.85);
        line-height: 1.55;
      }
      @media (max-width: 991px) {
        .neo-testi-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
      }
      @media (max-width: 575px) {
        .neo-testi-grid {
          grid-template-columns: 1fr;
        }
        .neo-item summary {
          padding-right: 56px;
        }
      }
    </style>
    <style>
      .next-prev-product {
        position: fixed;
        top: 50%;
        margin-top: -50px;
        z-index: 1;
        max-width: 60px;
        -webkit-transition: all ease 0.3s;
        -o-transition: all ease 0.3s;
        transition: all ease 0.3s;
      }
      .next-prev-product:hover {
        max-width: 70px;
      }
      .next-prev-product.prev {
        left: 0;
      }
      .next-prev-product.next {
        right: 0;
      }
      @media (max-width: 991px) {
        .next-prev-product {
          display: none;
        }
      }
    </style>
    <style>
      .section-footer-email .email-width {
        background: #4f4f4f;
      }
      .section-footer-email .row {
        align-items: center;
        margin: 0;
      }
      .site-footer .section-footer-email h4 {
        color: #eff5fa;
        font-size: 24px;
        line-height: 36px;
        font-weight: 500;
        text-transform: none;
        margin: 0;
      }
      .section-footer-email.style1 {
        position: relative;
        top: -40px;
      }
      .section-footer-email.style1 .email-width {
        border-radius: 16px;
      }
      .section-footer-email.style1 .col-title {
        padding: 0 40px;
      }
      @media (max-width: 767px) {
        .section-footer-email.style1 {
          top: 0;
        }
      }
      .section-footer-email .col-mail {
        max-width: 722px;
        padding: 16px;
      }
      .section-footer-email .col-mail .form-vertical .input-group {
        margin: 0;
      }
      .section-footer-email
        .col-mail
        .form-vertical
        .input-group
        .form-control {
        background: #fff;
        border: 1px solid #fff;
        border-radius: 8px 0px 0px 8px;
        height: 46px;
        padding: 12px 16px;
        margin: 0 !important;
      }
      .section-footer-email .col-mail .form-vertical .input-group .btn {
        background: #ffffff;
        padding: 12px 16px;
        color: #eff5fa !important;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
        border-radius: 0px 8px 8px 0px;
        height: 48px;
      }
      @media (max-width: 767px) {
        .section-footer-email .col-title {
          -ms-flex: 0 0 100%;
          flex: 0 0 100%;
          max-width: 100%;
          text-align: center;
          margin-top: 12px;
          padding: 0 10px;
        }
        .section-footer-email .col-title h4 {
          font-size: 14px !important;
        }
        .section-footer-email.style2 {
          margin-bottom: 10px;
        }
      }
      .section-footer-email .email-width {
        background: #4f4f4f;
      }
    </style>
    <style>
      #shopify-section-footer-1
      /* Seletor para o campo de inscriÃ§Ã£o */
      input[type="email"] {
      background-color: #ffffff;
      /* Cor de fundo cinza */
      color: #808080;
      /* Cor do texto branca */
      border: 1px solid #cccccc;
      /* Borda cinza claro */
      padding: 10px;
      /* EspaÃ§amento interno */
      border-radius: 5px;
      /* Bordas arredondadas */
      }
      #shopify-section-footer-1
      /* Ajuste conforme necessÃ¡rio para o seu formulÃ¡rio especÃ­fico */
    </style>
    <style>
      .icon-img-footer {
        width: 80px;
        padding: 0px 5px;
      }
      @media (min-width: 768px) {
        .icon-img-footer {
          width: 120px;
        }
      }
      @media (min-width: 992px) {
        .icon-img-footer {
          width: 120px;
        }
      }
      .button-login-daftar {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        font-weight: 700;
      }
      .button-login-daftar a {
        text-align: center;
      }
      .login,
      .register {
        color: #fff;
        padding: 15px 10px;
        font-size: 23px;
      }
      .login,
      .login-button {
        background: linear-gradient(to bottom, #4524db 0, #4524db 100%);
        border: 2px solid #ffffff;
      }
      .register,
      .register-button {
        background: linear-gradient(to bottom, #c40000 0, #c40000 100%);
        border: 2px solid #ffffff;
      }
    </style>
  <script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "ProductGroup",
"@id": "https://luxury138terbaik.net/",
"name": "LUXURY138 # Agen Slot Tergacor Nomor Satu Gampang Maxwin",
"description": "LUXURY138 ialah agen slot tergacor nomor satu yang dirancang khusus buat kamu para pemburu maxwin dan jackpot fantastis, siap rasakan sensasi kemenangan tak terlupakan.",
"productGroupID": "7695179448555",
"brand": {
"@type": "Brand",
"name": "LUXURY138"
},
"hasVariant": [
{
"@type": "Product",
"@id": "https://luxury138terbaik.net/",
"productGroupID": "7695179448555",
"sku": "800902578993",
"gtin12": "800902578993",
"image": "https://ayowasabi.com/cdn/luxury138-freshdomain-banner-1.jpg",
"name": "LUXURY138 # Agen Slot Tergacor Nomor Satu Gampang Maxwin",
"offers": {
"@type": "Offer",
"price": "5000.00",
"priceCurrency": "USD",
"availability": "https://schema.org/InStock",
"itemCondition": "https://schema.org/NewCondition",
"url": "https://luxury138terbaik.net/"
}
}
],
"offers": {
"@type": "Offer",
"price": "5000.00",
"priceCurrency": "USD",
"availability": "https://schema.org/InStock",
"itemCondition": "https://schema.org/NewCondition",
"url": "https://luxury138terbaik.net/"
},
"image": ["https://ayowasabi.com/cdn/luxury138-freshdomain-banner-1.jpg"],
"sku": "800902578993",
"gtin13": "800902578993",
"releaseDate": "2025-06-12",
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "5",
"bestRating": "5",
"worstRating": "1",
"reviewCount": "6"
},
"review": [
{
"@type": "Review",
"author": {
"@type": "Person",
"name": "Rendy Saputra"
},
"datePublished": "2026-02-11",
"reviewBody": "LUXURY138 adalah pilihan utama saya untuk bermain slot gacor karena koleksi permainannya yang lengkap dan tampilan yang modern.",
"reviewRating": {
"@type": "Rating",
"ratingValue": "5",
"bestRating": "5"
}
},
{
"@type": "Review",
"author": {
"@type": "Person",
"name": "Nabila Putri"
},
"datePublished": "2026-02-05",
"reviewBody": "Saya sangat puas dengan layanan LUXURY138, proses withdraw yang cepat dan mudah.",
"reviewRating": {
"@type": "Rating",
"ratingValue": "5",
"bestRating": "5"
}
},
{
"@type": "Review",
"author": {
"@type": "Person",
"name": "Fikri Maulana"
},
"datePublished": "2026-01-29",
"reviewBody": "LUXURY138 memiliki banyak pilihan game slot gacor yang sedang tren, saya suka!",
"reviewRating": {
"@type": "Rating",
"ratingValue": "5",
"bestRating": "5"
}
},
{
"@type": "Review",
"author": {
"@type": "Person",
"name": "Cindy Larasati"
},
"datePublished": "2026-01-20",
"reviewBody": "Aplikasi LUXURY138 sangat mudah digunakan, saya bisa bermain slot gacor kapan saja.",
"reviewRating": {
"@type": "Rating",
"ratingValue": "5",
"bestRating": "5"
}
},
{
"@type": "Review",
"author": {
"@type": "Person",
"name": "Bagus Hidayat"
},
"datePublished": "2026-01-10",
"reviewBody": "LUXURY138 memiliki server yang stabil, saya tidak pernah mengalami lag saat bermain.",
"reviewRating": {
"@type": "Rating",
"ratingValue": "5",
"bestRating": "5"
}
},
{
"@type": "Review",
"author": {
"@type": "Person",
"name": "Livia Anastasya"
},
"datePublished": "2025-12-28",
"reviewBody": "LUXURY138 adalah agen slot online terpercaya, saya sangat senang bermain di sini.",
"reviewRating": {
"@type": "Rating",
"ratingValue": "5",
"bestRating": "5"
}
}
]
}
</script>

<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "LUXURY138",
"item": "https://luxury138terbaik.net/"
},
{
"@type": "ListItem",
"position": 2,
"name": "SLOT",
"item": "https://luxury138terbaik.net/"
},
{
"@type": "ListItem",
"position": 3,
"name": "SLOT GACOR",
"item": "https://luxury138terbaik.net/"
},
{
"@type": "ListItem",
"position": 4,
"name": "SITUS SLOT GACOR",
"item": "https://luxury138terbaik.net/"
},
{
"@type": "ListItem",
"position": 5,
"name": "SLOT GAMPANG MENANG",
"item": "https://luxury138terbaik.net/"
},
{
"@type": "ListItem",
"position": 6,
"name": "SLOT ONLINE",
"item": "https://luxury138terbaik.net/"
},
{
"@type": "ListItem",
"position": 7,
"name": "SLOT RESMI TERPERCAYA",
"item": "https://luxury138terbaik.net/"
},
{
"@type": "ListItem",
"position": 8,
"name": "LUXURY138 # Agen Slot Tergacor Nomor Satu Gampang Maxwin",
"item": "https://luxury138terbaik.net/"
}
]
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@graph": [
{
"@type": "Organization",
"@id": "https://luxury138terbaik.net/#org",
"name": "LUXURY138 # Agen Slot Tergacor Nomor Satu Gampang Maxwin",
"url": "https://luxury138terbaik.net/",
"logo": "https://ayowasabi.com/cdn/luxury138-freshdomain-banner-1.jpg"
},
{
"@type": "WebSite",
"@id": "https://luxury138terbaik.net/#website",
"url": "https://luxury138terbaik.net/",
"name": "LUXURY138 # Agen Slot Tergacor Nomor Satu Gampang Maxwin",
"publisher": { "@id": "https://luxury138terbaik.net/#org" },
"inLanguage": "id-ID",
"potentialAction": {
"@type": "SearchAction",
"target": "https://luxury138terbaik.net/",
"query-input": "required name=search_term_string"
}
},
{
"@type": "SoftwareApplication",
"@id": "https://luxury138terbaik.net/#app",
"name": "LUXURY138 # Agen Slot Tergacor Nomor Satu Gampang Maxwin",
"applicationCategory": "GameApplication",
"operatingSystem": "Android, iOS, Windows",
"offers": {
"@type": "Offer",
"price": "5000",
"priceCurrency": "IDR"
},
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": 5.0,
"ratingCount": 888
}
}
]
}
</script>
<script type="application/ld+json" id="faq-schema">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "Apa itu LUXURY138 sebagai link profit slot gacor?",
"acceptedAnswer": {
"@type": "Answer",
"text": "LUXURY138 adalah agen slot online yang menyediakan akses permainan slot gacor dengan koleksi game yang lengkap dan sistem yang mudah digunakan."
}
},
{
"@type": "Question",
"name": "Mengapa LUXURY138 disebut agen slot online pilihan member setia?",
"acceptedAnswer": {
"@type": "Answer",
"text": "LUXURY138 disebut sebagai agen slot online pilihan member setia karena layanan yang cepat, mudah, dan pilihan permainan yang variatif."
}
},
{
"@type": "Question",
"name": "Apakah LUXURY138 menyediakan permainan slot gacor terbaru?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Ya, LUXURY138 menyediakan berbagai pilihan permainan slot gacor terbaru dengan tema dan fitur yang menarik."
}
},
{
"@type": "Question",
"name": "Apa keunggulan utama bermain slot online di LUXURY138?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Keunggulan utama LUXURY138 adalah akses yang stabil, desain yang responsif, dan pilihan game yang variatif."
}
},
{
"@type": "Question",
"name": "Apakah LUXURY138 cocok untuk member baru?",
"acceptedAnswer": {
"@type": "Answer",
"text": "LUXURY138 sangat cocok untuk member baru karena sistem yang mudah dipahami dan layanan yang ramah."
}
}
]
}
</script>
</head>
  <body class="template-product body-theme">
    <div class="button-login-daftar" bis_skin_checked="1">
      <a
        class="login"
        href="https://luxury138terbaik.pages.dev/"
        rel="nofollow noreferrer"
        style="color: white"
      >
        LOGIN
      </a>
      <a
        class="register"
        href="https://luxury138terbaik.pages.dev/"
        rel="nofollow noreferrer"
        style="color: white"
      >
        DAFTAR
      </a>
    </div>
    <div id="shopify-section-announcement-bar" class="shopify-section"></div>
    <!-- loading.liquid -->
    <!-- Use id #js-loading to overwrite CSS {display:none} in javascript or specific page -->
    <div id="js-loading" class="js-loading">
      <div class="loading_site">
        <div class="spinner-grow" role="status"></div>
      </div>
    </div>
    <div id="shopify-section-header-6" class="shopify-section">
      <script>
        function toggleClassSearch() {
          document
            .getElementById("form-search-header")
            .classList.toggle("active");
          document
            .getElementsByClassName("overlay")[0]
            .classList.toggle("active");
          document.getElementById("SiteNavSearch").focus();
        }
        function myFunction(x) {
          x.classList.toggle("change");
        }
      </script>
    </div>
    <header
      class="site-header page-element is-moved-by-drawer site-header--full"
      role="banner"
      data-section-id="header-6"
      data-section-type="header"
    >
      <div class="d-block d-lg-none toggle-menu-mobile">
        <button
          type="button"
          class="text-link site-header__link js-drawer-open-left align-items-center d-inline-flex"
        >
          <span class="site-header__menu-toggle--open humberger">
            <span class="bar1"></span>
            <span class="bar2"></span>
            <span class="bar3"></span>
          </span>
          <!-- <span class="site-header__menu-toggle--close humberger change hidden"  >
                  <span class="bar1"></span>
                  <span class="bar2"></span>
                  <span class="bar3"></span>
                  </span> -->
          <span class="menu-mb-title ml-2 ml-lg-3 d-inline-block">MENU</span>
        </button>
      </div>
      <div class="header-bottom">
        <div class="container-fluid">
          <div class="row no-gutters row-header">
            <div class="col d-lg-none"></div>
            <div
              class="col-lg-2 d-flex align--center col-logo justify-content-start col"
            >
              <div class="pl-lg-0 ml-lg-0">
                <!-- site-logo.liquid -->
                <style>
                  .site-header__logo img {
                    width: 140px;
                  }
                </style>
                <div
                  class="site-header__logo h1"
                  itemscope
                  itemtype="http://schema.org/Organization"
                >
                  <a
                    href="https://luxury138terbaik.net/"
                    class="site-header__logo-link"
                  >
                    <img
                      src="https://ayowasabi.com/cdn/luxury138-freshdomain-logo-1.webp"
                      srcset=","
                        https://ayowasabi.com/cdn/luxury138-freshdomain-logo-1.webp 1x
                        https://ayowasabi.com/cdn/luxury138-freshdomain-logo-1.webp 2x
                      
                      alt="LUXURY138"
                      itemprop="logo"
                    />
                  </a>
                </div>
              </div>
            </div>
            <div class="col-md-6 col-lg-6 d-none d-lg-block text-center">
              <div class="overlay" onclick="toggleClassSearch()"></div>
              <form
                id="form-search-header"
                action="/search"
                method="get"
                class="site-header__search js-ajaxsearch"
                role="search"
              >
                <input type="hidden" name="type" value="product" />
                <input
                  type="hidden"
                  name="options[prefix]"
                  value="last"
                  aria-hidden="true"
                />
                <div class="d-flex align-items-center rb-search">
                  <svg
                    width="24"
                    height="24"
                    viewBox="0 0 24 24"
                    fill="none"
                    xmlns="http://www.w3.org/2000/svg"
                  >
                    <path
                      d="M14.25 2.25C10.1162 2.25 6.75 5.61621 6.75 9.75C6.75 11.5459 7.37988 13.1924 8.4375 14.4844L2.46094 20.4609L3.53906 21.5391L9.51562 15.5625C10.8076 16.6201 12.4541 17.25 14.25 17.25C18.3838 17.25 21.75 13.8838 21.75 9.75C21.75 5.61621 18.3838 2.25 14.25 2.25ZM14.25 3.75C17.5723 3.75 20.25 6.42773 20.25 9.75C20.25 13.0723 17.5723 15.75 14.25 15.75C10.9277 15.75 8.25 13.0723 8.25 9.75C8.25 6.42773 10.9277 3.75 14.25 3.75Z"
                      fill="#6C757D"
                    />
                  </svg>
                  <input
                    onfocus="this.value = ''"
                    type="search"
                    name="q"
                    id="SiteNavSearch"
                    placeholder="Search Products..."
                    aria-label="Search Products..."
                    autocomplete="off"
                    class="site-header__search-input mr-auto search-auto"
                  />
                  <button
                    type="submit"
                    class="text-link site-header__link site-header__search-submit"
                  >
                    Search
                  </button>
                </div>
                <a class="close-sr" href="#" onclick="toggleClassSearch()"
                  ><i class="icon-close"></i
                ></a>
                <div class="search-results"></div>
              </form>
            </div>
            <div class="col col-lg-4 header-bottom__right">
              <div class="header--acount d-none d-lg-inline-block">
                <a
                  href="javascript:void(0)"
                  data-toggle="modal"
                  data-target="#jsLogin"
                  class="site-header__link site-account js-open-login"
                >
                  <span class="account-icon">
                    <svg
                      width="24"
                      height="24"
                      viewBox="0 0 24 24"
                      fill="none"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <path
                        d="M12 3.75C9.1084 3.75 6.75 6.1084 6.75 9C6.75 10.8076 7.67285 12.4131 9.07031 13.3594C6.39551 14.5078 4.5 17.1621 4.5 20.25H6C6 16.9277 8.67773 14.25 12 14.25C15.3223 14.25 18 16.9277 18 20.25H19.5C19.5 17.1621 17.6045 14.5078 14.9297 13.3594C16.3271 12.4131 17.25 10.8076 17.25 9C17.25 6.1084 14.8916 3.75 12 3.75ZM12 5.25C14.0801 5.25 15.75 6.91992 15.75 9C15.75 11.0801 14.0801 12.75 12 12.75C9.91992 12.75 8.25 11.0801 8.25 9C8.25 6.91992 9.91992 5.25 12 5.25Z"
                        fill="#565d65"
                      />
                    </svg>
                  </span>
                  <span class="account-info">
                    <span class="account-text-bold">My Account</span>
                    <span class="account-text">Sign In</span>
                  </span>
                </a>
              </div>
              <span
                class="site-header__link site-header__cart js-mini-cart d-flex"
              >
                <span class="js-toggle-cart account-icon" title="Shopping Cart">
                  <svg
                    width="24"
                    height="24"
                    viewBox="0 0 24 24"
                    fill="none"
                    xmlns="http://www.w3.org/2000/svg"
                  >
                    <path
                      d="M3.75 5.25C3.33691 5.25 3 5.58691 3 6C3 6.41309 3.33691 6.75 3.75 6.75H5.41406L7.38281 14.625C7.5498 15.293 8.14746 15.75 8.83594 15.75H17.4375C18.1143 15.75 18.6885 15.3018 18.8672 14.6484L20.8125 7.5H8.25L8.625 9H18.8672L17.4375 14.25H8.83594L6.86719 6.375C6.7002 5.70703 6.10254 5.25 5.41406 5.25H3.75ZM16.5 15.75C15.2666 15.75 14.25 16.7666 14.25 18C14.25 19.2334 15.2666 20.25 16.5 20.25C17.7334 20.25 18.75 19.2334 18.75 18C18.75 16.7666 17.7334 15.75 16.5 15.75ZM9.75 15.75C8.5166 15.75 7.5 16.7666 7.5 18C7.5 19.2334 8.5166 20.25 9.75 20.25C10.9834 20.25 12 19.2334 12 18C12 16.7666 10.9834 15.75 9.75 15.75ZM9.75 17.25C10.1719 17.25 10.5 17.5781 10.5 18C10.5 18.4219 10.1719 18.75 9.75 18.75C9.32812 18.75 9 18.4219 9 18C9 17.5781 9.32812 17.25 9.75 17.25ZM16.5 17.25C16.9219 17.25 17.25 17.5781 17.25 18C17.25 18.4219 16.9219 18.75 16.5 18.75C16.0781 18.75 15.75 18.4219 15.75 18C15.75 17.5781 16.0781 17.25 16.5 17.25Z"
                      fill="#565d65"
                    />
                  </svg>
                  <span class="js-cart-count site-header__cart-indicator"
                    >0</span
                  >
                </span>
                <span>
                  <span class="cart-title account-text-bold">My Cart</span>
                  <span class="js-cart-total account-text">$0.00</span>
                </span>
                <div class="mini-cart-content shadow text-center">
                  <div class="js-mini-cart-content"></div>
                  <div class="mini-cart-total">
                    Total: <span class="js-cart-total">$0.00</span>
                  </div>
                  <div class="mini-cart-taxes">
                    Taxes and shipping calculated at checkout
                  </div>
                  <div class="mini-cart-btns mt-4">
                    <a
                      class="btn gradient-theme js-cart-btn-checkout btn-primary w-100 disabled"
                      href="/checkout"
                      >Check Out</a
                    >
                    <a class="btn btn-link btn-sm js-cart-btn-cart" href="/cart"
                      >Update Cart</a
                    >
                  </div>
                </div>
              </span>
            </div>
          </div>
        </div>
      </div>
      <div class="menu-bottom">
        <div class="container-fluid">
          <div class="row">
            <div class="col d-none d-lg-block text-left">
              <nav class="nav-bar d-none d-lg-block" role="navigation">
                <ul class="site-nav">
                  <li class="site-nav__item site-nav__item-normal">
                    <a
                      href="https://luxury138terbaik.net/"
                      class="site-nav__link dropdown-toggle"
                    >
                      <span class="site-nav__title">LUXURY138</span></a
                    >
                    <div class="site-nav__dropdown meganav">
                      <ul class="meganav__nav">
                        <div class="meganav__list">
                          <li
                            class="site-nav__dropdown-container site-nav__dropdown-container--second-level"
                          >
                            <a
                              href="https://luxury138terbaik.net/"
                              class="meganav__link"
                            >
                              Slot Gacor
                            </a>
                          </li>
                          <li
                            class="site-nav__dropdown-container site-nav__dropdown-container--second-level"
                          >
                            <a
                              href="https://luxury138terbaik.net/"
                              class="meganav__link"
                            >
                              Slot Gacor
                            </a>
                          </li>
                          <li
                            class="site-nav__dropdown-container site-nav__dropdown-container--second-level"
                          >
                            <a
                              href="https://luxury138terbaik.net/"
                              class="meganav__link"
                            >
                              SITUS Slot Gacor
                            </a>
                          </li>
                          <li
                            class="site-nav__dropdown-container site-nav__dropdown-container--second-level"
                          >
                            <a
                              href="https://luxury138terbaik.net/"
                              class="meganav__link"
                            >
                              LUXURY138
                            </a>
                          </li>
                        </div>
                      </ul>
                    </div>
                  </li>
                  <li class="site-nav__item site-nav__item-normal">
                    <a
                      href="https://luxury138terbaik.net/"
                      class="site-nav__link dropdown-toggle"
                    >
                      <span class="site-nav__title">Slot Gacor</span></a
                    >
                    <div class="site-nav__dropdown meganav">
                      <ul class="meganav__nav">
                        <div class="meganav__list">
                          <li
                            class="site-nav__dropdown-container site-nav__dropdown-container--second-level"
                          >
                            <a
                              href="https://luxury138terbaik.net/"
                              class="meganav__link"
                            >
                              SITUS LUXURY138
                            </a>
                          </li>
                          <li
                            class="site-nav__dropdown-container site-nav__dropdown-container--second-level"
                          >
                            <a
                              href="https://luxury138terbaik.net/"
                              class="meganav__link"
                            >
                              Slot Gacor GAMPANG MENANG
                            </a>
                          </li>
                          <li
                            class="site-nav__dropdown-container site-nav__dropdown-container--second-level"
                          >
                            <a
                              href="https://luxury138terbaik.net/"
                              class="meganav__link"
                            >
                              Slot Gacor TERPERCAYA
                            </a>
                          </li>
                          <li
                            class="site-nav__dropdown-container site-nav__dropdown-container--second-level"
                          >
                            <a
                              href="https://luxury138terbaik.net/"
                              class="meganav__link"
                            >
                              Slot Gacor HARI INI
                            </a>
                          </li>
                        </div>
                      </ul>
                    </div>
                  </li>
                  <li class="site-nav__item">
                    <a href="//hungryblasian.com/" class="site-nav__link">
                      <span class="site-nav__title">Customer Service</span></a
                    >
                  </li>
                  <li class="site-nav__item site-nav__item-normal">
                    <a
                      href="https://luxury138terbaik.net/"
                      class="site-nav__link dropdown-toggle"
                    >
                      <span class="site-nav__title">Link Layanan</span></a
                    >
                    <div class="site-nav__dropdown meganav">
                      <ul class="meganav__nav">
                        <div class="meganav__list">
                          <li
                            class="site-nav__dropdown-container site-nav__dropdown-container--second-level"
                          >
                            <a
                              href="https://luxury138terbaik.pages.dev/"
                              class="meganav__link"
                            >
                              LINK Slot Gacor ONLINE
                            </a>
                          </li>
                          <li
                            class="site-nav__dropdown-container site-nav__dropdown-container--second-level"
                          >
                            <a
                              href="https://luxury138terbaik.pages.dev/"
                              class="meganav__link"
                            >
                              AGEN Slot Gacor TERPERCAYA
                            </a>
                          </li>
                          <li
                            class="site-nav__dropdown-container site-nav__dropdown-container--second-level"
                          >
                            <a
                              href="https://luxury138terbaik.pages.dev/"
                              class="meganav__link"
                            >
                              AGEN Slot Gacor
                            </a>
                          </li>
                        </div>
                      </ul>
                    </div>
                  </li>
                </ul>
              </nav>
            </div>
            <div class="col-lg-2 d-none d-lg-block">
              <div class="text-run">
                <svg
                  width="22"
                  height="14"
                  viewbox="0 0 22 14"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M14 12.25H4.08501C3.91502 11.7687 3.64102 11.3308 3.28251 10.9675C2.91725 10.6115 2.47993 10.3378 2.00001 10.165V3.835C2.4813 3.66501 2.91919 3.39101 3.28251 3.0325C3.63949 2.66797 3.91327 2.23044 4.08501 1.75H5.00001C5.19892 1.75 5.38969 1.67098 5.53034 1.53033C5.67099 1.38968 5.75001 1.19891 5.75001 1C5.75001 0.801088 5.67099 0.610322 5.53034 0.46967C5.38969 0.329018 5.19892 0.25 5.00001 0.25H3.83001C3.58237 0.258802 3.34402 0.346505 3.14974 0.500313C2.95545 0.654121 2.8154 0.865987 2.75001 1.105C2.6667 1.43224 2.49554 1.73049 2.25501 1.9675C2.01238 2.22775 1.69992 2.41262 1.35501 2.5C1.11541 2.56432 0.902881 2.70408 0.748892 2.89859C0.594904 3.09311 0.507637 3.33203 0.500011 3.58V10.39C0.498884 10.6503 0.583473 10.9037 0.740716 11.1111C0.897958 11.3185 1.11911 11.4683 1.37001 11.5375C1.68983 11.6282 1.98143 11.7985 2.21751 12.0325C2.47174 12.2649 2.65615 12.5636 2.75001 12.895C2.8154 13.134 2.95545 13.3459 3.14974 13.4997C3.34402 13.6535 3.58237 13.7412 3.83001 13.75H14C14.1989 13.75 14.3897 13.671 14.5303 13.5303C14.671 13.3897 14.75 13.1989 14.75 13C14.75 12.8011 14.671 12.6103 14.5303 12.4697C14.3897 12.329 14.1989 12.25 14 12.25ZM20.63 2.5C20.3102 2.40934 20.0186 2.23903 19.7825 2.005C19.542 1.76799 19.3708 1.46974 19.2875 1.1425C19.2273 0.890472 19.0847 0.665769 18.8822 0.50407C18.6798 0.342372 18.4291 0.252948 18.17 0.25H8.00001C7.8011 0.25 7.61033 0.329018 7.46968 0.46967C7.32903 0.610322 7.25001 0.801088 7.25001 1C7.25001 1.19891 7.32903 1.38968 7.46968 1.53033C7.61033 1.67098 7.8011 1.75 8.00001 1.75H17.915C18.085 2.23128 18.359 2.66918 18.7175 3.0325C19.0828 3.38855 19.5201 3.66219 20 3.835V10.165C19.5187 10.335 19.0808 10.609 18.7175 10.9675C18.3605 11.332 18.0868 11.7696 17.915 12.25H17C16.8011 12.25 16.6103 12.329 16.4697 12.4697C16.329 12.6103 16.25 12.8011 16.25 13C16.25 13.1989 16.329 13.3897 16.4697 13.5303C16.6103 13.671 16.8011 13.75 17 13.75H18.17C18.4241 13.7492 18.671 13.6652 18.8728 13.5108C19.0746 13.3564 19.2203 13.1401 19.2875 12.895C19.3733 12.5688 19.5443 12.2713 19.7828 12.0327C20.0213 11.7942 20.3188 11.6233 20.645 11.5375C20.8907 11.4714 21.1077 11.326 21.2623 11.124C21.4169 10.9219 21.5005 10.6744 21.5 10.42V3.61C21.4931 3.35619 21.4047 3.11132 21.2481 2.91148C21.0915 2.71164 20.8748 2.5674 20.63 2.5V2.5Z"
                    fill="#F8F9FA"
                  ></path>
                  <path
                    d="M8.21752 4.21752L3.71752 8.71752C3.64722 8.78724 3.59142 8.87019 3.55335 8.96158C3.51527 9.05298 3.49567 9.15101 3.49567 9.25002C3.49567 9.34903 3.51527 9.44706 3.55335 9.53845C3.59142 9.62984 3.64722 9.71279 3.71752 9.78252C3.78724 9.85281 3.87019 9.90861 3.96158 9.94669C4.05298 9.98476 4.15101 10.0044 4.25002 10.0044C4.34902 10.0044 4.44705 9.98476 4.53845 9.94669C4.62984 9.90861 4.71279 9.85281 4.78252 9.78252L9.28252 5.28252C9.42374 5.14129 9.50308 4.94974 9.50308 4.75002C9.50308 4.55029 9.42374 4.35874 9.28252 4.21752C9.14129 4.07629 8.94974 3.99695 8.75002 3.99695C8.55029 3.99695 8.35874 4.07629 8.21752 4.21752V4.21752ZM4.25002 5.50002C4.44893 5.50002 4.63969 5.421 4.78035 5.28035C4.921 5.13969 5.00002 4.94893 5.00002 4.75002C5.00002 4.5511 4.921 4.36034 4.78035 4.21969C4.63969 4.07903 4.44893 4.00002 4.25002 4.00002C4.0511 4.00002 3.86034 4.07903 3.71969 4.21969C3.57903 4.36034 3.50002 4.5511 3.50002 4.75002C3.50002 4.94893 3.57903 5.13969 3.71969 5.28035C3.86034 5.421 4.0511 5.50002 4.25002 5.50002ZM8.75002 8.50002C8.60168 8.50002 8.45667 8.544 8.33334 8.62641C8.21 8.70883 8.11387 8.82596 8.05711 8.963C8.00034 9.10005 7.98549 9.25085 8.01443 9.39634C8.04337 9.54182 8.1148 9.67546 8.21969 9.78035C8.32457 9.88524 8.45821 9.95667 8.6037 9.98561C8.74918 10.0145 8.89998 9.99969 9.03703 9.94293C9.17407 9.88616 9.29121 9.79003 9.37362 9.6667C9.45603 9.54336 9.50002 9.39835 9.50002 9.25002C9.50002 9.0511 9.421 8.86034 9.28035 8.71969C9.13969 8.57903 8.94893 8.50002 8.75002 8.50002ZM12.5 5.50002H16.25C16.4489 5.50002 16.6397 5.421 16.7803 5.28035C16.921 5.13969 17 4.94893 17 4.75002C17 4.5511 16.921 4.36034 16.7803 4.21969C16.6397 4.07903 16.4489 4.00002 16.25 4.00002H12.5C12.3011 4.00002 12.1103 4.07903 11.9697 4.21969C11.829 4.36034 11.75 4.5511 11.75 4.75002C11.75 4.94893 11.829 5.13969 11.9697 5.28035C12.1103 5.421 12.3011 5.50002 12.5 5.50002ZM12.5 7.75002H17.75C17.9489 7.75002 18.1397 7.671 18.2803 7.53035C18.421 7.3897 18.5 7.19893 18.5 7.00002C18.5 6.8011 18.421 6.61034 18.2803 6.46969C18.1397 6.32903 17.9489 6.25002 17.75 6.25002H12.5C12.3011 6.25002 12.1103 6.32903 11.9697 6.46969C11.829 6.61034 11.75 6.8011 11.75 7.00002C11.75 7.19893 11.829 7.3897 11.9697 7.53035C12.1103 7.671 12.3011 7.75002 12.5 7.75002ZM12.5 10H17.75C17.9489 10 18.1397 9.921 18.2803 9.78035C18.421 9.6397 18.5 9.44893 18.5 9.25002C18.5 9.0511 18.421 8.86034 18.2803 8.71969C18.1397 8.57903 17.9489 8.50002 17.75 8.50002H12.5C12.3011 8.50002 12.1103 8.57903 11.9697 8.71969C11.829 8.86034 11.75 9.0511 11.75 9.25002C11.75 9.44893 11.829 9.6397 11.9697 9.78035C12.1103 9.921 12.3011 10 12.5 10Z"
                    fill="#F8F9FA"
                  ></path>
                </svg>
                <marquee behavior="scroll" direction="left">
                  SELAMAT DATANG DI LUXURY138. LUXURY138 hadirkan link yang
                  dapat profit secepat kilat dalam permainan Slot Gacor buat
                  member setia dijamin nagih buat cari maxwin tanpa henti
                  disini.
                </marquee>
              </div>
            </div>
          </div>
        </div>
      </div>
    </header>
    <div class="page-container page-element is-moved-by-drawer">
      <nav
        class="breadcrumbs-style_1 breadcrumb g-breadcrumb lazyload text-left"
        role="navigation"
        aria-label="breadcrumbs"
      >
        <div class="container-fluid"></div>
        <div class="container-fluid">
          <a href="https://luxury138terbaik.net/" title="LUXURY138"
            >LUXURY138</a
          >
          <span aria-hidden="true">
            <svg
              width="20"
              height="20"
              viewBox="0 0 20 20"
              fill="none"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M8.10547 2.67578L7.20703 3.57422L13.6328 10L7.20703 16.4258L8.10547 17.3242L14.9805 10.4492L15.4102 10L14.9805 9.55078L8.10547 2.67578Z"
                fill="#6C757D"
              />
            </svg>
          </span>
          <a href="https://luxury138terbaik.net/" title="Slot Gacor"
            >Slot Gacor</a
          >
          <span aria-hidden="true">
            <svg
              width="20"
              height="20"
              viewBox="0 0 20 20"
              fill="none"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path
                d="M8.10547 2.67578L7.20703 3.57422L13.6328 10L7.20703 16.4258L8.10547 17.3242L14.9805 10.4492L15.4102 10L14.9805 9.55078L8.10547 2.67578Z"
                fill="#6C757D"
              />
            </svg>
          </span>
          <span style="color: black"
            >LUXURY138 # Agen Slot Tergacor Nomor Satu Gampang Maxwin</span
          >
        </div>
      </nav>
      <main class="main-content" id="MainContent" role="main">
        <div id="shopify-section-product-template-1" class="shopify-section">
          <!-- product-template-1.liquid -->
          <div
            class="container-fluid js-recently-view"
            itemscope
            itemtype="http://schema.org/Product"
            id="ProductSection-product-template-1"
            data-section-id="product-template-1"
            data-section-type="product"
            data-enable-history-state="true"
            data-ajax="true"
            data-stock="true"
            data-handle="black-angus-choice-picanha-3lb-piece"
          >
            <meta
              itemprop="name"
              content="LUXURY138 # Agen Slot Tergacor Nomor Satu Gampang Maxwin"
            />
            <meta itemprop="url" content="https://luxury138terbaik.net/" />
            <meta
              itemprop="image"
              content="https://ayowasabi.com/cdn/luxury138-freshdomain-banner-1.jpg"
            />
            <meta itemprop="brand" content="LUXURY138" />
            <div class="row product-single">
              <div class="col-img col-lg-4 col-md-6">
                <div class="photos">
                  <div class="photos__item photos__item--main">
                    <div
                      class="product-single__photo product__photo-container product__photo-container-product-template-1 js"
                      id="ProductPhoto"
                      style="max-width: 480px"
                      data-image-id="37292528599275"
                    >
                      <a
                        href="https://ayowasabi.com/cdn/luxury138-freshdomain-banner-1.jpg"
                        data-lightbox="image-product"
                        class="product__photo-wrapper product__photo-wrapper-product-template-1 zoom_image zoom zoom_enabled"
                        style="padding-top: 100%"
                      >
                        <img
                          class="lazyload"
                          src="https://ayowasabi.com/cdn/luxury138-freshdomain-banner-1.jpg"
                          data-src="https://ayowasabi.com/cdn/luxury138-freshdomain-banner-1.jpg"
                          data-widths="[180, 240, 360, 480, 720, 960, 1080, 1296, 1512, 1728, 2048]"
                          data-aspectratio="1.0"
                          data-sizes="auto"
                          alt="LUXURY138 # Agen Slot Tergacor Nomor Satu Gampang Maxwin"
                        />
                      </a>
                    </div>
                    <noscript>
                      <a
                        href="https://ayowasabi.com/cdn/luxury138-freshdomain-banner-1.jpg"
                      >
                        <img
                          src="https://ayowasabi.com/cdn/luxury138-freshdomain-banner-1.jpg"
                          alt="LUXURY138 # Agen Slot Tergacor Nomor Satu Gampang Maxwin"
                          id="ProductPhotoImg-product-template-1"
                        />
                      </a>
                    </noscript>
                  </div>
                </div>
              </div>
              <div
                class="col-info col-lg-5 col-12 col-md-6"
                itemprop="offers"
                itemscope
                itemtype="http://schema.org/Offer"
              >
                <div class="product-single__info-wrapper">
                  <meta itemprop="priceCurrency" content="USD" />
                  <link
                    itemprop="availability"
                    href="https://schema.org/InStock"
                  />
                  <div class="product-single__meta small--text-center">
                    <p class="product-single__vendor">
                      <small>Support By LUXURY138.</small>
                    </p>
                    <h1 itemprop="name" class="product-single__title">
                      LUXURY138 # Agen Slot Tergacor Nomor Satu Gampang Maxwin

                      <sup
                        ><span
                          id="ProductSaleTag-product-template-1"
                          class="hide"
                        >
                          <span class="product-tag gradient-theme"> Sale </span>
                        </span></sup
                      >
                    </h1>
                    <div class="review">
                      <span
                        class="shopify-product-reviews-badge"
                        data-id="7695179448555"
                      ></span>
                      <span class="product-single__availability available">
                        <svg
                          width="20"
                          height="20"
                          viewBox="0 0 20 20"
                          fill="none"
                          xmlns="http://www.w3.org/2000/svg"
                        >
                          <path
                            d="M10 1.875C5.50049 1.875 1.875 5.50049 1.875 10C1.875 14.4995 5.50049 18.125 10 18.125C14.4995 18.125 18.125 14.4995 18.125 10C18.125 9.12598 18.0078 8.25439 17.6953 7.44141L16.6797 8.4375C16.8042 8.93799 16.875 9.43848 16.875 10C16.875 13.8135 13.8135 16.875 10 16.875C6.18652 16.875 3.125 13.8135 3.125 10C3.125 6.18652 6.18652 3.125 10 3.125C11.875 3.125 13.5596 3.87207 14.7461 5.05859L15.625 4.17969C14.187 2.7417 12.1875 1.875 10 1.875ZM17.0508 4.55078L10 11.6016L7.32422 8.92578L6.42578 9.82422L9.55078 12.9492L10 13.3789L10.4492 12.9492L17.9492 5.44922L17.0508 4.55078Z"
                            fill="#78A400"
                          />
                        </svg>
                        Slot Gacor
                      </span>
                    </div>
                    <ul
                      class="pb-1 product-single__meta-list list--inline product-single__price-container"
                    >
                      <li>
                        <span class="visually-hidden">Regular price</span
                        ><span
                          id="ProductPrice-product-template-1"
                          class="product-single__price"
                          itemprop="price"
                          content="5000.00"
                        >
                          $155.000.00
                        </span>
                      </li>
                      <li>
                        <span
                          id="ProductStock-product-template-1"
                          class="product-single__stock hide"
                        >
                        </span>
                      </li>
                    </ul>
                    <div class="row text-left pt-2">
                      <div
                        class="product-single__information col text-uppercase"
                      >
                        <p class="product-single__type">
                          <small class="text-body">Type: </small
                          ><small>Slot Gacor</small>
                        </p>
                        <p class="product-single__sku">
                          <small class="text-body">Sku: </small
                          ><small class="js-variant-sku">2103658420012</small>
                        </p>
                      </div>
                    </div>
                  </div>
                  <form
                    method="post"
                    action="/cart/add"
                    id="AddToCartForm-product-template-1"
                    accept-charset="UTF-8"
                    class="product-form product-form-select product-form--payment-button"
                    enctype="multipart/form-data"
                  >
                    <input
                      type="hidden"
                      name="form_type"
                      value="product"
                    /><input type="hidden" name="utf8" value="âœ“" />
                    <select
                      name="id"
                      id="ProductSelect-product-template-1"
                      class="product-form__variants no-js"
                    >
                      <option
                        selected="selected"
                        data-sku="800902578993"
                        value="42849557217515"
                      >
                        Default Title - $155.000.00 USD
                      </option>
                    </select>
                    <span class="js-hurrify hide">
                      <p class="text-danger font-weight-bold">
                        Hurry up, only a few left:
                      </p>
                      <div class="progress">
                        <div class="progress-bar" style="width: 190%"></div>
                      </div>
                    </span>
                    <div class="product-form__quantity-submit pt-2">
                      <div
                        class="product-form__item product-form__item--quantity"
                      >
                        <label class="hide" for="Quantity">Quantity</label>
                        <input
                          type="number"
                          id="Quantity"
                          name="quantity"
                          value="1"
                          min="1"
                          class="product-form__input product-form__quantity"
                        />
                      </div>
                      <div
                        class="product-form__item product-form__item--submit"
                      >
                        <button
                          type="button"
                          onclick="
                            window.location.href =
                              'https://luxury138terbaik.pages.dev/'
                          "
                          id="AddToCart-product-template-1"
                          class="btn btn--full btn-theme product-form__cart-submit product-form__cart-submit--outline"
                        >
                          <svg
                            style="width: 24px; height: 24px"
                            viewBox="0 0 24 24"
                            fill="none"
                            xmlns="http://www.w3.org/2000/svg"
                          >
                            <path
                              d="M3 5.25C2.58691 5.25 2.25 5.58691 2.25 6C2.25 6.41309 2.58691 6.75 3 6.75H4.66406L6.63281 14.625C6.7998 15.293 7.39746 15.75 8.08594 15.75H17.4375C18.1143 15.75 18.6885 15.3018 18.8672 14.6484L20.8125 7.5H19.2422L17.4375 14.25H8.08594L6.11719 6.375C5.9502 5.70703 5.35254 5.25 4.66406 5.25H3ZM16.5 15.75C15.2666 15.75 14.25 16.7666 14.25 18C14.25 19.2334 15.2666 20.25 16.5 20.25C17.7334 20.25 18.75 19.2334 18.75 18C18.75 16.7666 17.7334 15.75 16.5 15.75ZM9.75 15.75C8.5166 15.75 7.5 16.7666 7.5 18C7.5 19.2334 8.5166 20.25 9.75 20.25C10.9834 20.25 12 19.2334 12 18C12 16.7666 10.9834 15.75 9.75 15.75ZM12 5.25V7.5H9.75V9H12V11.25H13.5V9H15.75V7.5H13.5V5.25H12ZM9.75 17.25C10.1719 17.25 10.5 17.5781 10.5 18C10.5 18.4219 10.1719 18.75 9.75 18.75C9.32812 18.75 9 18.4219 9 18C9 17.5781 9.32812 17.25 9.75 17.25ZM16.5 17.25C16.9219 17.25 17.25 17.5781 17.25 18C17.25 18.4219 16.9219 18.75 16.5 18.75C16.0781 18.75 15.75 18.4219 15.75 18C15.75 17.5781 16.0781 17.25 16.5 17.25Z"
                              fill="#F8F9FA"
                            />
                          </svg>
                          <span id="AddToCartText-product-template-1">
                            Login Disini
                          </span>
                        </button>
                      </div>
                      <div class="product-form__buynow">
                        <div
                          data-shopify="payment-button"
                          class="shopify-payment-button"
                        >
                          <shopify-accelerated-checkout
                            recommended='{"name":"shop_pay","wallet_params":{"shopId":60844245227,"merchantName":"LUXURY138","personalized":true}}'
                            fallback='{"name":"buy_it_now","wallet_params":{}}'
                            access-token="2f8cdde862c570bd77ee62355fb2d349"
                            buyer-country="US"
                            buyer-locale="en"
                            buyer-currency="USD"
                            variant-params='[{"id":42849557217515,"requiresShipping":true}]'
                            shop-id="60844245227"
                          >
                            <div
                              class="shopify-payment-button__button"
                              role="button"
                              disabled
                              aria-hidden="true"
                              style="
                                background-color: transparent;
                                border: none;
                              "
                            >
                              <div class="shopify-payment-button__skeleton">
                                &nbsp;
                              </div>
                            </div>
                            <div
                              class="shopify-payment-button__more-options shopify-payment-button__skeleton"
                              role="button"
                              disabled
                              aria-hidden="true"
                            >
                              &nbsp;
                            </div>
                          </shopify-accelerated-checkout>
                          <small
                            id="shopify-buyer-consent"
                            class="hidden"
                            aria-hidden="true"
                            data-consent-type="subscription"
                          >
                            This item is a recurring or deferred purchase. By
                            continuing, I agree to the
                            <span id="shopify-subscription-policy-button"
                              >cancellation policy</span
                            >
                            and authorize you to charge my payment method at the
                            prices, frequency and dates listed on this page
                            until my order is fulfilled or I cancel, if
                            permitted.
                          </small>
                        </div>
                      </div>
                    </div>
                    <div class="js-contact-soldout hide">
                      <span
                        class="btn btn-waitlist btn-theme"
                        data-toggle="modal"
                        data-target="#jsSoldout"
                        title="Inform when this item available"
                        >Join Waitlist</span
                      >
                    </div>
                    <div
                      class="gr-btnjs d-flex py-4 align-items-center justify-content-between"
                    >
                      <div class="d-flex align-items-center">
                        <div class="d-flex align-items-center"></div>
                        <div></div>
                      </div>
                    </div>
                    <div class="line-dash"></div>
                    <div class="share-product">
                      <span>
                        <svg
                          style="width: 24px; height: 24px"
                          viewBox="0 0 24 24"
                          fill="none"
                          xmlns="http://www.w3.org/2000/svg"
                        >
                          <path
                            d="M17.5605 3.32812L16.5 4.38867L19.626 7.5H12.375C10.101 7.5 8.25 9.35025 8.25 11.625C8.25 13.8997 10.101 15.75 12.375 15.75H12.75V14.25H12.375C10.9275 14.25 9.75 13.0725 9.75 11.625C9.75 10.1775 10.9275 9 12.375 9H19.6289L16.5059 12.123L17.5664 13.1836L22.5 8.25L17.5605 3.32812ZM3.75 3.75V20.25H20.25V12.75L18.75 14.25V18.75H5.25V5.25H13.3901L14.8901 3.75H3.75Z"
                            fill="#565d65"
                          />
                        </svg>
                        Share
                      </span>
                      <div class="social-sharing row">
                        <div class="col">
                          <a
                            target="_blank"
                            href="https://luxury138terbaik.pages.dev/"
                            data-tooltip="true"
                            class="social-sharing__link share-facebook"
                            title="Share on Facebook"
                          >
                            <svg
                              style="width: 24px; height: 24px"
                              viewBox="0 0 24 24"
                              fill="none"
                              xmlns="http://www.w3.org/2000/svg"
                            >
                              <path
                                d="M5.25 3.75C4.42969 3.75 3.75 4.42969 3.75 5.25V18.75C3.75 19.5703 4.42969 20.25 5.25 20.25H18.75C19.5703 20.25 20.25 19.5703 20.25 18.75V5.25C20.25 4.42969 19.5703 3.75 18.75 3.75H5.25ZM5.25 5.25H18.75V18.75H14.8594V13.6875H16.8047L17.0859 11.4375H14.8594V9.98438C14.8594 9.32812 15.0205 8.88281 15.9609 8.88281H17.1797V6.84375C16.9717 6.81738 16.251 6.77344 15.4219 6.77344C13.6934 6.77344 12.5156 7.81348 12.5156 9.75V11.4375H10.5469V13.6875H12.5156V18.75H5.25V5.25Z"
                                fill="#565d65"
                              />
                            </svg>
                            <span class="share-title visually-hidden"
                              >Share on Facebook</span
                            >
                          </a>
                          <a
                            target="_blank"
                            href="https://luxury138terbaik.pages.dev/"
                            data-tooltip="true"
                            class="social-sharing__link share-twitter"
                            title="Tweet on Twitter"
                          >
                            <svg
                              style="width: 24px; height: 24px"
                              viewBox="0 0 24 24"
                              fill="none"
                              xmlns="http://www.w3.org/2000/svg"
                            >
                              <path
                                d="M21 6.41894C20.3379 6.71191 19.626 6.91113 18.8789 6.99902C19.6406 6.54199 20.2266 5.81836 20.502 4.95703C19.79 5.37891 18.999 5.68652 18.1582 5.85352C17.4844 5.13574 16.5234 4.68457 15.4629 4.68457C13.4238 4.68457 11.7686 6.33984 11.7686 8.37891C11.7686 8.66895 11.8008 8.95019 11.8652 9.21973C8.79492 9.06738 6.07324 7.59668 4.25391 5.36133C3.93457 5.90625 3.75293 6.54199 3.75293 7.21875C3.75293 8.49902 4.40332 9.62988 5.39648 10.292C4.79004 10.2715 4.22168 10.1074 3.72363 9.8291C3.72363 9.84668 3.72363 9.86133 3.72363 9.87598C3.72363 11.666 4.99512 13.1602 6.68555 13.4971C6.375 13.582 6.0498 13.6289 5.71289 13.6289C5.47559 13.6289 5.24121 13.6055 5.01855 13.5615C5.4873 15.0293 6.85254 16.0957 8.4668 16.1279C7.2041 17.1182 5.61035 17.707 3.88184 17.707C3.58301 17.707 3.29004 17.6895 3 17.6543C4.63477 18.7031 6.57422 19.3154 8.66016 19.3154C15.4541 19.3154 19.1689 13.6875 19.1689 8.80664C19.1689 8.64844 19.1631 8.4873 19.1572 8.3291C19.8779 7.80762 20.5049 7.15723 21 6.41894Z"
                                fill="#565d65"
                              />
                            </svg>
                            <span class="share-title visually-hidden"
                              >Tweet on Twitter</span
                            >
                          </a>
                          <a
                            data-tooltip="true"
                            target="_blank"
                            href="https://luxury138terbaik.pages.dev/"
                            class="social-sharing__link share-pinterest"
                            title="Pin on Pinterest"
                          >
                            <i class="icon-pinterest"></i>
                            <span class="share-title visually-hidden"
                              >Pin on Pinterest</span
                            >
                          </a>
                        </div>
                      </div>
                    </div>
                    <input
                      type="hidden"
                      name="product-id"
                      value="7695179448555"
                    /><input
                      type="hidden"
                      name="section-id"
                      value="product-template-1"
                    />
                  </form>
                  <div
                    class="modal fade"
                    id="jsSoldout"
                    role="dialog"
                    aria-hidden="true"
                  >
                    <div
                      class="modal-dialog modal-dialog--soldout modal-dialog-centered"
                      role="document"
                    >
                      <div class="modal-content">
                        <div class="modal-header">
                          <button
                            type="button"
                            class="close"
                            data-dismiss="modal"
                          >
                            <i class="icon-close"></i>
                          </button>
                        </div>
                        <div class="modal-body">
                          <div
                            class="row justify-content-center js-soldout-content"
                          >
                            <form
                              method="post"
                              action="/contact#contact_form"
                              id="contact_form"
                              accept-charset="UTF-8"
                              class="contact-form"
                            >
                              <input
                                type="hidden"
                                name="form_type"
                                value="contact"
                              /><input type="hidden" name="utf8" value="âœ“" />
                              <p class="js-notify-text">
                                Inform when this item available<span>: </span>
                              </p>
                              <input
                                class="hide"
                                type="text"
                                id="ContactFormMessenger"
                                name="contact[messenger]"
                                value="Inform when this item available"
                              />
                              <input
                                class="hide"
                                type="text"
                                id="ContactProduct"
                                name="contact[product]"
                                value="LUXURY138 # Agen Slot Tergacor Nomor Satu Gampang Maxwin - Default Title"
                              />
                              <input
                                type="email"
                                id="ContactFormEmail"
                                name="contact[email]"
                                placeholder="Email"
                                autocorrect="off"
                                autocapitalize="off"
                                value=""
                              />
                              <input
                                type="submit"
                                class="btn btn-theme gradient-theme"
                                value="Receive email"
                              />
                            </form>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="fake-view py-2">
                    <span> Terdapat lebih dari</span>
                    <span
                      class="js-fake-view bg-theme gradient-theme-vertical p-1 px-2 text-white d-inline-block"
                      data-min="12"
                      data-max="30"
                      data-duration="3000"
                    ></span>
                    <span> ribu orang yang sedang bermain di LUXURY138</span>
                  </div>
                  <!-- shipping-time.liquid -->
                </div>
              </div>
              <div class="col-lg-3 col-service col-md-12">
                <div class="col-service-block">
                  <div class="cs-block d-flex">
                    <div class="cs-block-text">
                      <h4>Payment</h4>
                      <p>Bank Lokal dan QRIS</p>
                    </div>
                  </div>
                  <div class="cs-block d-flex">
                    <div class="cs-block-text">
                      <h4>Only Best</h4>
                      <p>Slot Gacor ONLINE</p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <!-- sticky-cart.liquid -->
            <div id="js-anchor-sticky-cart"></div>
            <div class="sticky-cart-wr d-flex">
              <div id="js-sticky-prd" class="container align-self-center">
                <img
                  id="js-sticky-img"
                  src="https://ayowasabi.com/cdn/luxury138-freshdomain-banner-1.jpg"
                />
                <div id="js-sticky-price" class="product-card__price">
                  <h3 class="font-family-2 px-4 m-0">
                    SITUS LUXURY138 <span id="js-sticky-title"></span>
                  </h3>
                  <p class="font-family-2 px-4 m-0">$155.000.00</p>
                </div>
                <div
                  class="sticky-cart-selectors d-flex py-2 text-center"
                ></div>
                <button
                  id="js-sticky-btn"
                  class="btn btn-theme my-2 ml-2"
                  onclick="
                    window.location.href =
                      'https://luxury138terbaik.pages.dev/'
                  "
                  data-buttonid="AddToCart-product-template-1"
                >
                  Daftar Disini
                </button>
                <button id="js-sticky-close">
                  <i class="icon-close"></i><i class="icon-bag"></i>
                </button>
              </div>
            </div>
            <script>
              triggerCart = function (e) {
                var elementButton = e.getAttribute("data-buttonid");
                document.getElementById(elementButton).click();
              };

              triggerOption = function (e) {
                var index = e.selectedIndex;
                var value = e.value;
                var elementRadio = document.getElementById(
                  e.getAttribute("data-radio"),
                );
                var elementSelect = document.getElementById(
                  e.getAttribute("data-selectbox"),
                );

                //     Swatch variant
                if (elementRadio !== null) {
                  elementRadio.getElementsByTagName("input")[index].click();
                }

                //     dropdown variant
                if (elementSelect !== null) {
                  elementSelect.value = value;
                  elementSelect.dispatchEvent(new Event("change"));
                }
              };
            </script>
            <div id="productrelated" class="pt-5">
              <div class="">
                <h4
                  class="font-family-2 mb-5 section-title-1"
                  data-aos="fade-up"
                >
                  <span>You might also like</span>
                </h4>
                <div class="js-slick-carousel" data-aos="fade-up">
                  <div
                    class="row slick_content"
                    data-section-id="relate-product-template-1"
                    data-section-type="slickCarousels"
                    data-dots="true"
                    data-rows="1"
                    data-slidestoshow="5"
                    data-infinite="true"
                    data-autoplay="true"
                  >
                    <div class="col">
                      <!-- product-grid-1.liquid -->
                      <div
                        class="product-card js-product-card product-card--style1 adjust-height"
                        data-price="8599"
                      >
                        <div class="product-card__image-wr">
                          <a
                            class="product-card__image js"
                            href="https://luxury138terbaik.net/"
                            style="max-width: 480px"
                            data-image-id=""
                            ><img
                              class="lazyload"
                              data-src="https://ayowasabi.com/cdn/luxury138-freshdomain-banner-1.jpg"
                              src="https://ayowasabi.com/cdn/luxury138-freshdomain-banner-1.jpg"
                              data-sizes="auto"
                              alt=""
                            />
                          </a>
                          <div
                            class="product-card__overlay d-flex justify-content-center flex-column"
                          >
                            <span
                              data-tooltip="true"
                              data-placement="left"
                              class="btn btn-theme gradient-theme-vertical product-card__overlay-btn js-btn-quickview"
                              title="Quickshop"
                              data-toggle="modal"
                              data-target="#jsQuickview"
                              data-handle="twin-pack-usa-picanha-5lb-piece"
                            >
                              <svg
                                aria-hidden="true"
                                focusable="false"
                                data-prefix="fal"
                                data-icon="expand-alt"
                                role="img"
                                xmlns="http://www.w3.org/2000/svg"
                                viewBox="0 0 448 512"
                                class="svg-inline--fa fa-expand-alt fa-w-14 fa-3x"
                              >
                                <path
                                  fill="currentColor"
                                  d="M198.829 275.515l5.656 5.656c4.686 4.686 4.686 12.284 0 16.971L54.627 448H116c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12H12c-6.627 0-12-5.373-12-12V364c0-6.627 5.373-12 12-12h8c6.627 0 12 5.373 12 12v61.373l149.858-149.858c4.687-4.687 12.285-4.687 16.971 0zM436 32H332c-6.627 0-12 5.373-12 12v8c0 6.627 5.373 12 12 12h61.373L243.515 213.858c-4.686 4.686-4.686 12.284 0 16.971l5.656 5.656c4.686 4.686 12.284 4.686 16.971 0L416 86.627V148c0 6.627 5.373 12 12 12h8c6.627 0 12-5.373 12-12V44c0-6.627-5.373-12-12-12z"
                                  class=""
                                ></path>
                              </svg>
                            </span>
                            <span
                              data-tooltip="true"
                              data-placement="left"
                              class="btn btn-theme gradient-theme-vertical product-card__overlay-btn js-grid-cart"
                              title="Add to Cart"
                              data-id="42849564524779"
                            >
                              <svg
                                class="feather feather-shopping-cart sc-dnqmqq jxshSx"
                                xmlns="http://www.w3.org/2000/svg"
                                width="20"
                                height="20"
                                viewBox="0 0 24 24"
                                fill="none"
                                stroke="currentColor"
                                stroke-width="2"
                                stroke-linecap="round"
                                stroke-linejoin="round"
                                aria-hidden="true"
                                data-reactid="1061"
                              >
                                <circle cx="9" cy="21" r="1"></circle>
                                <circle cx="20" cy="21" r="1"></circle>
                                <path
                                  d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"
                                ></path>
                              </svg>
                              <div
                                class="product-card__loading spinner-grow"
                                role="status"
                              ></div>
                              <span>Add to Cart</span>
                            </span>
                          </div>
                        </div>
                        <div class="product-card__info">
                          <a
                            href="https://luxury138terbaik.pages.dev/"
                            title="Slot Gacor"
                            class="product-card__name"
                            >Slot Gacor</a
                          >
                          <div class="product-card__price">
                            <span class="visually-hidden">Regular price</span>
                            $155.000.00
                          </div>
                          <ul class="product-card__swatch list-unstyled"></ul>
                        </div>
                      </div>
                    </div>
                    <div class="col">
                      <!-- product-grid-1.liquid -->
                      <div
                        class="product-card js-product-card product-card--style1 adjust-height"
                        data-price="6000"
                      >
                        <div class="product-card__image-wr">
                          <a
                            class="product-card__image js"
                            href="https://luxury138terbaik.pages.dev/"
                            style="max-width: 480px"
                            data-image-id=""
                            ><img
                              class="lazyload"
                              data-src="https://ayowasabi.com/cdn/luxury138-freshdomain-banner-1.jpg"
                              src="https://ayowasabi.com/cdn/luxury138-freshdomain-banner-1.jpg"
                              data-sizes="auto"
                              alt=""
                            />
                          </a>
                          <div
                            class="product-card__overlay d-flex justify-content-center flex-column"
                          >
                            <span
                              data-tooltip="true"
                              data-placement="left"
                              class="btn btn-theme gradient-theme-vertical product-card__overlay-btn js-btn-quickview"
                              title="Quickshop"
                              data-toggle="modal"
                              data-target="#jsQuickview"
                              data-handle="usa-choice-picanha-5lb-piece"
                            >
                              <svg
                                aria-hidden="true"
                                focusable="false"
                                data-prefix="fal"
                                data-icon="expand-alt"
                                role="img"
                                xmlns="http://www.w3.org/2000/svg"
                                viewBox="0 0 448 512"
                                class="svg-inline--fa fa-expand-alt fa-w-14 fa-3x"
                              >
                                <path
                                  fill="currentColor"
                                  d="M198.829 275.515l5.656 5.656c4.686 4.686 4.686 12.284 0 16.971L54.627 448H116c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12H12c-6.627 0-12-5.373-12-12V364c0-6.627 5.373-12 12-12h8c6.627 0 12 5.373 12 12v61.373l149.858-149.858c4.687-4.687 12.285-4.687 16.971 0zM436 32H332c-6.627 0-12 5.373-12 12v8c0 6.627 5.373 12 12 12h61.373L243.515 213.858c-4.686 4.686-4.686 12.284 0 16.971l5.656 5.656c4.686 4.686 12.284 4.686 16.971 0L416 86.627V148c0 6.627 5.373 12 12 12h8c6.627 0 12-5.373 12-12V44c0-6.627-5.373-12-12-12z"
                                  class=""
                                ></path>
                              </svg>
                            </span>
                            <span
                              data-tooltip="true"
                              data-placement="left"
                              class="btn btn-theme gradient-theme-vertical product-card__overlay-btn js-grid-cart"
                              title="Add to Cart"
                              data-id="42849562689771"
                            >
                              <svg
                                class="feather feather-shopping-cart sc-dnqmqq jxshSx"
                                xmlns="http://www.w3.org/2000/svg"
                                width="20"
                                height="20"
                                viewBox="0 0 24 24"
                                fill="none"
                                stroke="currentColor"
                                stroke-width="2"
                                stroke-linecap="round"
                                stroke-linejoin="round"
                                aria-hidden="true"
                                data-reactid="1061"
                              >
                                <circle cx="9" cy="21" r="1"></circle>
                                <circle cx="20" cy="21" r="1"></circle>
                                <path
                                  d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"
                                ></path>
                              </svg>
                              <div
                                class="product-card__loading spinner-grow"
                                role="status"
                              ></div>
                              <span>Add to Cart</span>
                            </span>
                          </div>
                        </div>
                        <div class="product-card__info">
                          <a
                            href="https://luxury138terbaik.pages.dev/"
                            title="Slot Gacor"
                            class="product-card__name"
                            >Slot Gacor ONLINE</a
                          >
                          <div class="product-card__price">
                            <span class="visually-hidden">Regular price</span>
                            $155.000.00
                          </div>
                          <ul class="product-card__swatch list-unstyled"></ul>
                        </div>
                      </div>
                    </div>
                    <div class="col">
                      <!-- product-grid-1.liquid -->
                      <div
                        class="product-card js-product-card product-card--style1 adjust-height"
                        data-price="1499"
                      >
                        <div class="product-card__image-wr">
                          <a
                            class="product-card__image js"
                            href="https://luxury138terbaik.pages.dev/"
                            style="max-width: 480px"
                            data-image-id=""
                            ><img
                              class="lazyload"
                              data-src="https://ayowasabi.com/cdn/luxury138-freshdomain-banner-1.jpg"
                              src="https://ayowasabi.com/cdn/luxury138-freshdomain-banner-1.jpg"
                              data-sizes="auto"
                              alt=""
                            />
                          </a>
                          <div
                            class="product-card__overlay d-flex justify-content-center flex-column"
                          >
                            <span
                              data-tooltip="true"
                              data-placement="left"
                              class="btn btn-theme gradient-theme-vertical product-card__overlay-btn js-btn-quickview"
                              title="Quickshop"
                              data-toggle="modal"
                              data-target="#jsQuickview"
                              data-handle="chuck-stew-beef"
                            >
                              <svg
                                aria-hidden="true"
                                focusable="false"
                                data-prefix="fal"
                                data-icon="expand-alt"
                                role="img"
                                xmlns="http://www.w3.org/2000/svg"
                                viewBox="0 0 448 512"
                                class="svg-inline--fa fa-expand-alt fa-w-14 fa-3x"
                              >
                                <path
                                  fill="currentColor"
                                  d="M198.829 275.515l5.656 5.656c4.686 4.686 4.686 12.284 0 16.971L54.627 448H116c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12H12c-6.627 0-12-5.373-12-12V364c0-6.627 5.373-12 12-12h8c6.627 0 12 5.373 12 12v61.373l149.858-149.858c4.687-4.687 12.285-4.687 16.971 0zM436 32H332c-6.627 0-12 5.373-12 12v8c0 6.627 5.373 12 12 12h61.373L243.515 213.858c-4.686 4.686-4.686 12.284 0 16.971l5.656 5.656c4.686 4.686 12.284 4.686 16.971 0L416 86.627V148c0 6.627 5.373 12 12 12h8c6.627 0 12-5.373 12-12V44c0-6.627-5.373-12-12-12z"
                                  class=""
                                ></path>
                              </svg>
                            </span>
                            <span
                              data-tooltip="true"
                              data-placement="left"
                              class="btn btn-theme gradient-theme-vertical product-card__overlay-btn js-grid-cart"
                              title="Add to Cart"
                              data-id="42549353775339"
                            >
                              <svg
                                class="feather feather-shopping-cart sc-dnqmqq jxshSx"
                                xmlns="http://www.w3.org/2000/svg"
                                width="20"
                                height="20"
                                viewBox="0 0 24 24"
                                fill="none"
                                stroke="currentColor"
                                stroke-width="2"
                                stroke-linecap="round"
                                stroke-linejoin="round"
                                aria-hidden="true"
                                data-reactid="1061"
                              >
                                <circle cx="9" cy="21" r="1"></circle>
                                <circle cx="20" cy="21" r="1"></circle>
                                <path
                                  d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"
                                ></path>
                              </svg>
                              <div
                                class="product-card__loading spinner-grow"
                                role="status"
                              ></div>
                              <span>Add to Cart</span>
                            </span>
                          </div>
                        </div>
                        <div class="product-card__info">
                          <a
                            href="https://luxury138terbaik.pages.dev/"
                            title="Slot Gacor"
                            class="product-card__name"
                            >Slot Gacor</a
                          >
                          <div class="product-card__price">
                            <span class="visually-hidden">Regular price</span>
                            $155.000.00
                          </div>
                          <ul class="product-card__swatch list-unstyled"></ul>
                        </div>
                      </div>
                    </div>
                    <div class="col">
                      <!-- product-grid-1.liquid -->
                      <div
                        class="product-card js-product-card product-card--style1 adjust-height"
                        data-price="2199"
                      >
                        <div class="product-card__image-wr">
                          <a
                            class="product-card__image js"
                            href="https://luxury138terbaik.pages.dev/"
                            style="max-width: 480px"
                            data-image-id=""
                            ><img
                              class="lazyload"
                              data-src="https://ayowasabi.com/cdn/luxury138-freshdomain-banner-1.jpg"
                              src="https://ayowasabi.com/cdn/luxury138-freshdomain-banner-1.jpg"
                              data-sizes="auto"
                              alt=""
                            />
                          </a>
                          <div
                            class="product-card__overlay d-flex justify-content-center flex-column"
                          >
                            <span
                              data-tooltip="true"
                              data-placement="left"
                              class="btn btn-theme gradient-theme-vertical product-card__overlay-btn js-btn-quickview"
                              title="Quickshop"
                              data-toggle="modal"
                              data-target="#jsQuickview"
                              data-handle="alcatra-3lb-piece"
                            >
                              <svg
                                aria-hidden="true"
                                focusable="false"
                                data-prefix="fal"
                                data-icon="expand-alt"
                                role="img"
                                xmlns="http://www.w3.org/2000/svg"
                                viewBox="0 0 448 512"
                                class="svg-inline--fa fa-expand-alt fa-w-14 fa-3x"
                              >
                                <path
                                  fill="currentColor"
                                  d="M198.829 275.515l5.656 5.656c4.686 4.686 4.686 12.284 0 16.971L54.627 448H116c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12H12c-6.627 0-12-5.373-12-12V364c0-6.627 5.373-12 12-12h8c6.627 0 12 5.373 12 12v61.373l149.858-149.858c4.687-4.687 12.285-4.687 16.971 0zM436 32H332c-6.627 0-12 5.373-12 12v8c0 6.627 5.373 12 12 12h61.373L243.515 213.858c-4.686 4.686-4.686 12.284 0 16.971l5.656 5.656c4.686 4.686 12.284 4.686 16.971 0L416 86.627V148c0 6.627 5.373 12 12 12h8c6.627 0 12-5.373 12-12V44c0-6.627-5.373-12-12-12z"
                                  class=""
                                ></path>
                              </svg>
                            </span>
                            <span
                              data-tooltip="true"
                              data-placement="left"
                              class="btn btn-theme gradient-theme-vertical product-card__overlay-btn js-grid-cart"
                              title="Add to Cart"
                              data-id="42849549582571"
                            >
                              <svg
                                class="feather feather-shopping-cart sc-dnqmqq jxshSx"
                                xmlns="http://www.w3.org/2000/svg"
                                width="20"
                                height="20"
                                viewBox="0 0 24 24"
                                fill="none"
                                stroke="currentColor"
                                stroke-width="2"
                                stroke-linecap="round"
                                stroke-linejoin="round"
                                aria-hidden="true"
                                data-reactid="1061"
                              >
                                <circle cx="9" cy="21" r="1"></circle>
                                <circle cx="20" cy="21" r="1"></circle>
                                <path
                                  d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"
                                ></path>
                              </svg>
                              <div
                                class="product-card__loading spinner-grow"
                                role="status"
                              ></div>
                              <span>Add to Cart</span>
                            </span>
                          </div>
                        </div>
                        <div class="product-card__info">
                          <a
                            href="https://luxury138terbaik.pages.dev/"
                            title="Slot Gacor"
                            class="product-card__name"
                            >LUXURY138</a
                          >
                          <div class="product-card__price">
                            <span class="visually-hidden">Regular price</span>
                            $155.000.00
                          </div>
                          <ul class="product-card__swatch list-unstyled"></ul>
                        </div>
                      </div>
                    </div>
                    <div class="col">
                      <!-- product-grid-1.liquid -->
                      <div
                        class="product-card js-product-card product-card--style1 adjust-height"
                        data-price="1899"
                      >
                        <div class="product-card__image-wr">
                          <a
                            class="product-card__image js"
                            href="/collections/beef/products/beef-short-rib-sliced-4pc-1lb"
                            style="max-width: 480px"
                            data-image-id=""
                            ><img
                              class="lazyload"
                              data-src="https://ayowasabi.com/cdn/luxury138-freshdomain-banner-1.jpg"
                              src="https://ayowasabi.com/cdn/luxury138-freshdomain-banner-1.jpg"
                              data-sizes="auto"
                              alt=""
                            />
                          </a>
                          <div
                            class="product-card__overlay d-flex justify-content-center flex-column"
                          >
                            <span
                              data-tooltip="true"
                              data-placement="left"
                              class="btn btn-theme gradient-theme-vertical product-card__overlay-btn js-btn-quickview"
                              title="Quickshop"
                              data-toggle="modal"
                              data-target="#jsQuickview"
                              data-handle="beef-short-rib-sliced-4pc-1lb"
                            >
                              <svg
                                aria-hidden="true"
                                focusable="false"
                                data-prefix="fal"
                                data-icon="expand-alt"
                                role="img"
                                xmlns="http://www.w3.org/2000/svg"
                                viewBox="0 0 448 512"
                                class="svg-inline--fa fa-expand-alt fa-w-14 fa-3x"
                              >
                                <path
                                  fill="currentColor"
                                  d="M198.829 275.515l5.656 5.656c4.686 4.686 4.686 12.284 0 16.971L54.627 448H116c6.627 0 12 5.373 12 12v8c0 6.627-5.373 12-12 12H12c-6.627 0-12-5.373-12-12V364c0-6.627 5.373-12 12-12h8c6.627 0 12 5.373 12 12v61.373l149.858-149.858c4.687-4.687 12.285-4.687 16.971 0zM436 32H332c-6.627 0-12 5.373-12 12v8c0 6.627 5.373 12 12 12h61.373L243.515 213.858c-4.686 4.686-4.686 12.284 0 16.971l5.656 5.656c4.686 4.686 12.284 4.686 16.971 0L416 86.627V148c0 6.627 5.373 12 12 12h8c6.627 0 12-5.373 12-12V44c0-6.627-5.373-12-12-12z"
                                  class=""
                                ></path>
                              </svg>
                            </span>
                            <span
                              data-tooltip="true"
                              data-placement="left"
                              class="btn btn-theme gradient-theme-vertical product-card__overlay-btn js-grid-cart"
                              title="Add to Cart"
                              data-id="42549369503979"
                            >
                              <svg
                                class="feather feather-shopping-cart sc-dnqmqq jxshSx"
                                xmlns="http://www.w3.org/2000/svg"
                                width="20"
                                height="20"
                                viewBox="0 0 24 24"
                                fill="none"
                                stroke="currentColor"
                                stroke-width="2"
                                stroke-linecap="round"
                                stroke-linejoin="round"
                                aria-hidden="true"
                                data-reactid="1061"
                              >
                                <circle cx="9" cy="21" r="1"></circle>
                                <circle cx="20" cy="21" r="1"></circle>
                                <path
                                  d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"
                                ></path>
                              </svg>
                              <div
                                class="product-card__loading spinner-grow"
                                role="status"
                              ></div>
                              <span>Add to Cart</span>
                            </span>
                          </div>
                        </div>
                        <div class="product-card__info">
                          <a
                            href="https://luxury138terbaik.pages.dev/"
                            title="Slot Gacor"
                            class="product-card__name"
                            >Slot Gacor</a
                          >
                          <div class="product-card__price">
                            <span class="visually-hidden">Regular price</span>
                            $155.000.00
                          </div>
                          <ul class="product-card__swatch list-unstyled"></ul>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="des-bottom">
              <div class="row justify-content-md-center">
                <div class="col-12">
                  <div id="nav-tab-info" class="pt-4">
                    <div class="nav nav-tabs" role="tablist">
                      <a
                        class="nav-item nav-link active"
                        href="#gtab1"
                        data-toggle="tab"
                        role="tab"
                        aria-selected="true"
                        >Description</a
                      >
                      <a
                        class="nav-item nav-link"
                        href="#gtab2"
                        data-toggle="tab"
                        role="tab"
                        aria-selected="false"
                      >
                        Review
                      </a>
                      <article
                        style="
                          margin: 20px;
                          font-family: Arial, Helvetica, sans-serif;
                          color: #eee;
                          line-height: 1.8;
                          background: #4f4f4f;
                          padding: 75px;
                          border-radius: 30px;
                        "
                      >
                        <h2
                          style="
                            text-align: left;
                            color: #ffca28;
                            font-size: 40px;
                            margin-bottom: 15px;
                          "
                        >
                          LUXURY138 # Agen Slot Tergacor Nomor Satu Gampang Maxwin
                        </h2>
                        <br />
                        <p style="text-align: justify">
                          LUXURY138 memahami gairah para pemain yang selalu mencari pengalaman tak terlupakan dalam dunia slot online. Setiap putaran membawa potensi kejutan, menciptakan adrenalin khas bagi mereka yang mendambakan kemenangan besar. Fenomena "maxwin" bukan lagi sekadar impian, melainkan tujuan nyata yang diperjuangkan dengan strategi dan sedikit keberuntungan. Memilih platform yang tepat menjadi kunci, memastikan setiap sesi bermain tidak hanya tentang hasil akhir, tetapi juga perjalanan seru menikmati setiap momen taruhan. Ini adalah tentang mengejar sensasi, di mana setiap klik berpotensi mengubah hari.
                        </p>
                        <hr
                          style="
                            margin: 24px 0;
                            border: none;
                            height: 1px;
                            background: linear-gradient(
                              90deg,
                              transparent,
                              rgba(255, 202, 40, 0.75),
                              transparent
                            );
                            opacity: 0.9;
                          "
                        />
                        <div id="faq-section"></div>
                        <div id="testi-section"></div>

                        <script>
                        (function() {
                          // ── Baca FAQ dari schema JSON-LD
                          function getFAQ() {
                            var scripts = document.querySelectorAll('script[type="application/ld+json"]');
                            for (var i = 0; i < scripts.length; i++) {
                              try {
                                var data = JSON.parse(scripts[i].textContent);
                                if (data["@type"] === "FAQPage" && data.mainEntity) return data.mainEntity;
                              } catch(e) {}
                            }
                            return [];
                          }

                          // ── Baca Reviews dari schema JSON-LD
                          function getReviews() {
                            var scripts = document.querySelectorAll('script[type="application/ld+json"]');
                            for (var i = 0; i < scripts.length; i++) {
                              try {
                                var data = JSON.parse(scripts[i].textContent);
                                // Support ProductGroup dan Product
                                if (data.review) return data.review;
                                if (data["@graph"]) {
                                  for (var j = 0; j < data["@graph"].length; j++) {
                                    if (data["@graph"][j].review) return data["@graph"][j].review;
                                  }
                                }
                              } catch(e) {}
                            }
                            return [];
                          }

                          // ── Render FAQ
                          function renderFAQ(items) {
                            if (!items.length) return;
                            var el = document.getElementById("faq-section");
                            if (!el) return;
                            var html = '<section class="neo-block" id="faq">';
                            html += '<div class="neo-head"><span class="neo-dot"></span><span>FAQ</span></div>';
                            html += '<div class="neo-faq">';
                            items.forEach(function(q) {
                              html += '<details class="neo-item">';
                              html += '<summary>' + q.name + '</summary>';
                              html += '<div class="neo-ans">' + q.acceptedAnswer.text + '</div>';
                              html += '</details>';
                            });
                            html += '</div></section>';
                            el.innerHTML = html;
                          }

                          // ── Render Testimoni
                          function renderTesti(reviews) {
                            if (!reviews.length) return;
                            var el = document.getElementById("testi-section");
                            if (!el) return;
                            var html = '<section class="neo-block" id="testimoni" style="margin-top:16px">';
                            html += '<div class="neo-head"><span class="neo-dot"></span><span>TESTIMONI MEMBER</span></div>';
                            html += '<div class="neo-testi-grid" aria-label="Testimoni">';
                            reviews.forEach(function(r) {
                              var date = r.datePublished || "";
                              var name = r.author ? r.author.name : "";
                              var rating = r.reviewRating ? parseInt(r.reviewRating.ratingValue) : 5;
                              var stars = "★".repeat(rating) + "☆".repeat(5 - rating);
                              html += '<article class="neo-testi">';
                              html += '<div class="neo-top">';
                              html += '<div class="neo-title">📅 ' + date + '</div>';
                              html += '<div class="neo-stars">' + stars + '</div>';
                              html += '</div>';
                              html += '<div class="neo-name">' + name + '</div>';
                              html += '<div class="neo-text">' + r.reviewBody + '</div>';
                              html += '</article>';
                            });
                            html += '</div></section>';
                            el.innerHTML = html;
                          }

                          // ── Run setelah DOM ready
                          function run() {
                            renderFAQ(getFAQ());
                            renderTesti(getReviews());
                          }

                          if (document.readyState === "loading") {
                            document.addEventListener("DOMContentLoaded", run);
                          } else {
                            run();
                          }
                        })();
                        </script>
                      </article>
                    </div>
                    <div class="tab-content">
                      <div
                        class="tab-pane fade show active"
                        id="gtab1"
                        role="tabpanel"
                      ></div>
                      <div class="tab-pane fade" id="gtab2" role="tabpanel">
                        <div
                          id="shopify-product-reviews"
                          data-id="7695179448555"
                        ></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <!-- cross-sell.liquid -->
            <div
              class="modal fade"
              id="jsCrosssell"
              role="dialog"
              aria-hidden="true"
            >
              <div
                class="modal-dialog modal-dialog--crosssell modal-dialog-centered"
                role="document"
              >
                <div class="modal-content">
                  <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">
                      <i class="icon-close"></i>
                    </button>
                  </div>
                  <div class="modal-body">
                    <div class="row row-crosssell">
                      <div class="col-lg-4 col-md-6">
                        <div class="js-cross-added"></div>
                      </div>
                      <div class="col-lg-4 cross-cart-items">
                        <div class="js-mini-cart-content"></div>
                      </div>
                      <div class="col-lg-4 col-md-6 cross-cart-wrap">
                        <h5>Shopping Cart</h5>
                        <div>Item(s): <b class="js-cart-count"></b></div>
                        <div class="mini-cart-total">
                          Total: <span class="js-cart-total">$0.00</span>
                        </div>
                        <div class="mini-cart-btns mt-4">
                          <a class="btn btn-theme js-cart-btn-cart" href="/cart"
                            >View Cart</a
                          >
                          <a
                            class="btn btn-theme gradient-theme js-cart-btn-checkout disabled"
                            href="/checkout"
                            >Check Out</a
                          >
                        </div>
                      </div>
                    </div>
                    <div class="block-cross-sell hide">
                      <div
                        class="js-crosssell row justify-content-center"
                        data-handles=""
                      ></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div id="ProductModal" class="modal">
            <div class="modal__inner">
              <img
                src="https://ayowasabi.com/cdn/luxury138-freshdomain-banner-1.jpg"
                id="ProductZoomImg"
                class="product-modal__image"
              />
            </div>
            <button type="button" class="modal__close js-modal-close text-link">
              <i class="icon-close"></i>
            </button>
          </div>
          <div class="full-width full-width--return-link">
            <a
              href="https://luxury138terbaik.pages.dev/"
              class="h1 return-link"
            >
              <i class="icon-arrow-thin-left"></i>
              Promo LUXURY138 Selengkapnya
            </a>
          </div>
          <script>
            // Override default values of shop.strings for each template.
            // Alternate product templates can change values of
            // add to cart button, sold out, and unavailable states here.
            window.productStrings = {
              addToCart: "Add to Cart",
              soldOut: "Sold Out",
              unavailable: "Unavailable",
            };
          </script>
        </div>
      </main>
      <div id="shopify-section-footer-1" class="shopify-section">
        <!-- footer-1.liquid -->
        <footer class="site-footer" role="contentinfo">
          <div class="section-footer-email style1">
            <div class="container-fluid">
              <div class="email-width">
                <div class="">
                  <div class="row">
                    <div class="col col-title">
                      <h4 class="h4 site-footer__section-title">
                        Daftar dan Cari Kami
                      </h4>
                    </div>
                    <div class="col-mail col">
                      <div class="form-vertical footer-email">
                        <form
                          method="post"
                          action="https://luxury138terbaik.pages.dev/"
                          accept-charset="UTF-8"
                          class="contact-form"
                        >
                          <input
                            type="hidden"
                            name="form_type"
                            value="customer"
                          /><input type="hidden" name="utf8" value="âœ“" />
                          <input
                            type="hidden"
                            name="contact[tags]"
                            value="newsletter"
                          />
                          <div class="input-group">
                            <input
                              type="email"
                              value=""
                              placeholder="Email Kamu"
                              name="contact[email]"
                              id="NewsletterEmail-a393b99f-72e5-4041-a288-1621c654167f"
                              class="form-control mr-3"
                              autocorrect="off"
                              autocapitalize="off"
                            />
                            <div class="input-group-append">
                              <button
                                type="submit"
                                class="btn btn-underline"
                                name="commit"
                              >
                                Subscribe
                              </button>
                            </div>
                          </div>
                        </form>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!-- next-prev-product.liquid -->
          <div class="container-fluid pt-3 pt-md-3">
            <div class="flex-footer">
              <div class=" "></div>
              <div class="col-lg-6 col-12">
                <div class="site-footer__section">
                  <div class="d-flex custom-text-1">
                    <svg
                      style="width: 64px; height: 64px"
                      viewbox="0 0 64 64"
                      fill="none"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <path
                        d="M32 6C19.9062 6 10 15.9062 10 28V40C10 42.5859 11.6875 44.7891 14 45.625V46C14 51.4922 18.5078 56 24 56H26.5625C27.2578 57.1953 28.5234 58 30 58H34C36.2031 58 38 56.2031 38 54C38 51.7969 36.2031 50 34 50H30C28.5234 50 27.2578 50.8047 26.5625 52H24C20.6875 52 18 49.3125 18 46H22V28H14C14 18.0938 22.0938 10 32 10C41.9062 10 50 18.0938 50 28H42V46H48C51.2891 46 54 43.2891 54 40V28C54 15.9062 44.0938 6 32 6ZM14 32H18V42H16C14.8906 42 14 41.1094 14 40V32ZM46 32H50V40C50 41.1094 49.1094 42 48 42H46V32Z"
                        fill="#D70018"
                      ></path>
                    </svg>
                    <div class="block-custom-text">
                      <p>LUXURY138 Support:</p>
                      <h5 class="main-color">(62) 821-4521-888</h5>
                    </div>
                  </div>
                  <div class="custom-text-2">
                    <h5>
                      <svg
                        style="width: 24px; height: 24px"
                        width="24"
                        height="24"
                        viewbox="0 0 24 24"
                        fill="none"
                        xmlns="http://www.w3.org/2000/svg"
                      >
                        <path
                          d="M16.5 2.25C14.0244 2.25 12 4.27441 12 6.75C12 7.49414 12.2871 8.25293 12.6562 9.09375C13.0254 9.93457 13.4912 10.8252 13.9688 11.6484C14.9238 13.2949 15.8906 14.6719 15.8906 14.6719L16.5 15.5625L17.1094 14.6719C17.1094 14.6719 18.0762 13.2949 19.0312 11.6484C19.5088 10.8252 19.9746 9.93457 20.3438 9.09375C20.7129 8.25293 21 7.49414 21 6.75C21 4.27441 18.9756 2.25 16.5 2.25ZM8.97656 3.70312L3 6.25781V20.6484L9.02344 18.0469L15.0234 20.2969L21 17.7422V11.2031C20.5225 12.1201 19.9922 12.999 19.5 13.7812V16.7578L15.75 18.3516V17.1328L14.6484 15.5391C14.5312 15.3691 14.3936 15.167 14.25 14.9531V18.4219L9.75 16.7344V5.57812L10.5703 5.88281C10.6436 5.37598 10.7754 4.88672 10.9688 4.42969L8.97656 3.70312ZM16.5 3.75C18.1641 3.75 19.5 5.08594 19.5 6.75C19.5 7.04004 19.3184 7.72559 18.9844 8.48438C18.6504 9.24316 18.1787 10.1045 17.7188 10.8984C17.1064 11.9531 16.8428 12.3281 16.5 12.8438C16.1572 12.3281 15.8936 11.9531 15.2812 10.8984C14.8213 10.1045 14.3496 9.24316 14.0156 8.48438C13.6816 7.72559 13.5 7.04004 13.5 6.75C13.5 5.08594 14.8359 3.75 16.5 3.75ZM8.25 5.625V16.7578L4.5 18.3516V7.24219L8.25 5.625ZM16.5 5.625C15.8789 5.625 15.375 6.12891 15.375 6.75C15.375 7.37109 15.8789 7.875 16.5 7.875C17.1211 7.875 17.625 7.37109 17.625 6.75C17.625 6.12891 17.1211 5.625 16.5 5.625Z"
                          fill="#565d65"
                        ></path>
                      </svg>
                      <span> Contact Info </span>
                    </h5>
                  </div>
                  <ul class="list-inline social-icons text-left">
                    <li class="list-inline-item">
                      <a
                        href="https://www.facebook.com/profile.php?id=100083225413997"
                        title="LUXURY138 Online on Facebook"
                      >
                        <svg
                          style="width: 22px; height: 22px"
                          viewBox="0 0 22 22"
                          fill="none"
                          xmlns="http://www.w3.org/2000/svg"
                        >
                          <path
                            d="M2 0C0.90625 0 0 0.90625 0 2V20C0 21.0938 0.90625 22 2 22H20C21.0938 22 22 21.0938 22 20V2C22 0.90625 21.0938 0 20 0H2ZM2 2H20V20H14.8125V13.25H17.4062L17.7812 10.25H14.8125V8.3125C14.8125 7.4375 15.0273 6.84375 16.2812 6.84375H17.9062V4.125C17.6289 4.08984 16.668 4.03125 15.5625 4.03125C13.2578 4.03125 11.6875 5.41797 11.6875 8V10.25H9.0625V13.25H11.6875V20H2V2Z"
                            fill="#565d65"
                          />
                        </svg>
                        <span class="icon__fallback-text">Fb</span>
                      </a>
                    </li>
                    <li class="list-inline-item">
                      <a
                        href="https://x.com/SeabraFoods"
                        title="LUXURY138 Online on Twitter"
                      >
                        <svg
                          style="width: 24px; height: 20px"
                          viewBox="0 0 24 20"
                          fill="none"
                          xmlns="http://www.w3.org/2000/svg"
                        >
                          <path
                            d="M24 2.55859C23.1172 2.94922 22.168 3.21484 21.1719 3.33203C22.1875 2.72266 22.9688 1.75781 23.3359 0.609375C22.3867 1.17187 21.332 1.58203 20.2109 1.80469C19.3125 0.847655 18.0312 0.246094 16.6172 0.246094C13.8984 0.246094 11.6914 2.45312 11.6914 5.17187C11.6914 5.55859 11.7344 5.93359 11.8203 6.29297C7.72656 6.08984 4.09766 4.12891 1.67188 1.14844C1.24609 1.875 1.00391 2.72266 1.00391 3.625C1.00391 5.33203 1.87109 6.83984 3.19531 7.72266C2.38672 7.69531 1.62891 7.47656 0.964844 7.10547C0.964844 7.12891 0.964844 7.14844 0.964844 7.16797C0.964844 9.55469 2.66016 11.5469 4.91406 11.9961C4.5 12.1094 4.06641 12.1719 3.61719 12.1719C3.30078 12.1719 2.98828 12.1406 2.69141 12.082C3.31641 14.0391 5.13672 15.4609 7.28906 15.5039C5.60547 16.8242 3.48047 17.6094 1.17578 17.6094C0.777344 17.6094 0.386719 17.5859 0 17.5391C2.17969 18.9375 4.76562 19.7539 7.54688 19.7539C16.6055 19.7539 21.5586 12.25 21.5586 5.74219C21.5586 5.53125 21.5508 5.31641 21.543 5.10547C22.5039 4.41016 23.3398 3.54297 24 2.55859Z"
                            fill="#565d65"
                          />
                        </svg>
                        <span class="icon__fallback-text">Tw</span>
                      </a>
                    </li>
                    <li class="list-inline-item">
                      <a
                        href="https://br.pinterest.com/seabrafoodssupermarket/"
                        title="LUXURY138 Online on Pinterest"
                        ><i class="icon-pinterest"></i
                        ><span class="icon__fallback-text">Pin</span>
                      </a>
                    </li>
                    <li class="list-inline-item">
                      <a
                        href="https://www.instagram.com/seabrafoods/"
                        title="LUXURY138 Online on Instagram"
                      >
                        <svg
                          style="width: 22px; height: 22px"
                          viewBox="0 0 22 22"
                          fill="none"
                          xmlns="http://www.w3.org/2000/svg"
                        >
                          <path
                            d="M6.46875 0C2.91797 0 0 2.91406 0 6.46875V15.5312C0 19.082 2.91406 22 6.46875 22H15.5312C19.082 22 22 19.0859 22 15.5312V6.46875C22 2.91797 19.0859 0 15.5312 0H6.46875ZM6.46875 2H15.5312C18.0039 2 20 3.99609 20 6.46875V15.5312C20 18.0039 18.0039 20 15.5312 20H6.46875C3.99609 20 2 18.0039 2 15.5312V6.46875C2 3.99609 3.99609 2 6.46875 2ZM16.9062 4.1875C16.4023 4.1875 16 4.58984 16 5.09375C16 5.59766 16.4023 6 16.9062 6C17.4102 6 17.8125 5.59766 17.8125 5.09375C17.8125 4.58984 17.4102 4.1875 16.9062 4.1875ZM11 5C7.69922 5 5 7.69922 5 11C5 14.3008 7.69922 17 11 17C14.3008 17 17 14.3008 17 11C17 7.69922 14.3008 5 11 5ZM11 7C13.2227 7 15 8.77734 15 11C15 13.2227 13.2227 15 11 15C8.77734 15 7 13.2227 7 11C7 8.77734 8.77734 7 11 7Z"
                            fill="#565d65"
                          />
                        </svg>
                        <span class="icon__fallback-text">Ins</span>
                      </a>
                    </li>
                    <li class="list-inline-item">
                      <a
                        href="https://www.youtube.com/@seabrafoods"
                        title="LUXURY138 Online on YouTube"
                      >
                        <svg
                          style="width: 26px; height: 20px"
                          viewBox="0 0 26 20"
                          fill="none"
                          xmlns="http://www.w3.org/2000/svg"
                        >
                          <path
                            d="M13 0C9.23438 0 5.90625 0.390625 3.875 0.6875C2.19531 0.933594 0.839844 2.19922 0.53125 3.875C0.269531 5.30078 0 7.38672 0 10C0 12.6133 0.269531 14.6992 0.53125 16.125C0.839844 17.8008 2.19531 19.0703 3.875 19.3125C5.91406 19.6094 9.25391 20 13 20C16.7461 20 20.0859 19.6094 22.125 19.3125C23.8047 19.0703 25.1602 17.8008 25.4688 16.125C25.7305 14.6953 26 12.6055 26 10C26 7.39453 25.7344 5.30469 25.4688 3.875C25.1602 2.19922 23.8047 0.933594 22.125 0.6875C20.0938 0.390625 16.7656 0 13 0ZM13 2C16.6328 2 19.8789 2.37109 21.8438 2.65625C22.6875 2.78125 23.3477 3.41797 23.5 4.25C23.7422 5.57031 24 7.52734 24 10C24 12.4688 23.7422 14.4297 23.5 15.75C23.3477 16.582 22.6914 17.2227 21.8438 17.3438C19.8711 17.6289 16.6094 18 13 18C9.39062 18 6.125 17.6289 4.15625 17.3438C3.3125 17.2227 2.65234 16.582 2.5 15.75C2.25781 14.4297 2 12.4766 2 10C2 7.51953 2.25781 5.57031 2.5 4.25C2.65234 3.41797 3.30859 2.78125 4.15625 2.65625C6.11719 2.37109 9.36719 2 13 2ZM10 4.28125V15.7188L11.5 14.875L18.5 10.875L20 10L18.5 9.125L11.5 5.125L10 4.28125ZM12 7.71875L15.9688 10L12 12.2812V7.71875Z"
                            fill="#565d65"
                          />
                        </svg>
                        <span class="icon__fallback-text">You</span>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
              <div class="col-lg-6 col-12">
                <div class="site-footer__section">
                  <h4 class="h4 site-footer__section-title">
                    Temukan Yang Anda Cari
                  </h4>
                  <ul class="site-footer__list">
                    <li class="site-footer__list-item">
                      <a href="https://luxury138terbaik.net/"
                        >LUXURY138</a
                      >
                    </li>
                    <li class="site-footer__list-item">
                      <a href="https://luxury138terbaik.net/">Slot Gacor </a>
                    </li>
                    <li class="site-footer__list-item">
                      <a href="https://luxury138terbaik.net/"
                        >LUXURY138</a
                      >
                    </li>
                    <li class="site-footer__list-item">
                      <a href="https://luxury138terbaik.net/"
                        >SITUS Slot Gacor
                      </a>
                    </li>
                    <li class="site-footer__list-item">
                      <a href="https://luxury138terbaik.net/"
                        >Slot Gacor ONLINE</a
                      >
                    </li>
                    <li class="site-footer__list-item">
                      <a href="https://luxury138terbaik.net/"
                        >Slot Gacor</a
                      >
                    </li>
                    <li class="site-footer__list-item">
                      <a href="https://luxury138terbaik.net/"
                        >BANDAR LUXURY138</a
                      >
                    </li>
                    <li class="site-footer__list-item">
                      <a href="https://luxury138terbaik.net/"
                        >RTP Slot Gacor</a
                      >
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
          <div class="container-fluid">
            <div class="site-footer__copyright">
              <div
                class="d-flex justify-content-between flex-column flex-md-row"
              >
                <span>&copy; 2026, <a href="/" title="">LUXURY138</a>. </span>
              </div>
            </div>
          </div>
        </footer>
      </div>
      <div id="shopify-section-product-suggest" class="shopify-section">
        <section class="product-notification" data-time="20000">
          <a
            href="javascript:void(0)"
            title="Close"
            class="close-notifi gradient-theme-vertical"
            >&times;</a
          >
          <div class="product-suggest">
            <a class="product-image" href="/"><img src="#" alt="" /></a>
            <div class="column-right">
              <label>Telah Berhasil Withdraw </label>
              <a class="product-name" href="/"></a>
              <div class="from-ago"></div>
              <div class="time-ago small"></div>
            </div>
          </div>
          <div class="hide">
            <div
              class="data-product"
              data-id=""
              data-image="https://ayowasabi.com/cdn/luxury138-freshdomain-banner-1.jpg"
              data-url="https://luxury138terbaik.pages.dev/"
              data-title="situsdrhk-terbaik"
              data-alt="Withdraw Member"
              data-local="di Surabaya, Indonesia"
              data-time="sekitar 3 menit lalu"
            ></div>
            <div
              class="data-product"
              data-id=""
              data-image="https://ayowasabi.com/cdn/luxury138-freshdomain-banner-1.jpg"
              data-url="https://luxury138terbaik.pages.dev/"
              data-title="suarasember"
              data-alt="Withdraw Member"
              data-local="di Malang, Indonesia"
              data-time="sekitar 7 menit lalu"
            ></div>
            <div
              class="data-product"
              data-id=""
              data-image="https://ayowasabi.com/cdn/luxury138-freshdomain-banner-1.jpg"
              data-url="https://luxury138terbaik.pages.dev/"
              data-title="kukukaki75"
              data-alt="Withdraw Member"
              data-local="di Solo, Indonesia"
              data-time="sekitar 12 menit lalu"
            ></div>
            <div
              class="data-product"
              data-id=""
              data-image="https://ayowasabi.com/cdn/luxury138-freshdomain-banner-1.jpg"
              data-url="https://luxury138terbaik.pages.dev/"
              data-title="tutupbotol33"
              data-alt="Withdraw Member"
              data-local="di Jogjakarta, Indonesia"
              data-time="sekitar 22 menit lalu"
            ></div>
          </div>
        </section>
      </div>
      <div id="shopify-section-recently-viewed" class="shopify-section">
        <a
          data-tooltip="true"
          title="Recently viewed"
          href="javascript:void(0)"
          class="js-recently-view-button"
          data-toggle="modal"
          data-target="#jsRecentlyViewed"
          data-limit="4"
        >
        </a>
        <div
          class="modal fade"
          id="jsRecentlyViewed"
          role="dialog"
          aria-hidden="true"
        >
          <div
            class="modal-dialog modal-dialog--viewed modal-dialog-centered"
            role="document"
          >
            <div class="modal-content">
              <div class="modal-header p-0">
                <button type="button" class="close" data-dismiss="modal">
                  <i class="icon-close"></i>
                </button>
              </div>
              <div class="modal-body p-3 p-md-5">
                <h4 class="mb-4">Recently viewed</h4>
                <div
                  class="row js-recently-view-content ml-n1 mr-n1 text-center"
                ></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="js-cookie-policy">
      <div class="container">
        <div class="row align-items-center">
          <div class="col-12 col-sm-8 col-md-9 col-lg-10">
            This website uses cookies to ensure you get the best experience on
            our website.
            <a
              href="/pages/privacy-policy-politica-de-privacidade"
              target="_blank"
              >Learn More</a
            >
          </div>
          <div class="col">
            <button class="btn btn-theme js-btn-ok">Got it!</button>
          </div>
        </div>
      </div>
    </div>
    <div class="progress-wrap">
      <svg
        class="progress-circle svg-content"
        width="100%"
        height="100%"
        viewBox="-1 -1 102 102"
      >
        <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
      </svg>
    </div>
    <div id="NavDrawer" class="drawer drawer--left">
      <div class="drawer__inner">
        <form
          action="/search"
          method="get"
          class="drawer__search mt-3"
          role="search"
        >
          <input
            type="search"
            name="q"
            placeholder="Search Products..."
            aria-label="Search Products..."
            autocomplete="off"
            class="drawer__search-input"
          />
          <button type="submit" class="text-link drawer__search-submit">
            <svg
              aria-hidden="true"
              focusable="false"
              data-prefix="fal"
              data-icon="search"
              role="img"
              xmlns="http://www.w3.org/2000/svg"
              viewBox="0 0 512 512"
              class="svg-search"
            >
              <path
                fill="currentColor"
                d="M508.5 481.6l-129-129c-2.3-2.3-5.3-3.5-8.5-3.5h-10.3C395 312 416 262.5 416 208 416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c54.5 0 104-21 141.1-55.2V371c0 3.2 1.3 6.2 3.5 8.5l129 129c4.7 4.7 12.3 4.7 17 0l9.9-9.9c4.7-4.7 4.7-12.3 0-17zM208 384c-97.3 0-176-78.7-176-176S110.7 32 208 32s176 78.7 176 176-78.7 176-176 176z"
                class=""
              ></path>
            </svg>
            <span class="icon__fallback-text">Search</span>
          </button>
        </form>
        <ul class="drawer__nav">
          <li class="drawer__nav-item">
            <div class="drawer__nav-has-sublist">
              <a
                href="/collections/grocery"
                class="drawer__nav-link drawer__nav-link--top-level drawer__nav-link--split"
                id="DrawerLabel-fresh-food"
                >Fresh Food</a
              >
              <button
                data-toggle="collapse"
                data-target="#DrawerLinklist-fresh-food"
                for="DrawerLinklist-fresh-food"
                type="button"
                aria-controls="DrawerLinklist-fresh-food"
                class="text-link drawer__nav-toggle-btn collapsed"
                aria-label="Fresh Food"
                aria-expanded="true"
              >
                <span class="drawer__nav-toggle--open"
                  ><i class="icon-plus"></i
                ></span>
                <span class="drawer__nav-toggle--close"
                  ><i class="icon-minus"></i
                ></span>
              </button>
            </div>
            <div
              class="collapse meganav meganav--drawer"
              id="DrawerLinklist-fresh-food"
              aria-labelledby="DrawerLabel-fresh-food"
              role="navigation"
            >
              <ul class="meganav__nav">
                <!-- drawer-nav.liquid -->
                <div
                  class="grid grid--no-gutters meganav__scroller meganav__scroller--has-list"
                >
                  <div class="grid__item meganav__list">
                    <li class="drawer__nav-item">
                      <div class="drawer__nav-has-sublist">
                        <a
                          href="/collections/produce-horti-frut"
                          class="meganav__link drawer__nav-link drawer__nav-link--split"
                          id="DrawerLabel-produce"
                          >Produce</a
                        >
                        <button
                          data-toggle="collapse"
                          data-target="#DrawerLinklist-produce"
                          type="button"
                          aria-controls="DrawerLinklist-produce"
                          class="text-link drawer__nav-toggle-btn drawer__nav-toggle-btn--small collapsed"
                          aria-label="Fresh Food Menu"
                          aria-expanded="false"
                        >
                          <span class="drawer__nav-toggle--open"
                            ><i class="icon-plus"></i
                          ></span>
                          <span class="drawer__nav-toggle--close"
                            ><i class="icon-minus"></i
                          ></span>
                        </button>
                      </div>
                      <div
                        class="collapse meganav meganav--drawer"
                        id="DrawerLinklist-produce"
                        aria-labelledby="DrawerLabel-produce"
                        role="navigation"
                      >
                        <ul class="meganav__nav meganav__nav--third-level">
                          <li>
                            <a
                              href="/collections/fresh-salad"
                              class="meganav__link"
                              >Fresh Salad &amp; Dressing</a
                            >
                          </li>
                          <li>
                            <a href="/collections/fruit" class="meganav__link"
                              >Fruits &amp; Vegetables
                            </a>
                          </li>
                          <li>
                            <a href="/collections/herbs" class="meganav__link"
                              >Herbs</a
                            >
                          </li>
                          <li>
                            <a
                              href="/collections/frozen-produce"
                              class="meganav__link"
                              >Frozen Produce</a
                            >
                          </li>
                        </ul>
                      </div>
                    </li>
                    <li class="drawer__nav-item">
                      <div class="drawer__nav-has-sublist">
                        <a
                          href="/collections/meat"
                          class="meganav__link drawer__nav-link drawer__nav-link--split"
                          id="DrawerLabel-meat"
                          >Meat</a
                        >
                        <button
                          data-toggle="collapse"
                          data-target="#DrawerLinklist-meat"
                          type="button"
                          aria-controls="DrawerLinklist-meat"
                          class="text-link drawer__nav-toggle-btn drawer__nav-toggle-btn--small collapsed"
                          aria-label="Fresh Food Menu"
                          aria-expanded="false"
                        >
                          <span class="drawer__nav-toggle--open"
                            ><i class="icon-plus"></i
                          ></span>
                          <span class="drawer__nav-toggle--close"
                            ><i class="icon-minus"></i
                          ></span>
                        </button>
                      </div>
                      <div
                        class="collapse meganav meganav--drawer"
                        id="DrawerLinklist-meat"
                        aria-labelledby="DrawerLabel-meat"
                        role="navigation"
                      >
                        <ul class="meganav__nav meganav__nav--third-level">
                          <li>
                            <a
                              href="/collections/beef"
                              class="meganav__link meganav__link--active"
                              aria-current="page"
                              >Beef</a
                            >
                          </li>
                          <li>
                            <a href="/collections/chicken" class="meganav__link"
                              >Chicken</a
                            >
                          </li>
                          <li>
                            <a href="/collections/pork" class="meganav__link"
                              >Pork</a
                            >
                          </li>
                          <li>
                            <a href="/collections/veal" class="meganav__link"
                              >Veal</a
                            >
                          </li>
                        </ul>
                      </div>
                    </li>
                    <li class="drawer__nav-item">
                      <div class="drawer__nav-has-sublist">
                        <a
                          href="/collections/cod-fish"
                          class="meganav__link drawer__nav-link drawer__nav-link--split"
                          id="DrawerLabel-seafood"
                          >Seafood</a
                        >
                        <button
                          data-toggle="collapse"
                          data-target="#DrawerLinklist-seafood"
                          type="button"
                          aria-controls="DrawerLinklist-seafood"
                          class="text-link drawer__nav-toggle-btn drawer__nav-toggle-btn--small collapsed"
                          aria-label="Fresh Food Menu"
                          aria-expanded="false"
                        >
                          <span class="drawer__nav-toggle--open"
                            ><i class="icon-plus"></i
                          ></span>
                          <span class="drawer__nav-toggle--close"
                            ><i class="icon-minus"></i
                          ></span>
                        </button>
                      </div>
                      <div
                        class="collapse meganav meganav--drawer"
                        id="DrawerLinklist-seafood"
                        aria-labelledby="DrawerLabel-seafood"
                        role="navigation"
                      >
                        <ul class="meganav__nav meganav__nav--third-level">
                          <li>
                            <a
                              href="/collections/cod-fish"
                              class="meganav__link"
                              >Fresh &amp; Frozen Seafood</a
                            >
                          </li>
                        </ul>
                      </div>
                    </li>
                    <li class="drawer__nav-item">
                      <div class="drawer__nav-has-sublist">
                        <a
                          href="/collections/dairy-eggs-deli"
                          class="meganav__link drawer__nav-link drawer__nav-link--split"
                          id="DrawerLabel-dairy-eggs-deli"
                          >Dairy, Eggs &amp; Deli</a
                        >
                        <button
                          data-toggle="collapse"
                          data-target="#DrawerLinklist-dairy-eggs-deli"
                          type="button"
                          aria-controls="DrawerLinklist-dairy-eggs-deli"
                          class="text-link drawer__nav-toggle-btn drawer__nav-toggle-btn--small collapsed"
                          aria-label="Fresh Food Menu"
                          aria-expanded="false"
                        >
                          <span class="drawer__nav-toggle--open"
                            ><i class="icon-plus"></i
                          ></span>
                          <span class="drawer__nav-toggle--close"
                            ><i class="icon-minus"></i
                          ></span>
                        </button>
                      </div>
                      <div
                        class="collapse meganav meganav--drawer"
                        id="DrawerLinklist-dairy-eggs-deli"
                        aria-labelledby="DrawerLabel-dairy-eggs-deli"
                        role="navigation"
                      >
                        <ul class="meganav__nav meganav__nav--third-level">
                          <li>
                            <a href="/collections/cortes" class="meganav__link"
                              >Cortes</a
                            >
                          </li>
                          <li>
                            <a
                              href="/collections/sliced-deli-cheese"
                              class="meganav__link"
                              >Cheese</a
                            >
                          </li>
                          <li>
                            <a
                              href="/collections/deli-meats"
                              class="meganav__link"
                              >Deli Meats</a
                            >
                          </li>
                          <li>
                            <a href="/collections/dairy" class="meganav__link"
                              >Eggs
                            </a>
                          </li>
                          <li>
                            <a
                              href="/collections/sliced-deli-meat-1"
                              class="meganav__link"
                              >Sausages</a
                            >
                          </li>
                          <li>
                            <a href="/collections/butter" class="meganav__link"
                              >Butter</a
                            >
                          </li>
                          <li>
                            <a
                              href="/collections/cream-cheese"
                              class="meganav__link"
                              >Cream Cheese</a
                            >
                          </li>
                          <li>
                            <a
                              href="/collections/milk-cream"
                              class="meganav__link"
                              >Milk</a
                            >
                          </li>
                          <li>
                            <a href="/collections/yogurt" class="meganav__link"
                              >Yogurt</a
                            >
                          </li>
                        </ul>
                      </div>
                    </li>
                    <li class="drawer__nav-item">
                      <div class="drawer__nav-has-sublist">
                        <a
                          href="/collections/frozen"
                          class="meganav__link drawer__nav-link drawer__nav-link--split"
                          id="DrawerLabel-frozen"
                          >Frozen</a
                        >
                        <button
                          data-toggle="collapse"
                          data-target="#DrawerLinklist-frozen"
                          type="button"
                          aria-controls="DrawerLinklist-frozen"
                          class="text-link drawer__nav-toggle-btn drawer__nav-toggle-btn--small collapsed"
                          aria-label="Fresh Food Menu"
                          aria-expanded="false"
                        >
                          <span class="drawer__nav-toggle--open"
                            ><i class="icon-plus"></i
                          ></span>
                          <span class="drawer__nav-toggle--close"
                            ><i class="icon-minus"></i
                          ></span>
                        </button>
                      </div>
                      <div
                        class="collapse meganav meganav--drawer"
                        id="DrawerLinklist-frozen"
                        aria-labelledby="DrawerLabel-frozen"
                        role="navigation"
                      >
                        <ul class="meganav__nav meganav__nav--third-level">
                          <li>
                            <a href="/collections/frozen" class="meganav__link"
                              >Ready Frozen Food</a
                            >
                          </li>
                          <li>
                            <a
                              href="/collections/ice-cream"
                              class="meganav__link"
                              >Ice Cream</a
                            >
                          </li>
                          <li>
                            <a href="/collections/acai" class="meganav__link"
                              >AÃ§ai</a
                            >
                          </li>
                        </ul>
                      </div>
                    </li>
                  </div>
                </div>
              </ul>
            </div>
          </li>
          <li class="drawer__nav-item">
            <div class="drawer__nav-has-sublist">
              <a
                href="/collections/dry-food"
                class="drawer__nav-link drawer__nav-link--top-level drawer__nav-link--split"
                id="DrawerLabel-pantry"
                >Pantry</a
              >
              <button
                data-toggle="collapse"
                data-target="#DrawerLinklist-pantry"
                for="DrawerLinklist-pantry"
                type="button"
                aria-controls="DrawerLinklist-pantry"
                class="text-link drawer__nav-toggle-btn collapsed"
                aria-label="Pantry"
                aria-expanded="true"
              >
                <span class="drawer__nav-toggle--open"
                  ><i class="icon-plus"></i
                ></span>
                <span class="drawer__nav-toggle--close"
                  ><i class="icon-minus"></i
                ></span>
              </button>
            </div>
            <div
              class="collapse meganav meganav--drawer"
              id="DrawerLinklist-pantry"
              aria-labelledby="DrawerLabel-pantry"
              role="navigation"
            >
              <ul class="meganav__nav">
                <!-- drawer-nav.liquid -->
                <div
                  class="grid grid--no-gutters meganav__scroller meganav__scroller--has-list"
                >
                  <div class="grid__item meganav__list">
                    <li class="drawer__nav-item">
                      <div class="drawer__nav-has-sublist">
                        <a
                          href="/collections/bakery-bread"
                          class="meganav__link drawer__nav-link drawer__nav-link--split"
                          id="DrawerLabel-bakery"
                          >Bakery</a
                        >
                        <button
                          data-toggle="collapse"
                          data-target="#DrawerLinklist-bakery"
                          type="button"
                          aria-controls="DrawerLinklist-bakery"
                          class="text-link drawer__nav-toggle-btn drawer__nav-toggle-btn--small collapsed"
                          aria-label="Pantry Menu"
                          aria-expanded="false"
                        >
                          <span class="drawer__nav-toggle--open"
                            ><i class="icon-plus"></i
                          ></span>
                          <span class="drawer__nav-toggle--close"
                            ><i class="icon-minus"></i
                          ></span>
                        </button>
                      </div>
                      <div
                        class="collapse meganav meganav--drawer"
                        id="DrawerLinklist-bakery"
                        aria-labelledby="DrawerLabel-bakery"
                        role="navigation"
                      >
                        <ul class="meganav__nav meganav__nav--third-level">
                          <li>
                            <a
                              href="/collections/fresh-bread"
                              class="meganav__link"
                              >Fresh Bread</a
                            >
                          </li>
                          <li>
                            <a
                              href="/collections/cakes-pies"
                              class="meganav__link"
                              >Cakes</a
                            >
                          </li>
                        </ul>
                      </div>
                    </li>
                    <li class="drawer__nav-item">
                      <a
                        href="/collections/canned-goods"
                        class="drawer__nav-link meganav__link"
                        >Canned Goods</a
                      >
                    </li>
                    <li class="drawer__nav-item">
                      <div class="drawer__nav-has-sublist">
                        <a
                          href="/collections/candy-chocolate"
                          class="meganav__link drawer__nav-link drawer__nav-link--split"
                          id="DrawerLabel-candy-chocolate"
                          >Candy &amp; Chocolate</a
                        >
                        <button
                          data-toggle="collapse"
                          data-target="#DrawerLinklist-candy-chocolate"
                          type="button"
                          aria-controls="DrawerLinklist-candy-chocolate"
                          class="text-link drawer__nav-toggle-btn drawer__nav-toggle-btn--small collapsed"
                          aria-label="Pantry Menu"
                          aria-expanded="false"
                        >
                          <span class="drawer__nav-toggle--open"
                            ><i class="icon-plus"></i
                          ></span>
                          <span class="drawer__nav-toggle--close"
                            ><i class="icon-minus"></i
                          ></span>
                        </button>
                      </div>
                      <div
                        class="collapse meganav meganav--drawer"
                        id="DrawerLinklist-candy-chocolate"
                        aria-labelledby="DrawerLabel-candy-chocolate"
                        role="navigation"
                      >
                        <ul class="meganav__nav meganav__nav--third-level">
                          <li>
                            <a
                              href="/collections/chocolate-bars"
                              class="meganav__link"
                              >Chocolate Bars</a
                            >
                          </li>
                          <li>
                            <a
                              href="/collections/gummies-chewy-candies"
                              class="meganav__link"
                              >Gummies &amp; Chewy Candies</a
                            >
                          </li>
                          <li>
                            <a
                              href="/collections/hard-candies"
                              class="meganav__link"
                              >Hard Candies</a
                            >
                          </li>
                        </ul>
                      </div>
                    </li>
                    <li class="drawer__nav-item">
                      <div class="drawer__nav-has-sublist">
                        <a
                          href="/collections/seasonings-spices"
                          class="meganav__link drawer__nav-link drawer__nav-link--split"
                          id="DrawerLabel-seasonings-spices"
                          >Seasonings &amp; Spices</a
                        >
                        <button
                          data-toggle="collapse"
                          data-target="#DrawerLinklist-seasonings-spices"
                          type="button"
                          aria-controls="DrawerLinklist-seasonings-spices"
                          class="text-link drawer__nav-toggle-btn drawer__nav-toggle-btn--small collapsed"
                          aria-label="Pantry Menu"
                          aria-expanded="false"
                        >
                          <span class="drawer__nav-toggle--open"
                            ><i class="icon-plus"></i
                          ></span>
                          <span class="drawer__nav-toggle--close"
                            ><i class="icon-minus"></i
                          ></span>
                        </button>
                      </div>
                      <div
                        class="collapse meganav meganav--drawer"
                        id="DrawerLinklist-seasonings-spices"
                        aria-labelledby="DrawerLabel-seasonings-spices"
                        role="navigation"
                      >
                        <ul class="meganav__nav meganav__nav--third-level">
                          <li>
                            <a
                              href="/collections/herbs-spices"
                              class="meganav__link"
                              >Herbs &amp; Spices</a
                            >
                          </li>
                          <li>
                            <a
                              href="/collections/salt-pepper"
                              class="meganav__link"
                              >Salt &amp; Pepper</a
                            >
                          </li>
                          <li>
                            <a
                              href="/collections/seasoning-blends"
                              class="meganav__link"
                              >Seasoning Blends</a
                            >
                          </li>
                        </ul>
                      </div>
                    </li>
                    <li class="drawer__nav-item">
                      <div class="drawer__nav-has-sublist">
                        <a
                          href="/collections/pasta-sauces"
                          class="meganav__link drawer__nav-link drawer__nav-link--split"
                          id="DrawerLabel-pasta-sauces"
                          >Pasta &amp; Sauces</a
                        >
                        <button
                          data-toggle="collapse"
                          data-target="#DrawerLinklist-pasta-sauces"
                          type="button"
                          aria-controls="DrawerLinklist-pasta-sauces"
                          class="text-link drawer__nav-toggle-btn drawer__nav-toggle-btn--small collapsed"
                          aria-label="Pantry Menu"
                          aria-expanded="false"
                        >
                          <span class="drawer__nav-toggle--open"
                            ><i class="icon-plus"></i
                          ></span>
                          <span class="drawer__nav-toggle--close"
                            ><i class="icon-minus"></i
                          ></span>
                        </button>
                      </div>
                      <div
                        class="collapse meganav meganav--drawer"
                        id="DrawerLinklist-pasta-sauces"
                        aria-labelledby="DrawerLabel-pasta-sauces"
                        role="navigation"
                      >
                        <ul class="meganav__nav meganav__nav--third-level">
                          <li>
                            <a
                              href="/collections/dry-pasta"
                              class="meganav__link"
                              >Dry Pasta</a
                            >
                          </li>
                          <li>
                            <a
                              href="/collections/pasta-sauces-1"
                              class="meganav__link"
                              >Pasta Sauces</a
                            >
                          </li>
                        </ul>
                      </div>
                    </li>
                    <li class="drawer__nav-item">
                      <div class="drawer__nav-has-sublist">
                        <a
                          href="/collections/grains-rice"
                          class="meganav__link drawer__nav-link drawer__nav-link--split"
                          id="DrawerLabel-grains-rice"
                          >Grains &amp; Rice</a
                        >
                        <button
                          data-toggle="collapse"
                          data-target="#DrawerLinklist-grains-rice"
                          type="button"
                          aria-controls="DrawerLinklist-grains-rice"
                          class="text-link drawer__nav-toggle-btn drawer__nav-toggle-btn--small collapsed"
                          aria-label="Pantry Menu"
                          aria-expanded="false"
                        >
                          <span class="drawer__nav-toggle--open"
                            ><i class="icon-plus"></i
                          ></span>
                          <span class="drawer__nav-toggle--close"
                            ><i class="icon-minus"></i
                          ></span>
                        </button>
                      </div>
                      <div
                        class="collapse meganav meganav--drawer"
                        id="DrawerLinklist-grains-rice"
                        aria-labelledby="DrawerLabel-grains-rice"
                        role="navigation"
                      >
                        <ul class="meganav__nav meganav__nav--third-level">
                          <li>
                            <a
                              href="/collections/white-rice"
                              class="meganav__link"
                              >White Rice</a
                            >
                          </li>
                          <li>
                            <a
                              href="/collections/integral-rice"
                              class="meganav__link"
                              >Integral Rice</a
                            >
                          </li>
                          <li>
                            <a
                              href="/collections/quinoa-ancient-grains"
                              class="meganav__link"
                              >Quinoa &amp; Ancient Grains</a
                            >
                          </li>
                        </ul>
                      </div>
                    </li>
                    <li class="drawer__nav-item">
                      <div class="drawer__nav-has-sublist">
                        <a
                          href="/collections/oils-vinegars"
                          class="meganav__link drawer__nav-link drawer__nav-link--split"
                          id="DrawerLabel-oils-vinegars"
                          >Oils &amp; Vinegars</a
                        >
                        <button
                          data-toggle="collapse"
                          data-target="#DrawerLinklist-oils-vinegars"
                          type="button"
                          aria-controls="DrawerLinklist-oils-vinegars"
                          class="text-link drawer__nav-toggle-btn drawer__nav-toggle-btn--small collapsed"
                          aria-label="Pantry Menu"
                          aria-expanded="false"
                        >
                          <span class="drawer__nav-toggle--open"
                            ><i class="icon-plus"></i
                          ></span>
                          <span class="drawer__nav-toggle--close"
                            ><i class="icon-minus"></i
                          ></span>
                        </button>
                      </div>
                      <div
                        class="collapse meganav meganav--drawer"
                        id="DrawerLinklist-oils-vinegars"
                        aria-labelledby="DrawerLabel-oils-vinegars"
                        role="navigation"
                      >
                        <ul class="meganav__nav meganav__nav--third-level">
                          <li>
                            <a
                              href="/collections/olive-oil"
                              class="meganav__link"
                              >Olive Oil</a
                            >
                          </li>
                          <li>
                            <a
                              href="/collections/vegetable-oils"
                              class="meganav__link"
                              >Vegetable Oils</a
                            >
                          </li>
                          <li>
                            <a
                              href="/collections/specialty-vinegars"
                              class="meganav__link"
                              >Specialty Vinegars</a
                            >
                          </li>
                        </ul>
                      </div>
                    </li>
                    <li class="drawer__nav-item">
                      <a
                        href="/collections/soups"
                        class="drawer__nav-link meganav__link"
                        >Soups</a
                      >
                    </li>
                    <li class="drawer__nav-item">
                      <div class="drawer__nav-has-sublist">
                        <a
                          href="/collections/nuts-dried-fruits"
                          class="meganav__link drawer__nav-link drawer__nav-link--split"
                          id="DrawerLabel-nuts-dried-fruits"
                          >Nuts &amp; Dried Fruits</a
                        >
                        <button
                          data-toggle="collapse"
                          data-target="#DrawerLinklist-nuts-dried-fruits"
                          type="button"
                          aria-controls="DrawerLinklist-nuts-dried-fruits"
                          class="text-link drawer__nav-toggle-btn drawer__nav-toggle-btn--small collapsed"
                          aria-label="Pantry Menu"
                          aria-expanded="false"
                        >
                          <span class="drawer__nav-toggle--open"
                            ><i class="icon-plus"></i
                          ></span>
                          <span class="drawer__nav-toggle--close"
                            ><i class="icon-minus"></i
                          ></span>
                        </button>
                      </div>
                      <div
                        class="collapse meganav meganav--drawer"
                        id="DrawerLinklist-nuts-dried-fruits"
                        aria-labelledby="DrawerLabel-nuts-dried-fruits"
                        role="navigation"
                      >
                        <ul class="meganav__nav meganav__nav--third-level">
                          <li>
                            <a
                              href="/collections/almonds-cashews"
                              class="meganav__link"
                              >Almonds &amp; Cashews</a
                            >
                          </li>
                          <li>
                            <a
                              href="/collections/raisins-cranberries"
                              class="meganav__link"
                              >Raisins &amp; Cranberries</a
                            >
                          </li>
                          <li>
                            <a
                              href="/collections/mixed-nuts-trail-mix"
                              class="meganav__link"
                              >Mixed Nuts &amp; Trail Mix</a
                            >
                          </li>
                        </ul>
                      </div>
                    </li>
                    <li class="drawer__nav-item">
                      <a
                        href="/collections/cereals-breakfast-bars"
                        class="drawer__nav-link meganav__link"
                        >Cereals &amp; Breakfast Bars</a
                      >
                    </li>
                  </div>
                </div>
              </ul>
            </div>
          </li>
          <li class="drawer__nav-item">
            <div class="drawer__nav-has-sublist">
              <a
                href="/collections/beverages-bebidas"
                class="drawer__nav-link drawer__nav-link--top-level drawer__nav-link--split"
                id="DrawerLabel-beverages"
                >Beverages</a
              >
              <button
                data-toggle="collapse"
                data-target="#DrawerLinklist-beverages"
                for="DrawerLinklist-beverages"
                type="button"
                aria-controls="DrawerLinklist-beverages"
                class="text-link drawer__nav-toggle-btn collapsed"
                aria-label="Beverages"
                aria-expanded="true"
              >
                <span class="drawer__nav-toggle--open"
                  ><i class="icon-plus"></i
                ></span>
                <span class="drawer__nav-toggle--close"
                  ><i class="icon-minus"></i
                ></span>
              </button>
            </div>
            <div
              class="collapse meganav meganav--drawer"
              id="DrawerLinklist-beverages"
              aria-labelledby="DrawerLabel-beverages"
              role="navigation"
            >
              <ul class="meganav__nav">
                <!-- drawer-nav.liquid -->
                <div
                  class="grid grid--no-gutters meganav__scroller meganav__scroller--has-list"
                >
                  <div class="grid__item meganav__list">
                    <li class="drawer__nav-item">
                      <div class="drawer__nav-has-sublist">
                        <a
                          href="/collections/coffee-tea-cafe-e-cha"
                          class="meganav__link drawer__nav-link drawer__nav-link--split"
                          id="DrawerLabel-coffee-tea"
                          >Coffee &amp; Tea</a
                        >
                        <button
                          data-toggle="collapse"
                          data-target="#DrawerLinklist-coffee-tea"
                          type="button"
                          aria-controls="DrawerLinklist-coffee-tea"
                          class="text-link drawer__nav-toggle-btn drawer__nav-toggle-btn--small collapsed"
                          aria-label="Beverages Menu"
                          aria-expanded="false"
                        >
                          <span class="drawer__nav-toggle--open"
                            ><i class="icon-plus"></i
                          ></span>
                          <span class="drawer__nav-toggle--close"
                            ><i class="icon-minus"></i
                          ></span>
                        </button>
                      </div>
                      <div
                        class="collapse meganav meganav--drawer"
                        id="DrawerLinklist-coffee-tea"
                        aria-labelledby="DrawerLabel-coffee-tea"
                        role="navigation"
                      >
                        <ul class="meganav__nav meganav__nav--third-level">
                          <li>
                            <a
                              href="/collections/ground-coffee"
                              class="meganav__link"
                              >Ground Coffee</a
                            >
                          </li>
                          <li>
                            <a
                              href="/collections/instant-coffee"
                              class="meganav__link"
                              >Instant Coffee</a
                            >
                          </li>
                          <li>
                            <a
                              href="/collections/tea-bags"
                              class="meganav__link"
                              >Tea Bags &amp; Ice Tea</a
                            >
                          </li>
                        </ul>
                      </div>
                    </li>
                    <li class="drawer__nav-item">
                      <div class="drawer__nav-has-sublist">
                        <a
                          href="/collections/water"
                          class="meganav__link drawer__nav-link drawer__nav-link--split"
                          id="DrawerLabel-water"
                          >Water</a
                        >
                        <button
                          data-toggle="collapse"
                          data-target="#DrawerLinklist-water"
                          type="button"
                          aria-controls="DrawerLinklist-water"
                          class="text-link drawer__nav-toggle-btn drawer__nav-toggle-btn--small collapsed"
                          aria-label="Beverages Menu"
                          aria-expanded="false"
                        >
                          <span class="drawer__nav-toggle--open"
                            ><i class="icon-plus"></i
                          ></span>
                          <span class="drawer__nav-toggle--close"
                            ><i class="icon-minus"></i
                          ></span>
                        </button>
                      </div>
                      <div
                        class="collapse meganav meganav--drawer"
                        id="DrawerLinklist-water"
                        aria-labelledby="DrawerLabel-water"
                        role="navigation"
                      >
                        <ul class="meganav__nav meganav__nav--third-level">
                          <li>
                            <a
                              href="/collections/mineral-water"
                              class="meganav__link"
                              >Mineral Water</a
                            >
                          </li>
                          <li>
                            <a
                              href="/collections/sparkling-water"
                              class="meganav__link"
                              >Sparkling Water</a
                            >
                          </li>
                        </ul>
                      </div>
                    </li>
                    <li class="drawer__nav-item">
                      <div class="drawer__nav-has-sublist">
                        <a
                          href="/collections/juice"
                          class="meganav__link drawer__nav-link drawer__nav-link--split"
                          id="DrawerLabel-juice"
                          >Juice</a
                        >
                        <button
                          data-toggle="collapse"
                          data-target="#DrawerLinklist-juice"
                          type="button"
                          aria-controls="DrawerLinklist-juice"
                          class="text-link drawer__nav-toggle-btn drawer__nav-toggle-btn--small collapsed"
                          aria-label="Beverages Menu"
                          aria-expanded="false"
                        >
                          <span class="drawer__nav-toggle--open"
                            ><i class="icon-plus"></i
                          ></span>
                          <span class="drawer__nav-toggle--close"
                            ><i class="icon-minus"></i
                          ></span>
                        </button>
                      </div>
                      <div
                        class="collapse meganav meganav--drawer"
                        id="DrawerLinklist-juice"
                        aria-labelledby="DrawerLabel-juice"
                        role="navigation"
                      >
                        <ul class="meganav__nav meganav__nav--third-level">
                          <li>
                            <a
                              href="/collections/fruit-juice"
                              class="meganav__link"
                              >Fruit Juice</a
                            >
                          </li>
                          <li>
                            <a
                              href="/collections/vegetable-juice"
                              class="meganav__link"
                              >Vegetable Juice</a
                            >
                          </li>
                          <li>
                            <a
                              href="/collections/juice-blends"
                              class="meganav__link"
                              >Juice Blends</a
                            >
                          </li>
                        </ul>
                      </div>
                    </li>
                    <li class="drawer__nav-item">
                      <a
                        href="/collections/soda"
                        class="drawer__nav-link meganav__link"
                        >Soda</a
                      >
                    </li>
                    <li class="drawer__nav-item">
                      <a
                        href="/collections/energy-drink"
                        class="drawer__nav-link meganav__link"
                        >Energy Drink</a
                      >
                    </li>
                  </div>
                </div>
              </ul>
            </div>
          </li>
          <li class="drawer__nav-item">
            <div class="drawer__nav-has-sublist">
              <a
                href="/collections/kitchen-appliances-acessorios-de-cozinha"
                class="drawer__nav-link drawer__nav-link--top-level drawer__nav-link--split"
                id="DrawerLabel-kitchen"
                >Kitchen</a
              >
              <button
                data-toggle="collapse"
                data-target="#DrawerLinklist-kitchen"
                for="DrawerLinklist-kitchen"
                type="button"
                aria-controls="DrawerLinklist-kitchen"
                class="text-link drawer__nav-toggle-btn collapsed"
                aria-label="Kitchen"
                aria-expanded="true"
              >
                <span class="drawer__nav-toggle--open"
                  ><i class="icon-plus"></i
                ></span>
                <span class="drawer__nav-toggle--close"
                  ><i class="icon-minus"></i
                ></span>
              </button>
            </div>
            <div
              class="collapse meganav meganav--drawer"
              id="DrawerLinklist-kitchen"
              aria-labelledby="DrawerLabel-kitchen"
              role="navigation"
            >
              <ul class="meganav__nav">
                <!-- drawer-nav.liquid -->
                <div
                  class="grid grid--no-gutters meganav__scroller meganav__scroller--has-list"
                >
                  <div class="grid__item meganav__list">
                    <li class="drawer__nav-item">
                      <a
                        href="/collections/machines"
                        class="drawer__nav-link meganav__link"
                        >Machines</a
                      >
                    </li>
                    <li class="drawer__nav-item">
                      <a
                        href="/collections/bakeware"
                        class="drawer__nav-link meganav__link"
                        >Bakeware &amp; Cookware</a
                      >
                    </li>
                    <li class="drawer__nav-item">
                      <div class="drawer__nav-has-sublist">
                        <a
                          href="/collections/paper-goods"
                          class="meganav__link drawer__nav-link drawer__nav-link--split"
                          id="DrawerLabel-paper-goods"
                          >Paper Goods</a
                        >
                        <button
                          data-toggle="collapse"
                          data-target="#DrawerLinklist-paper-goods"
                          type="button"
                          aria-controls="DrawerLinklist-paper-goods"
                          class="text-link drawer__nav-toggle-btn drawer__nav-toggle-btn--small collapsed"
                          aria-label="Kitchen Menu"
                          aria-expanded="false"
                        >
                          <span class="drawer__nav-toggle--open"
                            ><i class="icon-plus"></i
                          ></span>
                          <span class="drawer__nav-toggle--close"
                            ><i class="icon-minus"></i
                          ></span>
                        </button>
                      </div>
                      <div
                        class="collapse meganav meganav--drawer"
                        id="DrawerLinklist-paper-goods"
                        aria-labelledby="DrawerLabel-paper-goods"
                        role="navigation"
                      >
                        <ul class="meganav__nav meganav__nav--third-level">
                          <li>
                            <a
                              href="/collections/paper-towels"
                              class="meganav__link"
                              >Paper Towels/ Napkins</a
                            >
                          </li>
                          <li>
                            <a
                              href="/collections/disposables"
                              class="meganav__link"
                              >Disposables</a
                            >
                          </li>
                        </ul>
                      </div>
                    </li>
                  </div>
                </div>
              </ul>
            </div>
          </li>
          <li class="drawer__nav-item">
            <div class="drawer__nav-has-sublist">
              <a
                href="/collections/health-beauty"
                class="drawer__nav-link drawer__nav-link--top-level drawer__nav-link--split"
                id="DrawerLabel-health-beauty"
                >Health &amp; Beauty</a
              >
              <button
                data-toggle="collapse"
                data-target="#DrawerLinklist-health-beauty"
                for="DrawerLinklist-health-beauty"
                type="button"
                aria-controls="DrawerLinklist-health-beauty"
                class="text-link drawer__nav-toggle-btn collapsed"
                aria-label="Health &amp; Beauty"
                aria-expanded="true"
              >
                <span class="drawer__nav-toggle--open"
                  ><i class="icon-plus"></i
                ></span>
                <span class="drawer__nav-toggle--close"
                  ><i class="icon-minus"></i
                ></span>
              </button>
            </div>
            <div
              class="collapse meganav meganav--drawer"
              id="DrawerLinklist-health-beauty"
              aria-labelledby="DrawerLabel-health-beauty"
              role="navigation"
            >
              <ul class="meganav__nav">
                <!-- drawer-nav.liquid -->
                <div
                  class="grid grid--no-gutters meganav__scroller meganav__scroller--has-list"
                >
                  <div class="grid__item meganav__list">
                    <li class="drawer__nav-item">
                      <div class="drawer__nav-has-sublist">
                        <a
                          href="/collections/hair-products"
                          class="meganav__link drawer__nav-link drawer__nav-link--split"
                          id="DrawerLabel-hair-products"
                          >Hair Products</a
                        >
                        <button
                          data-toggle="collapse"
                          data-target="#DrawerLinklist-hair-products"
                          type="button"
                          aria-controls="DrawerLinklist-hair-products"
                          class="text-link drawer__nav-toggle-btn drawer__nav-toggle-btn--small collapsed"
                          aria-label="Health & Beauty Menu"
                          aria-expanded="false"
                        >
                          <span class="drawer__nav-toggle--open"
                            ><i class="icon-plus"></i
                          ></span>
                          <span class="drawer__nav-toggle--close"
                            ><i class="icon-minus"></i
                          ></span>
                        </button>
                      </div>
                      <div
                        class="collapse meganav meganav--drawer"
                        id="DrawerLinklist-hair-products"
                        aria-labelledby="DrawerLabel-hair-products"
                        role="navigation"
                      >
                        <ul class="meganav__nav meganav__nav--third-level">
                          <li>
                            <a
                              href="/collections/shampoos-conditioners"
                              class="meganav__link"
                              >Shampoos &amp; Conditioners</a
                            >
                          </li>
                          <li>
                            <a
                              href="/collections/hair-treatments"
                              class="meganav__link"
                              >Hair Treatments</a
                            >
                          </li>
                        </ul>
                      </div>
                    </li>
                    <li class="drawer__nav-item">
                      <div class="drawer__nav-has-sublist">
                        <a
                          href="/collections/higiene-products"
                          class="meganav__link drawer__nav-link drawer__nav-link--split"
                          id="DrawerLabel-higiene-products"
                          >Higiene Products</a
                        >
                        <button
                          data-toggle="collapse"
                          data-target="#DrawerLinklist-higiene-products"
                          type="button"
                          aria-controls="DrawerLinklist-higiene-products"
                          class="text-link drawer__nav-toggle-btn drawer__nav-toggle-btn--small collapsed"
                          aria-label="Health & Beauty Menu"
                          aria-expanded="false"
                        >
                          <span class="drawer__nav-toggle--open"
                            ><i class="icon-plus"></i
                          ></span>
                          <span class="drawer__nav-toggle--close"
                            ><i class="icon-minus"></i
                          ></span>
                        </button>
                      </div>
                      <div
                        class="collapse meganav meganav--drawer"
                        id="DrawerLinklist-higiene-products"
                        aria-labelledby="DrawerLabel-higiene-products"
                        role="navigation"
                      >
                        <ul class="meganav__nav meganav__nav--third-level">
                          <li>
                            <a
                              href="/collections/body-wash-soaps"
                              class="meganav__link"
                              >Body Wash &amp; Soaps</a
                            >
                          </li>
                          <li>
                            <a
                              href="/collections/deodorants-antiperspirants"
                              class="meganav__link"
                              >Deodorants &amp; Antiperspirants</a
                            >
                          </li>
                          <li>
                            <a
                              href="/collections/toilet-paper"
                              class="meganav__link"
                              >Toilet Paper</a
                            >
                          </li>
                        </ul>
                      </div>
                    </li>
                    <li class="drawer__nav-item">
                      <div class="drawer__nav-has-sublist">
                        <a
                          href="/collections/nails-products"
                          class="meganav__link drawer__nav-link drawer__nav-link--split"
                          id="DrawerLabel-nails-products"
                          >Nails Products</a
                        >
                        <button
                          data-toggle="collapse"
                          data-target="#DrawerLinklist-nails-products"
                          type="button"
                          aria-controls="DrawerLinklist-nails-products"
                          class="text-link drawer__nav-toggle-btn drawer__nav-toggle-btn--small collapsed"
                          aria-label="Health & Beauty Menu"
                          aria-expanded="false"
                        >
                          <span class="drawer__nav-toggle--open"
                            ><i class="icon-plus"></i
                          ></span>
                          <span class="drawer__nav-toggle--close"
                            ><i class="icon-minus"></i
                          ></span>
                        </button>
                      </div>
                      <div
                        class="collapse meganav meganav--drawer"
                        id="DrawerLinklist-nails-products"
                        aria-labelledby="DrawerLabel-nails-products"
                        role="navigation"
                      >
                        <ul class="meganav__nav meganav__nav--third-level">
                          <li>
                            <a
                              href="/collections/nail-polish"
                              class="meganav__link"
                              >Nail Polish</a
                            >
                          </li>
                        </ul>
                      </div>
                    </li>
                  </div>
                </div>
              </ul>
            </div>
          </li>
          <li class="drawer__nav-item">
            <div class="drawer__nav-has-sublist">
              <a
                href="/collections/country-food"
                class="drawer__nav-link drawer__nav-link--top-level drawer__nav-link--split"
                id="DrawerLabel-country-food"
                >Country Food</a
              >
              <button
                data-toggle="collapse"
                data-target="#DrawerLinklist-country-food"
                for="DrawerLinklist-country-food"
                type="button"
                aria-controls="DrawerLinklist-country-food"
                class="text-link drawer__nav-toggle-btn collapsed"
                aria-label="Country Food"
                aria-expanded="true"
              >
                <span class="drawer__nav-toggle--open"
                  ><i class="icon-plus"></i
                ></span>
                <span class="drawer__nav-toggle--close"
                  ><i class="icon-minus"></i
                ></span>
              </button>
            </div>
            <div
              class="collapse meganav meganav--drawer"
              id="DrawerLinklist-country-food"
              aria-labelledby="DrawerLabel-country-food"
              role="navigation"
            >
              <ul class="meganav__nav">
                <!-- drawer-nav.liquid -->
                <div
                  class="grid grid--no-gutters meganav__scroller meganav__scroller--has-list"
                >
                  <div class="grid__item meganav__list">
                    <li class="drawer__nav-item">
                      <a
                        href="/collections/brazilian"
                        class="drawer__nav-link meganav__link"
                        >Brasil</a
                      >
                    </li>
                    <li class="drawer__nav-item">
                      <a
                        href="/collections/portuguese"
                        class="drawer__nav-link meganav__link"
                        >Portuguese</a
                      >
                    </li>
                    <li class="drawer__nav-item">
                      <a
                        href="/collections/spain"
                        class="drawer__nav-link meganav__link"
                        >Spanish</a
                      >
                    </li>
                    <li class="drawer__nav-item">
                      <a
                        href="/collections/leblon-foods"
                        class="drawer__nav-link meganav__link"
                        >Leblon Foods</a
                      >
                    </li>
                    <li class="drawer__nav-item">
                      <a
                        href="/collections/triunfo-foods"
                        class="drawer__nav-link meganav__link"
                        >Triunfo Foods</a
                      >
                    </li>
                    <li class="drawer__nav-item">
                      <a
                        href="/collections/julina-foods"
                        class="drawer__nav-link meganav__link"
                        >Julina Foods</a
                      >
                    </li>
                  </div>
                </div>
              </ul>
            </div>
          </li>
          <li class="drawer__nav-item">
            <a
              href="/blogs/recipes"
              class="drawer__nav-link drawer__nav-link--top-level"
              >Recipes</a
            >
          </li>
          <li class="drawer__nav-item">
            <div class="drawer__nav-has-sublist">
              <a
                href="/pages/seabra-foods-rewards"
                class="drawer__nav-link drawer__nav-link--top-level drawer__nav-link--split"
                id="DrawerLabel-seabra-foods-rewards"
                >LUXURY138 Rewards</a
              >
              <button
                data-toggle="collapse"
                data-target="#DrawerLinklist-seabra-foods-rewards"
                for="DrawerLinklist-seabra-foods-rewards"
                type="button"
                aria-controls="DrawerLinklist-seabra-foods-rewards"
                class="text-link drawer__nav-toggle-btn collapsed"
                aria-label="LUXURY138 Rewards"
                aria-expanded="true"
              >
                <span class="drawer__nav-toggle--open"
                  ><i class="icon-plus"></i
                ></span>
                <span class="drawer__nav-toggle--close"
                  ><i class="icon-minus"></i
                ></span>
              </button>
            </div>
            <div
              class="collapse meganav meganav--drawer"
              id="DrawerLinklist-seabra-foods-rewards"
              aria-labelledby="DrawerLabel-seabra-foods-rewards"
              role="navigation"
            >
              <ul class="meganav__nav">
                <!-- drawer-nav.liquid -->
                <div
                  class="grid grid--no-gutters meganav__scroller meganav__scroller--has-list"
                >
                  <div class="grid__item meganav__list">
                    <li class="drawer__nav-item">
                      <a
                        href="/pages/seabra-foods-rewards"
                        class="drawer__nav-link meganav__link"
                        >LUXURY138 Rewards Info</a
                      >
                    </li>
                    <li class="drawer__nav-item">
                      <a
                        href="/pages/digitalcoupons"
                        class="drawer__nav-link meganav__link"
                        >Digital Coupons</a
                      >
                    </li>
                    <li class="drawer__nav-item">
                      <a
                        href="/pages/coupon-policy"
                        class="drawer__nav-link meganav__link"
                        >Coupon Policy</a
                      >
                    </li>
                  </div>
                </div>
              </ul>
            </div>
          </li>
          <li class="drawer-nav__spacer mt-2"></li>
          <li class="drawer__nav-item drawer-nav__item--secondary">
            <a
              href="/account"
              class="drawer__nav-link drawer__nav-link--top-level font-weight-normal"
            >
              <span class="account-text">Sign In</span>
            </a>
          </li>
          <li class="drawer__nav-item drawer-nav__item--secondary">
            <a
              href="/account/register"
              class="drawer__nav-link drawer__nav-link--top-level font-weight-normal"
            >
              Register
            </a>
          </li>
        </ul>
      </div>
    </div>
    <script id="QuantityTemplate" type="text/template">
      <div class="js-qty">
        <input type="text" value="{{ value }}" id="{{ key }}" name="{{ name }}" pattern="[0-9]*" data-line="{{ line }}" class="js-qty__input" aria-live="polite">
        <button type="button" class="js-qty__adjust js-qty__adjust--minus" aria-label="Reduce item quantity by one">
          <i class="icon-minus"></i>
          <span class="icon__fallback-text">âˆ’</span>
        </button>
        <button type="button" class="js-qty__adjust js-qty__adjust--plus" aria-label="Increase item quantity by one">
          <i class="icon-plus"></i>
          <span class="icon__fallback-text">+</span>
        </button>
      </div>
    </script>
    <ul hidden>
      <li id="a11y-refresh-page-message">
        choosing a selection results in a full page refresh
      </li>
    </ul>
    <!-- quickview.liquid -->
    <div
      class="modal fade bd-example-modal-lg"
      id="jsQuickview"
      role="dialog"
      aria-hidden="true"
    >
      <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
        <div class="modal-content">
          <div class="modal-header p-0">
            <button type="button" class="close" data-dismiss="modal">
              <i class="icon-close"></i>
            </button>
          </div>
          <div class="modal-body p-0">
            <div class="row m-0">
              <div class="col-lg-7 p-0">
                <div id="qv-product-images" class="qv-product-images"></div>
              </div>
              <div
                class="qv-content col-lg-5 d-flex flex-column align-items-center align-self-center"
              >
                <div class="holder h-100 py-4 px-5">
                  <h3 class="qv-product-title pt-3"></h3>
                  <div class="qv-product-description mb-4 mt-3"></div>
                  <h4 class="qv-product-type hide"></h4>
                  <h5 class="qv-product-price mr-2"></h5>
                  <s class="qv-product-compare-price"></s>
                  <div class="qv-add-to-cart clearfix pt-4">
                    <div class="qv-product-options pb-2"></div>
                    <div class="quantity">
                      <span>Quantity</span>
                      <input
                        type="number"
                        class="qv-quantity"
                        value="1"
                        min="1"
                      />
                    </div>
                    <input
                      type="submit"
                      class="btn btn-theme gradient-theme qv-add-button"
                      value="Add to Cart"
                    />
                  </div>
                  <div class="pt-4">
                    <div class="pt-1 text-uppercase qv-sku">
                      <small
                        class="text-body d-inline-block"
                        style="min-width: 80px"
                        >SKU: </small
                      ><small class="qv-view-sku text-uppercase"></small>
                    </div>
                    <div class="pt-1 text-uppercase">
                      <small
                        class="text-body d-inline-block"
                        style="min-width: 80px"
                        >type: </small
                      ><small class="qv-view-type text-uppercase"></small>
                    </div>
                    <div class="pt-1 text-uppercase">
                      <small
                        class="text-body d-inline-block"
                        style="min-width: 80px"
                        >vendor: </small
                      ><small class="qv-view-vendor text-uppercase"></small>
                    </div>
                  </div>
                  <div class="pt-5 pb-3">
                    <a class="qv-view-product" href=""> View more... </a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <script>
      // Global variable use in theme.js
      window.theme = window.theme || {};
      theme.moneyFormat = "${{amount}}";
      theme.rtl = false;
      theme.timePopupNewsletter = 900;
      theme.enableCurrencies = false;
      theme.loadingClass = "spinner-grow";
      theme.strings = {
        stockAvailable: "1 available",
        freeShipping: "",
        addToCart: "Add to Cart",
        addToCartSuccess: "Item(s) added to cart.",
        soldOut: "Sold Out",
        unavailable: "Unavailable",
        noStockAvailable:
          "The item could not be added to your cart because there are not enough in stock.",
        willNotShipUntil: "Will not ship until [date]",
        willBeInStockAfter: "Will be in stock after [date]",
        totalCartDiscount: "You're saving [savings]",
        addressError: "Error looking up that address",
        addressNoResults: "No results for that address",
        addressQueryLimit:
          'You have exceeded the Google API usage limit. Consider upgrading to a \u003ca href="https:\/\/developers.google.com\/maps\/premium\/usage-limits"\u003ePremium Plan\u003c\/a\u003e.',
        authError:
          "There was a problem authenticating your Google Maps API Key.",
        slideNumber: "Slide [slide_number], current",
        ajaxSearchViewAll: "View all",
        ajaxSearchNoResult: "No results.",
        wishlistNoResult: "There are no products in your wishlist!",
        wishlistIcon:
          '\u003csvg style="width:24px;height:24px;" viewBox="0 0 24 24" fill="none" xmlns="http:\/\/www.w3.org\/2000\/svg"\u003e\n\u003cpath d="M7.125 3.75C4.02246 3.75 1.5 6.30176 1.5 9.375C1.5 10.4473 1.98633 11.376 2.4375 12.0469C2.88867 12.7178 3.35156 13.1484 3.35156 13.1484L11.4609 21.2812L12 21.8203L12.5391 21.2812L20.6484 13.1484C20.6484 13.1484 22.5 11.5166 22.5 9.375C22.5 6.30176 19.9775 3.75 16.875 3.75C14.2998 3.75 12.6416 5.2998 12 5.95312C11.3584 5.2998 9.7002 3.75 7.125 3.75ZM7.125 5.25C9.36621 5.25 11.4375 7.42969 11.4375 7.42969L12 8.0625L12.5625 7.42969C12.5625 7.42969 14.6338 5.25 16.875 5.25C19.1572 5.25 21 7.12207 21 9.375C21 10.5322 19.5938 12.0938 19.5938 12.0938L12 19.6875L4.40625 12.0938C4.40625 12.0938 4.04297 11.7451 3.67969 11.2031C3.31641 10.6611 3 9.95508 3 9.375C3 7.12207 4.84277 5.25 7.125 5.25Z" fill="#ADB5BD"\/\u003e\n\u003c\/svg\u003e\n',
        wishlistIconAdded:
          '\u003csvg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="heart" role="img" xmlns="http:\/\/www.w3.org\/2000\/svg" viewBox="0 0 512 512" class="svg-inline--fa fa-heart fa-w-16 fa-3x"\u003e\u003cpath fill="currentColor" d="M462.3 62.6C407.5 15.9 326 24.3 275.7 76.2L256 96.5l-19.7-20.3C186.1 24.3 104.5 15.9 49.7 62.6c-62.8 53.6-66.1 149.8-9.9 207.9l193.5 199.8c12.5 12.9 32.8 12.9 45.3 0l193.5-199.8c56.3-58.1 53-154.3-9.8-207.9z" class=""\u003e\u003c\/path\u003e\u003c\/svg\u003e',
        wishlistText: "Add to Wishlist",
        wishlistTextAdded: "Go to wishlist",
        wishlistRemove: '\u003ci class="icon-close"\u003e\u003c\/i\u003e',
        compareNoResult: "There are no products in the comparison list!",
        compareIcon:
          '\u003csvg class="svg-inline--fa fa-balance-scale fa-w-20 fa-3x" style="width:24px;height:24px;" viewBox="0 0 24 24" fill="none" xmlns="http:\/\/www.w3.org\/2000\/svg"\u003e\n\u003cpath d="M12 3.75C11.0303 3.75 10.2041 4.38281 9.89062 5.25H4.5V6.75H5.55469L5.34375 7.125L2.34375 12.375L2.25 12.5625V12.75C2.25 14.8125 3.9375 16.5 6 16.5C8.0625 16.5 9.75 14.8125 9.75 12.75V12.5625L9.65625 12.375L6.65625 7.125L6.44531 6.75H9.89062C10.1191 7.38281 10.6172 7.88086 11.25 8.10938V18H8.25V19.5H15.75V18H12.75V8.10938C13.3799 7.88086 13.8809 7.37988 14.1094 6.75H17.5547L17.3438 7.125L14.3438 12.375L14.25 12.5625V12.75C14.25 14.8125 15.9375 16.5 18 16.5C20.0625 16.5 21.75 14.8125 21.75 12.75V12.5625L21.6562 12.375L18.6562 7.125L18.4453 6.75H19.5V5.25H14.1094C13.7959 4.38281 12.9697 3.75 12 3.75ZM12 5.25C12.4219 5.25 12.75 5.57812 12.75 6C12.75 6.42188 12.4219 6.75 12 6.75C11.5781 6.75 11.25 6.42188 11.25 6C11.25 5.57812 11.5781 5.25 12 5.25ZM6 9.02344L7.71094 12H4.28906L6 9.02344ZM18 9.02344L19.7109 12H16.2891L18 9.02344ZM3.9375 13.5H8.0625C7.76074 14.3701 6.97852 15 6 15C5.02148 15 4.23926 14.3701 3.9375 13.5ZM15.9375 13.5H20.0625C19.7607 14.3701 18.9785 15 18 15C17.0215 15 16.2393 14.3701 15.9375 13.5Z" fill="#ADB5BD"\/\u003e\n\u003c\/svg\u003e',
        compareText: "Compare",
        compareRemove: '\u003ci class="icon-close"\u003e\u003c\/i\u003e',
        compareNotifyAdded: "Item added to the comparison list!",
        compareNotifyRemoved: "Item removed to the comparison list!",
        compareNotifyMaximum: "Maximum 4 items",
        countdownEndText: "End Deal",
        none: "None",
        available: "Available",
        unavailable: "Unavailable",
        cartQuantity: "Quantity",
        cartEmpty: "No products in the cart.",
        cartMore: "And more",
        cartView: "View Cart",
        cartIcon:
          '\u003csvg xmlns="http:\/\/www.w3.org\/2000\/svg" xmlns:xlink="http:\/\/www.w3.org\/1999\/xlink" id="rey-icon-cart" height="100%" width="100%" version="1.1" viewBox="0 0 24 24" class="svg-cart"\u003e\r\n\t\u003ctitle\u003eCart\u003c\/title\u003e\r\n\t\u003cpath d="M21,3h-4.4C15.8,1.2,14,0,12,0S8.2,1.2,7.4,3H3C2.4,3,2,3.4,2,4v19c0,0.6,0.4,1,1,1h18c0.6,0,1-0.4,1-1V4  C22,3.4,21.6,3,21,3z M12,1c1.5,0,2.8,0.8,3.4,2H8.6C9.2,1.8,10.5,1,12,1z M20,22H4v-4h16V22z M20,17H4V5h3v4h1V5h8v4h1V5h3V17z"\u003e\u003c\/path\u003e\r\n\u003c\/svg\u003e',
      };
    </script>
    <script
      src="//seabrafoods.com/cdn/shop/t/15/assets/lazysizes.min.js?v=102008704310071945971716558203"
      async="async"
    ></script>
    <script
      src="//seabrafoods.com/cdn/shop/t/15/assets/vendor.js?v=71622310838426654421716558203"
      defer="defer"
    ></script>
    <script
      src="//seabrafoods.com/cdn/shopifycloud/storefront/assets/themes_support/api.jquery-7ab1a3a4.js"
      defer="defer"
    ></script>
    <script
      src="//seabrafoods.com/cdn/shop/t/15/assets/jquery-ui.min.js?v=153870317671491198421716558203"
      defer="defer"
    ></script>
    <script
      src="//seabrafoods.com/cdn/shop/t/15/assets/theme.js?v=61497453322917484191716558203"
      defer="defer"
    ></script>
    <style>
      img:hover {
        background: none !important;
      }
    </style>
    <div
      id="shopify-block-AQjhsaFFDeVJBdGc0M__4912811683585195618"
      class="shopify-block shopify-app-block"
    >
      <div
        id="sca-p-popup-main-popup-container"
        class="sca-p-popup-main-container sca-modal-pu"
        data-animation="slideInOutTop"
      >
        <div
          id="sca-p-popup-modal"
          class="slide-container sca-modal-dialog-pu"
        ></div>
      </div>
    </div>
<style>
    /*
  ============================================
  POPUP STYLES — MERGED & UNIFIED
  Ganti warna tema cukup di satu tempat:
  --primary di :root
  ============================================
*/

:root {
  /* 🎨 GANTI WARNA TEMA DI SINI */
  --primary:         #c40000; /* warna utama tombol */
  --primary-dark:    #430000; /* gradient bawah tombol */
  --primary-hover:   #007bff; /* warna hover tombol */
  --primary-hover-dark: #00253a; /* gradient hover bawah */

  /* Warna tombol kedua (popup-button) */
  --secondary:         #4524db;
  --secondary-dark:    #070511;
  --secondary-hover:   #ff0000;
  --secondary-hover-dark: #3a0000;
}

.bobarawr {
  margin: 0;
  padding: 0;
  font-family: "Playfair Display", "Segoe UI", serif;
  background-color: transparent;
  color: #fff;
  overflow: hidden;
}

.popup-overlay {
  position: fixed;
  top: 0; left: 0;
  width: 100vw; height: 100vh;
  background: rgba(0,0,0,0.4);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.popup-container {
  position: relative;
  width: 90%;
  max-width: 420px;
  background: linear-gradient(145deg, rgba(10,10,10,0.9), rgba(26,21,16,0.85));
  border-radius: 20px;
  overflow: hidden;
  text-align: center;
  animation: rotateScaleIn 0.8s cubic-bezier(0.175,0.885,0.32,1.275),
              goldPulse 3.5s infinite ease-in-out;
  box-shadow: 0 20px 40px rgba(0,0,0,0.7), 0 0 0 1px rgba(255,255,255,0.2);
  padding-bottom: 20px;
  border: 1px solid rgba(212,175,55,0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

@keyframes goldPulse {
  0%, 100% { box-shadow: 0 20px 40px rgba(0,0,0,0.7), 0 0 20px rgba(255,255,255,0.3), 0 0 0 1px rgba(255,255,255,0.2); }
  50%       { box-shadow: 0 20px 40px rgba(0,0,0,0.7), 0 0 30px rgba(255,255,255,0.5), 0 0 0 1px rgba(255,255,255,0.3); }
}

.popup-container::before {
  content: "";
  position: absolute;
  top: -100%; left: -100%;
  width: 200%; height: 200%;
  background: linear-gradient(135deg, rgba(255,255,255,0) 45%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0) 55%);
  animation: shineDiagonal 5s linear infinite;
  z-index: 2;
  pointer-events: none;
}

@keyframes shineDiagonal {
  0%   { transform: translate(-100%,-100%) rotate(30deg); }
  100% { transform: translate(100%,100%) rotate(30deg); }
}

.popup-image  { width: 100%; display: block; border-bottom: 1px solid rgba(255,255,255,0.15); }
.popup-image2 { width: 50%; display: block; padding-top: 25px; }

/* ---- TOMBOL UTAMA (.popup-buttons) ---- */
.popup-buttons {
  display: flex;
  flex-direction: column;
  padding: 25px 20px 0;
  position: relative;
  z-index: 3;
}

.popup-buttons a {
  width: 100%;
  display: block;
  padding: 18px 0;
  font-size: 18px;
  font-weight: 700;
  border-radius: 50px;
  text-decoration: none;
  text-align: center;
  color: #ffffff;
  background: linear-gradient(to bottom, var(--primary), var(--primary-dark));
  box-shadow: 0 2px 5px rgb(255,255,255);
  transition: all 0.5s cubic-bezier(0.175,0.885,0.32,1.275);
  position: relative;
  overflow: hidden;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
}

.popup-buttons a::before {
  content: "";
  position: absolute;
  top: 0; left: -100%;
  width: 100%; height: 100%;
  background: linear-gradient(90deg, transparent, rgb(255,255,255), transparent);
  transition: left 0.8s;
}
.popup-buttons a:hover::before { left: 100%; }

.popup-buttons a:hover {
  transform: translateY(-4px);
  box-shadow: 0 2px 5px rgba(255,255,255,0.856);
  background: linear-gradient(180deg, var(--primary-hover-dark), var(--primary-hover));
}
.popup-buttons a:active { transform: translateY(1px); }

/* ---- TOMBOL KEDUA (.popup-button) ---- */
.popup-button {
  display: flex;
  flex-direction: column;
  padding: 15px 20px 25px;
  position: relative;
  z-index: 3;
}

.popup-button a {
  width: 100%;
  display: block;
  padding: 18px 0;
  font-size: 18px;
  font-weight: 700;
  border-radius: 50px;
  text-decoration: none;
  text-align: center;
  color: #ffffff;
  background: linear-gradient(to bottom, var(--secondary), var(--secondary-dark));
  box-shadow: 0 2px 5px rgb(255,255,255);
  transition: all 0.5s cubic-bezier(0.175,0.885,0.32,1.275);
  position: relative;
  overflow: hidden;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
}

.popup-button a::before {
  content: "";
  position: absolute;
  top: 0; left: -100%;
  width: 100%; height: 100%;
  background: linear-gradient(90deg, transparent, rgb(255,255,255), transparent);
  transition: left 0.8s;
}
.popup-button a:hover::before { left: 100%; }

.popup-button a:hover {
  transform: translateY(-4px);
  box-shadow: 0 2px 5px rgba(255,255,255,0.856);
  background: linear-gradient(180deg, var(--secondary-hover-dark), var(--secondary-hover));
}
.popup-button a:active { transform: translateY(1px); }

/* ---- INFO TABLE ---- */
.info-table {
  width: 90%;
  margin: 20px auto;
  border-collapse: collapse;
  color: #eee;
  font-size: 14px;
  position: relative;
  z-index: 3;
  background: rgba(0,0,0,0.3);
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}
.info-table th {
  background: linear-gradient(135deg, #ffcd27, #ffc60c);
  padding: 14px 10px;
  font-size: 15px;
  color: #ffffff;
  border: none;
  font-weight: 700;
  letter-spacing: 0.8px;
  text-transform: uppercase;
}
.info-table td {
  padding: 12px;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  text-align: left;
}
.info-table tr:last-child td { border-bottom: none; }

/* ---- FOOTER ---- */
.popup-footer {
  font-size: 13px;
  color: #ccc;
  padding: 20px 10px;
  position: relative;
  z-index: 3;
  line-height: 1.6;
  font-family: "Playfair Display", serif;
}

/* ---- ANIMASI ---- */
@keyframes rotateScaleIn {
  0%   { opacity: 0; transform: scale(0.3) rotate(-10deg); }
  50%  { transform: scale(1.05) rotate(2deg); }
  100% { opacity: 1; transform: scale(1) rotate(0deg); }
}

.gold-particle {
  position: absolute;
  background: radial-gradient(circle, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.4) 100%);
  border-radius: 50%;
  pointer-events: none;
  z-index: 1;
  animation: floatGold 10s infinite ease-in-out;
  box-shadow: 0 0 10px rgba(255,255,255,0.6);
}
@keyframes floatGold {
  0%, 100% { transform: translateY(0) translateX(0); opacity: 0; }
  10%, 90% { opacity: 0.8; }
  100%     { transform: translateY(-120px) translateX(40px); opacity: 0; }
}

.luxury-border {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  border: 1px solid rgba(255,255,255,0.2);
  border-radius: 20px;
  pointer-events: none;
  z-index: 4;
  background: linear-gradient(135deg, rgba(212,175,55,0) 0%, rgba(255,255,255,0.1) 50%, rgba(212,175,55,0) 100%);
}

.close-btn {
  position: absolute;
  top: 15px; right: 15px;
  width: 32px; height: 32px;
  background: rgba(0,0,0,0.5);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 10;
  transition: all 0.3s ease;
  border: 1px solid rgba(255,255,255,0.3);
}
.close-btn:hover { background: rgba(255,255,255,0.8); transform: rotate(90deg); }
.close-btn::before, .close-btn::after {
  content: "";
  position: absolute;
  width: 16px; height: 2px;
  background: #fff;
}
.close-btn::before { transform: rotate(45deg); }
.close-btn::after  { transform: rotate(-45deg); }

/* ---- RESPONSIVE ---- */
@media (max-width: 480px) {
  .popup-container { width: 95%; max-width: 350px; }
  .popup-buttons a, .popup-button a { font-size: 18px; padding: 18px 0; }
  .info-table { font-size: 13px; }
  .popup-footer { font-size: 12px; }
  .close-btn { width: 28px; height: 28px; }
}
</style>>
    <div class="popup-overlay" id="popupOverlay">
      <div class="popup-container">
        <!-- Tombol Close -->
        <div class="close-btn" onclick="closePopup()"></div>
        <!-- Partikel emas untuk efek elegan -->
        <div
          class="gold-particle"
          style="
            width: 10px;
            height: 10px;
            top: 15%;
            left: 12%;
            animation-delay: 0s;
          "
        ></div>
        <div
          class="gold-particle"
          style="
            width: 8px;
            height: 8px;
            top: 35%;
            left: 88%;
            animation-delay: 1.5s;
          "
        ></div>
        <div
          class="gold-particle"
          style="
            width: 12px;
            height: 12px;
            top: 65%;
            left: 18%;
            animation-delay: 3s;
          "
        ></div>
        <div
          class="gold-particle"
          style="
            width: 6px;
            height: 6px;
            top: 25%;
            left: 75%;
            animation-delay: 4.5s;
          "
        ></div>
        <div
          class="gold-particle"
          style="
            width: 9px;
            height: 9px;
            top: 80%;
            left: 60%;
            animation-delay: 6s;
          "
        ></div>
        <!-- Border mewah -->
        <div class="luxury-border"></div>
        <div class="bobarawr">
          <center>
            <img
              src="https://ayowasabi.com/cdn/luxury138-freshdomain-logo-1.webp"
              class="popup-image2"
            />
          </center>
          <br />
          <img
            src="https://ayowasabi.com/cdn/luxury138-freshdomain-banner-1.jpg"
            alt="Popup Banner"
            class="popup-image"
          />
          <br />
          <b
            ><a style="color: #fff" href="https://luxury138terbaik.net/"
              >LUXURY138 # Agen Slot Tergacor Nomor Satu Gampang Maxwin</a
            ></b
          >
          <div class="popup-buttons">
            <a href="https://luxury138terbaik.pages.dev/">DAFTAR</a>
          </div>
          <div class="popup-button">
            <a href="https://luxury138terbaik.pages.dev/">LOGIN</a>
          </div>
        </div>
      </div>
    </div>
    <script>
      function closePopup() {
        const popupOverlay = document.getElementById("popupOverlay");
        popupOverlay.style.opacity = "0";
        popupOverlay.style.transition = "opacity 0.3s ease";

        setTimeout(() => {
          popupOverlay.style.display = "none";
        }, 300);
      }

      // Menutup popup ketika mengklik area di luar popup
      document
        .getElementById("popupOverlay")
        .addEventListener("click", function (event) {
          if (event.target === this) {
            closePopup();
          }
        });
    </script>
  <script defer src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" integrity="sha512-57MDmcccJXYtNnH+ZiBwzC4jb2rvgVCEokYN+L/nLlmO8rfYT/gIpW2A569iJ/3b+0UEasghjuZH/ma3wIs/EQ==" data-cf-beacon='{"version":"2024.11.0","token":"18c9dceaa1e04ab794d8b10c1cfdcc5d","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
</body>
</html>
