<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, minimum-scale=1.0" />
    <title>MABOSBET # Situs APK Pusat Game Online Terpercaya Indonesia</title>
    <!-- Favicon -->
    <link rel="icon" href="https://www.mabosbet.cc/images/mabosbet-favicon.ico" type="image/x-icon" />
    <link
      rel="shortcut icon"
      href="https://www.mabosbet.cc/images/mabosbet-favicon.ico"
      type="image/x-icon" />
    <!-- Description -->
    <meta
      name="description"
      content="Mabosbet merupakan platform game online yang memiliki tingkat kemenangan dan kepercayaan tertinggi di mata penggemar hiburan online di Indonesia. " />
    <!-- Preload Image -->
    <link
      rel="preload"
      as="image"
      href="https://www.mabosbet.cc/images/mabosbet-banner.jpg"
      fetchpriority="high" />
    <!-- Open Graph -->
    <meta property="og:site_name" content="MABOSBET" />
    <meta
      property="og:title"
      content="MABOSBET # Situs APK Pusat Game Online Terpercaya Indonesia" />
    <meta
      property="og:description"
      content="Mabosbet merupakan platform game online yang memiliki tingkat kemenangan dan kepercayaan tertinggi di mata penggemar hiburan online di Indonesia. " />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://www.mabosbet.cc/" />
    <meta property="og:image" content="https://www.mabosbet.cc/images/mabosbet-banner.jpg" />
    <meta property="og:image:width" content="200" />
    <meta property="og:image:height" content="200" />
    <!-- Twitter -->
    <meta name="twitter:card" content="summary" />
    <meta name="twitter:site" content="Slot Gacor" />
    <meta
      name="twitter:title"
      content="MABOSBET # Situs APK Pusat Game Online Terpercaya Indonesia" />
    <meta
      name="twitter:description"
      content="Mabosbet merupakan platform game online yang memiliki tingkat kemenangan dan kepercayaan tertinggi di mata penggemar hiburan online di Indonesia. " />
    <!-- Twitter App Info -->
    <meta name="twitter:app:country" content="MABOSBET" />
    <meta name="twitter:app:name:iphone" content="MABOSBET" />
    <meta name="twitter:app:id:iphone" content="462057824" />
    <meta name="twitter:app:url:iphone" content="https://www.mabosbet.cc/" />
    <meta name="twitter:app:name:googleplay" content="SITUS GACOR" />
    <meta name="twitter:app:id:googleplay" content="LINK GACOR" />
    <meta
      name="twitter:app:url:googleplay"
      content="https://www.mabosbet.cc/" />
    <!-- App Links -->
    <meta property="al:ios:url" content="https://www.mabosbet.cc/" />
    <meta property="al:ios:app_store_id" content="613084551" />
    <meta property="al:ios:app_name" content="Ubuy: International Shopping" />
    <meta property="al:android:url" content="https://www.mabosbet.cc/" />
    <meta property="al:android:package" content="SLOT" />
    <meta property="al:android:app_name" content="App MABOSBET" />
    <meta property="al:web:should_fallback" content="true" />
    <!-- Canonical -->
    <link rel="canonical" href="https://www.mabosbet.cc/" />
    <link rel="amphtml" href="https://mabosbetlogin.us.com/" />
    <link rel="alternate" href="https://www.mabosbet.cc/" />
    <link rel="alternate" href="https://mabosbetlogin.us.com/" hreflang="id" />
    <link rel="alternate" href="https://www.mabosbet.cc/" hreflang="en" />
    <link rel="alternate" href="https://www.mabosbet.cc/" hreflang="en" />
    <link
      rel="alternate"
      href="https://www.mabosbet.cc/"
      hreflang="x-default" />
    <link rel="alternate" hreflang="id-ID" href="https://www.mabosbet.cc/" />
    <link rel="alternate" hreflang="en-US" href="https://www.mabosbet.cc/" />
    <link rel="alternate" hreflang="en-SG" href="https://www.mabosbet.cc/" />
    <!-- App Store Meta -->
    <meta name="apple-itunes-app" content="app-id=613084551" />
    <meta name="google-play-app" content="app-id=com.ubuy" />
    <script type="application/ld+json">
      {
        "@context": "https://www.mabosbet.cc/",
        "@type": "Product",
        "url": "https://www.mabosbet.cc/",
        "name": "MABOSBET # Situs APK Pusat Game Online Terpercaya Indonesia",
        "sku": "2407961835",
        "description": "Mabosbet merupakan platform game online yang memiliki tingkat kemenangan dan kepercayaan tertinggi di mata penggemar hiburan online di Indonesia. ",
        "image": [
          {
            "@type": "ImageObject",
            "author": "MABOSBET",
            "contentUrl": "https://www.mabosbet.cc/images/mabosbet-banner.jpg",
            "thumbnailUrl": "https://www.mabosbet.cc/images/mabosbet-banner.jpg"
          }
        ],
        "category": "Dewa Slot < Slot Gacor < Slot Gacor Hari Ini",
        "brand": {
          "@type": "Brand",
          "name": "MABOSBET"
        },
        "logo": "https://www.mabosbet.cc/images/mabosbet-logo.png",
        "aggregateRating": {
          "@type": "AggregateRating",
          "ratingValue": 4.9,
          "reviewCount": 1849
        },
        "offers": {
          "@type": "AggregateOffer",
          "offerCount": 468,
          "lowPrice": 5000,
          "highPrice": 25000,
          "priceCurrency": "IDR",
          "availability": "https://www.mabosbet.cc/InStock",
          "shippingDetails": {
            "@type": "OfferShippingDetails",
            "shippingOrigin": {
              "@type": "DefinedRegion",
              "addressCountry": "ID"
            }
          }
        },
        "review": [
          {
            "@type": "Review",
            "reviewRating": {
              "@type": "Rating",
              "ratingValue": 5,
              "bestRating": 5
            },
            "datePublished": "2026-06-07",
            "reviewBody": "Main di MABOSBET memang mantap, benar-benar situs slot online akses termudah. Gak pernah ada kendala blokir atau loading lama pas mau main.",
            "author": { "@type": "Person", "name": "Budi Santoso" }
          },
          {
            "@type": "Review",
            "reviewRating": {
              "@type": "Rating",
              "ratingValue": 5,
              "bestRating": 5
            },
            "datePublished": "2026-06-07",
            "reviewBody": "Sejak daftar dan login Slot777 di sini, game kerasa lancar banget tanpa lag. Menang berapapun langsung masuk ke rekening dalam hitungan menit.",
            "author": { "@type": "Person", "name": "Rina Cuan" }
          },
          {
            "@type": "Review",
            "reviewRating": {
              "@type": "Rating",
              "ratingValue": 5,
              "bestRating": 5
            },
            "datePublished": "2026-06-07",
            "reviewBody": "MABOSBET juara! Situs slot online akses termudah yang pernah saya coba. Tinggal login Slot777, langsung bisa nikmati ratusan game gacor dengan gampang.",
            "author": { "@type": "Person", "name": "Hendra JP" }
          },
          {
            "@type": "Review",
            "reviewRating": {
              "@type": "Rating",
              "ratingValue": 5,
              "bestRating": 5
            },
            "datePublished": "2026-06-07",
            "reviewBody": "Sangat praktis diakses lewat HP. Proses login Slot777 cepat dan permainannya sangat enteng dimainkan kapan saja dan di mana saja.",
            "author": { "@type": "Person", "name": "Tika Spin88" }
          }
        ]
      }
    </script>
    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "VideoObject",
        "name": "MABOSBET # Situs APK Pusat Game Online Terpercaya Indonesia",
        "description": "Mabosbet merupakan platform game online yang memiliki tingkat kemenangan dan kepercayaan tertinggi di mata penggemar hiburan online di Indonesia. ",
        "thumbnailUrl": "https://www.mabosbet.cc/images/mabosbet-banner.jpg",
        "uploadDate": "2024-10-03T05:31:08-04:00",
        "duration": "PT18S",
        "mainEntityOfPage": "https://www.mabosbet.cc/",
        "publisher": {
          "@type": "Organization",
          "name": "MABOSBET",
          "logo": {
            "@type": "ImageObject",
            "url": "https://www.mabosbet.cc/images/mabosbet-logo.png"
          }
        }
      }
    </script>
    <script type="application/ld+json">
      {
        "@context": "https://www.mabosbet.cc/",
        "@type": "BreadcrumbList",
        "itemListElement": [
          {
            "@type": "ListItem",
            "position": 1,
            "name": "MABOSBET",
            "item": "https://www.mabosbet.cc/"
          },
          {
            "@type": "ListItem",
            "position": 2,
            "name": "SITUS SLOT",
            "item": "https://www.mabosbet.cc/"
          },
          {
            "@type": "ListItem",
            "position": 3,
            "name": "LINK SLOT",
            "item": "https://www.mabosbet.cc/"
          },
          {
            "@type": "ListItem",
            "position": 4,
            "name": "SLOT GACOR",
            "item": "https://www.mabosbet.cc/"
          },
          {
            "@type": "ListItem",
            "position": 5,
            "name": "DEWA SLOT",
            "item": "https://www.mabosbet.cc/"
          },
          {
            "@type": "ListItem",
            "position": 6,
            "name": "DEWA SLOT88",
            "item": "https://www.mabosbet.cc/"
          },
          {
            "@type": "ListItem",
            "position": 7,
            "name": "MABOSBET",
            "item": "https://www.mabosbet.cc/"
          },
          {
            "@type": "ListItem",
            "position": 8,
            "name": "SULTAN GACOR",
            "item": "https://www.mabosbet.cc/"
          },
          {
            "@type": "ListItem",
            "position": 9,
            "name": "MABOSBET # Situs APK Pusat Game Online Terpercaya Indonesia",
            "item": "https://www.mabosbet.cc/"
          }
        ]
      }
    </script>
    <script type="application/ld+json">
      {
        "@context": "https://www.mabosbet.cc/",
        "@graph": [
          {
            "@type": "Organization",
            "@id": "https://www.mabosbet.cc/#org",
            "name": "MABOSBET",
            "url": "https://www.mabosbet.cc/",
            "logo": "https://www.mabosbet.cc/images/mabosbet-banner.jpg"
          },
          {
            "@type": "WebSite",
            "@id": "https://www.mabosbet.cc/#website",
            "url": "https://www.mabosbet.cc/",
            "name": "MABOSBET",
            "publisher": { "@id": "https://www.mabosbet.cc/#org" },
            "inLanguage": "id-ID",
            "potentialAction": {
              "@type": "SearchAction",
              "target": "https://www.mabosbet.cc/?s={search_term_string}",
              "query-input": "required name=search_term_string"
            }
          },
          {
            "@type": "SoftwareApplication",
            "@id": "https://www.mabosbet.cc/#app",
            "name": "MABOSBET",
            "applicationCategory": "GameApplication",
            "operatingSystem": "Android, iOS, Windows",
            "offers": {
              "@type": "Offer",
              "price": "0",
              "priceCurrency": "IDR"
            },
            "aggregateRating": {
              "@type": "AggregateRating",
              "ratingValue": 4.9,
              "ratingCount": 7246
            }
          }
        ]
      }
    </script>
    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "FAQPage",
        "mainEntity": [
          {
            "@type": "Question",
            "name": "Apa yang membuat MABOSBET menjadi platform yang terpercaya?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "Kredibilitas platform ini dibangun di atas rekam jejak yang solid, transparansi sistem transaksi, serta konsistensi dalam menjaga keamanan data pengguna sesuai standar industri hiburan digital."
            }
          },
          {
            "@type": "Question",
            "name": "Bagaimana sistem keamanan melindungi data pribadi saya?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "Platform ini menggunakan enkripsi SSL tingkat tinggi yang secara otomatis mengunci dan melindungi seluruh informasi pribadi serta data transaksi Anda dari risiko kebocoran atau akses pihak ketiga."
            }
          },
          {
            "@type": "Question",
            "name": "Apakah hasil permainan di platform ini dijamin adil?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "Ya, dijamin adil. Semua game mengintegrasikan teknologi Random Number Generator (RNG) yang tersertifikasi secara internasional untuk memastikan seluruh hasil permainan keluar murni secara acak tanpa manipulasi."
            }
          },
          {
            "@type": "Question",
            "name": "Mengapa proses transaksi di platform ini dinilai aman?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "Karena platform ini bekerja sama dengan jaringan perbankan utama dan penyedia e-wallet resmi yang terverifikasi, menjamin setiap proses deposit dan penarikan dana berjalan transparan dan tepat waktu."
            }
          },
          {
            "@type": "Question",
            "name": "Bagaimana cara mendapatkan bantuan jika terjadi kendala teknis?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "Anda dapat langsung menghubungi tim customer support ahli yang bersertifikat. Layanan ini tersedia 24/7 non-stop dan siap menyelesaikan masalah teknis Anda secara instan dan profesional."
            }
          },
          {
            "@type": "Question",
            "name": "Apakah platform ini kompatibel di semua perangkat?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "Ya. Melalui keahlian optimasi infrastruktur digital, platform ini dirancang responsif sehingga menjamin navigasi yang ringan, stabil, dan lancar baik diakses lewat desktop maupun smartphone."
            }
          },
          {
            "@type": "Question",
            "name": "Bagaimana platform ini membuktikan otoritasnya di komunitas?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "Otoritas platform tumbuh organik melalui ulasan positif di berbagai forum diskusi. Reputasi ini terjaga karena komitmen platform yang selalu menepati janji layanan, terutama kecepatan transaksi."
            }
          },
          {
            "@type": "Question",
            "name": "Apa komitmen platform ini terhadap aturan main yang sehat?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "Platform ini secara aktif mengampanyekan responsible gaming. Tujuannya adalah mengedukasi pengguna agar memiliki kontrol diri yang baik dan memperlakukan platform murni sebagai sarana hiburan digital yang sehat."
            }
          }
        ]
      }
    </script>
    <script type="application/ld+json">
      {
        "@context": "https://www.mabosbet.cc/",
        "@type": "Organization",
        "name": "MABOSBET",
        "url": "https://www.mabosbet.cc/",
        "sameAs": [
          "https://www.facebook.com/MABOSBETbola",
          "https://www.tiktok.com/@MABOSBET",
          "https://www.instagram.com/MABOSBETbola/"
        ]
      }
    </script>
    <script type="application/ld+json">
      {
        "@context": "https://www.mabosbet.cc/",
        "@type": "Product",
        "name": "MABOSBET # Situs APK Pusat Game Online Terpercaya Indonesia",
        "url": "https://www.mabosbet.cc/",
        "image": ["https://www.mabosbet.cc/images/mabosbet-banner.jpg"],
        "description": "Mabosbet merupakan platform game online yang memiliki tingkat kemenangan dan kepercayaan tertinggi di mata penggemar hiburan online di Indonesia. ",
        "sku": "7284051936",
        "brand": {
          "@type": "Brand",
          "name": "Slot Gacor"
        },
        "offers": [
          {
            "@type": "Offer",
            "sku": "7284051936",
            "gtin12": "7284051936",
            "availability": "https://www.mabosbet.cc/OutOfStock",
            "price": 5000,
            "priceCurrency": "IDR",
            "url": "https://www.mabosbet.cc/"
          }
        ]
      }
    </script>
    <style>
      /*!
   * Bootstrap Utilities v5.2.3 (https://getbootstrap.com/)
   * Copyright 2011-2022 The Bootstrap Authors
   * Copyright 2011-2022 Twitter, Inc.
   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
   */
      :root {
        --bs-blue: #0d6efd;
        --bs-indigo: #6610f2;
        --bs-purple: #f7b808;
        --bs-pink: #d63384;
        --bs-red: #dc3545;
        --bs-orange: #fd7e14;
        --bs-yellow: #ffc107;
        --bs-green: #f7b808;
        --bs-teal: #20c997;
        --bs-cyan: #0dcaf0;
        --bs-black: #000;
        --bs-white: #fff;
        --bs-gray: #6c757d;
        --bs-gray-dark: #343a40;
        --bs-gray-100: #f8f9fa;
        --bs-gray-200: #e9ecef;
        --bs-gray-300: #dee2e6;
        --bs-gray-400: #ced4da;
        --bs-gray-500: #adb5bd;
        --bs-gray-600: #6c757d;
        --bs-gray-700: #495057;
        --bs-gray-800: #343a40;
        --bs-gray-900: #212529;
        --bs-primary: #0d6efd;
        --bs-secondary: #6c757d;
        --bs-success: #f7b808;
        --bs-info: #0dcaf0;
        --bs-warning: #ffc107;
        --bs-danger: #dc3545;
        --bs-light: #f8f9fa;
        --bs-dark: #212529;
        --bs-primary-rgb: 13, 110, 253;
        --bs-secondary-rgb: 108, 117, 125;
        --bs-success-rgb: 25, 135, 84;
        --bs-info-rgb: 13, 202, 240;
        --bs-warning-rgb: 255, 193, 7;
        --bs-danger-rgb: 220, 53, 69;
        --bs-light-rgb: 248, 249, 250;
        --bs-dark-rgb: 33, 37, 41;
        --bs-white-rgb: 255, 255, 255;
        --bs-black-rgb: 0, 0, 0;
        --bs-body-color-rgb: 33, 37, 41;
        --bs-body-bg-rgb: 255, 255, 255;
        --bs-font-sans-serif:
          system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue",
          "Noto Sans", "Liberation Sans", Arial, sans-serif,
          "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
          "Noto Color Emoji";
        --bs-font-monospace:
          SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
          "Courier New", monospace;
        --bs-gradient: linear-gradient(
          180deg,
          rgba(255, 255, 255, 0.15),
          rgba(255, 255, 255, 0)
        );
        --bs-body-font-family: var(--bs-font-sans-serif);
        --bs-body-font-size: 1rem;
        --bs-body-font-weight: 400;
        --bs-body-line-height: 1.5;
        --bs-body-color: #212529;
        --bs-body-bg: #fff;
        --bs-border-width: 1px;
        --bs-border-style: solid;
        --bs-border-color: #dee2e6;
        --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
        --bs-border-radius: 0.375rem;
        --bs-border-radius-sm: 0.25rem;
        --bs-border-radius-lg: 0.5rem;
        --bs-border-radius-xl: 1rem;
        --bs-border-radius-2xl: 2rem;
        --bs-border-radius-pill: 50rem;
        --bs-link-color: #0d6efd;
        --bs-link-hover-color: rgb(10.4, 88, 202.4);
        --bs-code-color: #d63384;
        --bs-highlight-bg: rgb(255, 242.6, 205.4);
      }

      .clearfix::after {
        display: block;
        clear: both;
        content: "";
      }

      .text-bg-primary {
        color: #fff !important;
        background-color: RGBA(
          13,
          110,
          253,
          var(--bs-bg-opacity, 1)
        ) !important;
      }

      .text-bg-secondary {
        color: #fff !important;
        background-color: RGBA(
          108,
          117,
          125,
          var(--bs-bg-opacity, 1)
        ) !important;
      }

      .text-bg-success {
        color: #fff !important;
        background-color: RGBA(25, 135, 84, var(--bs-bg-opacity, 1)) !important;
      }

      .text-bg-info {
        color: #000 !important;
        background-color: RGBA(
          13,
          202,
          240,
          var(--bs-bg-opacity, 1)
        ) !important;
      }

      .text-bg-warning {
        color: #000 !important;
        background-color: RGBA(255, 193, 7, var(--bs-bg-opacity, 1)) !important;
      }

      .text-bg-danger {
        color: #fff !important;
        background-color: RGBA(220, 53, 69, var(--bs-bg-opacity, 1)) !important;
      }

      .text-bg-light {
        color: #000 !important;
        background-color: RGBA(
          248,
          249,
          250,
          var(--bs-bg-opacity, 1)
        ) !important;
      }

      .text-bg-dark {
        color: #fff !important;
        background-color: RGBA(33, 37, 41, var(--bs-bg-opacity, 1)) !important;
      }

      .link-primary {
        color: #0d6efd !important;
      }

      .link-primary:hover,
      .link-primary:focus {
        color: rgb(10.4, 88, 202.4) !important;
      }

      .link-secondary {
        color: #6c757d !important;
      }

      .link-secondary:hover,
      .link-secondary:focus {
        color: rgb(86.4, 93.6, 100) !important;
      }

      .link-success {
        color: #f7b808 !important;
      }

      .link-success:hover,
      .link-success:focus {
        color: rgb(20, 108, 67.2) !important;
      }

      .link-info {
        color: #0dcaf0 !important;
      }

      .link-info:hover,
      .link-info:focus {
        color: rgb(61.4, 212.6, 243) !important;
      }

      .link-warning {
        color: #ffc107 !important;
      }

      .link-warning:hover,
      .link-warning:focus {
        color: rgb(255, 205.4, 56.6) !important;
      }

      .link-danger {
        color: #dc3545 !important;
      }

      .link-danger:hover,
      .link-danger:focus {
        color: rgb(176, 42.4, 55.2) !important;
      }

      .link-light {
        color: #f8f9fa !important;
      }

      .link-light:hover,
      .link-light:focus {
        color: rgb(249.4, 250.2, 251) !important;
      }

      .link-dark {
        color: #212529 !important;
      }

      .link-dark:hover,
      .link-dark:focus {
        color: rgb(26.4, 29.6, 32.8) !important;
      }

      .ratio {
        position: relative;
        width: 100%;
      }

      .ratio::before {
        display: block;
        padding-top: var(--bs-aspect-ratio);
        content: "";
      }

      .ratio > * {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
      }

      .ratio-1x1 {
        --bs-aspect-ratio: 100%;
      }

      .ratio-4x3 {
        --bs-aspect-ratio: 75%;
      }

      .ratio-16x9 {
        --bs-aspect-ratio: 56.25%;
      }

      .ratio-21x9 {
        --bs-aspect-ratio: 42.8571428571%;
      }

      .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;
      }

      .sticky-top {
        position: sticky;
        top: 0;
        z-index: 1020;
      }

      .sticky-bottom {
        position: sticky;
        bottom: 0;
        z-index: 1020;
      }

      @media (min-width: 576px) {
        .sticky-sm-top {
          position: sticky;
          top: 0;
          z-index: 1020;
        }

        .sticky-sm-bottom {
          position: sticky;
          bottom: 0;
          z-index: 1020;
        }
      }

      @media (min-width: 768px) {
        .sticky-md-top {
          position: sticky;
          top: 0;
          z-index: 1020;
        }

        .sticky-md-bottom {
          position: sticky;
          bottom: 0;
          z-index: 1020;
        }
      }

      @media (min-width: 992px) {
        .sticky-lg-top {
          position: sticky;
          top: 0;
          z-index: 1020;
        }

        .sticky-lg-bottom {
          position: sticky;
          bottom: 0;
          z-index: 1020;
        }
      }

      @media (min-width: 1200px) {
        .sticky-xl-top {
          position: sticky;
          top: 0;
          z-index: 1020;
        }

        .sticky-xl-bottom {
          position: sticky;
          bottom: 0;
          z-index: 1020;
        }
      }

      @media (min-width: 1400px) {
        .sticky-xxl-top {
          position: sticky;
          top: 0;
          z-index: 1020;
        }

        .sticky-xxl-bottom {
          position: sticky;
          bottom: 0;
          z-index: 1020;
        }
      }

      .hstack {
        display: flex;
        flex-direction: row;
        align-items: center;
        align-self: stretch;
      }

      .vstack {
        display: flex;
        flex: 1 1 auto;
        flex-direction: column;
        align-self: stretch;
      }

      .visually-hidden,
      .visually-hidden-focusable:not(:focus):not(:focus-within) {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border: 0 !important;
      }

      .stretched-link::after {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        content: "";
      }

      .text-truncate {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .vr {
        display: inline-block;
        align-self: stretch;
        width: 1px;
        min-height: 1em;
        background-color: currentcolor;
        opacity: 0.25;
      }

      .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;
      }

      .float-start {
        float: left !important;
      }

      .float-end {
        float: right !important;
      }

      .float-none {
        float: none !important;
      }

      .opacity-0 {
        opacity: 0 !important;
      }

      .opacity-25 {
        opacity: 0.25 !important;
      }

      .opacity-50 {
        opacity: 0.5 !important;
      }

      .opacity-75 {
        opacity: 0.75 !important;
      }

      .opacity-100 {
        opacity: 1 !important;
      }

      .overflow-auto {
        overflow: auto !important;
      }

      .overflow-hidden {
        overflow: hidden !important;
      }

      .overflow-visible {
        overflow: visible !important;
      }

      .overflow-scroll {
        overflow: scroll !important;
      }

      .d-inline {
        display: inline !important;
      }

      .d-inline-block {
        display: inline-block !important;
      }

      .d-block {
        display: block !important;
      }

      .d-grid {
        display: grid !important;
      }

      .d-table {
        display: table !important;
      }

      .d-table-row {
        display: table-row !important;
      }

      .d-table-cell {
        display: table-cell !important;
      }

      .d-flex {
        display: flex !important;
      }

      .d-inline-flex {
        display: inline-flex !important;
      }

      .d-none {
        display: none !important;
      }

      .shadow {
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
      }

      .shadow-sm {
        box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
      }

      .shadow-lg {
        box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
      }

      .shadow-none {
        box-shadow: none !important;
      }

      .position-static {
        position: static !important;
      }

      .position-relative {
        position: relative !important;
      }

      .position-absolute {
        position: absolute !important;
      }

      .position-fixed {
        position: fixed !important;
      }

      .position-sticky {
        position: sticky !important;
      }

      .top-0 {
        top: 0 !important;
      }

      .top-50 {
        top: 50% !important;
      }

      .top-100 {
        top: 100% !important;
      }

      .bottom-0 {
        bottom: 0 !important;
      }

      .bottom-50 {
        bottom: 50% !important;
      }

      .bottom-100 {
        bottom: 100% !important;
      }

      .start-0 {
        left: 0 !important;
      }

      .start-50 {
        left: 50% !important;
      }

      .start-100 {
        left: 100% !important;
      }

      .end-0 {
        right: 0 !important;
      }

      .end-50 {
        right: 50% !important;
      }

      .end-100 {
        right: 100% !important;
      }

      .translate-middle {
        transform: translate(-50%, -50%) !important;
      }

      .translate-middle-x {
        transform: translateX(-50%) !important;
      }

      .translate-middle-y {
        transform: translateY(-50%) !important;
      }

      .border {
        border: var(--bs-border-width) var(--bs-border-style)
          var(--bs-border-color) !important;
      }

      .border-0 {
        border: 0 !important;
      }

      .border-top {
        border-top: var(--bs-border-width) var(--bs-border-style)
          var(--bs-border-color) !important;
      }

      .border-top-0 {
        border-top: 0 !important;
      }

      .border-end {
        border-right: var(--bs-border-width) var(--bs-border-style)
          var(--bs-border-color) !important;
      }

      .border-end-0 {
        border-right: 0 !important;
      }

      .border-bottom {
        border-bottom: var(--bs-border-width) var(--bs-border-style)
          var(--bs-border-color) !important;
      }

      .border-bottom-0 {
        border-bottom: 0 !important;
      }

      .border-start {
        border-left: var(--bs-border-width) var(--bs-border-style)
          var(--bs-border-color) !important;
      }

      .border-start-0 {
        border-left: 0 !important;
      }

      .border-primary {
        --bs-border-opacity: 1;
        border-color: rgba(
          var(--bs-primary-rgb),
          var(--bs-border-opacity)
        ) !important;
      }

      .border-secondary {
        --bs-border-opacity: 1;
        border-color: rgba(
          var(--bs-secondary-rgb),
          var(--bs-border-opacity)
        ) !important;
      }

      .border-success {
        --bs-border-opacity: 1;
        border-color: rgba(
          var(--bs-success-rgb),
          var(--bs-border-opacity)
        ) !important;
      }

      .border-info {
        --bs-border-opacity: 1;
        border-color: rgba(
          var(--bs-info-rgb),
          var(--bs-border-opacity)
        ) !important;
      }

      .border-warning {
        --bs-border-opacity: 1;
        border-color: rgba(
          var(--bs-warning-rgb),
          var(--bs-border-opacity)
        ) !important;
      }

      .border-danger {
        --bs-border-opacity: 1;
        border-color: rgba(
          var(--bs-danger-rgb),
          var(--bs-border-opacity)
        ) !important;
      }

      .border-light {
        --bs-border-opacity: 1;
        border-color: rgba(
          var(--bs-light-rgb),
          var(--bs-border-opacity)
        ) !important;
      }

      .border-dark {
        --bs-border-opacity: 1;
        border-color: rgba(
          var(--bs-dark-rgb),
          var(--bs-border-opacity)
        ) !important;
      }

      .border-white {
        --bs-border-opacity: 1;
        border-color: rgba(
          var(--bs-white-rgb),
          var(--bs-border-opacity)
        ) !important;
      }

      .border-1 {
        --bs-border-width: 1px;
      }

      .border-2 {
        --bs-border-width: 2px;
      }

      .border-3 {
        --bs-border-width: 3px;
      }

      .border-4 {
        --bs-border-width: 4px;
      }

      .border-5 {
        --bs-border-width: 5px;
      }

      .border-opacity-10 {
        --bs-border-opacity: 0.1;
      }

      .border-opacity-25 {
        --bs-border-opacity: 0.25;
      }

      .border-opacity-50 {
        --bs-border-opacity: 0.5;
      }

      .border-opacity-75 {
        --bs-border-opacity: 0.75;
      }

      .border-opacity-100 {
        --bs-border-opacity: 1;
      }

      .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;
      }

      .mw-100 {
        max-width: 100% !important;
      }

      .vw-100 {
        width: 100vw !important;
      }

      .min-vw-100 {
        min-width: 100vw !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;
      }

      .mh-100 {
        max-height: 100% !important;
      }

      .vh-100 {
        height: 100vh !important;
      }

      .min-vh-100 {
        min-height: 100vh !important;
      }

      .flex-fill {
        flex: 1 1 auto !important;
      }

      .flex-row {
        flex-direction: row !important;
      }

      .flex-column {
        flex-direction: column !important;
      }

      .flex-row-reverse {
        flex-direction: row-reverse !important;
      }

      .flex-column-reverse {
        flex-direction: column-reverse !important;
      }

      .flex-grow-0 {
        flex-grow: 0 !important;
      }

      .flex-grow-1 {
        flex-grow: 1 !important;
      }

      .flex-shrink-0 {
        flex-shrink: 0 !important;
      }

      .flex-shrink-1 {
        flex-shrink: 1 !important;
      }

      .flex-wrap {
        flex-wrap: wrap !important;
      }

      .flex-nowrap {
        flex-wrap: nowrap !important;
      }

      .flex-wrap-reverse {
        flex-wrap: wrap-reverse !important;
      }

      .justify-content-start {
        justify-content: flex-start !important;
      }

      .justify-content-end {
        justify-content: flex-end !important;
      }

      .justify-content-center {
        justify-content: center !important;
      }

      .justify-content-between {
        justify-content: space-between !important;
      }

      .justify-content-around {
        justify-content: space-around !important;
      }

      .justify-content-evenly {
        justify-content: space-evenly !important;
      }

      .align-items-start {
        align-items: flex-start !important;
      }

      .align-items-end {
        align-items: flex-end !important;
      }

      .align-items-center {
        align-items: center !important;
      }

      .align-items-baseline {
        align-items: baseline !important;
      }

      .align-items-stretch {
        align-items: stretch !important;
      }

      .align-content-start {
        align-content: flex-start !important;
      }

      .align-content-end {
        align-content: flex-end !important;
      }

      .align-content-center {
        align-content: center !important;
      }

      .align-content-between {
        align-content: space-between !important;
      }

      .align-content-around {
        align-content: space-around !important;
      }

      .align-content-stretch {
        align-content: stretch !important;
      }

      .align-self-auto {
        align-self: auto !important;
      }

      .align-self-start {
        align-self: flex-start !important;
      }

      .align-self-end {
        align-self: flex-end !important;
      }

      .align-self-center {
        align-self: center !important;
      }

      .align-self-baseline {
        align-self: baseline !important;
      }

      .align-self-stretch {
        align-self: stretch !important;
      }

      .order-first {
        order: -1 !important;
      }

      .order-0 {
        order: 0 !important;
      }

      .order-1 {
        order: 1 !important;
      }

      .order-2 {
        order: 2 !important;
      }

      .order-3 {
        order: 3 !important;
      }

      .order-4 {
        order: 4 !important;
      }

      .order-5 {
        order: 5 !important;
      }

      .order-last {
        order: 6 !important;
      }

      .m-0 {
        margin: 0 !important;
      }

      .m-1 {
        margin: 0.25rem !important;
      }

      .m-2 {
        margin: 0.5rem !important;
      }

      .m-3 {
        margin: 1rem !important;
      }

      .m-4 {
        margin: 1.5rem !important;
      }

      .m-5 {
        margin: 3rem !important;
      }

      .m-auto {
        margin: auto !important;
      }

      .mx-0 {
        margin-right: 0 !important;
        margin-left: 0 !important;
      }

      .mx-1 {
        margin-right: 0.25rem !important;
        margin-left: 0.25rem !important;
      }

      .mx-2 {
        margin-right: 0.5rem !important;
        margin-left: 0.5rem !important;
      }

      .mx-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important;
      }

      .mx-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important;
      }

      .mx-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important;
      }

      .mx-auto {
        margin-right: auto !important;
        margin-left: auto !important;
      }

      .my-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
      }

      .my-1 {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
      }

      .my-2 {
        margin-top: 0.5rem !important;
        margin-bottom: 0.5rem !important;
      }

      .my-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
      }

      .my-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
      }

      .my-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
      }

      .my-auto {
        margin-top: auto !important;
        margin-bottom: auto !important;
      }

      .mt-0 {
        margin-top: 0 !important;
      }

      .mt-1 {
        margin-top: 0.25rem !important;
      }

      .mt-2 {
        margin-top: 0.5rem !important;
      }

      .mt-3 {
        margin-top: 1rem !important;
      }

      .mt-4 {
        margin-top: 1.5rem !important;
      }

      .mt-5 {
        margin-top: 3rem !important;
      }

      .mt-auto {
        margin-top: auto !important;
      }

      .me-0 {
        margin-right: 0 !important;
      }

      .me-1 {
        margin-right: 0.25rem !important;
      }

      .me-2 {
        margin-right: 0.5rem !important;
      }

      .me-3 {
        margin-right: 1rem !important;
      }

      .me-4 {
        margin-right: 1.5rem !important;
      }

      .me-5 {
        margin-right: 3rem !important;
      }

      .me-auto {
        margin-right: auto !important;
      }

      .mb-0 {
        margin-bottom: 0 !important;
      }

      .mb-1 {
        margin-bottom: 0.25rem !important;
      }

      .mb-2 {
        margin-bottom: 0.5rem !important;
      }

      .mb-3 {
        margin-bottom: 1rem !important;
      }

      .mb-4 {
        margin-bottom: 1.5rem !important;
      }

      .mb-5 {
        margin-bottom: 3rem !important;
      }

      .mb-auto {
        margin-bottom: auto !important;
      }

      .ms-0 {
        margin-left: 0 !important;
      }

      .ms-1 {
        margin-left: 0.25rem !important;
      }

      .ms-2 {
        margin-left: 0.5rem !important;
      }

      .ms-3 {
        margin-left: 1rem !important;
      }

      .ms-4 {
        margin-left: 1.5rem !important;
      }

      .ms-5 {
        margin-left: 3rem !important;
      }

      .ms-auto {
        margin-left: auto !important;
      }

      .p-0 {
        padding: 0 !important;
      }

      .p-1 {
        padding: 0.25rem !important;
      }

      .p-2 {
        padding: 0.5rem !important;
      }

      .p-3 {
        padding: 1rem !important;
      }

      .p-4 {
        padding: 1.5rem !important;
      }

      .p-5 {
        padding: 3rem !important;
      }

      .px-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
      }

      .px-1 {
        padding-right: 0.25rem !important;
        padding-left: 0.25rem !important;
      }

      .px-2 {
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
      }

      .px-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
      }

      .px-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
      }

      .px-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
      }

      .py-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
      }

      .py-1 {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
      }

      .py-2 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
      }

      .py-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
      }

      .py-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
      }

      .py-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
      }

      .pt-0 {
        padding-top: 0 !important;
      }

      .pt-1 {
        padding-top: 0.25rem !important;
      }

      .pt-2 {
        padding-top: 0.5rem !important;
      }

      .pt-3 {
        padding-top: 1rem !important;
      }

      .pt-4 {
        padding-top: 1.5rem !important;
      }

      .pt-5 {
        padding-top: 3rem !important;
      }

      .pe-0 {
        padding-right: 0 !important;
      }

      .pe-1 {
        padding-right: 0.25rem !important;
      }

      .pe-2 {
        padding-right: 0.5rem !important;
      }

      .pe-3 {
        padding-right: 1rem !important;
      }

      .pe-4 {
        padding-right: 1.5rem !important;
      }

      .pe-5 {
        padding-right: 3rem !important;
      }

      .pb-0 {
        padding-bottom: 0 !important;
      }

      .pb-1 {
        padding-bottom: 0.25rem !important;
      }

      .pb-2 {
        padding-bottom: 0.5rem !important;
      }

      .pb-3 {
        padding-bottom: 1rem !important;
      }

      .pb-4 {
        padding-bottom: 1.5rem !important;
      }

      .pb-5 {
        padding-bottom: 3rem !important;
      }

      .ps-0 {
        padding-left: 0 !important;
      }

      .ps-1 {
        padding-left: 0.25rem !important;
      }

      .ps-2 {
        padding-left: 0.5rem !important;
      }

      .ps-3 {
        padding-left: 1rem !important;
      }

      .ps-4 {
        padding-left: 1.5rem !important;
      }

      .ps-5 {
        padding-left: 3rem !important;
      }

      .gap-0 {
        gap: 0 !important;
      }

      .gap-1 {
        gap: 0.25rem !important;
      }

      .gap-2 {
        gap: 0.5rem !important;
      }

      .gap-3 {
        gap: 1rem !important;
      }

      .gap-4 {
        gap: 1.5rem !important;
      }

      .gap-5 {
        gap: 3rem !important;
      }

      .font-monospace {
        font-family: var(--bs-font-monospace) !important;
      }

      .fs-1 {
        font-size: calc(1.375rem + 1.5vw) !important;
      }

      .fs-2 {
        font-size: calc(1.325rem + 0.9vw) !important;
      }

      .fs-3 {
        font-size: calc(1.3rem + 0.6vw) !important;
      }

      .fs-4 {
        font-size: calc(1.275rem + 0.3vw) !important;
      }

      .fs-5 {
        font-size: 1.25rem !important;
      }

      .fs-6 {
        font-size: 1rem !important;
      }

      .fst-italic {
        font-style: italic !important;
      }

      .fst-normal {
        font-style: normal !important;
      }

      .fw-light {
        font-weight: 300 !important;
      }

      .fw-lighter {
        font-weight: lighter !important;
      }

      .fw-normal {
        font-weight: 400 !important;
      }

      .fw-bold {
        font-weight: 700 !important;
      }

      .fw-semibold {
        font-weight: 600 !important;
      }

      .fw-bolder {
        font-weight: bolder !important;
      }

      .lh-1 {
        line-height: 1 !important;
      }

      .lh-sm {
        line-height: 1.25 !important;
      }

      .lh-base {
        line-height: 1.5 !important;
      }

      .lh-lg {
        line-height: 2 !important;
      }

      .text-start {
        text-align: left !important;
      }

      .text-end {
        text-align: right !important;
      }

      .text-center {
        text-align: center !important;
      }

      .text-decoration-none {
        text-decoration: none !important;
      }

      .text-decoration-underline {
        text-decoration: underline !important;
      }

      .text-decoration-line-through {
        text-decoration: line-through !important;
      }

      .text-lowercase {
        text-transform: lowercase !important;
      }

      .text-uppercase {
        text-transform: uppercase !important;
      }

      .text-capitalize {
        text-transform: capitalize !important;
      }

      .text-wrap {
        white-space: normal !important;
      }

      .text-nowrap {
        white-space: nowrap !important;
      }

      .text-break {
        word-wrap: break-word !important;
        word-break: break-word !important;
      }

      .text-primary {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
      }

      .text-secondary {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
      }

      .text-success {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
      }

      .text-info {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
      }

      .text-warning {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
      }

      .text-danger {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
      }

      .text-light {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
      }

      .text-dark {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
      }

      .text-black {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
      }

      .text-white {
        --bs-text-opacity: 1;
        color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
      }

      .text-body {
        --bs-text-opacity: 1;
        color: rgba(
          var(--bs-body-color-rgb),
          var(--bs-text-opacity)
        ) !important;
      }

      .text-muted {
        --bs-text-opacity: 1;
        color: #6c757d !important;
      }

      .text-black-50 {
        --bs-text-opacity: 1;
        color: rgba(0, 0, 0, 0.5) !important;
      }

      .text-white-50 {
        --bs-text-opacity: 1;
        color: hsla(0, 0%, 100%, 0.5) !important;
      }

      .text-reset {
        --bs-text-opacity: 1;
        color: inherit !important;
      }

      .text-opacity-25 {
        --bs-text-opacity: 0.25;
      }

      .text-opacity-50 {
        --bs-text-opacity: 0.5;
      }

      .text-opacity-75 {
        --bs-text-opacity: 0.75;
      }

      .text-opacity-100 {
        --bs-text-opacity: 1;
      }

      .bg-primary {
        --bs-bg-opacity: 1;
        background-color: rgba(
          var(--bs-primary-rgb),
          var(--bs-bg-opacity)
        ) !important;
      }

      .bg-secondary {
        --bs-bg-opacity: 1;
        background-color: rgba(
          var(--bs-secondary-rgb),
          var(--bs-bg-opacity)
        ) !important;
      }

      .bg-success {
        --bs-bg-opacity: 1;
        background-color: rgba(
          var(--bs-success-rgb),
          var(--bs-bg-opacity)
        ) !important;
      }

      .bg-info {
        --bs-bg-opacity: 1;
        background-color: rgba(
          var(--bs-info-rgb),
          var(--bs-bg-opacity)
        ) !important;
      }

      .bg-warning {
        --bs-bg-opacity: 1;
        background-color: rgba(
          var(--bs-warning-rgb),
          var(--bs-bg-opacity)
        ) !important;
      }

      .bg-danger {
        --bs-bg-opacity: 1;
        background-color: rgba(
          var(--bs-danger-rgb),
          var(--bs-bg-opacity)
        ) !important;
      }

      .bg-light {
        --bs-bg-opacity: 1;
        background-color: rgba(
          var(--bs-light-rgb),
          var(--bs-bg-opacity)
        ) !important;
      }

      .bg-dark {
        --bs-bg-opacity: 1;
        background-color: rgba(
          var(--bs-dark-rgb),
          var(--bs-bg-opacity)
        ) !important;
      }

      .bg-black {
        --bs-bg-opacity: 1;
        background-color: rgba(
          var(--bs-black-rgb),
          var(--bs-bg-opacity)
        ) !important;
      }

      .bg-white {
        --bs-bg-opacity: 1;
        background-color: rgba(
          var(--bs-white-rgb),
          var(--bs-bg-opacity)
        ) !important;
      }

      .bg-body {
        --bs-bg-opacity: 1;
        background-color: rgba(
          var(--bs-body-bg-rgb),
          var(--bs-bg-opacity)
        ) !important;
      }

      .bg-transparent {
        --bs-bg-opacity: 1;
        background-color: rgba(0, 0, 0, 0) !important;
      }

      .bg-opacity-10 {
        --bs-bg-opacity: 0.1;
      }

      .bg-opacity-25 {
        --bs-bg-opacity: 0.25;
      }

      .bg-opacity-50 {
        --bs-bg-opacity: 0.5;
      }

      .bg-opacity-75 {
        --bs-bg-opacity: 0.75;
      }

      .bg-opacity-100 {
        --bs-bg-opacity: 1;
      }

      .bg-gradient {
        background-image: var(--bs-gradient) !important;
      }

      .user-select-all {
        user-select: all !important;
      }

      .user-select-auto {
        user-select: auto !important;
      }

      .user-select-none {
        user-select: none !important;
      }

      .pe-none {
        pointer-events: none !important;
      }

      .pe-auto {
        pointer-events: auto !important;
      }

      .rounded {
        border-radius: var(--bs-border-radius) !important;
      }

      .rounded-0 {
        border-radius: 0 !important;
      }

      .rounded-1 {
        border-radius: var(--bs-border-radius-sm) !important;
      }

      .rounded-2 {
        border-radius: var(--bs-border-radius) !important;
      }

      .rounded-3 {
        border-radius: var(--bs-border-radius-lg) !important;
      }

      .rounded-4 {
        border-radius: var(--bs-border-radius-xl) !important;
      }

      .rounded-5 {
        border-radius: var(--bs-border-radius-2xl) !important;
      }

      .rounded-circle {
        border-radius: 50% !important;
      }

      .rounded-pill {
        border-radius: var(--bs-border-radius-pill) !important;
      }

      .rounded-top {
        border-top-left-radius: var(--bs-border-radius) !important;
        border-top-right-radius: var(--bs-border-radius) !important;
      }

      .rounded-end {
        border-top-right-radius: var(--bs-border-radius) !important;
        border-bottom-right-radius: var(--bs-border-radius) !important;
      }

      .rounded-bottom {
        border-bottom-right-radius: var(--bs-border-radius) !important;
        border-bottom-left-radius: var(--bs-border-radius) !important;
      }

      .rounded-start {
        border-bottom-left-radius: var(--bs-border-radius) !important;
        border-top-left-radius: var(--bs-border-radius) !important;
      }

      .visible {
        visibility: visible !important;
      }

      .invisible {
        visibility: hidden !important;
      }

      @media (min-width: 576px) {
        .float-sm-start {
          float: left !important;
        }

        .float-sm-end {
          float: right !important;
        }

        .float-sm-none {
          float: none !important;
        }

        .d-sm-inline {
          display: inline !important;
        }

        .d-sm-inline-block {
          display: inline-block !important;
        }

        .d-sm-block {
          display: block !important;
        }

        .d-sm-grid {
          display: grid !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: flex !important;
        }

        .d-sm-inline-flex {
          display: inline-flex !important;
        }

        .d-sm-none {
          display: none !important;
        }

        .flex-sm-fill {
          flex: 1 1 auto !important;
        }

        .flex-sm-row {
          flex-direction: row !important;
        }

        .flex-sm-column {
          flex-direction: column !important;
        }

        .flex-sm-row-reverse {
          flex-direction: row-reverse !important;
        }

        .flex-sm-column-reverse {
          flex-direction: column-reverse !important;
        }

        .flex-sm-grow-0 {
          flex-grow: 0 !important;
        }

        .flex-sm-grow-1 {
          flex-grow: 1 !important;
        }

        .flex-sm-shrink-0 {
          flex-shrink: 0 !important;
        }

        .flex-sm-shrink-1 {
          flex-shrink: 1 !important;
        }

        .flex-sm-wrap {
          flex-wrap: wrap !important;
        }

        .flex-sm-nowrap {
          flex-wrap: nowrap !important;
        }

        .flex-sm-wrap-reverse {
          flex-wrap: wrap-reverse !important;
        }

        .justify-content-sm-start {
          justify-content: flex-start !important;
        }

        .justify-content-sm-end {
          justify-content: flex-end !important;
        }

        .justify-content-sm-center {
          justify-content: center !important;
        }

        .justify-content-sm-between {
          justify-content: space-between !important;
        }

        .justify-content-sm-around {
          justify-content: space-around !important;
        }

        .justify-content-sm-evenly {
          justify-content: space-evenly !important;
        }

        .align-items-sm-start {
          align-items: flex-start !important;
        }

        .align-items-sm-end {
          align-items: flex-end !important;
        }

        .align-items-sm-center {
          align-items: center !important;
        }

        .align-items-sm-baseline {
          align-items: baseline !important;
        }

        .align-items-sm-stretch {
          align-items: stretch !important;
        }

        .align-content-sm-start {
          align-content: flex-start !important;
        }

        .align-content-sm-end {
          align-content: flex-end !important;
        }

        .align-content-sm-center {
          align-content: center !important;
        }

        .align-content-sm-between {
          align-content: space-between !important;
        }

        .align-content-sm-around {
          align-content: space-around !important;
        }

        .align-content-sm-stretch {
          align-content: stretch !important;
        }

        .align-self-sm-auto {
          align-self: auto !important;
        }

        .align-self-sm-start {
          align-self: flex-start !important;
        }

        .align-self-sm-end {
          align-self: flex-end !important;
        }

        .align-self-sm-center {
          align-self: center !important;
        }

        .align-self-sm-baseline {
          align-self: baseline !important;
        }

        .align-self-sm-stretch {
          align-self: stretch !important;
        }

        .order-sm-first {
          order: -1 !important;
        }

        .order-sm-0 {
          order: 0 !important;
        }

        .order-sm-1 {
          order: 1 !important;
        }

        .order-sm-2 {
          order: 2 !important;
        }

        .order-sm-3 {
          order: 3 !important;
        }

        .order-sm-4 {
          order: 4 !important;
        }

        .order-sm-5 {
          order: 5 !important;
        }

        .order-sm-last {
          order: 6 !important;
        }

        .m-sm-0 {
          margin: 0 !important;
        }

        .m-sm-1 {
          margin: 0.25rem !important;
        }

        .m-sm-2 {
          margin: 0.5rem !important;
        }

        .m-sm-3 {
          margin: 1rem !important;
        }

        .m-sm-4 {
          margin: 1.5rem !important;
        }

        .m-sm-5 {
          margin: 3rem !important;
        }

        .m-sm-auto {
          margin: auto !important;
        }

        .mx-sm-0 {
          margin-right: 0 !important;
          margin-left: 0 !important;
        }

        .mx-sm-1 {
          margin-right: 0.25rem !important;
          margin-left: 0.25rem !important;
        }

        .mx-sm-2 {
          margin-right: 0.5rem !important;
          margin-left: 0.5rem !important;
        }

        .mx-sm-3 {
          margin-right: 1rem !important;
          margin-left: 1rem !important;
        }

        .mx-sm-4 {
          margin-right: 1.5rem !important;
          margin-left: 1.5rem !important;
        }

        .mx-sm-5 {
          margin-right: 3rem !important;
          margin-left: 3rem !important;
        }

        .mx-sm-auto {
          margin-right: auto !important;
          margin-left: auto !important;
        }

        .my-sm-0 {
          margin-top: 0 !important;
          margin-bottom: 0 !important;
        }

        .my-sm-1 {
          margin-top: 0.25rem !important;
          margin-bottom: 0.25rem !important;
        }

        .my-sm-2 {
          margin-top: 0.5rem !important;
          margin-bottom: 0.5rem !important;
        }

        .my-sm-3 {
          margin-top: 1rem !important;
          margin-bottom: 1rem !important;
        }

        .my-sm-4 {
          margin-top: 1.5rem !important;
          margin-bottom: 1.5rem !important;
        }

        .my-sm-5 {
          margin-top: 3rem !important;
          margin-bottom: 3rem !important;
        }

        .my-sm-auto {
          margin-top: auto !important;
          margin-bottom: auto !important;
        }

        .mt-sm-0 {
          margin-top: 0 !important;
        }

        .mt-sm-1 {
          margin-top: 0.25rem !important;
        }

        .mt-sm-2 {
          margin-top: 0.5rem !important;
        }

        .mt-sm-3 {
          margin-top: 1rem !important;
        }

        .mt-sm-4 {
          margin-top: 1.5rem !important;
        }

        .mt-sm-5 {
          margin-top: 3rem !important;
        }

        .mt-sm-auto {
          margin-top: auto !important;
        }

        .me-sm-0 {
          margin-right: 0 !important;
        }

        .me-sm-1 {
          margin-right: 0.25rem !important;
        }

        .me-sm-2 {
          margin-right: 0.5rem !important;
        }

        .me-sm-3 {
          margin-right: 1rem !important;
        }

        .me-sm-4 {
          margin-right: 1.5rem !important;
        }

        .me-sm-5 {
          margin-right: 3rem !important;
        }

        .me-sm-auto {
          margin-right: auto !important;
        }

        .mb-sm-0 {
          margin-bottom: 0 !important;
        }

        .mb-sm-1 {
          margin-bottom: 0.25rem !important;
        }

        .mb-sm-2 {
          margin-bottom: 0.5rem !important;
        }

        .mb-sm-3 {
          margin-bottom: 1rem !important;
        }

        .mb-sm-4 {
          margin-bottom: 1.5rem !important;
        }

        .mb-sm-5 {
          margin-bottom: 3rem !important;
        }

        .mb-sm-auto {
          margin-bottom: auto !important;
        }

        .ms-sm-0 {
          margin-left: 0 !important;
        }

        .ms-sm-1 {
          margin-left: 0.25rem !important;
        }

        .ms-sm-2 {
          margin-left: 0.5rem !important;
        }

        .ms-sm-3 {
          margin-left: 1rem !important;
        }

        .ms-sm-4 {
          margin-left: 1.5rem !important;
        }

        .ms-sm-5 {
          margin-left: 3rem !important;
        }

        .ms-sm-auto {
          margin-left: auto !important;
        }

        .p-sm-0 {
          padding: 0 !important;
        }

        .p-sm-1 {
          padding: 0.25rem !important;
        }

        .p-sm-2 {
          padding: 0.5rem !important;
        }

        .p-sm-3 {
          padding: 1rem !important;
        }

        .p-sm-4 {
          padding: 1.5rem !important;
        }

        .p-sm-5 {
          padding: 3rem !important;
        }

        .px-sm-0 {
          padding-right: 0 !important;
          padding-left: 0 !important;
        }

        .px-sm-1 {
          padding-right: 0.25rem !important;
          padding-left: 0.25rem !important;
        }

        .px-sm-2 {
          padding-right: 0.5rem !important;
          padding-left: 0.5rem !important;
        }

        .px-sm-3 {
          padding-right: 1rem !important;
          padding-left: 1rem !important;
        }

        .px-sm-4 {
          padding-right: 1.5rem !important;
          padding-left: 1.5rem !important;
        }

        .px-sm-5 {
          padding-right: 3rem !important;
          padding-left: 3rem !important;
        }

        .py-sm-0 {
          padding-top: 0 !important;
          padding-bottom: 0 !important;
        }

        .py-sm-1 {
          padding-top: 0.25rem !important;
          padding-bottom: 0.25rem !important;
        }

        .py-sm-2 {
          padding-top: 0.5rem !important;
          padding-bottom: 0.5rem !important;
        }

        .py-sm-3 {
          padding-top: 1rem !important;
          padding-bottom: 1rem !important;
        }

        .py-sm-4 {
          padding-top: 1.5rem !important;
          padding-bottom: 1.5rem !important;
        }

        .py-sm-5 {
          padding-top: 3rem !important;
          padding-bottom: 3rem !important;
        }

        .pt-sm-0 {
          padding-top: 0 !important;
        }

        .pt-sm-1 {
          padding-top: 0.25rem !important;
        }

        .pt-sm-2 {
          padding-top: 0.5rem !important;
        }

        .pt-sm-3 {
          padding-top: 1rem !important;
        }

        .pt-sm-4 {
          padding-top: 1.5rem !important;
        }

        .pt-sm-5 {
          padding-top: 3rem !important;
        }

        .pe-sm-0 {
          padding-right: 0 !important;
        }

        .pe-sm-1 {
          padding-right: 0.25rem !important;
        }

        .pe-sm-2 {
          padding-right: 0.5rem !important;
        }

        .pe-sm-3 {
          padding-right: 1rem !important;
        }

        .pe-sm-4 {
          padding-right: 1.5rem !important;
        }

        .pe-sm-5 {
          padding-right: 3rem !important;
        }

        .pb-sm-0 {
          padding-bottom: 0 !important;
        }

        .pb-sm-1 {
          padding-bottom: 0.25rem !important;
        }

        .pb-sm-2 {
          padding-bottom: 0.5rem !important;
        }

        .pb-sm-3 {
          padding-bottom: 1rem !important;
        }

        .pb-sm-4 {
          padding-bottom: 1.5rem !important;
        }

        .pb-sm-5 {
          padding-bottom: 3rem !important;
        }

        .ps-sm-0 {
          padding-left: 0 !important;
        }

        .ps-sm-1 {
          padding-left: 0.25rem !important;
        }

        .ps-sm-2 {
          padding-left: 0.5rem !important;
        }

        .ps-sm-3 {
          padding-left: 1rem !important;
        }

        .ps-sm-4 {
          padding-left: 1.5rem !important;
        }

        .ps-sm-5 {
          padding-left: 3rem !important;
        }

        .gap-sm-0 {
          gap: 0 !important;
        }

        .gap-sm-1 {
          gap: 0.25rem !important;
        }

        .gap-sm-2 {
          gap: 0.5rem !important;
        }

        .gap-sm-3 {
          gap: 1rem !important;
        }

        .gap-sm-4 {
          gap: 1.5rem !important;
        }

        .gap-sm-5 {
          gap: 3rem !important;
        }

        .text-sm-start {
          text-align: left !important;
        }

        .text-sm-end {
          text-align: right !important;
        }

        .text-sm-center {
          text-align: center !important;
        }
      }

      @media (min-width: 768px) {
        .float-md-start {
          float: left !important;
        }

        .float-md-end {
          float: right !important;
        }

        .float-md-none {
          float: none !important;
        }

        .d-md-inline {
          display: inline !important;
        }

        .d-md-inline-block {
          display: inline-block !important;
        }

        .d-md-block {
          display: block !important;
        }

        .d-md-grid {
          display: grid !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: flex !important;
        }

        .d-md-inline-flex {
          display: inline-flex !important;
        }

        .d-md-none {
          display: none !important;
        }

        .flex-md-fill {
          flex: 1 1 auto !important;
        }

        .flex-md-row {
          flex-direction: row !important;
        }

        .flex-md-column {
          flex-direction: column !important;
        }

        .flex-md-row-reverse {
          flex-direction: row-reverse !important;
        }

        .flex-md-column-reverse {
          flex-direction: column-reverse !important;
        }

        .flex-md-grow-0 {
          flex-grow: 0 !important;
        }

        .flex-md-grow-1 {
          flex-grow: 1 !important;
        }

        .flex-md-shrink-0 {
          flex-shrink: 0 !important;
        }

        .flex-md-shrink-1 {
          flex-shrink: 1 !important;
        }

        .flex-md-wrap {
          flex-wrap: wrap !important;
        }

        .flex-md-nowrap {
          flex-wrap: nowrap !important;
        }

        .flex-md-wrap-reverse {
          flex-wrap: wrap-reverse !important;
        }

        .justify-content-md-start {
          justify-content: flex-start !important;
        }

        .justify-content-md-end {
          justify-content: flex-end !important;
        }

        .justify-content-md-center {
          justify-content: center !important;
        }

        .justify-content-md-between {
          justify-content: space-between !important;
        }

        .justify-content-md-around {
          justify-content: space-around !important;
        }

        .justify-content-md-evenly {
          justify-content: space-evenly !important;
        }

        .align-items-md-start {
          align-items: flex-start !important;
        }

        .align-items-md-end {
          align-items: flex-end !important;
        }

        .align-items-md-center {
          align-items: center !important;
        }

        .align-items-md-baseline {
          align-items: baseline !important;
        }

        .align-items-md-stretch {
          align-items: stretch !important;
        }

        .align-content-md-start {
          align-content: flex-start !important;
        }

        .align-content-md-end {
          align-content: flex-end !important;
        }

        .align-content-md-center {
          align-content: center !important;
        }

        .align-content-md-between {
          align-content: space-between !important;
        }

        .align-content-md-around {
          align-content: space-around !important;
        }

        .align-content-md-stretch {
          align-content: stretch !important;
        }

        .align-self-md-auto {
          align-self: auto !important;
        }

        .align-self-md-start {
          align-self: flex-start !important;
        }

        .align-self-md-end {
          align-self: flex-end !important;
        }

        .align-self-md-center {
          align-self: center !important;
        }

        .align-self-md-baseline {
          align-self: baseline !important;
        }

        .align-self-md-stretch {
          align-self: stretch !important;
        }

        .order-md-first {
          order: -1 !important;
        }

        .order-md-0 {
          order: 0 !important;
        }

        .order-md-1 {
          order: 1 !important;
        }

        .order-md-2 {
          order: 2 !important;
        }

        .order-md-3 {
          order: 3 !important;
        }

        .order-md-4 {
          order: 4 !important;
        }

        .order-md-5 {
          order: 5 !important;
        }

        .order-md-last {
          order: 6 !important;
        }

        .m-md-0 {
          margin: 0 !important;
        }

        .m-md-1 {
          margin: 0.25rem !important;
        }

        .m-md-2 {
          margin: 0.5rem !important;
        }

        .m-md-3 {
          margin: 1rem !important;
        }

        .m-md-4 {
          margin: 1.5rem !important;
        }

        .m-md-5 {
          margin: 3rem !important;
        }

        .m-md-auto {
          margin: auto !important;
        }

        .mx-md-0 {
          margin-right: 0 !important;
          margin-left: 0 !important;
        }

        .mx-md-1 {
          margin-right: 0.25rem !important;
          margin-left: 0.25rem !important;
        }

        .mx-md-2 {
          margin-right: 0.5rem !important;
          margin-left: 0.5rem !important;
        }

        .mx-md-3 {
          margin-right: 1rem !important;
          margin-left: 1rem !important;
        }

        .mx-md-4 {
          margin-right: 1.5rem !important;
          margin-left: 1.5rem !important;
        }

        .mx-md-5 {
          margin-right: 3rem !important;
          margin-left: 3rem !important;
        }

        .mx-md-auto {
          margin-right: auto !important;
          margin-left: auto !important;
        }

        .my-md-0 {
          margin-top: 0 !important;
          margin-bottom: 0 !important;
        }

        .my-md-1 {
          margin-top: 0.25rem !important;
          margin-bottom: 0.25rem !important;
        }

        .my-md-2 {
          margin-top: 0.5rem !important;
          margin-bottom: 0.5rem !important;
        }

        .my-md-3 {
          margin-top: 1rem !important;
          margin-bottom: 1rem !important;
        }

        .my-md-4 {
          margin-top: 1.5rem !important;
          margin-bottom: 1.5rem !important;
        }

        .my-md-5 {
          margin-top: 3rem !important;
          margin-bottom: 3rem !important;
        }

        .my-md-auto {
          margin-top: auto !important;
          margin-bottom: auto !important;
        }

        .mt-md-0 {
          margin-top: 0 !important;
        }

        .mt-md-1 {
          margin-top: 0.25rem !important;
        }

        .mt-md-2 {
          margin-top: 0.5rem !important;
        }

        .mt-md-3 {
          margin-top: 1rem !important;
        }

        .mt-md-4 {
          margin-top: 1.5rem !important;
        }

        .mt-md-5 {
          margin-top: 3rem !important;
        }

        .mt-md-auto {
          margin-top: auto !important;
        }

        .me-md-0 {
          margin-right: 0 !important;
        }

        .me-md-1 {
          margin-right: 0.25rem !important;
        }

        .me-md-2 {
          margin-right: 0.5rem !important;
        }

        .me-md-3 {
          margin-right: 1rem !important;
        }

        .me-md-4 {
          margin-right: 1.5rem !important;
        }

        .me-md-5 {
          margin-right: 3rem !important;
        }

        .me-md-auto {
          margin-right: auto !important;
        }

        .mb-md-0 {
          margin-bottom: 0 !important;
        }

        .mb-md-1 {
          margin-bottom: 0.25rem !important;
        }

        .mb-md-2 {
          margin-bottom: 0.5rem !important;
        }

        .mb-md-3 {
          margin-bottom: 1rem !important;
        }

        .mb-md-4 {
          margin-bottom: 1.5rem !important;
        }

        .mb-md-5 {
          margin-bottom: 3rem !important;
        }

        .mb-md-auto {
          margin-bottom: auto !important;
        }

        .ms-md-0 {
          margin-left: 0 !important;
        }

        .ms-md-1 {
          margin-left: 0.25rem !important;
        }

        .ms-md-2 {
          margin-left: 0.5rem !important;
        }

        .ms-md-3 {
          margin-left: 1rem !important;
        }

        .ms-md-4 {
          margin-left: 1.5rem !important;
        }

        .ms-md-5 {
          margin-left: 3rem !important;
        }

        .ms-md-auto {
          margin-left: auto !important;
        }

        .p-md-0 {
          padding: 0 !important;
        }

        .p-md-1 {
          padding: 0.25rem !important;
        }

        .p-md-2 {
          padding: 0.5rem !important;
        }

        .p-md-3 {
          padding: 1rem !important;
        }

        .p-md-4 {
          padding: 1.5rem !important;
        }

        .p-md-5 {
          padding: 3rem !important;
        }

        .px-md-0 {
          padding-right: 0 !important;
          padding-left: 0 !important;
        }

        .px-md-1 {
          padding-right: 0.25rem !important;
          padding-left: 0.25rem !important;
        }

        .px-md-2 {
          padding-right: 0.5rem !important;
          padding-left: 0.5rem !important;
        }

        .px-md-3 {
          padding-right: 1rem !important;
          padding-left: 1rem !important;
        }

        .px-md-4 {
          padding-right: 1.5rem !important;
          padding-left: 1.5rem !important;
        }

        .px-md-5 {
          padding-right: 3rem !important;
          padding-left: 3rem !important;
        }

        .py-md-0 {
          padding-top: 0 !important;
          padding-bottom: 0 !important;
        }

        .py-md-1 {
          padding-top: 0.25rem !important;
          padding-bottom: 0.25rem !important;
        }

        .py-md-2 {
          padding-top: 0.5rem !important;
          padding-bottom: 0.5rem !important;
        }

        .py-md-3 {
          padding-top: 1rem !important;
          padding-bottom: 1rem !important;
        }

        .py-md-4 {
          padding-top: 1.5rem !important;
          padding-bottom: 1.5rem !important;
        }

        .py-md-5 {
          padding-top: 3rem !important;
          padding-bottom: 3rem !important;
        }

        .pt-md-0 {
          padding-top: 0 !important;
        }

        .pt-md-1 {
          padding-top: 0.25rem !important;
        }

        .pt-md-2 {
          padding-top: 0.5rem !important;
        }

        .pt-md-3 {
          padding-top: 1rem !important;
        }

        .pt-md-4 {
          padding-top: 1.5rem !important;
        }

        .pt-md-5 {
          padding-top: 3rem !important;
        }

        .pe-md-0 {
          padding-right: 0 !important;
        }

        .pe-md-1 {
          padding-right: 0.25rem !important;
        }

        .pe-md-2 {
          padding-right: 0.5rem !important;
        }

        .pe-md-3 {
          padding-right: 1rem !important;
        }

        .pe-md-4 {
          padding-right: 1.5rem !important;
        }

        .pe-md-5 {
          padding-right: 3rem !important;
        }

        .pb-md-0 {
          padding-bottom: 0 !important;
        }

        .pb-md-1 {
          padding-bottom: 0.25rem !important;
        }

        .pb-md-2 {
          padding-bottom: 0.5rem !important;
        }

        .pb-md-3 {
          padding-bottom: 1rem !important;
        }

        .pb-md-4 {
          padding-bottom: 1.5rem !important;
        }

        .pb-md-5 {
          padding-bottom: 3rem !important;
        }

        .ps-md-0 {
          padding-left: 0 !important;
        }

        .ps-md-1 {
          padding-left: 0.25rem !important;
        }

        .ps-md-2 {
          padding-left: 0.5rem !important;
        }

        .ps-md-3 {
          padding-left: 1rem !important;
        }

        .ps-md-4 {
          padding-left: 1.5rem !important;
        }

        .ps-md-5 {
          padding-left: 3rem !important;
        }

        .gap-md-0 {
          gap: 0 !important;
        }

        .gap-md-1 {
          gap: 0.25rem !important;
        }

        .gap-md-2 {
          gap: 0.5rem !important;
        }

        .gap-md-3 {
          gap: 1rem !important;
        }

        .gap-md-4 {
          gap: 1.5rem !important;
        }

        .gap-md-5 {
          gap: 3rem !important;
        }

        .text-md-start {
          text-align: left !important;
        }

        .text-md-end {
          text-align: right !important;
        }

        .text-md-center {
          text-align: center !important;
        }
      }

      @media (min-width: 992px) {
        .float-lg-start {
          float: left !important;
        }

        .float-lg-end {
          float: right !important;
        }

        .float-lg-none {
          float: none !important;
        }

        .d-lg-inline {
          display: inline !important;
        }

        .d-lg-inline-block {
          display: inline-block !important;
        }

        .d-lg-block {
          display: block !important;
        }

        .d-lg-grid {
          display: grid !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: flex !important;
        }

        .d-lg-inline-flex {
          display: inline-flex !important;
        }

        .d-lg-none {
          display: none !important;
        }

        .flex-lg-fill {
          flex: 1 1 auto !important;
        }

        .flex-lg-row {
          flex-direction: row !important;
        }

        .flex-lg-column {
          flex-direction: column !important;
        }

        .flex-lg-row-reverse {
          flex-direction: row-reverse !important;
        }

        .flex-lg-column-reverse {
          flex-direction: column-reverse !important;
        }

        .flex-lg-grow-0 {
          flex-grow: 0 !important;
        }

        .flex-lg-grow-1 {
          flex-grow: 1 !important;
        }

        .flex-lg-shrink-0 {
          flex-shrink: 0 !important;
        }

        .flex-lg-shrink-1 {
          flex-shrink: 1 !important;
        }

        .flex-lg-wrap {
          flex-wrap: wrap !important;
        }

        .flex-lg-nowrap {
          flex-wrap: nowrap !important;
        }

        .flex-lg-wrap-reverse {
          flex-wrap: wrap-reverse !important;
        }

        .justify-content-lg-start {
          justify-content: flex-start !important;
        }

        .justify-content-lg-end {
          justify-content: flex-end !important;
        }

        .justify-content-lg-center {
          justify-content: center !important;
        }

        .justify-content-lg-between {
          justify-content: space-between !important;
        }

        .justify-content-lg-around {
          justify-content: space-around !important;
        }

        .justify-content-lg-evenly {
          justify-content: space-evenly !important;
        }

        .align-items-lg-start {
          align-items: flex-start !important;
        }

        .align-items-lg-end {
          align-items: flex-end !important;
        }

        .align-items-lg-center {
          align-items: center !important;
        }

        .align-items-lg-baseline {
          align-items: baseline !important;
        }

        .align-items-lg-stretch {
          align-items: stretch !important;
        }

        .align-content-lg-start {
          align-content: flex-start !important;
        }

        .align-content-lg-end {
          align-content: flex-end !important;
        }

        .align-content-lg-center {
          align-content: center !important;
        }

        .align-content-lg-between {
          align-content: space-between !important;
        }

        .align-content-lg-around {
          align-content: space-around !important;
        }

        .align-content-lg-stretch {
          align-content: stretch !important;
        }

        .align-self-lg-auto {
          align-self: auto !important;
        }

        .align-self-lg-start {
          align-self: flex-start !important;
        }

        .align-self-lg-end {
          align-self: flex-end !important;
        }

        .align-self-lg-center {
          align-self: center !important;
        }

        .align-self-lg-baseline {
          align-self: baseline !important;
        }

        .align-self-lg-stretch {
          align-self: stretch !important;
        }

        .order-lg-first {
          order: -1 !important;
        }

        .order-lg-0 {
          order: 0 !important;
        }

        .order-lg-1 {
          order: 1 !important;
        }

        .order-lg-2 {
          order: 2 !important;
        }

        .order-lg-3 {
          order: 3 !important;
        }

        .order-lg-4 {
          order: 4 !important;
        }

        .order-lg-5 {
          order: 5 !important;
        }

        .order-lg-last {
          order: 6 !important;
        }

        .m-lg-0 {
          margin: 0 !important;
        }

        .m-lg-1 {
          margin: 0.25rem !important;
        }

        .m-lg-2 {
          margin: 0.5rem !important;
        }

        .m-lg-3 {
          margin: 1rem !important;
        }

        .m-lg-4 {
          margin: 1.5rem !important;
        }

        .m-lg-5 {
          margin: 3rem !important;
        }

        .m-lg-auto {
          margin: auto !important;
        }

        .mx-lg-0 {
          margin-right: 0 !important;
          margin-left: 0 !important;
        }

        .mx-lg-1 {
          margin-right: 0.25rem !important;
          margin-left: 0.25rem !important;
        }

        .mx-lg-2 {
          margin-right: 0.5rem !important;
          margin-left: 0.5rem !important;
        }

        .mx-lg-3 {
          margin-right: 1rem !important;
          margin-left: 1rem !important;
        }

        .mx-lg-4 {
          margin-right: 1.5rem !important;
          margin-left: 1.5rem !important;
        }

        .mx-lg-5 {
          margin-right: 3rem !important;
          margin-left: 3rem !important;
        }

        .mx-lg-auto {
          margin-right: auto !important;
          margin-left: auto !important;
        }

        .my-lg-0 {
          margin-top: 0 !important;
          margin-bottom: 0 !important;
        }

        .my-lg-1 {
          margin-top: 0.25rem !important;
          margin-bottom: 0.25rem !important;
        }

        .my-lg-2 {
          margin-top: 0.5rem !important;
          margin-bottom: 0.5rem !important;
        }

        .my-lg-3 {
          margin-top: 1rem !important;
          margin-bottom: 1rem !important;
        }

        .my-lg-4 {
          margin-top: 1.5rem !important;
          margin-bottom: 1.5rem !important;
        }

        .my-lg-5 {
          margin-top: 3rem !important;
          margin-bottom: 3rem !important;
        }

        .my-lg-auto {
          margin-top: auto !important;
          margin-bottom: auto !important;
        }

        .mt-lg-0 {
          margin-top: 0 !important;
        }

        .mt-lg-1 {
          margin-top: 0.25rem !important;
        }

        .mt-lg-2 {
          margin-top: 0.5rem !important;
        }

        .mt-lg-3 {
          margin-top: 1rem !important;
        }

        .mt-lg-4 {
          margin-top: 1.5rem !important;
        }

        .mt-lg-5 {
          margin-top: 3rem !important;
        }

        .mt-lg-auto {
          margin-top: auto !important;
        }

        .me-lg-0 {
          margin-right: 0 !important;
        }

        .me-lg-1 {
          margin-right: 0.25rem !important;
        }

        .me-lg-2 {
          margin-right: 0.5rem !important;
        }

        .me-lg-3 {
          margin-right: 1rem !important;
        }

        .me-lg-4 {
          margin-right: 1.5rem !important;
        }

        .me-lg-5 {
          margin-right: 3rem !important;
        }

        .me-lg-auto {
          margin-right: auto !important;
        }

        .mb-lg-0 {
          margin-bottom: 0 !important;
        }

        .mb-lg-1 {
          margin-bottom: 0.25rem !important;
        }

        .mb-lg-2 {
          margin-bottom: 0.5rem !important;
        }

        .mb-lg-3 {
          margin-bottom: 1rem !important;
        }

        .mb-lg-4 {
          margin-bottom: 1.5rem !important;
        }

        .mb-lg-5 {
          margin-bottom: 3rem !important;
        }

        .mb-lg-auto {
          margin-bottom: auto !important;
        }

        .ms-lg-0 {
          margin-left: 0 !important;
        }

        .ms-lg-1 {
          margin-left: 0.25rem !important;
        }

        .ms-lg-2 {
          margin-left: 0.5rem !important;
        }

        .ms-lg-3 {
          margin-left: 1rem !important;
        }

        .ms-lg-4 {
          margin-left: 1.5rem !important;
        }

        .ms-lg-5 {
          margin-left: 3rem !important;
        }

        .ms-lg-auto {
          margin-left: auto !important;
        }

        .p-lg-0 {
          padding: 0 !important;
        }

        .p-lg-1 {
          padding: 0.25rem !important;
        }

        .p-lg-2 {
          padding: 0.5rem !important;
        }

        .p-lg-3 {
          padding: 1rem !important;
        }

        .p-lg-4 {
          padding: 1.5rem !important;
        }

        .p-lg-5 {
          padding: 3rem !important;
        }

        .px-lg-0 {
          padding-right: 0 !important;
          padding-left: 0 !important;
        }

        .px-lg-1 {
          padding-right: 0.25rem !important;
          padding-left: 0.25rem !important;
        }

        .px-lg-2 {
          padding-right: 0.5rem !important;
          padding-left: 0.5rem !important;
        }

        .px-lg-3 {
          padding-right: 1rem !important;
          padding-left: 1rem !important;
        }

        .px-lg-4 {
          padding-right: 1.5rem !important;
          padding-left: 1.5rem !important;
        }

        .px-lg-5 {
          padding-right: 3rem !important;
          padding-left: 3rem !important;
        }

        .py-lg-0 {
          padding-top: 0 !important;
          padding-bottom: 0 !important;
        }

        .py-lg-1 {
          padding-top: 0.25rem !important;
          padding-bottom: 0.25rem !important;
        }

        .py-lg-2 {
          padding-top: 0.5rem !important;
          padding-bottom: 0.5rem !important;
        }

        .py-lg-3 {
          padding-top: 1rem !important;
          padding-bottom: 1rem !important;
        }

        .py-lg-4 {
          padding-top: 1.5rem !important;
          padding-bottom: 1.5rem !important;
        }

        .py-lg-5 {
          padding-top: 3rem !important;
          padding-bottom: 3rem !important;
        }

        .pt-lg-0 {
          padding-top: 0 !important;
        }

        .pt-lg-1 {
          padding-top: 0.25rem !important;
        }

        .pt-lg-2 {
          padding-top: 0.5rem !important;
        }

        .pt-lg-3 {
          padding-top: 1rem !important;
        }

        .pt-lg-4 {
          padding-top: 1.5rem !important;
        }

        .pt-lg-5 {
          padding-top: 3rem !important;
        }

        .pe-lg-0 {
          padding-right: 0 !important;
        }

        .pe-lg-1 {
          padding-right: 0.25rem !important;
        }

        .pe-lg-2 {
          padding-right: 0.5rem !important;
        }

        .pe-lg-3 {
          padding-right: 1rem !important;
        }

        .pe-lg-4 {
          padding-right: 1.5rem !important;
        }

        .pe-lg-5 {
          padding-right: 3rem !important;
        }

        .pb-lg-0 {
          padding-bottom: 0 !important;
        }

        .pb-lg-1 {
          padding-bottom: 0.25rem !important;
        }

        .pb-lg-2 {
          padding-bottom: 0.5rem !important;
        }

        .pb-lg-3 {
          padding-bottom: 1rem !important;
        }

        .pb-lg-4 {
          padding-bottom: 1.5rem !important;
        }

        .pb-lg-5 {
          padding-bottom: 3rem !important;
        }

        .ps-lg-0 {
          padding-left: 0 !important;
        }

        .ps-lg-1 {
          padding-left: 0.25rem !important;
        }

        .ps-lg-2 {
          padding-left: 0.5rem !important;
        }

        .ps-lg-3 {
          padding-left: 1rem !important;
        }

        .ps-lg-4 {
          padding-left: 1.5rem !important;
        }

        .ps-lg-5 {
          padding-left: 3rem !important;
        }

        .gap-lg-0 {
          gap: 0 !important;
        }

        .gap-lg-1 {
          gap: 0.25rem !important;
        }

        .gap-lg-2 {
          gap: 0.5rem !important;
        }

        .gap-lg-3 {
          gap: 1rem !important;
        }

        .gap-lg-4 {
          gap: 1.5rem !important;
        }

        .gap-lg-5 {
          gap: 3rem !important;
        }

        .text-lg-start {
          text-align: left !important;
        }

        .text-lg-end {
          text-align: right !important;
        }

        .text-lg-center {
          text-align: center !important;
        }
      }

      @media (min-width: 1200px) {
        .float-xl-start {
          float: left !important;
        }

        .float-xl-end {
          float: right !important;
        }

        .float-xl-none {
          float: none !important;
        }

        .d-xl-inline {
          display: inline !important;
        }

        .d-xl-inline-block {
          display: inline-block !important;
        }

        .d-xl-block {
          display: block !important;
        }

        .d-xl-grid {
          display: grid !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: flex !important;
        }

        .d-xl-inline-flex {
          display: inline-flex !important;
        }

        .d-xl-none {
          display: none !important;
        }

        .flex-xl-fill {
          flex: 1 1 auto !important;
        }

        .flex-xl-row {
          flex-direction: row !important;
        }

        .flex-xl-column {
          flex-direction: column !important;
        }

        .flex-xl-row-reverse {
          flex-direction: row-reverse !important;
        }

        .flex-xl-column-reverse {
          flex-direction: column-reverse !important;
        }

        .flex-xl-grow-0 {
          flex-grow: 0 !important;
        }

        .flex-xl-grow-1 {
          flex-grow: 1 !important;
        }

        .flex-xl-shrink-0 {
          flex-shrink: 0 !important;
        }

        .flex-xl-shrink-1 {
          flex-shrink: 1 !important;
        }

        .flex-xl-wrap {
          flex-wrap: wrap !important;
        }

        .flex-xl-nowrap {
          flex-wrap: nowrap !important;
        }

        .flex-xl-wrap-reverse {
          flex-wrap: wrap-reverse !important;
        }

        .justify-content-xl-start {
          justify-content: flex-start !important;
        }

        .justify-content-xl-end {
          justify-content: flex-end !important;
        }

        .justify-content-xl-center {
          justify-content: center !important;
        }

        .justify-content-xl-between {
          justify-content: space-between !important;
        }

        .justify-content-xl-around {
          justify-content: space-around !important;
        }

        .justify-content-xl-evenly {
          justify-content: space-evenly !important;
        }

        .align-items-xl-start {
          align-items: flex-start !important;
        }

        .align-items-xl-end {
          align-items: flex-end !important;
        }

        .align-items-xl-center {
          align-items: center !important;
        }

        .align-items-xl-baseline {
          align-items: baseline !important;
        }

        .align-items-xl-stretch {
          align-items: stretch !important;
        }

        .align-content-xl-start {
          align-content: flex-start !important;
        }

        .align-content-xl-end {
          align-content: flex-end !important;
        }

        .align-content-xl-center {
          align-content: center !important;
        }

        .align-content-xl-between {
          align-content: space-between !important;
        }

        .align-content-xl-around {
          align-content: space-around !important;
        }

        .align-content-xl-stretch {
          align-content: stretch !important;
        }

        .align-self-xl-auto {
          align-self: auto !important;
        }

        .align-self-xl-start {
          align-self: flex-start !important;
        }

        .align-self-xl-end {
          align-self: flex-end !important;
        }

        .align-self-xl-center {
          align-self: center !important;
        }

        .align-self-xl-baseline {
          align-self: baseline !important;
        }

        .align-self-xl-stretch {
          align-self: stretch !important;
        }

        .order-xl-first {
          order: -1 !important;
        }

        .order-xl-0 {
          order: 0 !important;
        }

        .order-xl-1 {
          order: 1 !important;
        }

        .order-xl-2 {
          order: 2 !important;
        }

        .order-xl-3 {
          order: 3 !important;
        }

        .order-xl-4 {
          order: 4 !important;
        }

        .order-xl-5 {
          order: 5 !important;
        }

        .order-xl-last {
          order: 6 !important;
        }

        .m-xl-0 {
          margin: 0 !important;
        }

        .m-xl-1 {
          margin: 0.25rem !important;
        }

        .m-xl-2 {
          margin: 0.5rem !important;
        }

        .m-xl-3 {
          margin: 1rem !important;
        }

        .m-xl-4 {
          margin: 1.5rem !important;
        }

        .m-xl-5 {
          margin: 3rem !important;
        }

        .m-xl-auto {
          margin: auto !important;
        }

        .mx-xl-0 {
          margin-right: 0 !important;
          margin-left: 0 !important;
        }

        .mx-xl-1 {
          margin-right: 0.25rem !important;
          margin-left: 0.25rem !important;
        }

        .mx-xl-2 {
          margin-right: 0.5rem !important;
          margin-left: 0.5rem !important;
        }

        .mx-xl-3 {
          margin-right: 1rem !important;
          margin-left: 1rem !important;
        }

        .mx-xl-4 {
          margin-right: 1.5rem !important;
          margin-left: 1.5rem !important;
        }

        .mx-xl-5 {
          margin-right: 3rem !important;
          margin-left: 3rem !important;
        }

        .mx-xl-auto {
          margin-right: auto !important;
          margin-left: auto !important;
        }

        .my-xl-0 {
          margin-top: 0 !important;
          margin-bottom: 0 !important;
        }

        .my-xl-1 {
          margin-top: 0.25rem !important;
          margin-bottom: 0.25rem !important;
        }

        .my-xl-2 {
          margin-top: 0.5rem !important;
          margin-bottom: 0.5rem !important;
        }

        .my-xl-3 {
          margin-top: 1rem !important;
          margin-bottom: 1rem !important;
        }

        .my-xl-4 {
          margin-top: 1.5rem !important;
          margin-bottom: 1.5rem !important;
        }

        .my-xl-5 {
          margin-top: 3rem !important;
          margin-bottom: 3rem !important;
        }

        .my-xl-auto {
          margin-top: auto !important;
          margin-bottom: auto !important;
        }

        .mt-xl-0 {
          margin-top: 0 !important;
        }

        .mt-xl-1 {
          margin-top: 0.25rem !important;
        }

        .mt-xl-2 {
          margin-top: 0.5rem !important;
        }

        .mt-xl-3 {
          margin-top: 1rem !important;
        }

        .mt-xl-4 {
          margin-top: 1.5rem !important;
        }

        .mt-xl-5 {
          margin-top: 3rem !important;
        }

        .mt-xl-auto {
          margin-top: auto !important;
        }

        .me-xl-0 {
          margin-right: 0 !important;
        }

        .me-xl-1 {
          margin-right: 0.25rem !important;
        }

        .me-xl-2 {
          margin-right: 0.5rem !important;
        }

        .me-xl-3 {
          margin-right: 1rem !important;
        }

        .me-xl-4 {
          margin-right: 1.5rem !important;
        }

        .me-xl-5 {
          margin-right: 3rem !important;
        }

        .me-xl-auto {
          margin-right: auto !important;
        }

        .mb-xl-0 {
          margin-bottom: 0 !important;
        }

        .mb-xl-1 {
          margin-bottom: 0.25rem !important;
        }

        .mb-xl-2 {
          margin-bottom: 0.5rem !important;
        }

        .mb-xl-3 {
          margin-bottom: 1rem !important;
        }

        .mb-xl-4 {
          margin-bottom: 1.5rem !important;
        }

        .mb-xl-5 {
          margin-bottom: 3rem !important;
        }

        .mb-xl-auto {
          margin-bottom: auto !important;
        }

        .ms-xl-0 {
          margin-left: 0 !important;
        }

        .ms-xl-1 {
          margin-left: 0.25rem !important;
        }

        .ms-xl-2 {
          margin-left: 0.5rem !important;
        }

        .ms-xl-3 {
          margin-left: 1rem !important;
        }

        .ms-xl-4 {
          margin-left: 1.5rem !important;
        }

        .ms-xl-5 {
          margin-left: 3rem !important;
        }

        .ms-xl-auto {
          margin-left: auto !important;
        }

        .p-xl-0 {
          padding: 0 !important;
        }

        .p-xl-1 {
          padding: 0.25rem !important;
        }

        .p-xl-2 {
          padding: 0.5rem !important;
        }

        .p-xl-3 {
          padding: 1rem !important;
        }

        .p-xl-4 {
          padding: 1.5rem !important;
        }

        .p-xl-5 {
          padding: 3rem !important;
        }

        .px-xl-0 {
          padding-right: 0 !important;
          padding-left: 0 !important;
        }

        .px-xl-1 {
          padding-right: 0.25rem !important;
          padding-left: 0.25rem !important;
        }

        .px-xl-2 {
          padding-right: 0.5rem !important;
          padding-left: 0.5rem !important;
        }

        .px-xl-3 {
          padding-right: 1rem !important;
          padding-left: 1rem !important;
        }

        .px-xl-4 {
          padding-right: 1.5rem !important;
          padding-left: 1.5rem !important;
        }

        .px-xl-5 {
          padding-right: 3rem !important;
          padding-left: 3rem !important;
        }

        .py-xl-0 {
          padding-top: 0 !important;
          padding-bottom: 0 !important;
        }

        .py-xl-1 {
          padding-top: 0.25rem !important;
          padding-bottom: 0.25rem !important;
        }

        .py-xl-2 {
          padding-top: 0.5rem !important;
          padding-bottom: 0.5rem !important;
        }

        .py-xl-3 {
          padding-top: 1rem !important;
          padding-bottom: 1rem !important;
        }

        .py-xl-4 {
          padding-top: 1.5rem !important;
          padding-bottom: 1.5rem !important;
        }

        .py-xl-5 {
          padding-top: 3rem !important;
          padding-bottom: 3rem !important;
        }

        .pt-xl-0 {
          padding-top: 0 !important;
        }

        .pt-xl-1 {
          padding-top: 0.25rem !important;
        }

        .pt-xl-2 {
          padding-top: 0.5rem !important;
        }

        .pt-xl-3 {
          padding-top: 1rem !important;
        }

        .pt-xl-4 {
          padding-top: 1.5rem !important;
        }

        .pt-xl-5 {
          padding-top: 3rem !important;
        }

        .pe-xl-0 {
          padding-right: 0 !important;
        }

        .pe-xl-1 {
          padding-right: 0.25rem !important;
        }

        .pe-xl-2 {
          padding-right: 0.5rem !important;
        }

        .pe-xl-3 {
          padding-right: 1rem !important;
        }

        .pe-xl-4 {
          padding-right: 1.5rem !important;
        }

        .pe-xl-5 {
          padding-right: 3rem !important;
        }

        .pb-xl-0 {
          padding-bottom: 0 !important;
        }

        .pb-xl-1 {
          padding-bottom: 0.25rem !important;
        }

        .pb-xl-2 {
          padding-bottom: 0.5rem !important;
        }

        .pb-xl-3 {
          padding-bottom: 1rem !important;
        }

        .pb-xl-4 {
          padding-bottom: 1.5rem !important;
        }

        .pb-xl-5 {
          padding-bottom: 3rem !important;
        }

        .ps-xl-0 {
          padding-left: 0 !important;
        }

        .ps-xl-1 {
          padding-left: 0.25rem !important;
        }

        .ps-xl-2 {
          padding-left: 0.5rem !important;
        }

        .ps-xl-3 {
          padding-left: 1rem !important;
        }

        .ps-xl-4 {
          padding-left: 1.5rem !important;
        }

        .ps-xl-5 {
          padding-left: 3rem !important;
        }

        .gap-xl-0 {
          gap: 0 !important;
        }

        .gap-xl-1 {
          gap: 0.25rem !important;
        }

        .gap-xl-2 {
          gap: 0.5rem !important;
        }

        .gap-xl-3 {
          gap: 1rem !important;
        }

        .gap-xl-4 {
          gap: 1.5rem !important;
        }

        .gap-xl-5 {
          gap: 3rem !important;
        }

        .text-xl-start {
          text-align: left !important;
        }

        .text-xl-end {
          text-align: right !important;
        }

        .text-xl-center {
          text-align: center !important;
        }
      }

      @media (min-width: 1400px) {
        .float-xxl-start {
          float: left !important;
        }

        .float-xxl-end {
          float: right !important;
        }

        .float-xxl-none {
          float: none !important;
        }

        .d-xxl-inline {
          display: inline !important;
        }

        .d-xxl-inline-block {
          display: inline-block !important;
        }

        .d-xxl-block {
          display: block !important;
        }

        .d-xxl-grid {
          display: grid !important;
        }

        .d-xxl-table {
          display: table !important;
        }

        .d-xxl-table-row {
          display: table-row !important;
        }

        .d-xxl-table-cell {
          display: table-cell !important;
        }

        .d-xxl-flex {
          display: flex !important;
        }

        .d-xxl-inline-flex {
          display: inline-flex !important;
        }

        .d-xxl-none {
          display: none !important;
        }

        .flex-xxl-fill {
          flex: 1 1 auto !important;
        }

        .flex-xxl-row {
          flex-direction: row !important;
        }

        .flex-xxl-column {
          flex-direction: column !important;
        }

        .flex-xxl-row-reverse {
          flex-direction: row-reverse !important;
        }

        .flex-xxl-column-reverse {
          flex-direction: column-reverse !important;
        }

        .flex-xxl-grow-0 {
          flex-grow: 0 !important;
        }

        .flex-xxl-grow-1 {
          flex-grow: 1 !important;
        }

        .flex-xxl-shrink-0 {
          flex-shrink: 0 !important;
        }

        .flex-xxl-shrink-1 {
          flex-shrink: 1 !important;
        }

        .flex-xxl-wrap {
          flex-wrap: wrap !important;
        }

        .flex-xxl-nowrap {
          flex-wrap: nowrap !important;
        }

        .flex-xxl-wrap-reverse {
          flex-wrap: wrap-reverse !important;
        }

        .justify-content-xxl-start {
          justify-content: flex-start !important;
        }

        .justify-content-xxl-end {
          justify-content: flex-end !important;
        }

        .justify-content-xxl-center {
          justify-content: center !important;
        }

        .justify-content-xxl-between {
          justify-content: space-between !important;
        }

        .justify-content-xxl-around {
          justify-content: space-around !important;
        }

        .justify-content-xxl-evenly {
          justify-content: space-evenly !important;
        }

        .align-items-xxl-start {
          align-items: flex-start !important;
        }

        .align-items-xxl-end {
          align-items: flex-end !important;
        }

        .align-items-xxl-center {
          align-items: center !important;
        }

        .align-items-xxl-baseline {
          align-items: baseline !important;
        }

        .align-items-xxl-stretch {
          align-items: stretch !important;
        }

        .align-content-xxl-start {
          align-content: flex-start !important;
        }

        .align-content-xxl-end {
          align-content: flex-end !important;
        }

        .align-content-xxl-center {
          align-content: center !important;
        }

        .align-content-xxl-between {
          align-content: space-between !important;
        }

        .align-content-xxl-around {
          align-content: space-around !important;
        }

        .align-content-xxl-stretch {
          align-content: stretch !important;
        }

        .align-self-xxl-auto {
          align-self: auto !important;
        }

        .align-self-xxl-start {
          align-self: flex-start !important;
        }

        .align-self-xxl-end {
          align-self: flex-end !important;
        }

        .align-self-xxl-center {
          align-self: center !important;
        }

        .align-self-xxl-baseline {
          align-self: baseline !important;
        }

        .align-self-xxl-stretch {
          align-self: stretch !important;
        }

        .order-xxl-first {
          order: -1 !important;
        }

        .order-xxl-0 {
          order: 0 !important;
        }

        .order-xxl-1 {
          order: 1 !important;
        }

        .order-xxl-2 {
          order: 2 !important;
        }

        .order-xxl-3 {
          order: 3 !important;
        }

        .order-xxl-4 {
          order: 4 !important;
        }

        .order-xxl-5 {
          order: 5 !important;
        }

        .order-xxl-last {
          order: 6 !important;
        }

        .m-xxl-0 {
          margin: 0 !important;
        }

        .m-xxl-1 {
          margin: 0.25rem !important;
        }

        .m-xxl-2 {
          margin: 0.5rem !important;
        }

        .m-xxl-3 {
          margin: 1rem !important;
        }

        .m-xxl-4 {
          margin: 1.5rem !important;
        }

        .m-xxl-5 {
          margin: 3rem !important;
        }

        .m-xxl-auto {
          margin: auto !important;
        }

        .mx-xxl-0 {
          margin-right: 0 !important;
          margin-left: 0 !important;
        }

        .mx-xxl-1 {
          margin-right: 0.25rem !important;
          margin-left: 0.25rem !important;
        }

        .mx-xxl-2 {
          margin-right: 0.5rem !important;
          margin-left: 0.5rem !important;
        }

        .mx-xxl-3 {
          margin-right: 1rem !important;
          margin-left: 1rem !important;
        }

        .mx-xxl-4 {
          margin-right: 1.5rem !important;
          margin-left: 1.5rem !important;
        }

        .mx-xxl-5 {
          margin-right: 3rem !important;
          margin-left: 3rem !important;
        }

        .mx-xxl-auto {
          margin-right: auto !important;
          margin-left: auto !important;
        }

        .my-xxl-0 {
          margin-top: 0 !important;
          margin-bottom: 0 !important;
        }

        .my-xxl-1 {
          margin-top: 0.25rem !important;
          margin-bottom: 0.25rem !important;
        }

        .my-xxl-2 {
          margin-top: 0.5rem !important;
          margin-bottom: 0.5rem !important;
        }

        .my-xxl-3 {
          margin-top: 1rem !important;
          margin-bottom: 1rem !important;
        }

        .my-xxl-4 {
          margin-top: 1.5rem !important;
          margin-bottom: 1.5rem !important;
        }

        .my-xxl-5 {
          margin-top: 3rem !important;
          margin-bottom: 3rem !important;
        }

        .my-xxl-auto {
          margin-top: auto !important;
          margin-bottom: auto !important;
        }

        .mt-xxl-0 {
          margin-top: 0 !important;
        }

        .mt-xxl-1 {
          margin-top: 0.25rem !important;
        }

        .mt-xxl-2 {
          margin-top: 0.5rem !important;
        }

        .mt-xxl-3 {
          margin-top: 1rem !important;
        }

        .mt-xxl-4 {
          margin-top: 1.5rem !important;
        }

        .mt-xxl-5 {
          margin-top: 3rem !important;
        }

        .mt-xxl-auto {
          margin-top: auto !important;
        }

        .me-xxl-0 {
          margin-right: 0 !important;
        }

        .me-xxl-1 {
          margin-right: 0.25rem !important;
        }

        .me-xxl-2 {
          margin-right: 0.5rem !important;
        }

        .me-xxl-3 {
          margin-right: 1rem !important;
        }

        .me-xxl-4 {
          margin-right: 1.5rem !important;
        }

        .me-xxl-5 {
          margin-right: 3rem !important;
        }

        .me-xxl-auto {
          margin-right: auto !important;
        }

        .mb-xxl-0 {
          margin-bottom: 0 !important;
        }

        .mb-xxl-1 {
          margin-bottom: 0.25rem !important;
        }

        .mb-xxl-2 {
          margin-bottom: 0.5rem !important;
        }

        .mb-xxl-3 {
          margin-bottom: 1rem !important;
        }

        .mb-xxl-4 {
          margin-bottom: 1.5rem !important;
        }

        .mb-xxl-5 {
          margin-bottom: 3rem !important;
        }

        .mb-xxl-auto {
          margin-bottom: auto !important;
        }

        .ms-xxl-0 {
          margin-left: 0 !important;
        }

        .ms-xxl-1 {
          margin-left: 0.25rem !important;
        }

        .ms-xxl-2 {
          margin-left: 0.5rem !important;
        }

        .ms-xxl-3 {
          margin-left: 1rem !important;
        }

        .ms-xxl-4 {
          margin-left: 1.5rem !important;
        }

        .ms-xxl-5 {
          margin-left: 3rem !important;
        }

        .ms-xxl-auto {
          margin-left: auto !important;
        }

        .p-xxl-0 {
          padding: 0 !important;
        }

        .p-xxl-1 {
          padding: 0.25rem !important;
        }

        .p-xxl-2 {
          padding: 0.5rem !important;
        }

        .p-xxl-3 {
          padding: 1rem !important;
        }

        .p-xxl-4 {
          padding: 1.5rem !important;
        }

        .p-xxl-5 {
          padding: 3rem !important;
        }

        .px-xxl-0 {
          padding-right: 0 !important;
          padding-left: 0 !important;
        }

        .px-xxl-1 {
          padding-right: 0.25rem !important;
          padding-left: 0.25rem !important;
        }

        .px-xxl-2 {
          padding-right: 0.5rem !important;
          padding-left: 0.5rem !important;
        }

        .px-xxl-3 {
          padding-right: 1rem !important;
          padding-left: 1rem !important;
        }

        .px-xxl-4 {
          padding-right: 1.5rem !important;
          padding-left: 1.5rem !important;
        }

        .px-xxl-5 {
          padding-right: 3rem !important;
          padding-left: 3rem !important;
        }

        .py-xxl-0 {
          padding-top: 0 !important;
          padding-bottom: 0 !important;
        }

        .py-xxl-1 {
          padding-top: 0.25rem !important;
          padding-bottom: 0.25rem !important;
        }

        .py-xxl-2 {
          padding-top: 0.5rem !important;
          padding-bottom: 0.5rem !important;
        }

        .py-xxl-3 {
          padding-top: 1rem !important;
          padding-bottom: 1rem !important;
        }

        .py-xxl-4 {
          padding-top: 1.5rem !important;
          padding-bottom: 1.5rem !important;
        }

        .py-xxl-5 {
          padding-top: 3rem !important;
          padding-bottom: 3rem !important;
        }

        .pt-xxl-0 {
          padding-top: 0 !important;
        }

        .pt-xxl-1 {
          padding-top: 0.25rem !important;
        }

        .pt-xxl-2 {
          padding-top: 0.5rem !important;
        }

        .pt-xxl-3 {
          padding-top: 1rem !important;
        }

        .pt-xxl-4 {
          padding-top: 1.5rem !important;
        }

        .pt-xxl-5 {
          padding-top: 3rem !important;
        }

        .pe-xxl-0 {
          padding-right: 0 !important;
        }

        .pe-xxl-1 {
          padding-right: 0.25rem !important;
        }

        .pe-xxl-2 {
          padding-right: 0.5rem !important;
        }

        .pe-xxl-3 {
          padding-right: 1rem !important;
        }

        .pe-xxl-4 {
          padding-right: 1.5rem !important;
        }

        .pe-xxl-5 {
          padding-right: 3rem !important;
        }

        .pb-xxl-0 {
          padding-bottom: 0 !important;
        }

        .pb-xxl-1 {
          padding-bottom: 0.25rem !important;
        }

        .pb-xxl-2 {
          padding-bottom: 0.5rem !important;
        }

        .pb-xxl-3 {
          padding-bottom: 1rem !important;
        }

        .pb-xxl-4 {
          padding-bottom: 1.5rem !important;
        }

        .pb-xxl-5 {
          padding-bottom: 3rem !important;
        }

        .ps-xxl-0 {
          padding-left: 0 !important;
        }

        .ps-xxl-1 {
          padding-left: 0.25rem !important;
        }

        .ps-xxl-2 {
          padding-left: 0.5rem !important;
        }

        .ps-xxl-3 {
          padding-left: 1rem !important;
        }

        .ps-xxl-4 {
          padding-left: 1.5rem !important;
        }

        .ps-xxl-5 {
          padding-left: 3rem !important;
        }

        .gap-xxl-0 {
          gap: 0 !important;
        }

        .gap-xxl-1 {
          gap: 0.25rem !important;
        }

        .gap-xxl-2 {
          gap: 0.5rem !important;
        }

        .gap-xxl-3 {
          gap: 1rem !important;
        }

        .gap-xxl-4 {
          gap: 1.5rem !important;
        }

        .gap-xxl-5 {
          gap: 3rem !important;
        }

        .text-xxl-start {
          text-align: left !important;
        }

        .text-xxl-end {
          text-align: right !important;
        }

        .text-xxl-center {
          text-align: center !important;
        }
      }

      @media (min-width: 1200px) {
        .fs-1 {
          font-size: 2.5rem !important;
        }

        .fs-2 {
          font-size: 2rem !important;
        }

        .fs-3 {
          font-size: 1.75rem !important;
        }

        .fs-4 {
          font-size: 1.5rem !important;
        }
      }

      @media print {
        .d-print-inline {
          display: inline !important;
        }

        .d-print-inline-block {
          display: inline-block !important;
        }

        .d-print-block {
          display: block !important;
        }

        .d-print-grid {
          display: grid !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: flex !important;
        }

        .d-print-inline-flex {
          display: inline-flex !important;
        }

        .d-print-none {
          display: none !important;
        }
      }

      :root {
        --bs-blue: #0d6efd;
        --bs-indigo: #6610f2;
        --bs-purple: #f7b808;
        --bs-pink: #d63384;
        --bs-red: #dc3545;
        --bs-orange: #fd7e14;
        --bs-yellow: #ffc107;
        --bs-green: #f7b808;
        --bs-teal: #20c997;
        --bs-cyan: #0dcaf0;
        --bs-black: #000;
        --bs-white: #fff;
        --bs-gray: #6c757d;
        --bs-gray-dark: #343a40;
        --bs-gray-100: #f8f9fa;
        --bs-gray-200: #e9ecef;
        --bs-gray-300: #dee2e6;
        --bs-gray-400: #ced4da;
        --bs-gray-500: #adb5bd;
        --bs-gray-600: #6c757d;
        --bs-gray-700: #495057;
        --bs-gray-800: #343a40;
        --bs-gray-900: #212529;
        --bs-primary: #0d6efd;
        --bs-secondary: #6c757d;
        --bs-success: #f7b808;
        --bs-info: #0dcaf0;
        --bs-warning: #ffc107;
        --bs-danger: #dc3545;
        --bs-light: #f8f9fa;
        --bs-dark: #212529;
        --bs-primary-rgb: 13, 110, 253;
        --bs-secondary-rgb: 108, 117, 125;
        --bs-success-rgb: 25, 135, 84;
        --bs-info-rgb: 13, 202, 240;
        --bs-warning-rgb: 255, 193, 7;
        --bs-danger-rgb: 220, 53, 69;
        --bs-light-rgb: 248, 249, 250;
        --bs-dark-rgb: 33, 37, 41;
        --bs-white-rgb: 255, 255, 255;
        --bs-black-rgb: 0, 0, 0;
        --bs-body-color-rgb: 33, 37, 41;
        --bs-body-bg-rgb: 255, 255, 255;
        --bs-font-sans-serif:
          system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue",
          "Noto Sans", "Liberation Sans", Arial, sans-serif,
          "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
          "Noto Color Emoji";
        --bs-font-monospace:
          SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
          "Courier New", monospace;
        --bs-gradient: linear-gradient(
          180deg,
          rgba(255, 255, 255, 0.15),
          rgba(255, 255, 255, 0)
        );
        --bs-body-font-family: var(--bs-font-sans-serif);
        --bs-body-font-size: 1rem;
        --bs-body-font-weight: 400;
        --bs-body-line-height: 1.5;
        --bs-body-color: #212529;
        --bs-body-bg: #fff;
        --bs-border-width: 1px;
        --bs-border-style: solid;
        --bs-border-color: #dee2e6;
        --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
        --bs-border-radius: 0.375rem;
        --bs-border-radius-sm: 0.25rem;
        --bs-border-radius-lg: 0.5rem;
        --bs-border-radius-xl: 1rem;
        --bs-border-radius-2xl: 2rem;
        --bs-border-radius-pill: 50rem;
        --bs-link-color: #0d6efd;
        --bs-link-hover-color: rgb(10.4, 88, 202.4);
        --bs-code-color: #d63384;
        --bs-highlight-bg: rgb(255, 242.6, 205.4);
      }

      *,
      *::before,
      *::after {
        box-sizing: border-box;
      }

      @media (prefers-reduced-motion: no-preference) {
        :root {
          scroll-behavior: smooth;
        }
      }

      body {
        margin: 0;
        font-family: var(--bs-body-font-family);
        font-size: var(--bs-body-font-size);
        font-weight: var(--bs-body-font-weight);
        line-height: var(--bs-body-line-height);
        color: var(--bs-body-color);
        text-align: var(--bs-body-text-align);
        background-color: var(--bs-body-bg);
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      }

      hr {
        margin: 1rem 0;
        color: inherit;
        border: 0;
        border-top: 1px solid;
        opacity: 0.25;
      }

      h6,
      h5,
      h4,
      h3,
      h2,
      h1 {
        margin-top: 0;
        margin-bottom: 0.5rem;
        font-weight: 500;
        line-height: 1.2;
      }

      h1 {
        font-size: calc(1.375rem + 1.5vw);
      }

      @media (min-width: 1200px) {
        h1 {
          font-size: 2.5rem;
        }
      }

      h2 {
        font-size: calc(1.325rem + 0.9vw);
      }

      @media (min-width: 1200px) {
        h2 {
          font-size: 2rem;
        }
      }

      h3 {
        font-size: calc(1.3rem + 0.6vw);
      }

      @media (min-width: 1200px) {
        h3 {
          font-size: 1.75rem;
        }
      }

      h4 {
        font-size: calc(1.275rem + 0.3vw);
      }

      @media (min-width: 1200px) {
        h4 {
          font-size: 1.5rem;
        }
      }

      h5 {
        font-size: 1.25rem;
      }

      h6 {
        font-size: 1rem;
      }

      p {
        margin-top: 0;
        margin-bottom: 1rem;
      }

      abbr[title] {
        text-decoration: underline dotted;
        cursor: help;
        text-decoration-skip-ink: none;
      }

      address {
        margin-bottom: 1rem;
        font-style: normal;
        line-height: inherit;
      }

      ol,
      ul {
        padding-left: 2rem;
      }

      ol,
      ul,
      dl {
        margin-top: 0;
        margin-bottom: 1rem;
      }

      ol ol,
      ul ul,
      ol ul,
      ul ol {
        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: 0.875em;
      }

      mark {
        padding: 0.1875em;
        background-color: var(--bs-highlight-bg);
      }

      sub,
      sup {
        position: relative;
        font-size: 0.75em;
        line-height: 0;
        vertical-align: baseline;
      }

      sub {
        bottom: -0.25em;
      }

      sup {
        top: -0.5em;
      }

      a {
        color: var(--bs-link-color);
        text-decoration: underline;
      }

      a:hover {
        color: var(--bs-link-hover-color);
      }

      a:not([href]):not([class]),
      a:not([href]):not([class]):hover {
        color: inherit;
        text-decoration: none;
      }

      pre,
      code,
      kbd,
      samp {
        font-family: var(--bs-font-monospace);
        font-size: 1em;
      }

      pre {
        display: block;
        margin-top: 0;
        margin-bottom: 1rem;
        overflow: auto;
        font-size: 0.875em;
      }

      pre code {
        font-size: inherit;
        color: inherit;
        word-break: normal;
      }

      code {
        font-size: 0.875em;
        color: var(--bs-code-color);
        word-wrap: break-word;
      }

      a > code {
        color: inherit;
      }

      kbd {
        padding: 0.1875rem 0.375rem;
        font-size: 0.875em;
        color: var(--bs-body-bg);
        background-color: var(--bs-body-color);
        border-radius: 0.25rem;
      }

      kbd kbd {
        padding: 0;
        font-size: 1em;
      }

      figure {
        margin: 0 0 1rem;
      }

      img,
      svg {
        vertical-align: middle;
      }

      table {
        caption-side: bottom;
        border-collapse: collapse;
      }

      caption {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        color: #6c757d;
        text-align: left;
      }

      th {
        text-align: inherit;
        text-align: -webkit-match-parent;
      }

      thead,
      tbody,
      tfoot,
      tr,
      td,
      th {
        border-color: inherit;
        border-style: solid;
        border-width: 0;
      }

      label {
        display: inline-block;
      }

      button {
        border-radius: 0;
      }

      button:focus:not(:focus-visible) {
        outline: 0;
      }

      input,
      button,
      select,
      optgroup,
      textarea {
        margin: 0;
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
      }

      button,
      select {
        text-transform: none;
      }

      [role="button"] {
        cursor: pointer;
      }

      select {
        word-wrap: normal;
      }

      select:disabled {
        opacity: 1;
      }

      [list]:not([type="date"]):not([type="datetime-local"]):not(
          [type="month"]
        ):not([type="week"]):not(
          [type="time"]
        )::-webkit-calendar-picker-indicator {
        display: none !important;
      }

      button,
      [type="button"],
      [type="reset"],
      [type="submit"] {
        -webkit-appearance: button;
      }

      button:not(:disabled),
      [type="button"]:not(:disabled),
      [type="reset"]:not(:disabled),
      [type="submit"]:not(:disabled) {
        cursor: pointer;
      }

      ::-moz-focus-inner {
        padding: 0;
        border-style: none;
      }

      textarea {
        resize: vertical;
      }

      fieldset {
        min-width: 0;
        padding: 0;
        margin: 0;
        border: 0;
      }

      legend {
        float: left;
        width: 100%;
        padding: 0;
        margin-bottom: 0.5rem;
        font-size: calc(1.275rem + 0.3vw);
        line-height: inherit;
      }

      @media (min-width: 1200px) {
        legend {
          font-size: 1.5rem;
        }
      }

      legend + * {
        clear: left;
      }

      ::-webkit-datetime-edit-fields-wrapper,
      ::-webkit-datetime-edit-text,
      ::-webkit-datetime-edit-minute,
      ::-webkit-datetime-edit-hour-field,
      ::-webkit-datetime-edit-day-field,
      ::-webkit-datetime-edit-month-field,
      ::-webkit-datetime-edit-year-field {
        padding: 0;
      }

      ::-webkit-inner-spin-button {
        height: auto;
      }

      [type="search"] {
        outline-offset: -2px;
        -webkit-appearance: textfield;
      }

      ::-webkit-search-decoration {
        -webkit-appearance: none;
      }

      ::-webkit-color-swatch-wrapper {
        padding: 0;
      }

      ::file-selector-button {
        font: inherit;
        -webkit-appearance: button;
      }

      output {
        display: inline-block;
      }

      iframe {
        border: 0;
      }

      summary {
        display: list-item;
        cursor: pointer;
      }

      progress {
        vertical-align: baseline;
      }

      [hidden] {
        display: none !important;
      }

      .container,
      .container-fluid,
      .container-xxl,
      .container-xl,
      .container-lg,
      .container-md,
      .container-sm {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        width: 100%;
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        padding-left: calc(var(--bs-gutter-x) * 0.5);
        margin-right: auto;
        margin-left: auto;
      }

      @media (min-width: 576px) {
        .container-sm,
        .container {
          max-width: 540px;
        }
      }

      @media (min-width: 768px) {
        .container-md,
        .container-sm,
        .container {
          max-width: 720px;
        }
      }

      @media (min-width: 992px) {
        .container-lg,
        .container-md,
        .container-sm,
        .container {
          max-width: 960px;
        }
      }

      @media (min-width: 1200px) {
        .container-xl,
        .container-lg,
        .container-md,
        .container-sm,
        .container {
          max-width: 1140px;
        }
      }

      @media (min-width: 1400px) {
        .container-xxl,
        .container-xl,
        .container-lg,
        .container-md,
        .container-sm,
        .container {
          max-width: 1320px;
        }
      }

      .row {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: calc(-1 * var(--bs-gutter-y));
        margin-right: calc(-0.5 * var(--bs-gutter-x));
        margin-left: calc(-0.5 * var(--bs-gutter-x));
      }

      .row > * {
        flex-shrink: 0;
        width: 100%;
        max-width: 100%;
        padding-right: calc(var(--bs-gutter-x) * 0.5);
        padding-left: calc(var(--bs-gutter-x) * 0.5);
        margin-top: var(--bs-gutter-y);
      }

      .col {
        flex: 1 0 0%;
      }

      .row-cols-auto > * {
        flex: 0 0 auto;
        width: auto;
      }

      .row-cols-1 > * {
        flex: 0 0 auto;
        width: 100%;
      }

      .row-cols-2 > * {
        flex: 0 0 auto;
        width: 50%;
      }

      .row-cols-3 > * {
        flex: 0 0 auto;
        width: 33.3333333333%;
      }

      .row-cols-4 > * {
        flex: 0 0 auto;
        width: 25%;
      }

      .row-cols-5 > * {
        flex: 0 0 auto;
        width: 20%;
      }

      .row-cols-6 > * {
        flex: 0 0 auto;
        width: 16.6666666667%;
      }

      .col-auto {
        flex: 0 0 auto;
        width: auto;
      }

      .col-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
      }

      .col-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
      }

      .col-3 {
        flex: 0 0 auto;
        width: 25%;
      }

      .col-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
      }

      .col-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
      }

      .col-6 {
        flex: 0 0 auto;
        width: 50%;
      }

      .col-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
      }

      .col-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
      }

      .col-9 {
        flex: 0 0 auto;
        width: 75%;
      }

      .col-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
      }

      .col-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
      }

      .col-12 {
        flex: 0 0 auto;
        width: 100%;
      }

      .offset-1 {
        margin-left: 8.33333333%;
      }

      .offset-2 {
        margin-left: 16.66666667%;
      }

      .offset-3 {
        margin-left: 25%;
      }

      .offset-4 {
        margin-left: 33.33333333%;
      }

      .offset-5 {
        margin-left: 41.66666667%;
      }

      .offset-6 {
        margin-left: 50%;
      }

      .offset-7 {
        margin-left: 58.33333333%;
      }

      .offset-8 {
        margin-left: 66.66666667%;
      }

      .offset-9 {
        margin-left: 75%;
      }

      .offset-10 {
        margin-left: 83.33333333%;
      }

      .offset-11 {
        margin-left: 91.66666667%;
      }

      .g-0,
      .gx-0 {
        --bs-gutter-x: 0;
      }

      .g-0,
      .gy-0 {
        --bs-gutter-y: 0;
      }

      .g-1,
      .gx-1 {
        --bs-gutter-x: 0.25rem;
      }

      .g-1,
      .gy-1 {
        --bs-gutter-y: 0.25rem;
      }

      .g-2,
      .gx-2 {
        --bs-gutter-x: 0.5rem;
      }

      .g-2,
      .gy-2 {
        --bs-gutter-y: 0.5rem;
      }

      .g-3,
      .gx-3 {
        --bs-gutter-x: 1rem;
      }

      .g-3,
      .gy-3 {
        --bs-gutter-y: 1rem;
      }

      .g-4,
      .gx-4 {
        --bs-gutter-x: 1.5rem;
      }

      .g-4,
      .gy-4 {
        --bs-gutter-y: 1.5rem;
      }

      .g-5,
      .gx-5 {
        --bs-gutter-x: 3rem;
      }

      .g-5,
      .gy-5 {
        --bs-gutter-y: 3rem;
      }

      @media (min-width: 576px) {
        .col-sm {
          flex: 1 0 0%;
        }

        .row-cols-sm-auto > * {
          flex: 0 0 auto;
          width: auto;
        }

        .row-cols-sm-1 > * {
          flex: 0 0 auto;
          width: 100%;
        }

        .row-cols-sm-2 > * {
          flex: 0 0 auto;
          width: 50%;
        }

        .row-cols-sm-3 > * {
          flex: 0 0 auto;
          width: 33.3333333333%;
        }

        .row-cols-sm-4 > * {
          flex: 0 0 auto;
          width: 25%;
        }

        .row-cols-sm-5 > * {
          flex: 0 0 auto;
          width: 20%;
        }

        .row-cols-sm-6 > * {
          flex: 0 0 auto;
          width: 16.6666666667%;
        }

        .col-sm-auto {
          flex: 0 0 auto;
          width: auto;
        }

        .col-sm-1 {
          flex: 0 0 auto;
          width: 8.33333333%;
        }

        .col-sm-2 {
          flex: 0 0 auto;
          width: 16.66666667%;
        }

        .col-sm-3 {
          flex: 0 0 auto;
          width: 25%;
        }

        .col-sm-4 {
          flex: 0 0 auto;
          width: 33.33333333%;
        }

        .col-sm-5 {
          flex: 0 0 auto;
          width: 41.66666667%;
        }

        .col-sm-6 {
          flex: 0 0 auto;
          width: 50%;
        }

        .col-sm-7 {
          flex: 0 0 auto;
          width: 58.33333333%;
        }

        .col-sm-8 {
          flex: 0 0 auto;
          width: 66.66666667%;
        }

        .col-sm-9 {
          flex: 0 0 auto;
          width: 75%;
        }

        .col-sm-10 {
          flex: 0 0 auto;
          width: 83.33333333%;
        }

        .col-sm-11 {
          flex: 0 0 auto;
          width: 91.66666667%;
        }

        .col-sm-12 {
          flex: 0 0 auto;
          width: 100%;
        }

        .offset-sm-0 {
          margin-left: 0;
        }

        .offset-sm-1 {
          margin-left: 8.33333333%;
        }

        .offset-sm-2 {
          margin-left: 16.66666667%;
        }

        .offset-sm-3 {
          margin-left: 25%;
        }

        .offset-sm-4 {
          margin-left: 33.33333333%;
        }

        .offset-sm-5 {
          margin-left: 41.66666667%;
        }

        .offset-sm-6 {
          margin-left: 50%;
        }

        .offset-sm-7 {
          margin-left: 58.33333333%;
        }

        .offset-sm-8 {
          margin-left: 66.66666667%;
        }

        .offset-sm-9 {
          margin-left: 75%;
        }

        .offset-sm-10 {
          margin-left: 83.33333333%;
        }

        .offset-sm-11 {
          margin-left: 91.66666667%;
        }

        .g-sm-0,
        .gx-sm-0 {
          --bs-gutter-x: 0;
        }

        .g-sm-0,
        .gy-sm-0 {
          --bs-gutter-y: 0;
        }

        .g-sm-1,
        .gx-sm-1 {
          --bs-gutter-x: 0.25rem;
        }

        .g-sm-1,
        .gy-sm-1 {
          --bs-gutter-y: 0.25rem;
        }

        .g-sm-2,
        .gx-sm-2 {
          --bs-gutter-x: 0.5rem;
        }

        .g-sm-2,
        .gy-sm-2 {
          --bs-gutter-y: 0.5rem;
        }

        .g-sm-3,
        .gx-sm-3 {
          --bs-gutter-x: 1rem;
        }

        .g-sm-3,
        .gy-sm-3 {
          --bs-gutter-y: 1rem;
        }

        .g-sm-4,
        .gx-sm-4 {
          --bs-gutter-x: 1.5rem;
        }

        .g-sm-4,
        .gy-sm-4 {
          --bs-gutter-y: 1.5rem;
        }

        .g-sm-5,
        .gx-sm-5 {
          --bs-gutter-x: 3rem;
        }

        .g-sm-5,
        .gy-sm-5 {
          --bs-gutter-y: 3rem;
        }
      }

      @media (min-width: 768px) {
        .col-md {
          flex: 1 0 0%;
        }

        .row-cols-md-auto > * {
          flex: 0 0 auto;
          width: auto;
        }

        .row-cols-md-1 > * {
          flex: 0 0 auto;
          width: 100%;
        }

        .row-cols-md-2 > * {
          flex: 0 0 auto;
          width: 50%;
        }

        .row-cols-md-3 > * {
          flex: 0 0 auto;
          width: 33.3333333333%;
        }

        .row-cols-md-4 > * {
          flex: 0 0 auto;
          width: 25%;
        }

        .row-cols-md-5 > * {
          flex: 0 0 auto;
          width: 20%;
        }

        .row-cols-md-6 > * {
          flex: 0 0 auto;
          width: 16.6666666667%;
        }

        .col-md-auto {
          flex: 0 0 auto;
          width: auto;
        }

        .col-md-1 {
          flex: 0 0 auto;
          width: 8.33333333%;
        }

        .col-md-2 {
          flex: 0 0 auto;
          width: 16.66666667%;
        }

        .col-md-3 {
          flex: 0 0 auto;
          width: 25%;
        }

        .col-md-4 {
          flex: 0 0 auto;
          width: 33.33333333%;
        }

        .col-md-5 {
          flex: 0 0 auto;
          width: 41.66666667%;
        }

        .col-md-6 {
          flex: 0 0 auto;
          width: 50%;
        }

        .col-md-7 {
          flex: 0 0 auto;
          width: 58.33333333%;
        }

        .col-md-8 {
          flex: 0 0 auto;
          width: 66.66666667%;
        }

        .col-md-9 {
          flex: 0 0 auto;
          width: 75%;
        }

        .col-md-10 {
          flex: 0 0 auto;
          width: 83.33333333%;
        }

        .col-md-11 {
          flex: 0 0 auto;
          width: 91.66666667%;
        }

        .col-md-12 {
          flex: 0 0 auto;
          width: 100%;
        }

        .offset-md-0 {
          margin-left: 0;
        }

        .offset-md-1 {
          margin-left: 8.33333333%;
        }

        .offset-md-2 {
          margin-left: 16.66666667%;
        }

        .offset-md-3 {
          margin-left: 25%;
        }

        .offset-md-4 {
          margin-left: 33.33333333%;
        }

        .offset-md-5 {
          margin-left: 41.66666667%;
        }

        .offset-md-6 {
          margin-left: 50%;
        }

        .offset-md-7 {
          margin-left: 58.33333333%;
        }

        .offset-md-8 {
          margin-left: 66.66666667%;
        }

        .offset-md-9 {
          margin-left: 75%;
        }

        .offset-md-10 {
          margin-left: 83.33333333%;
        }

        .offset-md-11 {
          margin-left: 91.66666667%;
        }

        .g-md-0,
        .gx-md-0 {
          --bs-gutter-x: 0;
        }

        .g-md-0,
        .gy-md-0 {
          --bs-gutter-y: 0;
        }

        .g-md-1,
        .gx-md-1 {
          --bs-gutter-x: 0.25rem;
        }

        .g-md-1,
        .gy-md-1 {
          --bs-gutter-y: 0.25rem;
        }

        .g-md-2,
        .gx-md-2 {
          --bs-gutter-x: 0.5rem;
        }

        .g-md-2,
        .gy-md-2 {
          --bs-gutter-y: 0.5rem;
        }

        .g-md-3,
        .gx-md-3 {
          --bs-gutter-x: 1rem;
        }

        .g-md-3,
        .gy-md-3 {
          --bs-gutter-y: 1rem;
        }

        .g-md-4,
        .gx-md-4 {
          --bs-gutter-x: 1.5rem;
        }

        .g-md-4,
        .gy-md-4 {
          --bs-gutter-y: 1.5rem;
        }

        .g-md-5,
        .gx-md-5 {
          --bs-gutter-x: 3rem;
        }

        .g-md-5,
        .gy-md-5 {
          --bs-gutter-y: 3rem;
        }
      }

      @media (min-width: 992px) {
        .col-lg {
          flex: 1 0 0%;
        }

        .row-cols-lg-auto > * {
          flex: 0 0 auto;
          width: auto;
        }

        .row-cols-lg-1 > * {
          flex: 0 0 auto;
          width: 100%;
        }

        .row-cols-lg-2 > * {
          flex: 0 0 auto;
          width: 50%;
        }

        .row-cols-lg-3 > * {
          flex: 0 0 auto;
          width: 33.3333333333%;
        }

        .row-cols-lg-4 > * {
          flex: 0 0 auto;
          width: 25%;
        }

        .row-cols-lg-5 > * {
          flex: 0 0 auto;
          width: 20%;
        }

        .row-cols-lg-6 > * {
          flex: 0 0 auto;
          width: 16.6666666667%;
        }

        .col-lg-auto {
          flex: 0 0 auto;
          width: auto;
        }

        .col-lg-1 {
          flex: 0 0 auto;
          width: 8.33333333%;
        }

        .col-lg-2 {
          flex: 0 0 auto;
          width: 16.66666667%;
        }

        .col-lg-3 {
          flex: 0 0 auto;
          width: 25%;
        }

        .col-lg-4 {
          flex: 0 0 auto;
          width: 33.33333333%;
        }

        .col-lg-5 {
          flex: 0 0 auto;
          width: 41.66666667%;
        }

        .col-lg-6 {
          flex: 0 0 auto;
          width: 50%;
        }

        .col-lg-7 {
          flex: 0 0 auto;
          width: 58.33333333%;
        }

        .col-lg-8 {
          flex: 0 0 auto;
          width: 66.66666667%;
        }

        .col-lg-9 {
          flex: 0 0 auto;
          width: 75%;
        }

        .col-lg-10 {
          flex: 0 0 auto;
          width: 83.33333333%;
        }

        .col-lg-11 {
          flex: 0 0 auto;
          width: 91.66666667%;
        }

        .col-lg-12 {
          flex: 0 0 auto;
          width: 100%;
        }

        .offset-lg-0 {
          margin-left: 0;
        }

        .offset-lg-1 {
          margin-left: 8.33333333%;
        }

        .offset-lg-2 {
          margin-left: 16.66666667%;
        }

        .offset-lg-3 {
          margin-left: 25%;
        }

        .offset-lg-4 {
          margin-left: 33.33333333%;
        }

        .offset-lg-5 {
          margin-left: 41.66666667%;
        }

        .offset-lg-6 {
          margin-left: 50%;
        }

        .offset-lg-7 {
          margin-left: 58.33333333%;
        }

        .offset-lg-8 {
          margin-left: 66.66666667%;
        }

        .offset-lg-9 {
          margin-left: 75%;
        }

        .offset-lg-10 {
          margin-left: 83.33333333%;
        }

        .offset-lg-11 {
          margin-left: 91.66666667%;
        }

        .g-lg-0,
        .gx-lg-0 {
          --bs-gutter-x: 0;
        }

        .g-lg-0,
        .gy-lg-0 {
          --bs-gutter-y: 0;
        }

        .g-lg-1,
        .gx-lg-1 {
          --bs-gutter-x: 0.25rem;
        }

        .g-lg-1,
        .gy-lg-1 {
          --bs-gutter-y: 0.25rem;
        }

        .g-lg-2,
        .gx-lg-2 {
          --bs-gutter-x: 0.5rem;
        }

        .g-lg-2,
        .gy-lg-2 {
          --bs-gutter-y: 0.5rem;
        }

        .g-lg-3,
        .gx-lg-3 {
          --bs-gutter-x: 1rem;
        }

        .g-lg-3,
        .gy-lg-3 {
          --bs-gutter-y: 1rem;
        }

        .g-lg-4,
        .gx-lg-4 {
          --bs-gutter-x: 1.5rem;
        }

        .g-lg-4,
        .gy-lg-4 {
          --bs-gutter-y: 1.5rem;
        }

        .g-lg-5,
        .gx-lg-5 {
          --bs-gutter-x: 3rem;
        }

        .g-lg-5,
        .gy-lg-5 {
          --bs-gutter-y: 3rem;
        }
      }

      @media (min-width: 1200px) {
        .col-xl {
          flex: 1 0 0%;
        }

        .row-cols-xl-auto > * {
          flex: 0 0 auto;
          width: auto;
        }

        .row-cols-xl-1 > * {
          flex: 0 0 auto;
          width: 100%;
        }

        .row-cols-xl-2 > * {
          flex: 0 0 auto;
          width: 50%;
        }

        .row-cols-xl-3 > * {
          flex: 0 0 auto;
          width: 33.3333333333%;
        }

        .row-cols-xl-4 > * {
          flex: 0 0 auto;
          width: 25%;
        }

        .row-cols-xl-5 > * {
          flex: 0 0 auto;
          width: 20%;
        }

        .row-cols-xl-6 > * {
          flex: 0 0 auto;
          width: 16.6666666667%;
        }

        .col-xl-auto {
          flex: 0 0 auto;
          width: auto;
        }

        .col-xl-1 {
          flex: 0 0 auto;
          width: 8.33333333%;
        }

        .col-xl-2 {
          flex: 0 0 auto;
          width: 16.66666667%;
        }

        .col-xl-3 {
          flex: 0 0 auto;
          width: 25%;
        }

        .col-xl-4 {
          flex: 0 0 auto;
          width: 33.33333333%;
        }

        .col-xl-5 {
          flex: 0 0 auto;
          width: 41.66666667%;
        }

        .col-xl-6 {
          flex: 0 0 auto;
          width: 50%;
        }

        .col-xl-7 {
          flex: 0 0 auto;
          width: 58.33333333%;
        }

        .col-xl-8 {
          flex: 0 0 auto;
          width: 66.66666667%;
        }

        .col-xl-9 {
          flex: 0 0 auto;
          width: 75%;
        }

        .col-xl-10 {
          flex: 0 0 auto;
          width: 83.33333333%;
        }

        .col-xl-11 {
          flex: 0 0 auto;
          width: 91.66666667%;
        }

        .col-xl-12 {
          flex: 0 0 auto;
          width: 100%;
        }

        .offset-xl-0 {
          margin-left: 0;
        }

        .offset-xl-1 {
          margin-left: 8.33333333%;
        }

        .offset-xl-2 {
          margin-left: 16.66666667%;
        }

        .offset-xl-3 {
          margin-left: 25%;
        }

        .offset-xl-4 {
          margin-left: 33.33333333%;
        }

        .offset-xl-5 {
          margin-left: 41.66666667%;
        }

        .offset-xl-6 {
          margin-left: 50%;
        }

        .offset-xl-7 {
          margin-left: 58.33333333%;
        }

        .offset-xl-8 {
          margin-left: 66.66666667%;
        }

        .offset-xl-9 {
          margin-left: 75%;
        }

        .offset-xl-10 {
          margin-left: 83.33333333%;
        }

        .offset-xl-11 {
          margin-left: 91.66666667%;
        }

        .g-xl-0,
        .gx-xl-0 {
          --bs-gutter-x: 0;
        }

        .g-xl-0,
        .gy-xl-0 {
          --bs-gutter-y: 0;
        }

        .g-xl-1,
        .gx-xl-1 {
          --bs-gutter-x: 0.25rem;
        }

        .g-xl-1,
        .gy-xl-1 {
          --bs-gutter-y: 0.25rem;
        }

        .g-xl-2,
        .gx-xl-2 {
          --bs-gutter-x: 0.5rem;
        }

        .g-xl-2,
        .gy-xl-2 {
          --bs-gutter-y: 0.5rem;
        }

        .g-xl-3,
        .gx-xl-3 {
          --bs-gutter-x: 1rem;
        }

        .g-xl-3,
        .gy-xl-3 {
          --bs-gutter-y: 1rem;
        }

        .g-xl-4,
        .gx-xl-4 {
          --bs-gutter-x: 1.5rem;
        }

        .g-xl-4,
        .gy-xl-4 {
          --bs-gutter-y: 1.5rem;
        }

        .g-xl-5,
        .gx-xl-5 {
          --bs-gutter-x: 3rem;
        }

        .g-xl-5,
        .gy-xl-5 {
          --bs-gutter-y: 3rem;
        }
      }

      @media (min-width: 1400px) {
        .col-xxl {
          flex: 1 0 0%;
        }

        .row-cols-xxl-auto > * {
          flex: 0 0 auto;
          width: auto;
        }

        .row-cols-xxl-1 > * {
          flex: 0 0 auto;
          width: 100%;
        }

        .row-cols-xxl-2 > * {
          flex: 0 0 auto;
          width: 50%;
        }

        .row-cols-xxl-3 > * {
          flex: 0 0 auto;
          width: 33.3333333333%;
        }

        .row-cols-xxl-4 > * {
          flex: 0 0 auto;
          width: 25%;
        }

        .row-cols-xxl-5 > * {
          flex: 0 0 auto;
          width: 20%;
        }

        .row-cols-xxl-6 > * {
          flex: 0 0 auto;
          width: 16.6666666667%;
        }

        .col-xxl-auto {
          flex: 0 0 auto;
          width: auto;
        }

        .col-xxl-1 {
          flex: 0 0 auto;
          width: 8.33333333%;
        }

        .col-xxl-2 {
          flex: 0 0 auto;
          width: 16.66666667%;
        }

        .col-xxl-3 {
          flex: 0 0 auto;
          width: 25%;
        }

        .col-xxl-4 {
          flex: 0 0 auto;
          width: 33.33333333%;
        }

        .col-xxl-5 {
          flex: 0 0 auto;
          width: 41.66666667%;
        }

        .col-xxl-6 {
          flex: 0 0 auto;
          width: 50%;
        }

        .col-xxl-7 {
          flex: 0 0 auto;
          width: 58.33333333%;
        }

        .col-xxl-8 {
          flex: 0 0 auto;
          width: 66.66666667%;
        }

        .col-xxl-9 {
          flex: 0 0 auto;
          width: 75%;
        }

        .col-xxl-10 {
          flex: 0 0 auto;
          width: 83.33333333%;
        }

        .col-xxl-11 {
          flex: 0 0 auto;
          width: 91.66666667%;
        }

        .col-xxl-12 {
          flex: 0 0 auto;
          width: 100%;
        }

        .offset-xxl-0 {
          margin-left: 0;
        }

        .offset-xxl-1 {
          margin-left: 8.33333333%;
        }

        .offset-xxl-2 {
          margin-left: 16.66666667%;
        }

        .offset-xxl-3 {
          margin-left: 25%;
        }

        .offset-xxl-4 {
          margin-left: 33.33333333%;
        }

        .offset-xxl-5 {
          margin-left: 41.66666667%;
        }

        .offset-xxl-6 {
          margin-left: 50%;
        }

        .offset-xxl-7 {
          margin-left: 58.33333333%;
        }

        .offset-xxl-8 {
          margin-left: 66.66666667%;
        }

        .offset-xxl-9 {
          margin-left: 75%;
        }

        .offset-xxl-10 {
          margin-left: 83.33333333%;
        }

        .offset-xxl-11 {
          margin-left: 91.66666667%;
        }

        .g-xxl-0,
        .gx-xxl-0 {
          --bs-gutter-x: 0;
        }

        .g-xxl-0,
        .gy-xxl-0 {
          --bs-gutter-y: 0;
        }

        .g-xxl-1,
        .gx-xxl-1 {
          --bs-gutter-x: 0.25rem;
        }

        .g-xxl-1,
        .gy-xxl-1 {
          --bs-gutter-y: 0.25rem;
        }

        .g-xxl-2,
        .gx-xxl-2 {
          --bs-gutter-x: 0.5rem;
        }

        .g-xxl-2,
        .gy-xxl-2 {
          --bs-gutter-y: 0.5rem;
        }

        .g-xxl-3,
        .gx-xxl-3 {
          --bs-gutter-x: 1rem;
        }

        .g-xxl-3,
        .gy-xxl-3 {
          --bs-gutter-y: 1rem;
        }

        .g-xxl-4,
        .gx-xxl-4 {
          --bs-gutter-x: 1.5rem;
        }

        .g-xxl-4,
        .gy-xxl-4 {
          --bs-gutter-y: 1.5rem;
        }

        .g-xxl-5,
        .gx-xxl-5 {
          --bs-gutter-x: 3rem;
        }

        .g-xxl-5,
        .gy-xxl-5 {
          --bs-gutter-y: 3rem;
        }
      }

      .img-fluid {
        max-width: 100%;
        height: auto;
      }

      .img-thumbnail {
        padding: 0.25rem;
        background-color: #fff;
        border: 1px solid var(--bs-border-color);
        border-radius: 0.375rem;
        max-width: 100%;
        height: auto;
      }

      .figure {
        display: inline-block;
      }

      .figure-img {
        margin-bottom: 0.5rem;
        line-height: 1;
      }

      .figure-caption {
        font-size: 0.875em;
        color: #6c757d;
      }

      .btn {
        --bs-btn-padding-x: 0.75rem;
        --bs-btn-padding-y: 0.375rem;
        --bs-btn-font-family: ;
        --bs-btn-font-size: 1rem;
        --bs-btn-font-weight: 400;
        --bs-btn-line-height: 1.5;
        --bs-btn-color: #212529;
        --bs-btn-bg: transparent;
        --bs-btn-border-width: 1px;
        --bs-btn-border-color: transparent;
        --bs-btn-border-radius: 0.375rem;
        --bs-btn-hover-border-color: transparent;
        --bs-btn-box-shadow:
          inset 0 1px 0 rgba(255, 255, 255, 0.15),
          0 1px 1px rgba(0, 0, 0, 0.075);
        --bs-btn-disabled-opacity: 0.65;
        --bs-btn-focus-box-shadow: 0 0 0 0.25rem
          rgba(var(--bs-btn-focus-shadow-rgb), 0.5);
        display: inline-block;
        padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
        font-family: var(--bs-btn-font-family);
        font-size: var(--bs-btn-font-size);
        font-weight: var(--bs-btn-font-weight);
        line-height: var(--bs-btn-line-height);
        color: var(--bs-btn-color);
        text-align: center;
        text-decoration: none;
        vertical-align: middle;
        cursor: pointer;
        user-select: none;
        border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
        border-radius: var(--bs-btn-border-radius);
        background-color: var(--bs-btn-bg);
        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: var(--bs-btn-hover-color);
        background-color: var(--bs-btn-hover-bg);
        border-color: var(--bs-btn-hover-border-color);
      }

      .btn-check + .btn:hover {
        color: var(--bs-btn-color);
        background-color: var(--bs-btn-bg);
        border-color: var(--bs-btn-border-color);
      }

      .btn:focus-visible {
        color: var(--bs-btn-hover-color);
        background-color: var(--bs-btn-hover-bg);
        border-color: var(--bs-btn-hover-border-color);
        outline: 0;
        box-shadow: var(--bs-btn-focus-box-shadow);
      }

      .btn-check:focus-visible + .btn {
        border-color: var(--bs-btn-hover-border-color);
        outline: 0;
        box-shadow: var(--bs-btn-focus-box-shadow);
      }

      .btn-check:checked + .btn,
      :not(.btn-check) + .btn:active,
      .btn:first-child:active,
      .btn.active,
      .btn.show {
        color: var(--bs-btn-active-color);
        background-color: var(--bs-btn-active-bg);
        border-color: var(--bs-btn-active-border-color);
      }

      .btn-check:checked + .btn:focus-visible,
      :not(.btn-check) + .btn:active:focus-visible,
      .btn:first-child:active:focus-visible,
      .btn.active:focus-visible,
      .btn.show:focus-visible {
        box-shadow: var(--bs-btn-focus-box-shadow);
      }

      .btn:disabled,
      .btn.disabled,
      fieldset:disabled .btn {
        color: var(--bs-btn-disabled-color);
        pointer-events: none;
        background-color: var(--bs-btn-disabled-bg);
        border-color: var(--bs-btn-disabled-border-color);
        opacity: var(--bs-btn-disabled-opacity);
      }

      .btn-primary {
        --bs-btn-color: #fff;
        --bs-btn-bg: #0d6efd;
        --bs-btn-border-color: #0d6efd;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: rgb(11.05, 93.5, 215.05);
        --bs-btn-hover-border-color: rgb(10.4, 88, 202.4);
        --bs-btn-focus-shadow-rgb: 49, 132, 253;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: rgb(10.4, 88, 202.4);
        --bs-btn-active-border-color: rgb(9.75, 82.5, 189.75);
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #0d6efd;
        --bs-btn-disabled-border-color: #0d6efd;
      }

      .btn-secondary {
        --bs-btn-color: #fff;
        --bs-btn-bg: #6c757d;
        --bs-btn-border-color: #6c757d;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: rgb(91.8, 99.45, 106.25);
        --bs-btn-hover-border-color: rgb(86.4, 93.6, 100);
        --bs-btn-focus-shadow-rgb: 130, 138, 145;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: rgb(86.4, 93.6, 100);
        --bs-btn-active-border-color: rgb(81, 87.75, 93.75);
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #6c757d;
        --bs-btn-disabled-border-color: #6c757d;
      }

      .btn-success {
        --bs-btn-color: #fff;
        --bs-btn-bg: #f7b808;
        --bs-btn-border-color: #f7b808;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: rgb(21.25, 114.75, 71.4);
        --bs-btn-hover-border-color: rgb(20, 108, 67.2);
        --bs-btn-focus-shadow-rgb: 60, 153, 110;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: rgb(20, 108, 67.2);
        --bs-btn-active-border-color: rgb(18.75, 101.25, 63);
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #f7b808;
        --bs-btn-disabled-border-color: #f7b808;
      }

      .btn-info {
        --bs-btn-color: #000;
        --bs-btn-bg: #0dcaf0;
        --bs-btn-border-color: #0dcaf0;
        --bs-btn-hover-color: #000;
        --bs-btn-hover-bg: rgb(49.3, 209.95, 242.25);
        --bs-btn-hover-border-color: rgb(37.2, 207.3, 241.5);
        --bs-btn-focus-shadow-rgb: 11, 172, 204;
        --bs-btn-active-color: #000;
        --bs-btn-active-bg: rgb(61.4, 212.6, 243);
        --bs-btn-active-border-color: rgb(37.2, 207.3, 241.5);
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #000;
        --bs-btn-disabled-bg: #0dcaf0;
        --bs-btn-disabled-border-color: #0dcaf0;
      }

      .btn-warning {
        --bs-btn-color: #000;
        --bs-btn-bg: #ffc107;
        --bs-btn-border-color: #ffc107;
        --bs-btn-hover-color: #000;
        --bs-btn-hover-bg: rgb(255, 202.3, 44.2);
        --bs-btn-hover-border-color: rgb(255, 199.2, 31.8);
        --bs-btn-focus-shadow-rgb: 217, 164, 6;
        --bs-btn-active-color: #000;
        --bs-btn-active-bg: rgb(255, 205.4, 56.6);
        --bs-btn-active-border-color: rgb(255, 199.2, 31.8);
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #000;
        --bs-btn-disabled-bg: #ffc107;
        --bs-btn-disabled-border-color: #ffc107;
      }

      .btn-danger {
        --bs-btn-color: #fff;
        --bs-btn-bg: #dc3545;
        --bs-btn-border-color: #dc3545;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: rgb(187, 45.05, 58.65);
        --bs-btn-hover-border-color: rgb(176, 42.4, 55.2);
        --bs-btn-focus-shadow-rgb: 225, 83, 97;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: rgb(176, 42.4, 55.2);
        --bs-btn-active-border-color: rgb(165, 39.75, 51.75);
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #dc3545;
        --bs-btn-disabled-border-color: #dc3545;
      }

      .btn-light {
        --bs-btn-color: #000;
        --bs-btn-bg: #f8f9fa;
        --bs-btn-border-color: #f8f9fa;
        --bs-btn-hover-color: #000;
        --bs-btn-hover-bg: rgb(210.8, 211.65, 212.5);
        --bs-btn-hover-border-color: rgb(198.4, 199.2, 200);
        --bs-btn-focus-shadow-rgb: 211, 212, 213;
        --bs-btn-active-color: #000;
        --bs-btn-active-bg: rgb(198.4, 199.2, 200);
        --bs-btn-active-border-color: rgb(186, 186.75, 187.5);
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #000;
        --bs-btn-disabled-bg: #f8f9fa;
        --bs-btn-disabled-border-color: #f8f9fa;
      }

      .btn-dark {
        --bs-btn-color: #fff;
        --bs-btn-bg: #212529;
        --bs-btn-border-color: #212529;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: rgb(66.3, 69.7, 73.1);
        --bs-btn-hover-border-color: rgb(55.2, 58.8, 62.4);
        --bs-btn-focus-shadow-rgb: 66, 70, 73;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: rgb(77.4, 80.6, 83.8);
        --bs-btn-active-border-color: rgb(55.2, 58.8, 62.4);
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #212529;
        --bs-btn-disabled-border-color: #212529;
      }

      .btn-outline-primary {
        --bs-btn-color: #0d6efd;
        --bs-btn-border-color: #0d6efd;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #0d6efd;
        --bs-btn-hover-border-color: #0d6efd;
        --bs-btn-focus-shadow-rgb: 13, 110, 253;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #0d6efd;
        --bs-btn-active-border-color: #0d6efd;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #0d6efd;
        --bs-btn-disabled-bg: transparent;
        --bs-btn-disabled-border-color: #0d6efd;
        --bs-gradient: none;
      }

      .btn-outline-secondary {
        --bs-btn-color: #6c757d;
        --bs-btn-border-color: #6c757d;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #6c757d;
        --bs-btn-hover-border-color: #6c757d;
        --bs-btn-focus-shadow-rgb: 108, 117, 125;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #6c757d;
        --bs-btn-active-border-color: #6c757d;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #6c757d;
        --bs-btn-disabled-bg: transparent;
        --bs-btn-disabled-border-color: #6c757d;
        --bs-gradient: none;
      }

      .btn-outline-success {
        --bs-btn-color: #f7b808;
        --bs-btn-border-color: #f7b808;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #f7b808;
        --bs-btn-hover-border-color: #f7b808;
        --bs-btn-focus-shadow-rgb: 25, 135, 84;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #f7b808;
        --bs-btn-active-border-color: #f7b808;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #f7b808;
        --bs-btn-disabled-bg: transparent;
        --bs-btn-disabled-border-color: #f7b808;
        --bs-gradient: none;
      }

      .btn-outline-info {
        --bs-btn-color: #0dcaf0;
        --bs-btn-border-color: #0dcaf0;
        --bs-btn-hover-color: #000;
        --bs-btn-hover-bg: #0dcaf0;
        --bs-btn-hover-border-color: #0dcaf0;
        --bs-btn-focus-shadow-rgb: 13, 202, 240;
        --bs-btn-active-color: #000;
        --bs-btn-active-bg: #0dcaf0;
        --bs-btn-active-border-color: #0dcaf0;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #0dcaf0;
        --bs-btn-disabled-bg: transparent;
        --bs-btn-disabled-border-color: #0dcaf0;
        --bs-gradient: none;
      }

      .btn-outline-warning {
        --bs-btn-color: #ffc107;
        --bs-btn-border-color: #ffc107;
        --bs-btn-hover-color: #000;
        --bs-btn-hover-bg: #ffc107;
        --bs-btn-hover-border-color: #ffc107;
        --bs-btn-focus-shadow-rgb: 255, 193, 7;
        --bs-btn-active-color: #000;
        --bs-btn-active-bg: #ffc107;
        --bs-btn-active-border-color: #ffc107;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #ffc107;
        --bs-btn-disabled-bg: transparent;
        --bs-btn-disabled-border-color: #ffc107;
        --bs-gradient: none;
      }

      .btn-outline-danger {
        --bs-btn-color: #dc3545;
        --bs-btn-border-color: #dc3545;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #dc3545;
        --bs-btn-hover-border-color: #dc3545;
        --bs-btn-focus-shadow-rgb: 220, 53, 69;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #dc3545;
        --bs-btn-active-border-color: #dc3545;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #dc3545;
        --bs-btn-disabled-bg: transparent;
        --bs-btn-disabled-border-color: #dc3545;
        --bs-gradient: none;
      }

      .btn-outline-light {
        --bs-btn-color: #f8f9fa;
        --bs-btn-border-color: #f8f9fa;
        --bs-btn-hover-color: #000;
        --bs-btn-hover-bg: #f8f9fa;
        --bs-btn-hover-border-color: #f8f9fa;
        --bs-btn-focus-shadow-rgb: 248, 249, 250;
        --bs-btn-active-color: #000;
        --bs-btn-active-bg: #f8f9fa;
        --bs-btn-active-border-color: #f8f9fa;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #f8f9fa;
        --bs-btn-disabled-bg: transparent;
        --bs-btn-disabled-border-color: #f8f9fa;
        --bs-gradient: none;
      }

      .btn-outline-dark {
        --bs-btn-color: #212529;
        --bs-btn-border-color: #212529;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #212529;
        --bs-btn-hover-border-color: #212529;
        --bs-btn-focus-shadow-rgb: 33, 37, 41;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #212529;
        --bs-btn-active-border-color: #212529;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #212529;
        --bs-btn-disabled-bg: transparent;
        --bs-btn-disabled-border-color: #212529;
        --bs-gradient: none;
      }

      .btn-link {
        --bs-btn-font-weight: 400;
        --bs-btn-color: var(--bs-link-color);
        --bs-btn-bg: transparent;
        --bs-btn-border-color: transparent;
        --bs-btn-hover-color: var(--bs-link-hover-color);
        --bs-btn-hover-border-color: transparent;
        --bs-btn-active-color: var(--bs-link-hover-color);
        --bs-btn-active-border-color: transparent;
        --bs-btn-disabled-color: #6c757d;
        --bs-btn-disabled-border-color: transparent;
        --bs-btn-box-shadow: none;
        --bs-btn-focus-shadow-rgb: 49, 132, 253;
        text-decoration: underline;
      }

      .btn-link:focus-visible {
        color: var(--bs-btn-color);
      }

      .btn-link:hover {
        color: var(--bs-btn-hover-color);
      }

      .btn-lg {
        --bs-btn-padding-y: 0.5rem;
        --bs-btn-padding-x: 1rem;
        --bs-btn-font-size: 1.25rem;
        --bs-btn-border-radius: 0.5rem;
      }

      .btn-sm {
        --bs-btn-padding-y: 0.25rem;
        --bs-btn-padding-x: 0.5rem;
        --bs-btn-font-size: 0.875rem;
        --bs-btn-border-radius: 0.25rem;
      }

      .nav {
        --bs-nav-link-padding-x: 1rem;
        --bs-nav-link-padding-y: 0.5rem;
        --bs-nav-link-font-weight: ;
        --bs-nav-link-color: var(--bs-link-color);
        --bs-nav-link-hover-color: var(--bs-link-hover-color);
        --bs-nav-link-disabled-color: #6c757d;
        display: flex;
        flex-wrap: wrap;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
      }

      .nav-link {
        display: block;
        padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
        font-size: var(--bs-nav-link-font-size);
        font-weight: var(--bs-nav-link-font-weight);
        color: var(--bs-nav-link-color);
        text-decoration: none;
        transition:
          color 0.15s ease-in-out,
          background-color 0.15s ease-in-out,
          border-color 0.15s ease-in-out;
      }

      @media (prefers-reduced-motion: reduce) {
        .nav-link {
          transition: none;
        }
      }

      .nav-link:hover,
      .nav-link:focus {
        color: var(--bs-nav-link-hover-color);
      }

      .nav-link.disabled {
        color: var(--bs-nav-link-disabled-color);
        pointer-events: none;
        cursor: default;
      }

      .nav-tabs {
        --bs-nav-tabs-border-width: 1px;
        --bs-nav-tabs-border-color: #dee2e6;
        --bs-nav-tabs-border-radius: 0.375rem;
        --bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;
        --bs-nav-tabs-link-active-color: #495057;
        --bs-nav-tabs-link-active-bg: #fff;
        --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;
        border-bottom: var(--bs-nav-tabs-border-width) solid
          var(--bs-nav-tabs-border-color);
      }

      .nav-tabs .nav-link {
        margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
        background: none;
        border: var(--bs-nav-tabs-border-width) solid rgba(0, 0, 0, 0);
        border-top-left-radius: var(--bs-nav-tabs-border-radius);
        border-top-right-radius: var(--bs-nav-tabs-border-radius);
      }

      .nav-tabs .nav-link:hover,
      .nav-tabs .nav-link:focus {
        isolation: isolate;
        border-color: var(--bs-nav-tabs-link-hover-border-color);
      }

      .nav-tabs .nav-link.disabled,
      .nav-tabs .nav-link:disabled {
        color: var(--bs-nav-link-disabled-color);
        background-color: rgba(0, 0, 0, 0);
        border-color: rgba(0, 0, 0, 0);
      }

      .nav-tabs .nav-link.active,
      .nav-tabs .nav-item.show .nav-link {
        color: var(--bs-nav-tabs-link-active-color);
        background-color: var(--bs-nav-tabs-link-active-bg);
        border-color: var(--bs-nav-tabs-link-active-border-color);
      }

      .nav-tabs .dropdown-menu {
        margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
        border-top-left-radius: 0;
        border-top-right-radius: 0;
      }

      .nav-pills {
        --bs-nav-pills-border-radius: 0.375rem;
        --bs-nav-pills-link-active-color: #fff;
        --bs-nav-pills-link-active-bg: #0d6efd;
      }

      .nav-pills .nav-link {
        background: none;
        border: 0;
        border-radius: var(--bs-nav-pills-border-radius);
      }

      .nav-pills .nav-link:disabled {
        color: var(--bs-nav-link-disabled-color);
        background-color: rgba(0, 0, 0, 0);
        border-color: rgba(0, 0, 0, 0);
      }

      .nav-pills .nav-link.active,
      .nav-pills .show > .nav-link {
        color: var(--bs-nav-pills-link-active-color);
        background-color: var(--bs-nav-pills-link-active-bg);
      }

      .nav-fill > .nav-link,
      .nav-fill .nav-item {
        flex: 1 1 auto;
        text-align: center;
      }

      .nav-justified > .nav-link,
      .nav-justified .nav-item {
        flex-basis: 0;
        flex-grow: 1;
        text-align: center;
      }

      .nav-fill .nav-item .nav-link,
      .nav-justified .nav-item .nav-link {
        width: 100%;
      }

      .tab-content > .tab-pane {
        display: none;
      }

      .tab-content > .active {
        display: block;
      }

      .navbar {
        --bs-navbar-padding-x: 0;
        --bs-navbar-padding-y: 0.5rem;
        --bs-navbar-color: rgba(0, 0, 0, 0.55);
        --bs-navbar-hover-color: rgba(0, 0, 0, 0.7);
        --bs-navbar-disabled-color: rgba(0, 0, 0, 0.3);
        --bs-navbar-active-color: rgba(0, 0, 0, 0.9);
        --bs-navbar-brand-padding-y: 0.3125rem;
        --bs-navbar-brand-margin-end: 1rem;
        --bs-navbar-brand-font-size: 1.25rem;
        --bs-navbar-brand-color: rgba(0, 0, 0, 0.9);
        --bs-navbar-brand-hover-color: rgba(0, 0, 0, 0.9);
        --bs-navbar-nav-link-padding-x: 0.5rem;
        --bs-navbar-toggler-padding-y: 0.25rem;
        --bs-navbar-toggler-padding-x: 0.75rem;
        --bs-navbar-toggler-font-size: 1.25rem;
        --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
        --bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1);
        --bs-navbar-toggler-border-radius: 0.375rem;
        --bs-navbar-toggler-focus-width: 0.25rem;
        --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
        position: relative;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
      }

      .navbar > .container,
      .navbar > .container-fluid,
      .navbar > .container-sm,
      .navbar > .container-md,
      .navbar > .container-lg,
      .navbar > .container-xl,
      .navbar > .container-xxl {
        display: flex;
        flex-wrap: inherit;
        align-items: center;
        justify-content: space-between;
      }

      .navbar-brand {
        padding-top: var(--bs-navbar-brand-padding-y);
        padding-bottom: var(--bs-navbar-brand-padding-y);
        margin-right: var(--bs-navbar-brand-margin-end);
        font-size: var(--bs-navbar-brand-font-size);
        color: var(--bs-navbar-brand-color);
        text-decoration: none;
        white-space: nowrap;
      }

      .navbar-brand:hover,
      .navbar-brand:focus {
        color: var(--bs-navbar-brand-hover-color);
      }

      .navbar-nav {
        --bs-nav-link-padding-x: 0;
        --bs-nav-link-padding-y: 0.5rem;
        --bs-nav-link-font-weight: ;
        --bs-nav-link-color: var(--bs-navbar-color);
        --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
        --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
        display: flex;
        flex-direction: column;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
      }

      .navbar-nav .show > .nav-link,
      .navbar-nav .nav-link.active {
        color: var(--bs-navbar-active-color);
      }

      .navbar-nav .dropdown-menu {
        position: static;
      }

      .navbar-text {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        color: var(--bs-navbar-color);
      }

      .navbar-text a,
      .navbar-text a:hover,
      .navbar-text a:focus {
        color: var(--bs-navbar-active-color);
      }

      .navbar-collapse {
        flex-basis: 100%;
        flex-grow: 1;
        align-items: center;
      }

      .navbar-toggler {
        padding: var(--bs-navbar-toggler-padding-y)
          var(--bs-navbar-toggler-padding-x);
        font-size: var(--bs-navbar-toggler-font-size);
        line-height: 1;
        color: var(--bs-navbar-color);
        background-color: rgba(0, 0, 0, 0);
        border: var(--bs-border-width) solid
          var(--bs-navbar-toggler-border-color);
        border-radius: var(--bs-navbar-toggler-border-radius);
        transition: var(--bs-navbar-toggler-transition);
      }

      @media (prefers-reduced-motion: reduce) {
        .navbar-toggler {
          transition: none;
        }
      }

      .navbar-toggler:hover {
        text-decoration: none;
      }

      .navbar-toggler:focus {
        text-decoration: none;
        outline: 0;
        box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
      }

      .navbar-toggler-icon {
        display: inline-block;
        width: 1.5em;
        height: 1.5em;
        vertical-align: middle;
        background-image: var(--bs-navbar-toggler-icon-bg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
      }

      .navbar-nav-scroll {
        max-height: var(--bs-scroll-height, 75vh);
        overflow-y: auto;
      }

      @media (min-width: 576px) {
        .navbar-expand-sm {
          flex-wrap: nowrap;
          justify-content: flex-start;
        }

        .navbar-expand-sm .navbar-nav {
          flex-direction: row;
        }

        .navbar-expand-sm .navbar-nav .dropdown-menu {
          position: absolute;
        }

        .navbar-expand-sm .navbar-nav .nav-link {
          padding-right: var(--bs-navbar-nav-link-padding-x);
          padding-left: var(--bs-navbar-nav-link-padding-x);
        }

        .navbar-expand-sm .navbar-nav-scroll {
          overflow: visible;
        }

        .navbar-expand-sm .navbar-collapse {
          display: flex !important;
          flex-basis: auto;
        }

        .navbar-expand-sm .navbar-toggler {
          display: none;
        }

        .navbar-expand-sm .offcanvas {
          position: static;
          z-index: auto;
          flex-grow: 1;
          width: auto !important;
          height: auto !important;
          visibility: visible !important;
          background-color: rgba(0, 0, 0, 0) !important;
          border: 0 !important;
          transform: none !important;
          transition: none;
        }

        .navbar-expand-sm .offcanvas .offcanvas-header {
          display: none;
        }

        .navbar-expand-sm .offcanvas .offcanvas-body {
          display: flex;
          flex-grow: 0;
          padding: 0;
          overflow-y: visible;
        }
      }

      @media (min-width: 768px) {
        .navbar-expand-md {
          flex-wrap: nowrap;
          justify-content: flex-start;
        }

        .navbar-expand-md .navbar-nav {
          flex-direction: row;
        }

        .navbar-expand-md .navbar-nav .dropdown-menu {
          position: absolute;
        }

        .navbar-expand-md .navbar-nav .nav-link {
          padding-right: var(--bs-navbar-nav-link-padding-x);
          padding-left: var(--bs-navbar-nav-link-padding-x);
        }

        .navbar-expand-md .navbar-nav-scroll {
          overflow: visible;
        }

        .navbar-expand-md .navbar-collapse {
          display: flex !important;
          flex-basis: auto;
        }

        .navbar-expand-md .navbar-toggler {
          display: none;
        }

        .navbar-expand-md .offcanvas {
          position: static;
          z-index: auto;
          flex-grow: 1;
          width: auto !important;
          height: auto !important;
          visibility: visible !important;
          background-color: rgba(0, 0, 0, 0) !important;
          border: 0 !important;
          transform: none !important;
          transition: none;
        }

        .navbar-expand-md .offcanvas .offcanvas-header {
          display: none;
        }

        .navbar-expand-md .offcanvas .offcanvas-body {
          display: flex;
          flex-grow: 0;
          padding: 0;
          overflow-y: visible;
        }
      }

      @media (min-width: 992px) {
        .navbar-expand-lg {
          flex-wrap: nowrap;
          justify-content: flex-start;
        }

        .navbar-expand-lg .navbar-nav {
          flex-direction: row;
        }

        .navbar-expand-lg .navbar-nav .dropdown-menu {
          position: absolute;
        }

        .navbar-expand-lg .navbar-nav .nav-link {
          padding-right: var(--bs-navbar-nav-link-padding-x);
          padding-left: var(--bs-navbar-nav-link-padding-x);
        }

        .navbar-expand-lg .navbar-nav-scroll {
          overflow: visible;
        }

        .navbar-expand-lg .navbar-collapse {
          display: flex !important;
          flex-basis: auto;
        }

        .navbar-expand-lg .navbar-toggler {
          display: none;
        }

        .navbar-expand-lg .offcanvas {
          position: static;
          z-index: auto;
          flex-grow: 1;
          width: auto !important;
          height: auto !important;
          visibility: visible !important;
          background-color: rgba(0, 0, 0, 0) !important;
          border: 0 !important;
          transform: none !important;
          transition: none;
        }

        .navbar-expand-lg .offcanvas .offcanvas-header {
          display: none;
        }

        .navbar-expand-lg .offcanvas .offcanvas-body {
          display: flex;
          flex-grow: 0;
          padding: 0;
          overflow-y: visible;
        }
      }

      @media (min-width: 1200px) {
        .navbar-expand-xl {
          flex-wrap: nowrap;
          justify-content: flex-start;
        }

        .navbar-expand-xl .navbar-nav {
          flex-direction: row;
        }

        .navbar-expand-xl .navbar-nav .dropdown-menu {
          position: absolute;
        }

        .navbar-expand-xl .navbar-nav .nav-link {
          padding-right: var(--bs-navbar-nav-link-padding-x);
          padding-left: var(--bs-navbar-nav-link-padding-x);
        }

        .navbar-expand-xl .navbar-nav-scroll {
          overflow: visible;
        }

        .navbar-expand-xl .navbar-collapse {
          display: flex !important;
          flex-basis: auto;
        }

        .navbar-expand-xl .navbar-toggler {
          display: none;
        }

        .navbar-expand-xl .offcanvas {
          position: static;
          z-index: auto;
          flex-grow: 1;
          width: auto !important;
          height: auto !important;
          visibility: visible !important;
          background-color: rgba(0, 0, 0, 0) !important;
          border: 0 !important;
          transform: none !important;
          transition: none;
        }

        .navbar-expand-xl .offcanvas .offcanvas-header {
          display: none;
        }

        .navbar-expand-xl .offcanvas .offcanvas-body {
          display: flex;
          flex-grow: 0;
          padding: 0;
          overflow-y: visible;
        }
      }

      @media (min-width: 1400px) {
        .navbar-expand-xxl {
          flex-wrap: nowrap;
          justify-content: flex-start;
        }

        .navbar-expand-xxl .navbar-nav {
          flex-direction: row;
        }

        .navbar-expand-xxl .navbar-nav .dropdown-menu {
          position: absolute;
        }

        .navbar-expand-xxl .navbar-nav .nav-link {
          padding-right: var(--bs-navbar-nav-link-padding-x);
          padding-left: var(--bs-navbar-nav-link-padding-x);
        }

        .navbar-expand-xxl .navbar-nav-scroll {
          overflow: visible;
        }

        .navbar-expand-xxl .navbar-collapse {
          display: flex !important;
          flex-basis: auto;
        }

        .navbar-expand-xxl .navbar-toggler {
          display: none;
        }

        .navbar-expand-xxl .offcanvas {
          position: static;
          z-index: auto;
          flex-grow: 1;
          width: auto !important;
          height: auto !important;
          visibility: visible !important;
          background-color: rgba(0, 0, 0, 0) !important;
          border: 0 !important;
          transform: none !important;
          transition: none;
        }

        .navbar-expand-xxl .offcanvas .offcanvas-header {
          display: none;
        }

        .navbar-expand-xxl .offcanvas .offcanvas-body {
          display: flex;
          flex-grow: 0;
          padding: 0;
          overflow-y: visible;
        }
      }

      .navbar-expand {
        flex-wrap: nowrap;
        justify-content: flex-start;
      }

      .navbar-expand .navbar-nav {
        flex-direction: row;
      }

      .navbar-expand .navbar-nav .dropdown-menu {
        position: absolute;
      }

      .navbar-expand .navbar-nav .nav-link {
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x);
      }

      .navbar-expand .navbar-nav-scroll {
        overflow: visible;
      }

      .navbar-expand .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
      }

      .navbar-expand .navbar-toggler {
        display: none;
      }

      .navbar-expand .offcanvas {
        position: static;
        z-index: auto;
        flex-grow: 1;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
        background-color: rgba(0, 0, 0, 0) !important;
        border: 0 !important;
        transform: none !important;
        transition: none;
      }

      .navbar-expand .offcanvas .offcanvas-header {
        display: none;
      }

      .navbar-expand .offcanvas .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
      }

      .navbar-dark {
        --bs-navbar-color: rgba(255, 255, 255, 0.55);
        --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
        --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
        --bs-navbar-active-color: #fff;
        --bs-navbar-brand-color: #fff;
        --bs-navbar-brand-hover-color: #fff;
        --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
        --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
      }

      .form-control {
        display: block;
        width: 100%;
        padding: 0.375rem 0.75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #212529;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        appearance: none;
        border-radius: 0.375rem;
        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[type="file"] {
        overflow: hidden;
      }

      .form-control[type="file"]:not(:disabled):not([readonly]) {
        cursor: pointer;
      }

      .form-control:focus {
        color: #212529;
        background-color: #fff;
        border-color: rgb(134, 182.5, 254);
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
      }

      .form-control::-webkit-date-and-time-value {
        height: 1.5em;
      }

      .form-control::placeholder {
        color: #6c757d;
        opacity: 1;
      }

      .form-control:disabled {
        background-color: #e9ecef;
        opacity: 1;
      }

      .form-control::file-selector-button {
        padding: 0.375rem 0.75rem;
        margin: -0.375rem -0.75rem;
        margin-inline-end: 0.75rem;
        color: #212529;
        background-color: #e9ecef;
        pointer-events: none;
        border-color: inherit;
        border-style: solid;
        border-width: 0;
        border-inline-end-width: 1px;
        border-radius: 0;
        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) {
        .form-control::file-selector-button {
          transition: none;
        }
      }

      .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
        background-color: rgb(221.35, 224.2, 227.05);
      }

      .form-control-plaintext {
        display: block;
        width: 100%;
        padding: 0.375rem 0;
        margin-bottom: 0;
        line-height: 1.5;
        color: #212529;
        background-color: rgba(0, 0, 0, 0);
        border: solid rgba(0, 0, 0, 0);
        border-width: 1px 0;
      }

      .form-control-plaintext:focus {
        outline: 0;
      }

      .form-control-plaintext.form-control-sm,
      .form-control-plaintext.form-control-lg {
        padding-right: 0;
        padding-left: 0;
      }

      .form-control-sm {
        min-height: calc(1.5em + 0.5rem + 2px);
        padding: 0.25rem 0.5rem;
        font-size: 0.875rem;
        border-radius: 0.25rem;
      }

      .form-control-sm::file-selector-button {
        padding: 0.25rem 0.5rem;
        margin: -0.25rem -0.5rem;
        margin-inline-end: 0.5rem;
      }

      .form-control-lg {
        min-height: calc(1.5em + 1rem + 2px);
        padding: 0.5rem 1rem;
        font-size: 1.25rem;
        border-radius: 0.5rem;
      }

      .form-control-lg::file-selector-button {
        padding: 0.5rem 1rem;
        margin: -0.5rem -1rem;
        margin-inline-end: 1rem;
      }

      textarea.form-control {
        min-height: calc(1.5em + 0.75rem + 2px);
      }

      textarea.form-control-sm {
        min-height: calc(1.5em + 0.5rem + 2px);
      }

      textarea.form-control-lg {
        min-height: calc(1.5em + 1rem + 2px);
      }

      .form-control-color {
        width: 3rem;
        height: calc(1.5em + 0.75rem + 2px);
        padding: 0.375rem;
      }

      .form-control-color:not(:disabled):not([readonly]) {
        cursor: pointer;
      }

      .form-control-color::-moz-color-swatch {
        border: 0 !important;
        border-radius: 0.375rem;
      }

      .form-control-color::-webkit-color-swatch {
        border-radius: 0.375rem;
      }

      .form-control-color.form-control-sm {
        height: calc(1.5em + 0.5rem + 2px);
      }

      .form-control-color.form-control-lg {
        height: calc(1.5em + 1rem + 2px);
      }

      .dropup,
      .dropend,
      .dropdown,
      .dropstart,
      .dropup-center,
      .dropdown-center {
        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 rgba(0, 0, 0, 0);
        border-bottom: 0;
        border-left: 0.3em solid rgba(0, 0, 0, 0);
      }

      .dropdown-toggle:empty::after {
        margin-left: 0;
      }

      .dropdown-menu {
        --bs-dropdown-zindex: 1000;
        --bs-dropdown-min-width: 10rem;
        --bs-dropdown-padding-x: 0;
        --bs-dropdown-padding-y: 0.5rem;
        --bs-dropdown-spacer: 0.125rem;
        --bs-dropdown-font-size: 1rem;
        --bs-dropdown-color: #212529;
        --bs-dropdown-bg: #fff;
        --bs-dropdown-border-color: var(--bs-border-color-translucent);
        --bs-dropdown-border-radius: 0.375rem;
        --bs-dropdown-border-width: 1px;
        --bs-dropdown-inner-border-radius: calc(0.375rem - 1px);
        --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
        --bs-dropdown-divider-margin-y: 0.5rem;
        --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
        --bs-dropdown-link-color: #212529;
        --bs-dropdown-link-hover-color: rgb(29.7, 33.3, 36.9);
        --bs-dropdown-link-hover-bg: #e9ecef;
        --bs-dropdown-link-active-color: #fff;
        --bs-dropdown-link-active-bg: #0d6efd;
        --bs-dropdown-link-disabled-color: #adb5bd;
        --bs-dropdown-item-padding-x: 1rem;
        --bs-dropdown-item-padding-y: 0.25rem;
        --bs-dropdown-header-color: #6c757d;
        --bs-dropdown-header-padding-x: 1rem;
        --bs-dropdown-header-padding-y: 0.5rem;
        position: absolute;
        z-index: var(--bs-dropdown-zindex);
        display: none;
        min-width: var(--bs-dropdown-min-width);
        padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
        margin: 0;
        font-size: var(--bs-dropdown-font-size);
        color: var(--bs-dropdown-color);
        text-align: left;
        list-style: none;
        background-color: var(--bs-dropdown-bg);
        background-clip: padding-box;
        border: var(--bs-dropdown-border-width) solid
          var(--bs-dropdown-border-color);
        border-radius: var(--bs-dropdown-border-radius);
      }

      .dropdown-menu[data-bs-popper] {
        top: 100%;
        left: 0;
        margin-top: var(--bs-dropdown-spacer);
      }

      .dropdown-menu-start {
        --bs-position: start;
      }

      .dropdown-menu-start[data-bs-popper] {
        right: auto;
        left: 0;
      }

      .dropdown-menu-end {
        --bs-position: end;
      }

      .dropdown-menu-end[data-bs-popper] {
        right: 0;
        left: auto;
      }

      @media (min-width: 576px) {
        .dropdown-menu-sm-start {
          --bs-position: start;
        }

        .dropdown-menu-sm-start[data-bs-popper] {
          right: auto;
          left: 0;
        }

        .dropdown-menu-sm-end {
          --bs-position: end;
        }

        .dropdown-menu-sm-end[data-bs-popper] {
          right: 0;
          left: auto;
        }
      }

      @media (min-width: 768px) {
        .dropdown-menu-md-start {
          --bs-position: start;
        }

        .dropdown-menu-md-start[data-bs-popper] {
          right: auto;
          left: 0;
        }

        .dropdown-menu-md-end {
          --bs-position: end;
        }

        .dropdown-menu-md-end[data-bs-popper] {
          right: 0;
          left: auto;
        }
      }

      @media (min-width: 992px) {
        .dropdown-menu-lg-start {
          --bs-position: start;
        }

        .dropdown-menu-lg-start[data-bs-popper] {
          right: auto;
          left: 0;
        }

        .dropdown-menu-lg-end {
          --bs-position: end;
        }

        .dropdown-menu-lg-end[data-bs-popper] {
          right: 0;
          left: auto;
        }
      }

      @media (min-width: 1200px) {
        .dropdown-menu-xl-start {
          --bs-position: start;
        }

        .dropdown-menu-xl-start[data-bs-popper] {
          right: auto;
          left: 0;
        }

        .dropdown-menu-xl-end {
          --bs-position: end;
        }

        .dropdown-menu-xl-end[data-bs-popper] {
          right: 0;
          left: auto;
        }
      }

      @media (min-width: 1400px) {
        .dropdown-menu-xxl-start {
          --bs-position: start;
        }

        .dropdown-menu-xxl-start[data-bs-popper] {
          right: auto;
          left: 0;
        }

        .dropdown-menu-xxl-end {
          --bs-position: end;
        }

        .dropdown-menu-xxl-end[data-bs-popper] {
          right: 0;
          left: auto;
        }
      }

      .dropup .dropdown-menu[data-bs-popper] {
        top: auto;
        bottom: 100%;
        margin-top: 0;
        margin-bottom: var(--bs-dropdown-spacer);
      }

      .dropup .dropdown-toggle::after {
        display: inline-block;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0;
        border-right: 0.3em solid rgba(0, 0, 0, 0);
        border-bottom: 0.3em solid;
        border-left: 0.3em solid rgba(0, 0, 0, 0);
      }

      .dropup .dropdown-toggle:empty::after {
        margin-left: 0;
      }

      .dropend .dropdown-menu[data-bs-popper] {
        top: 0;
        right: auto;
        left: 100%;
        margin-top: 0;
        margin-left: var(--bs-dropdown-spacer);
      }

      .dropend .dropdown-toggle::after {
        display: inline-block;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0.3em solid rgba(0, 0, 0, 0);
        border-right: 0;
        border-bottom: 0.3em solid rgba(0, 0, 0, 0);
        border-left: 0.3em solid;
      }

      .dropend .dropdown-toggle:empty::after {
        margin-left: 0;
      }

      .dropend .dropdown-toggle::after {
        vertical-align: 0;
      }

      .dropstart .dropdown-menu[data-bs-popper] {
        top: 0;
        right: 100%;
        left: auto;
        margin-top: 0;
        margin-right: var(--bs-dropdown-spacer);
      }

      .dropstart .dropdown-toggle::after {
        display: inline-block;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
      }

      .dropstart .dropdown-toggle::after {
        display: none;
      }

      .dropstart .dropdown-toggle::before {
        display: inline-block;
        margin-right: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0.3em solid rgba(0, 0, 0, 0);
        border-right: 0.3em solid;
        border-bottom: 0.3em solid rgba(0, 0, 0, 0);
      }

      .dropstart .dropdown-toggle:empty::after {
        margin-left: 0;
      }

      .dropstart .dropdown-toggle::before {
        vertical-align: 0;
      }

      .dropdown-divider {
        height: 0;
        margin: var(--bs-dropdown-divider-margin-y) 0;
        overflow: hidden;
        border-top: 1px solid var(--bs-dropdown-divider-bg);
        opacity: 1;
      }

      .dropdown-item {
        display: block;
        width: 100%;
        padding: var(--bs-dropdown-item-padding-y)
          var(--bs-dropdown-item-padding-x);
        clear: both;
        font-weight: 400;
        color: var(--bs-dropdown-link-color);
        text-align: inherit;
        text-decoration: none;
        white-space: nowrap;
        background-color: rgba(0, 0, 0, 0);
        border: 0;
      }

      .dropdown-item:hover,
      .dropdown-item:focus {
        color: var(--bs-dropdown-link-hover-color);
        background-color: var(--bs-dropdown-link-hover-bg);
      }

      .dropdown-item.active,
      .dropdown-item:active {
        color: var(--bs-dropdown-link-active-color);
        text-decoration: none;
        background-color: var(--bs-dropdown-link-active-bg);
      }

      .dropdown-item.disabled,
      .dropdown-item:disabled {
        color: var(--bs-dropdown-link-disabled-color);
        pointer-events: none;
        background-color: rgba(0, 0, 0, 0);
      }

      .dropdown-menu.show {
        display: block;
      }

      .dropdown-header {
        display: block;
        padding: var(--bs-dropdown-header-padding-y)
          var(--bs-dropdown-header-padding-x);
        margin-bottom: 0;
        font-size: 0.875rem;
        color: var(--bs-dropdown-header-color);
        white-space: nowrap;
      }

      .dropdown-item-text {
        display: block;
        padding: var(--bs-dropdown-item-padding-y)
          var(--bs-dropdown-item-padding-x);
        color: var(--bs-dropdown-link-color);
      }

      .dropdown-menu-dark {
        --bs-dropdown-color: #dee2e6;
        --bs-dropdown-bg: #343a40;
        --bs-dropdown-border-color: var(--bs-border-color-translucent);
        --bs-dropdown-box-shadow: ;
        --bs-dropdown-link-color: #dee2e6;
        --bs-dropdown-link-hover-color: #fff;
        --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
        --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
        --bs-dropdown-link-active-color: #fff;
        --bs-dropdown-link-active-bg: #0d6efd;
        --bs-dropdown-link-disabled-color: #adb5bd;
        --bs-dropdown-header-color: #adb5bd;
      }

      .list-group {
        --bs-list-group-color: #212529;
        --bs-list-group-bg: #fff;
        --bs-list-group-border-color: rgba(0, 0, 0, 0.125);
        --bs-list-group-border-width: 1px;
        --bs-list-group-border-radius: 0.375rem;
        --bs-list-group-item-padding-x: 1rem;
        --bs-list-group-item-padding-y: 0.5rem;
        --bs-list-group-action-color: #495057;
        --bs-list-group-action-hover-color: #495057;
        --bs-list-group-action-hover-bg: #f8f9fa;
        --bs-list-group-action-active-color: #212529;
        --bs-list-group-action-active-bg: #e9ecef;
        --bs-list-group-disabled-color: #6c757d;
        --bs-list-group-disabled-bg: #fff;
        --bs-list-group-active-color: #fff;
        --bs-list-group-active-bg: #0d6efd;
        --bs-list-group-active-border-color: #0d6efd;
        display: flex;
        flex-direction: column;
        padding-left: 0;
        margin-bottom: 0;
        border-radius: var(--bs-list-group-border-radius);
      }

      .list-group-numbered {
        list-style-type: none;
        counter-reset: section;
      }

      .list-group-numbered > .list-group-item::before {
        content: counters(section, ".") ". ";
        counter-increment: section;
      }

      .list-group-item-action {
        width: 100%;
        color: var(--bs-list-group-action-color);
        text-align: inherit;
      }

      .list-group-item-action:hover,
      .list-group-item-action:focus {
        z-index: 1;
        color: var(--bs-list-group-action-hover-color);
        text-decoration: none;
        background-color: var(--bs-list-group-action-hover-bg);
      }

      .list-group-item-action:active {
        color: var(--bs-list-group-action-active-color);
        background-color: var(--bs-list-group-action-active-bg);
      }

      .list-group-item {
        position: relative;
        display: block;
        padding: var(--bs-list-group-item-padding-y)
          var(--bs-list-group-item-padding-x);
        color: var(--bs-list-group-color);
        text-decoration: none;
        background-color: var(--bs-list-group-bg);
        border: var(--bs-list-group-border-width) solid
          var(--bs-list-group-border-color);
      }

      .list-group-item:first-child {
        border-top-left-radius: inherit;
        border-top-right-radius: inherit;
      }

      .list-group-item:last-child {
        border-bottom-right-radius: inherit;
        border-bottom-left-radius: inherit;
      }

      .list-group-item.disabled,
      .list-group-item:disabled {
        color: var(--bs-list-group-disabled-color);
        pointer-events: none;
        background-color: var(--bs-list-group-disabled-bg);
      }

      .list-group-item.active {
        z-index: 2;
        color: var(--bs-list-group-active-color);
        background-color: var(--bs-list-group-active-bg);
        border-color: var(--bs-list-group-active-border-color);
      }

      .list-group-item + .list-group-item {
        border-top-width: 0;
      }

      .list-group-item + .list-group-item.active {
        margin-top: calc(-1 * var(--bs-list-group-border-width));
        border-top-width: var(--bs-list-group-border-width);
      }

      .list-group-horizontal {
        flex-direction: row;
      }

      .list-group-horizontal > .list-group-item:first-child:not(:last-child) {
        border-bottom-left-radius: var(--bs-list-group-border-radius);
        border-top-right-radius: 0;
      }

      .list-group-horizontal > .list-group-item:last-child:not(:first-child) {
        border-top-right-radius: var(--bs-list-group-border-radius);
        border-bottom-left-radius: 0;
      }

      .list-group-horizontal > .list-group-item.active {
        margin-top: 0;
      }

      .list-group-horizontal > .list-group-item + .list-group-item {
        border-top-width: var(--bs-list-group-border-width);
        border-left-width: 0;
      }

      .list-group-horizontal > .list-group-item + .list-group-item.active {
        margin-left: calc(-1 * var(--bs-list-group-border-width));
        border-left-width: var(--bs-list-group-border-width);
      }

      @media (min-width: 576px) {
        .list-group-horizontal-sm {
          flex-direction: row;
        }

        .list-group-horizontal-sm
          > .list-group-item:first-child:not(:last-child) {
          border-bottom-left-radius: var(--bs-list-group-border-radius);
          border-top-right-radius: 0;
        }

        .list-group-horizontal-sm
          > .list-group-item:last-child:not(:first-child) {
          border-top-right-radius: var(--bs-list-group-border-radius);
          border-bottom-left-radius: 0;
        }

        .list-group-horizontal-sm > .list-group-item.active {
          margin-top: 0;
        }

        .list-group-horizontal-sm > .list-group-item + .list-group-item {
          border-top-width: var(--bs-list-group-border-width);
          border-left-width: 0;
        }

        .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
          margin-left: calc(-1 * var(--bs-list-group-border-width));
          border-left-width: var(--bs-list-group-border-width);
        }
      }

      @media (min-width: 768px) {
        .list-group-horizontal-md {
          flex-direction: row;
        }

        .list-group-horizontal-md
          > .list-group-item:first-child:not(:last-child) {
          border-bottom-left-radius: var(--bs-list-group-border-radius);
          border-top-right-radius: 0;
        }

        .list-group-horizontal-md
          > .list-group-item:last-child:not(:first-child) {
          border-top-right-radius: var(--bs-list-group-border-radius);
          border-bottom-left-radius: 0;
        }

        .list-group-horizontal-md > .list-group-item.active {
          margin-top: 0;
        }

        .list-group-horizontal-md > .list-group-item + .list-group-item {
          border-top-width: var(--bs-list-group-border-width);
          border-left-width: 0;
        }

        .list-group-horizontal-md > .list-group-item + .list-group-item.active {
          margin-left: calc(-1 * var(--bs-list-group-border-width));
          border-left-width: var(--bs-list-group-border-width);
        }
      }

      @media (min-width: 992px) {
        .list-group-horizontal-lg {
          flex-direction: row;
        }

        .list-group-horizontal-lg
          > .list-group-item:first-child:not(:last-child) {
          border-bottom-left-radius: var(--bs-list-group-border-radius);
          border-top-right-radius: 0;
        }

        .list-group-horizontal-lg
          > .list-group-item:last-child:not(:first-child) {
          border-top-right-radius: var(--bs-list-group-border-radius);
          border-bottom-left-radius: 0;
        }

        .list-group-horizontal-lg > .list-group-item.active {
          margin-top: 0;
        }

        .list-group-horizontal-lg > .list-group-item + .list-group-item {
          border-top-width: var(--bs-list-group-border-width);
          border-left-width: 0;
        }

        .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
          margin-left: calc(-1 * var(--bs-list-group-border-width));
          border-left-width: var(--bs-list-group-border-width);
        }
      }

      @media (min-width: 1200px) {
        .list-group-horizontal-xl {
          flex-direction: row;
        }

        .list-group-horizontal-xl
          > .list-group-item:first-child:not(:last-child) {
          border-bottom-left-radius: var(--bs-list-group-border-radius);
          border-top-right-radius: 0;
        }

        .list-group-horizontal-xl
          > .list-group-item:last-child:not(:first-child) {
          border-top-right-radius: var(--bs-list-group-border-radius);
          border-bottom-left-radius: 0;
        }

        .list-group-horizontal-xl > .list-group-item.active {
          margin-top: 0;
        }

        .list-group-horizontal-xl > .list-group-item + .list-group-item {
          border-top-width: var(--bs-list-group-border-width);
          border-left-width: 0;
        }

        .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
          margin-left: calc(-1 * var(--bs-list-group-border-width));
          border-left-width: var(--bs-list-group-border-width);
        }
      }

      @media (min-width: 1400px) {
        .list-group-horizontal-xxl {
          flex-direction: row;
        }

        .list-group-horizontal-xxl
          > .list-group-item:first-child:not(:last-child) {
          border-bottom-left-radius: var(--bs-list-group-border-radius);
          border-top-right-radius: 0;
        }

        .list-group-horizontal-xxl
          > .list-group-item:last-child:not(:first-child) {
          border-top-right-radius: var(--bs-list-group-border-radius);
          border-bottom-left-radius: 0;
        }

        .list-group-horizontal-xxl > .list-group-item.active {
          margin-top: 0;
        }

        .list-group-horizontal-xxl > .list-group-item + .list-group-item {
          border-top-width: var(--bs-list-group-border-width);
          border-left-width: 0;
        }

        .list-group-horizontal-xxl
          > .list-group-item
          + .list-group-item.active {
          margin-left: calc(-1 * var(--bs-list-group-border-width));
          border-left-width: var(--bs-list-group-border-width);
        }
      }

      .list-group-flush {
        border-radius: 0;
      }

      .list-group-flush > .list-group-item {
        border-width: 0 0 var(--bs-list-group-border-width);
      }

      .list-group-flush > .list-group-item:last-child {
        border-bottom-width: 0;
      }

      .list-group-item-primary {
        color: rgb(7.8, 66, 151.8);
        background-color: rgb(206.6, 226, 254.6);
      }

      .list-group-item-primary.list-group-item-action:hover,
      .list-group-item-primary.list-group-item-action:focus {
        color: rgb(7.8, 66, 151.8);
        background-color: rgb(185.94, 203.4, 229.14);
      }

      .list-group-item-primary.list-group-item-action.active {
        color: #fff;
        background-color: rgb(7.8, 66, 151.8);
        border-color: rgb(7.8, 66, 151.8);
      }

      .list-group-item-secondary {
        color: rgb(64.8, 70.2, 75);
        background-color: rgb(225.6, 227.4, 229);
      }

      .list-group-item-secondary.list-group-item-action:hover,
      .list-group-item-secondary.list-group-item-action:focus {
        color: rgb(64.8, 70.2, 75);
        background-color: rgb(203.04, 204.66, 206.1);
      }

      .list-group-item-secondary.list-group-item-action.active {
        color: #fff;
        background-color: rgb(64.8, 70.2, 75);
        border-color: rgb(64.8, 70.2, 75);
      }

      .list-group-item-success {
        color: rgb(15, 81, 50.4);
        background-color: rgb(209, 231, 220.8);
      }

      .list-group-item-success.list-group-item-action:hover,
      .list-group-item-success.list-group-item-action:focus {
        color: rgb(15, 81, 50.4);
        background-color: rgb(188.1, 207.9, 198.72);
      }

      .list-group-item-success.list-group-item-action.active {
        color: #fff;
        background-color: rgb(15, 81, 50.4);
        border-color: rgb(15, 81, 50.4);
      }

      .list-group-item-info {
        color: rgb(5.2, 80.8, 96);
        background-color: rgb(206.6, 244.4, 252);
      }

      .list-group-item-info.list-group-item-action:hover,
      .list-group-item-info.list-group-item-action:focus {
        color: rgb(5.2, 80.8, 96);
        background-color: rgb(185.94, 219.96, 226.8);
      }

      .list-group-item-info.list-group-item-action.active {
        color: #fff;
        background-color: rgb(5.2, 80.8, 96);
        border-color: rgb(5.2, 80.8, 96);
      }

      .list-group-item-warning {
        color: rgb(102, 77.2, 2.8);
        background-color: rgb(255, 242.6, 205.4);
      }

      .list-group-item-warning.list-group-item-action:hover,
      .list-group-item-warning.list-group-item-action:focus {
        color: rgb(102, 77.2, 2.8);
        background-color: rgb(229.5, 218.34, 184.86);
      }

      .list-group-item-warning.list-group-item-action.active {
        color: #fff;
        background-color: rgb(102, 77.2, 2.8);
        border-color: rgb(102, 77.2, 2.8);
      }

      .list-group-item-danger {
        color: rgb(132, 31.8, 41.4);
        background-color: rgb(248, 214.6, 217.8);
      }

      .list-group-item-danger.list-group-item-action:hover,
      .list-group-item-danger.list-group-item-action:focus {
        color: rgb(132, 31.8, 41.4);
        background-color: rgb(223.2, 193.14, 196.02);
      }

      .list-group-item-danger.list-group-item-action.active {
        color: #fff;
        background-color: rgb(132, 31.8, 41.4);
        border-color: rgb(132, 31.8, 41.4);
      }

      .list-group-item-light {
        color: rgb(99.2, 99.6, 100);
        background-color: rgb(253.6, 253.8, 254);
      }

      .list-group-item-light.list-group-item-action:hover,
      .list-group-item-light.list-group-item-action:focus {
        color: rgb(99.2, 99.6, 100);
        background-color: rgb(228.24, 228.42, 228.6);
      }

      .list-group-item-light.list-group-item-action.active {
        color: #fff;
        background-color: rgb(99.2, 99.6, 100);
        border-color: rgb(99.2, 99.6, 100);
      }

      .list-group-item-dark {
        color: rgb(19.8, 22.2, 24.6);
        background-color: rgb(210.6, 211.4, 212.2);
      }

      .list-group-item-dark.list-group-item-action:hover,
      .list-group-item-dark.list-group-item-action:focus {
        color: rgb(19.8, 22.2, 24.6);
        background-color: rgb(189.54, 190.26, 190.98);
      }

      .list-group-item-dark.list-group-item-action.active {
        color: #fff;
        background-color: rgb(19.8, 22.2, 24.6);
        border-color: rgb(19.8, 22.2, 24.6);
      }

      .modal {
        --bs-modal-zindex: 1055;
        --bs-modal-width: 500px;
        --bs-modal-padding: 1rem;
        --bs-modal-margin: 0.5rem;
        --bs-modal-color: ;
        --bs-modal-bg: #fff;
        --bs-modal-border-color: var(--bs-border-color-translucent);
        --bs-modal-border-width: 1px;
        --bs-modal-border-radius: 0.5rem;
        --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
        --bs-modal-inner-border-radius: calc(0.5rem - 1px);
        --bs-modal-header-padding-x: 1rem;
        --bs-modal-header-padding-y: 1rem;
        --bs-modal-header-padding: 1rem 1rem;
        --bs-modal-header-border-color: var(--bs-border-color);
        --bs-modal-header-border-width: 1px;
        --bs-modal-title-line-height: 1.5;
        --bs-modal-footer-gap: 0.5rem;
        --bs-modal-footer-bg: ;
        --bs-modal-footer-border-color: var(--bs-border-color);
        --bs-modal-footer-border-width: 1px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: var(--bs-modal-zindex);
        display: none;
        width: 100%;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        outline: 0;
      }

      .modal-dialog {
        position: relative;
        width: auto;
        margin: var(--bs-modal-margin);
        pointer-events: none;
      }

      .modal.fade .modal-dialog {
        transition: transform 0.3s ease-out;
        transform: translate(0, -50px);
      }

      @media (prefers-reduced-motion: reduce) {
        .modal.fade .modal-dialog {
          transition: none;
        }
      }

      .modal.show .modal-dialog {
        transform: none;
      }

      .modal.modal-static .modal-dialog {
        transform: scale(1.02);
      }

      .modal-dialog-scrollable {
        height: calc(100% - var(--bs-modal-margin) * 2);
      }

      .modal-dialog-scrollable .modal-content {
        max-height: 100%;
        overflow: hidden;
      }

      .modal-dialog-scrollable .modal-body {
        overflow-y: auto;
      }

      .modal-dialog-centered {
        display: flex;
        align-items: center;
        min-height: calc(100% - var(--bs-modal-margin) * 2);
      }

      .modal-content {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
        color: var(--bs-modal-color);
        pointer-events: auto;
        background-color: var(--bs-modal-bg);
        background-clip: padding-box;
        border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
        border-radius: var(--bs-modal-border-radius);
        outline: 0;
      }

      .modal-backdrop {
        --bs-backdrop-zindex: 1050;
        --bs-backdrop-bg: #000;
        --bs-backdrop-opacity: 0.5;
        position: fixed;
        top: 0;
        left: 0;
        z-index: var(--bs-backdrop-zindex);
        width: 100vw;
        height: 100vh;
        background-color: var(--bs-backdrop-bg);
      }

      .modal-backdrop.fade {
        opacity: 0;
      }

      .modal-backdrop.show {
        opacity: var(--bs-backdrop-opacity);
      }

      .modal-header {
        display: flex;
        flex-shrink: 0;
        align-items: center;
        justify-content: space-between;
        padding: var(--bs-modal-header-padding);
        border-bottom: var(--bs-modal-header-border-width) solid
          var(--bs-modal-header-border-color);
        border-top-left-radius: var(--bs-modal-inner-border-radius);
        border-top-right-radius: var(--bs-modal-inner-border-radius);
      }

      .modal-header .btn-close {
        padding: calc(var(--bs-modal-header-padding-y) * 0.5)
          calc(var(--bs-modal-header-padding-x) * 0.5);
        margin: calc(-0.5 * var(--bs-modal-header-padding-y))
          calc(-0.5 * var(--bs-modal-header-padding-x))
          calc(-0.5 * var(--bs-modal-header-padding-y)) auto;
      }

      .modal-title {
        margin-bottom: 0;
        line-height: var(--bs-modal-title-line-height);
      }

      .modal-body {
        position: relative;
        flex: 1 1 auto;
        padding: var(--bs-modal-padding);
      }

      .modal-footer {
        display: flex;
        flex-shrink: 0;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-end;
        padding: calc(
          var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5
        );
        background-color: var(--bs-modal-footer-bg);
        border-top: var(--bs-modal-footer-border-width) solid
          var(--bs-modal-footer-border-color);
        border-bottom-right-radius: var(--bs-modal-inner-border-radius);
        border-bottom-left-radius: var(--bs-modal-inner-border-radius);
      }

      .modal-footer > * {
        margin: calc(var(--bs-modal-footer-gap) * 0.5);
      }

      @media (min-width: 576px) {
        .modal {
          --bs-modal-margin: 1.75rem;
          --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
        }

        .modal-dialog {
          max-width: var(--bs-modal-width);
          margin-right: auto;
          margin-left: auto;
        }

        .modal-sm {
          --bs-modal-width: 300px;
        }
      }

      @media (min-width: 992px) {
        .modal-lg,
        .modal-xl {
          --bs-modal-width: 800px;
        }
      }

      @media (min-width: 1200px) {
        .modal-xl {
          --bs-modal-width: 1140px;
        }
      }

      .modal-fullscreen {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
      }

      .modal-fullscreen .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
      }

      .modal-fullscreen .modal-header,
      .modal-fullscreen .modal-footer {
        border-radius: 0;
      }

      .modal-fullscreen .modal-body {
        overflow-y: auto;
      }

      @media (max-width: 575.98px) {
        .modal-fullscreen-sm-down {
          width: 100vw;
          max-width: none;
          height: 100%;
          margin: 0;
        }

        .modal-fullscreen-sm-down .modal-content {
          height: 100%;
          border: 0;
          border-radius: 0;
        }

        .modal-fullscreen-sm-down .modal-header,
        .modal-fullscreen-sm-down .modal-footer {
          border-radius: 0;
        }

        .modal-fullscreen-sm-down .modal-body {
          overflow-y: auto;
        }
      }

      @media (max-width: 767.98px) {
        .modal-fullscreen-md-down {
          width: 100vw;
          max-width: none;
          height: 100%;
          margin: 0;
        }

        .modal-fullscreen-md-down .modal-content {
          height: 100%;
          border: 0;
          border-radius: 0;
        }

        .modal-fullscreen-md-down .modal-header,
        .modal-fullscreen-md-down .modal-footer {
          border-radius: 0;
        }

        .modal-fullscreen-md-down .modal-body {
          overflow-y: auto;
        }
      }

      @media (max-width: 991.98px) {
        .modal-fullscreen-lg-down {
          width: 100vw;
          max-width: none;
          height: 100%;
          margin: 0;
        }

        .modal-fullscreen-lg-down .modal-content {
          height: 100%;
          border: 0;
          border-radius: 0;
        }

        .modal-fullscreen-lg-down .modal-header,
        .modal-fullscreen-lg-down .modal-footer {
          border-radius: 0;
        }

        .modal-fullscreen-lg-down .modal-body {
          overflow-y: auto;
        }
      }

      @media (max-width: 1199.98px) {
        .modal-fullscreen-xl-down {
          width: 100vw;
          max-width: none;
          height: 100%;
          margin: 0;
        }

        .modal-fullscreen-xl-down .modal-content {
          height: 100%;
          border: 0;
          border-radius: 0;
        }

        .modal-fullscreen-xl-down .modal-header,
        .modal-fullscreen-xl-down .modal-footer {
          border-radius: 0;
        }

        .modal-fullscreen-xl-down .modal-body {
          overflow-y: auto;
        }
      }

      @media (max-width: 1399.98px) {
        .modal-fullscreen-xxl-down {
          width: 100vw;
          max-width: none;
          height: 100%;
          margin: 0;
        }

        .modal-fullscreen-xxl-down .modal-content {
          height: 100%;
          border: 0;
          border-radius: 0;
        }

        .modal-fullscreen-xxl-down .modal-header,
        .modal-fullscreen-xxl-down .modal-footer {
          border-radius: 0;
        }

        .modal-fullscreen-xxl-down .modal-body {
          overflow-y: auto;
        }
      }

      .form-floating {
        position: relative;
      }

      .form-floating > .form-control,
      .form-floating > .form-control-plaintext,
      .form-floating > .form-select {
        height: calc(3.5rem + 2px);
        line-height: 1.25;
      }

      .form-floating > label {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 1rem 0.75rem;
        overflow: hidden;
        text-align: start;
        text-overflow: ellipsis;
        white-space: nowrap;
        pointer-events: none;
        border: 1px solid rgba(0, 0, 0, 0);
        transform-origin: 0 0;
        transition:
          opacity 0.1s ease-in-out,
          transform 0.1s ease-in-out;
      }

      @media (prefers-reduced-motion: reduce) {
        .form-floating > label {
          transition: none;
        }
      }

      .form-floating > .form-control,
      .form-floating > .form-control-plaintext {
        padding: 1rem 0.75rem;
      }

      .form-floating > .form-control::placeholder,
      .form-floating > .form-control-plaintext::placeholder {
        color: rgba(0, 0, 0, 0);
      }

      .form-floating > .form-control:focus,
      .form-floating > .form-control:not(:placeholder-shown),
      .form-floating > .form-control-plaintext:focus,
      .form-floating > .form-control-plaintext:not(:placeholder-shown) {
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
      }

      .form-floating > .form-control:-webkit-autofill,
      .form-floating > .form-control-plaintext:-webkit-autofill {
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
      }

      .form-floating > .form-select {
        padding-top: 1.625rem;
        padding-bottom: 0.625rem;
      }

      .form-floating > .form-control:focus ~ label,
      .form-floating > .form-control:not(:placeholder-shown) ~ label,
      .form-floating > .form-control-plaintext ~ label,
      .form-floating > .form-select ~ label {
        opacity: 0.65;
        transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
      }

      .form-floating > .form-control:-webkit-autofill ~ label {
        opacity: 0.65;
        transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
      }

      .form-floating > .form-control-plaintext ~ label {
        border-width: 1px 0;
      }

      .btn-close {
        box-sizing: content-box;
        width: 1em;
        height: 1em;
        padding: 0.25em 0.25em;
        color: #000;
        background: rgba(0, 0, 0, 0)
          url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e")
          center/1em auto no-repeat;
        border: 0;
        border-radius: 0.375rem;
        opacity: 0.5;
      }

      .btn-close:hover {
        color: #000;
        text-decoration: none;
        opacity: 0.75;
      }

      .btn-close:focus {
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
        opacity: 1;
      }

      .btn-close:disabled,
      .btn-close.disabled {
        pointer-events: none;
        user-select: none;
        opacity: 0.25;
      }

      .btn-close-white {
        filter: invert(1) grayscale(100%) brightness(200%);
      }

      .accordion {
        --bs-accordion-color: #212529;
        --bs-accordion-bg: #fff;
        --bs-accordion-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,
          border-radius 0.15s ease;
        --bs-accordion-border-color: var(--bs-border-color);
        --bs-accordion-border-width: 1px;
        --bs-accordion-border-radius: 0.375rem;
        --bs-accordion-inner-border-radius: calc(0.375rem - 1px);
        --bs-accordion-btn-padding-x: 1.25rem;
        --bs-accordion-btn-padding-y: 1rem;
        --bs-accordion-btn-color: #212529;
        --bs-accordion-btn-bg: var(--bs-accordion-bg);
        --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
        --bs-accordion-btn-icon-width: 1.25rem;
        --bs-accordion-btn-icon-transform: rotate(-180deg);
        --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
        --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%2811.7, 99, 227.7%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
        --bs-accordion-btn-focus-border-color: rgb(134, 182.5, 254);
        --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem
          rgba(13, 110, 253, 0.25);
        --bs-accordion-body-padding-x: 1.25rem;
        --bs-accordion-body-padding-y: 1rem;
        --bs-accordion-active-color: rgb(11.7, 99, 227.7);
        --bs-accordion-active-bg: rgb(230.8, 240.5, 254.8);
      }

      .accordion-button {
        position: relative;
        display: flex;
        align-items: center;
        width: 100%;
        padding: var(--bs-accordion-btn-padding-y)
          var(--bs-accordion-btn-padding-x);
        font-size: 1rem;
        color: var(--bs-accordion-btn-color);
        text-align: left;
        background-color: var(--bs-accordion-btn-bg);
        border: 0;
        border-radius: 0;
        overflow-anchor: none;
        transition: var(--bs-accordion-transition);
      }

      @media (prefers-reduced-motion: reduce) {
        .accordion-button {
          transition: none;
        }
      }

      .accordion-button:not(.collapsed) {
        color: var(--bs-accordion-active-color);
        background-color: var(--bs-accordion-active-bg);
        box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0
          var(--bs-accordion-border-color);
      }

      .accordion-button:not(.collapsed)::after {
        background-image: var(--bs-accordion-btn-active-icon);
        transform: var(--bs-accordion-btn-icon-transform);
      }

      .accordion-button::after {
        flex-shrink: 0;
        width: var(--bs-accordion-btn-icon-width);
        height: var(--bs-accordion-btn-icon-width);
        margin-left: auto;
        content: "";
        background-image: var(--bs-accordion-btn-icon);
        background-repeat: no-repeat;
        background-size: var(--bs-accordion-btn-icon-width);
        transition: var(--bs-accordion-btn-icon-transition);
      }

      @media (prefers-reduced-motion: reduce) {
        .accordion-button::after {
          transition: none;
        }
      }

      .accordion-button:hover {
        z-index: 2;
      }

      .accordion-button:focus {
        z-index: 3;
        border-color: var(--bs-accordion-btn-focus-border-color);
        outline: 0;
        box-shadow: var(--bs-accordion-btn-focus-box-shadow);
      }

      .accordion-header {
        margin-bottom: 0;
      }

      .accordion-item {
        color: var(--bs-accordion-color);
        background-color: var(--bs-accordion-bg);
        border: var(--bs-accordion-border-width) solid
          var(--bs-accordion-border-color);
      }

      .accordion-item:first-of-type {
        border-top-left-radius: var(--bs-accordion-border-radius);
        border-top-right-radius: var(--bs-accordion-border-radius);
      }

      .accordion-item:first-of-type .accordion-button {
        border-top-left-radius: var(--bs-accordion-inner-border-radius);
        border-top-right-radius: var(--bs-accordion-inner-border-radius);
      }

      .accordion-item:not(:first-of-type) {
        border-top: 0;
      }

      .accordion-item:last-of-type {
        border-bottom-right-radius: var(--bs-accordion-border-radius);
        border-bottom-left-radius: var(--bs-accordion-border-radius);
      }

      .accordion-item:last-of-type .accordion-button.collapsed {
        border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
        border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
      }

      .accordion-item:last-of-type .accordion-collapse {
        border-bottom-right-radius: var(--bs-accordion-border-radius);
        border-bottom-left-radius: var(--bs-accordion-border-radius);
      }

      .accordion-body {
        padding: var(--bs-accordion-body-padding-y)
          var(--bs-accordion-body-padding-x);
      }

      .accordion-flush .accordion-collapse {
        border-width: 0;
      }

      .accordion-flush .accordion-item {
        border-right: 0;
        border-left: 0;
        border-radius: 0;
      }

      .accordion-flush .accordion-item:first-child {
        border-top: 0;
      }

      .accordion-flush .accordion-item:last-child {
        border-bottom: 0;
      }

      .accordion-flush .accordion-item .accordion-button,
      .accordion-flush .accordion-item .accordion-button.collapsed {
        border-radius: 0;
      }

      .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 {
        height: 0;
        overflow: hidden;
        transition: height 0.35s ease;
      }

      @media (prefers-reduced-motion: reduce) {
        .collapsing {
          transition: none;
        }
      }

      .collapsing.collapse-horizontal {
        width: 0;
        height: auto;
        transition: width 0.35s ease;
      }

      @media (prefers-reduced-motion: reduce) {
        .collapsing.collapse-horizontal {
          transition: none;
        }
      }

      .tooltip {
        --bs-tooltip-zindex: 1080;
        --bs-tooltip-max-width: 200px;
        --bs-tooltip-padding-x: 0.5rem;
        --bs-tooltip-padding-y: 0.25rem;
        --bs-tooltip-margin: ;
        --bs-tooltip-font-size: 0.875rem;
        --bs-tooltip-color: #fff;
        --bs-tooltip-bg: #000;
        --bs-tooltip-border-radius: 0.375rem;
        --bs-tooltip-opacity: 0.9;
        --bs-tooltip-arrow-width: 0.8rem;
        --bs-tooltip-arrow-height: 0.4rem;
        z-index: var(--bs-tooltip-zindex);
        display: block;
        padding: var(--bs-tooltip-arrow-height);
        margin: var(--bs-tooltip-margin);
        font-family: var(--bs-font-sans-serif);
        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;
        white-space: normal;
        word-spacing: normal;
        line-break: auto;
        font-size: var(--bs-tooltip-font-size);
        word-wrap: break-word;
        opacity: 0;
      }

      .tooltip.show {
        opacity: var(--bs-tooltip-opacity);
      }

      .tooltip .tooltip-arrow {
        display: block;
        width: var(--bs-tooltip-arrow-width);
        height: var(--bs-tooltip-arrow-height);
      }

      .tooltip .tooltip-arrow::before {
        position: absolute;
        content: "";
        border-color: rgba(0, 0, 0, 0);
        border-style: solid;
      }

      .bs-tooltip-top .tooltip-arrow,
      .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow {
        bottom: 0;
      }

      .bs-tooltip-top .tooltip-arrow::before,
      .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
        top: -1px;
        border-width: var(--bs-tooltip-arrow-height)
          calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
        border-top-color: var(--bs-tooltip-bg);
      }

      .bs-tooltip-end .tooltip-arrow,
      .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow {
        left: 0;
        width: var(--bs-tooltip-arrow-height);
        height: var(--bs-tooltip-arrow-width);
      }

      .bs-tooltip-end .tooltip-arrow::before,
      .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before {
        right: -1px;
        border-width: calc(var(--bs-tooltip-arrow-width) * 0.5)
          var(--bs-tooltip-arrow-height)
          calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
        border-right-color: var(--bs-tooltip-bg);
      }

      .bs-tooltip-bottom .tooltip-arrow,
      .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow {
        top: 0;
      }

      .bs-tooltip-bottom .tooltip-arrow::before,
      .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before {
        bottom: -1px;
        border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5)
          var(--bs-tooltip-arrow-height);
        border-bottom-color: var(--bs-tooltip-bg);
      }

      .bs-tooltip-start .tooltip-arrow,
      .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow {
        right: 0;
        width: var(--bs-tooltip-arrow-height);
        height: var(--bs-tooltip-arrow-width);
      }

      .bs-tooltip-start .tooltip-arrow::before,
      .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before {
        left: -1px;
        border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0
          calc(var(--bs-tooltip-arrow-width) * 0.5)
          var(--bs-tooltip-arrow-height);
        border-left-color: var(--bs-tooltip-bg);
      }

      .tooltip-inner {
        max-width: var(--bs-tooltip-max-width);
        padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
        color: var(--bs-tooltip-color);
        text-align: center;
        background-color: var(--bs-tooltip-bg);
        border-radius: var(--bs-tooltip-border-radius);
      }

      /*!
   * Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
   * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
   * Copyright 2023 Fonticons, Inc.
   */
      .fa {
        font-family: var(--fa-style-family, "Font Awesome 6 Free");
        font-weight: var(--fa-style, 900);
      }

      .fa,
      .fa-classic,
      .fa-sharp,
      .fas,
      .fa-solid,
      .far,
      .fa-regular,
      .fab,
      .fa-brands {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: var(--fa-display, inline-block);
        font-style: normal;
        font-variant: normal;
        line-height: 1;
        text-rendering: auto;
      }

      .fas,
      .fa-classic,
      .fa-solid,
      .far,
      .fa-regular {
        font-family: "Font Awesome 6 Free";
      }

      .fab,
      .fa-brands {
        font-family: "Font Awesome 6 Brands";
      }

      .fa-1x {
        font-size: 1em;
      }

      .fa-2x {
        font-size: 2em;
      }

      .fa-3x {
        font-size: 3em;
      }

      .fa-4x {
        font-size: 4em;
      }

      .fa-5x {
        font-size: 5em;
      }

      .fa-6x {
        font-size: 6em;
      }

      .fa-7x {
        font-size: 7em;
      }

      .fa-8x {
        font-size: 8em;
      }

      .fa-9x {
        font-size: 9em;
      }

      .fa-10x {
        font-size: 10em;
      }

      .fa-2xs {
        font-size: 0.625em;
        line-height: 0.1em;
        vertical-align: 0.225em;
      }

      .fa-xs {
        font-size: 0.75em;
        line-height: 0.0833333337em;
        vertical-align: 0.125em;
      }

      .fa-sm {
        font-size: 0.875em;
        line-height: 0.0714285718em;
        vertical-align: 0.0535714295em;
      }

      .fa-lg {
        font-size: 1.25em;
        line-height: 0.05em;
        vertical-align: -0.075em;
      }

      .fa-xl {
        font-size: 1.5em;
        line-height: 0.0416666682em;
        vertical-align: -0.125em;
      }

      .fa-2xl {
        font-size: 2em;
        line-height: 0.03125em;
        vertical-align: -0.1875em;
      }

      .fa-fw {
        text-align: center;
        width: 1.25em;
      }

      .fa-ul {
        list-style-type: none;
        margin-left: var(--fa-li-margin, 2.5em);
        padding-left: 0;
      }

      .fa-ul > li {
        position: relative;
      }

      .fa-li {
        left: calc(var(--fa-li-width, 2em) * -1);
        position: absolute;
        text-align: center;
        width: var(--fa-li-width, 2em);
        line-height: inherit;
      }

      .fa-border {
        border-color: var(--fa-border-color, #eee);
        border-radius: var(--fa-border-radius, 0.1em);
        border-style: var(--fa-border-style, solid);
        border-width: var(--fa-border-width, 0.08em);
        padding: var(--fa-border-padding, 0.2em 0.25em 0.15em);
      }

      .fa-pull-left {
        float: left;
        margin-right: var(--fa-pull-margin, 0.3em);
      }

      .fa-pull-right {
        float: right;
        margin-left: var(--fa-pull-margin, 0.3em);
      }

      .fa-beat {
        animation-name: fa-beat;
        animation-delay: var(--fa-animation-delay, 0s);
        animation-direction: var(--fa-animation-direction, normal);
        animation-duration: var(--fa-animation-duration, 1s);
        animation-iteration-count: var(
          --fa-animation-iteration-count,
          infinite
        );
        animation-timing-function: var(--fa-animation-timing, ease-in-out);
      }

      .fa-bounce {
        animation-name: fa-bounce;
        animation-delay: var(--fa-animation-delay, 0s);
        animation-direction: var(--fa-animation-direction, normal);
        animation-duration: var(--fa-animation-duration, 1s);
        animation-iteration-count: var(
          --fa-animation-iteration-count,
          infinite
        );
        animation-timing-function: var(
          --fa-animation-timing,
          cubic-bezier(0.28, 0.84, 0.42, 1)
        );
      }

      .fa-fade {
        animation-name: fa-fade;
        animation-delay: var(--fa-animation-delay, 0s);
        animation-direction: var(--fa-animation-direction, normal);
        animation-duration: var(--fa-animation-duration, 1s);
        animation-iteration-count: var(
          --fa-animation-iteration-count,
          infinite
        );
        animation-timing-function: var(
          --fa-animation-timing,
          cubic-bezier(0.4, 0, 0.6, 1)
        );
      }

      .fa-beat-fade {
        animation-name: fa-beat-fade;
        animation-delay: var(--fa-animation-delay, 0s);
        animation-direction: var(--fa-animation-direction, normal);
        animation-duration: var(--fa-animation-duration, 1s);
        animation-iteration-count: var(
          --fa-animation-iteration-count,
          infinite
        );
        animation-timing-function: var(
          --fa-animation-timing,
          cubic-bezier(0.4, 0, 0.6, 1)
        );
      }

      .fa-flip {
        animation-name: fa-flip;
        animation-delay: var(--fa-animation-delay, 0s);
        animation-direction: var(--fa-animation-direction, normal);
        animation-duration: var(--fa-animation-duration, 1s);
        animation-iteration-count: var(
          --fa-animation-iteration-count,
          infinite
        );
        animation-timing-function: var(--fa-animation-timing, ease-in-out);
      }

      .fa-shake {
        animation-name: fa-shake;
        animation-delay: var(--fa-animation-delay, 0s);
        animation-direction: var(--fa-animation-direction, normal);
        animation-duration: var(--fa-animation-duration, 1s);
        animation-iteration-count: var(
          --fa-animation-iteration-count,
          infinite
        );
        animation-timing-function: var(--fa-animation-timing, linear);
      }

      .fa-spin {
        animation-name: fa-spin;
        animation-delay: var(--fa-animation-delay, 0s);
        animation-direction: var(--fa-animation-direction, normal);
        animation-duration: var(--fa-animation-duration, 2s);
        animation-iteration-count: var(
          --fa-animation-iteration-count,
          infinite
        );
        animation-timing-function: var(--fa-animation-timing, linear);
      }

      .fa-spin-reverse {
        --fa-animation-direction: reverse;
      }

      .fa-pulse,
      .fa-spin-pulse {
        animation-name: fa-spin;
        animation-direction: var(--fa-animation-direction, normal);
        animation-duration: var(--fa-animation-duration, 1s);
        animation-iteration-count: var(
          --fa-animation-iteration-count,
          infinite
        );
        animation-timing-function: var(--fa-animation-timing, steps(8));
      }

      @media (prefers-reduced-motion: reduce) {
        .fa-beat,
        .fa-bounce,
        .fa-fade,
        .fa-beat-fade,
        .fa-flip,
        .fa-pulse,
        .fa-shake,
        .fa-spin,
        .fa-spin-pulse {
          animation-delay: -1ms;
          animation-duration: 1ms;
          animation-iteration-count: 1;
          transition-delay: 0s;
          transition-duration: 0s;
        }
      }

      @keyframes fa-beat {
        0%,
        90% {
          transform: scale(1);
        }

        45% {
          transform: scale(var(--fa-beat-scale, 1.25));
        }
      }

      @keyframes fa-bounce {
        0% {
          transform: scale(1, 1) translateY(0);
        }

        10% {
          transform: scale(
              var(--fa-bounce-start-scale-x, 1.1),
              var(--fa-bounce-start-scale-y, 0.9)
            )
            translateY(0);
        }

        30% {
          transform: scale(
              var(--fa-bounce-jump-scale-x, 0.9),
              var(--fa-bounce-jump-scale-y, 1.1)
            )
            translateY(var(--fa-bounce-height, -0.5em));
        }

        50% {
          transform: scale(
              var(--fa-bounce-land-scale-x, 1.05),
              var(--fa-bounce-land-scale-y, 0.95)
            )
            translateY(0);
        }

        57% {
          transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
        }

        64% {
          transform: scale(1, 1) translateY(0);
        }

        100% {
          transform: scale(1, 1) translateY(0);
        }
      }

      @keyframes fa-fade {
        50% {
          opacity: var(--fa-fade-opacity, 0.4);
        }
      }

      @keyframes fa-beat-fade {
        0%,
        100% {
          opacity: var(--fa-beat-fade-opacity, 0.4);
          transform: scale(1);
        }

        50% {
          opacity: 1;
          transform: scale(var(--fa-beat-fade-scale, 1.125));
        }
      }

      @keyframes fa-flip {
        50% {
          transform: rotate3d(
            var(--fa-flip-x, 0),
            var(--fa-flip-y, 1),
            var(--fa-flip-z, 0),
            var(--fa-flip-angle, -180deg)
          );
        }
      }

      @keyframes fa-shake {
        0% {
          transform: rotate(-15deg);
        }

        4% {
          transform: rotate(15deg);
        }

        8%,
        24% {
          transform: rotate(-18deg);
        }

        12%,
        28% {
          transform: rotate(18deg);
        }

        16% {
          transform: rotate(-22deg);
        }

        20% {
          transform: rotate(22deg);
        }

        32% {
          transform: rotate(-12deg);
        }

        36% {
          transform: rotate(12deg);
        }

        40%,
        100% {
          transform: rotate(0deg);
        }
      }

      @keyframes fa-spin {
        0% {
          transform: rotate(0deg);
        }

        100% {
          transform: rotate(360deg);
        }
      }

      .fa-rotate-90 {
        transform: rotate(90deg);
      }

      .fa-rotate-180 {
        transform: rotate(180deg);
      }

      .fa-rotate-270 {
        transform: rotate(270deg);
      }

      .fa-flip-horizontal {
        transform: scale(-1, 1);
      }

      .fa-flip-vertical {
        transform: scale(1, -1);
      }

      .fa-flip-both,
      .fa-flip-horizontal.fa-flip-vertical {
        transform: scale(-1, -1);
      }

      .fa-rotate-by {
        transform: rotate(var(--fa-rotate-angle, none));
      }

      .fa-stack {
        display: inline-block;
        height: 2em;
        line-height: 2em;
        position: relative;
        vertical-align: middle;
        width: 2.5em;
      }

      .fa-stack-1x,
      .fa-stack-2x {
        left: 0;
        position: absolute;
        text-align: center;
        width: 100%;
        z-index: var(--fa-stack-z-index, auto);
      }

      .fa-stack-1x {
        line-height: inherit;
      }

      .fa-stack-2x {
        font-size: 2em;
      }

      .fa-inverse {
        color: var(--fa-inverse, #fff);
      }

      .fa-0::before {
        content: "\30 ";
      }

      .fa-1::before {
        content: "\31 ";
      }

      .fa-2::before {
        content: "\32 ";
      }

      .fa-3::before {
        content: "\33 ";
      }

      .fa-4::before {
        content: "\34 ";
      }

      .fa-5::before {
        content: "\35 ";
      }

      .fa-6::before {
        content: "\36 ";
      }

      .fa-7::before {
        content: "\37 ";
      }

      .fa-8::before {
        content: "\38 ";
      }

      .fa-9::before {
        content: "\39 ";
      }

      .fa-fill-drip::before {
        content: "";
      }

      .fa-arrows-to-circle::before {
        content: "";
      }

      .fa-circle-chevron-right::before {
        content: "";
      }

      .fa-chevron-circle-right::before {
        content: "";
      }

      .fa-at::before {
        content: "\@";
      }

      .fa-trash-can::before {
        content: "";
      }

      .fa-trash-alt::before {
        content: "";
      }

      .fa-text-height::before {
        content: "";
      }

      .fa-user-xmark::before {
        content: "";
      }

      .fa-user-times::before {
        content: "";
      }

      .fa-stethoscope::before {
        content: "";
      }

      .fa-message::before {
        content: "";
      }

      .fa-comment-alt::before {
        content: "";
      }

      .fa-info::before {
        content: "";
      }

      .fa-down-left-and-up-right-to-center::before {
        content: "";
      }

      .fa-compress-alt::before {
        content: "";
      }

      .fa-explosion::before {
        content: "";
      }

      .fa-file-lines::before {
        content: "";
      }

      .fa-file-alt::before {
        content: "";
      }

      .fa-file-text::before {
        content: "";
      }

      .fa-wave-square::before {
        content: "";
      }

      .fa-ring::before {
        content: "";
      }

      .fa-building-un::before {
        content: "";
      }

      .fa-dice-three::before {
        content: "";
      }

      .fa-calendar-days::before {
        content: "";
      }

      .fa-calendar-alt::before {
        content: "";
      }

      .fa-anchor-circle-check::before {
        content: "";
      }

      .fa-building-circle-arrow-right::before {
        content: "";
      }

      .fa-volleyball::before {
        content: "";
      }

      .fa-volleyball-ball::before {
        content: "";
      }

      .fa-arrows-up-to-line::before {
        content: "";
      }

      .fa-sort-down::before {
        content: "";
      }

      .fa-sort-desc::before {
        content: "";
      }

      .fa-circle-minus::before {
        content: "";
      }

      .fa-minus-circle::before {
        content: "";
      }

      .fa-door-open::before {
        content: "";
      }

      .fa-right-from-bracket::before {
        content: "";
      }

      .fa-sign-out-alt::before {
        content: "";
      }

      .fa-atom::before {
        content: "";
      }

      .fa-soap::before {
        content: "";
      }

      .fa-icons::before {
        content: "";
      }

      .fa-heart-music-camera-bolt::before {
        content: "";
      }

      .fa-microphone-lines-slash::before {
        content: "";
      }

      .fa-microphone-alt-slash::before {
        content: "";
      }

      .fa-bridge-circle-check::before {
        content: "";
      }

      .fa-pump-medical::before {
        content: "";
      }

      .fa-fingerprint::before {
        content: "";
      }

      .fa-hand-point-right::before {
        content: "";
      }

      .fa-magnifying-glass-location::before {
        content: "";
      }

      .fa-search-location::before {
        content: "";
      }

      .fa-forward-step::before {
        content: "";
      }

      .fa-step-forward::before {
        content: "";
      }

      .fa-face-smile-beam::before {
        content: "";
      }

      .fa-smile-beam::before {
        content: "";
      }

      .fa-flag-checkered::before {
        content: "";
      }

      .fa-football::before {
        content: "";
      }

      .fa-football-ball::before {
        content: "";
      }

      .fa-school-circle-exclamation::before {
        content: "";
      }

      .fa-crop::before {
        content: "";
      }

      .fa-angles-down::before {
        content: "";
      }

      .fa-angle-double-down::before {
        content: "";
      }

      .fa-users-rectangle::before {
        content: "";
      }

      .fa-people-roof::before {
        content: "";
      }

      .fa-people-line::before {
        content: "";
      }

      .fa-beer-mug-empty::before {
        content: "";
      }

      .fa-beer::before {
        content: "";
      }

      .fa-diagram-predecessor::before {
        content: "";
      }

      .fa-arrow-up-long::before {
        content: "";
      }

      .fa-long-arrow-up::before {
        content: "";
      }

      .fa-fire-flame-simple::before {
        content: "";
      }

      .fa-burn::before {
        content: "";
      }

      .fa-person::before {
        content: "";
      }

      .fa-male::before {
        content: "";
      }

      .fa-laptop::before {
        content: "";
      }

      .fa-file-csv::before {
        content: "";
      }

      .fa-menorah::before {
        content: "";
      }

      .fa-truck-plane::before {
        content: "";
      }

      .fa-record-vinyl::before {
        content: "";
      }

      .fa-face-grin-stars::before {
        content: "";
      }

      .fa-grin-stars::before {
        content: "";
      }

      .fa-bong::before {
        content: "";
      }

      .fa-spaghetti-monster-flying::before {
        content: "";
      }

      .fa-pastafarianism::before {
        content: "";
      }

      .fa-arrow-down-up-across-line::before {
        content: "";
      }

      .fa-spoon::before {
        content: "";
      }

      .fa-utensil-spoon::before {
        content: "";
      }

      .fa-jar-wheat::before {
        content: "";
      }

      .fa-envelopes-bulk::before {
        content: "";
      }

      .fa-mail-bulk::before {
        content: "";
      }

      .fa-file-circle-exclamation::before {
        content: "";
      }

      .fa-circle-h::before {
        content: "";
      }

      .fa-hospital-symbol::before {
        content: "";
      }

      .fa-pager::before {
        content: "";
      }

      .fa-address-book::before {
        content: "";
      }

      .fa-contact-book::before {
        content: "";
      }

      .fa-strikethrough::before {
        content: "";
      }

      .fa-k::before {
        content: "K";
      }

      .fa-landmark-flag::before {
        content: "";
      }

      .fa-pencil::before {
        content: "";
      }

      .fa-pencil-alt::before {
        content: "";
      }

      .fa-backward::before {
        content: "";
      }

      .fa-caret-right::before {
        content: "";
      }

      .fa-comments::before {
        content: "";
      }

      .fa-paste::before {
        content: "";
      }

      .fa-file-clipboard::before {
        content: "";
      }

      .fa-code-pull-request::before {
        content: "";
      }

      .fa-clipboard-list::before {
        content: "";
      }

      .fa-truck-ramp-box::before {
        content: "";
      }

      .fa-truck-loading::before {
        content: "";
      }

      .fa-user-check::before {
        content: "";
      }

      .fa-vial-virus::before {
        content: "";
      }

      .fa-sheet-plastic::before {
        content: "";
      }

      .fa-blog::before {
        content: "";
      }

      .fa-user-ninja::before {
        content: "";
      }

      .fa-person-arrow-up-from-line::before {
        content: "";
      }

      .fa-scroll-torah::before {
        content: "";
      }

      .fa-torah::before {
        content: "";
      }

      .fa-broom-ball::before {
        content: "";
      }

      .fa-quidditch::before {
        content: "";
      }

      .fa-quidditch-broom-ball::before {
        content: "";
      }

      .fa-toggle-off::before {
        content: "";
      }

      .fa-box-archive::before {
        content: "";
      }

      .fa-archive::before {
        content: "";
      }

      .fa-person-drowning::before {
        content: "";
      }

      .fa-arrow-down-9-1::before {
        content: "";
      }

      .fa-sort-numeric-desc::before {
        content: "";
      }

      .fa-sort-numeric-down-alt::before {
        content: "";
      }

      .fa-face-grin-tongue-squint::before {
        content: "";
      }

      .fa-grin-tongue-squint::before {
        content: "";
      }

      .fa-spray-can::before {
        content: "";
      }

      .fa-truck-monster::before {
        content: "";
      }

      .fa-w::before {
        content: "W";
      }

      .fa-earth-africa::before {
        content: "";
      }

      .fa-globe-africa::before {
        content: "";
      }

      .fa-rainbow::before {
        content: "";
      }

      .fa-circle-notch::before {
        content: "";
      }

      .fa-tablet-screen-button::before {
        content: "";
      }

      .fa-tablet-alt::before {
        content: "";
      }

      .fa-paw::before {
        content: "";
      }

      .fa-cloud::before {
        content: "";
      }

      .fa-trowel-bricks::before {
        content: "";
      }

      .fa-face-flushed::before {
        content: "";
      }

      .fa-flushed::before {
        content: "";
      }

      .fa-hospital-user::before {
        content: "";
      }

      .fa-tent-arrow-left-right::before {
        content: "";
      }

      .fa-gavel::before {
        content: "";
      }

      .fa-legal::before {
        content: "";
      }

      .fa-binoculars::before {
        content: "";
      }

      .fa-microphone-slash::before {
        content: "";
      }

      .fa-box-tissue::before {
        content: "";
      }

      .fa-motorcycle::before {
        content: "";
      }

      .fa-bell-concierge::before {
        content: "";
      }

      .fa-concierge-bell::before {
        content: "";
      }

      .fa-pen-ruler::before {
        content: "";
      }

      .fa-pencil-ruler::before {
        content: "";
      }

      .fa-people-arrows::before {
        content: "";
      }

      .fa-people-arrows-left-right::before {
        content: "";
      }

      .fa-mars-and-venus-burst::before {
        content: "";
      }

      .fa-square-caret-right::before {
        content: "";
      }

      .fa-caret-square-right::before {
        content: "";
      }

      .fa-scissors::before {
        content: "";
      }

      .fa-cut::before {
        content: "";
      }

      .fa-sun-plant-wilt::before {
        content: "";
      }

      .fa-toilets-portable::before {
        content: "";
      }

      .fa-hockey-puck::before {
        content: "";
      }

      .fa-table::before {
        content: "";
      }

      .fa-magnifying-glass-arrow-right::before {
        content: "";
      }

      .fa-tachograph-digital::before {
        content: "";
      }

      .fa-digital-tachograph::before {
        content: "";
      }

      .fa-users-slash::before {
        content: "";
      }

      .fa-clover::before {
        content: "";
      }

      .fa-reply::before {
        content: "";
      }

      .fa-mail-reply::before {
        content: "";
      }

      .fa-star-and-crescent::before {
        content: "";
      }

      .fa-house-fire::before {
        content: "";
      }

      .fa-square-minus::before {
        content: "";
      }

      .fa-minus-square::before {
        content: "";
      }

      .fa-helicopter::before {
        content: "";
      }

      .fa-compass::before {
        content: "";
      }

      .fa-square-caret-down::before {
        content: "";
      }

      .fa-caret-square-down::before {
        content: "";
      }

      .fa-file-circle-question::before {
        content: "";
      }

      .fa-laptop-code::before {
        content: "";
      }

      .fa-swatchbook::before {
        content: "";
      }

      .fa-prescription-bottle::before {
        content: "";
      }

      .fa-bars::before {
        content: "";
      }

      .fa-navicon::before {
        content: "";
      }

      .fa-people-group::before {
        content: "";
      }

      .fa-hourglass-end::before {
        content: "";
      }

      .fa-hourglass-3::before {
        content: "";
      }

      .fa-heart-crack::before {
        content: "";
      }

      .fa-heart-broken::before {
        content: "";
      }

      .fa-square-up-right::before {
        content: "";
      }

      .fa-external-link-square-alt::before {
        content: "";
      }

      .fa-face-kiss-beam::before {
        content: "";
      }

      .fa-kiss-beam::before {
        content: "";
      }

      .fa-film::before {
        content: "";
      }

      .fa-ruler-horizontal::before {
        content: "";
      }

      .fa-people-robbery::before {
        content: "";
      }

      .fa-lightbulb::before {
        content: "";
      }

      .fa-caret-left::before {
        content: "";
      }

      .fa-circle-exclamation::before {
        content: "";
      }

      .fa-exclamation-circle::before {
        content: "";
      }

      .fa-school-circle-xmark::before {
        content: "";
      }

      .fa-arrow-right-from-bracket::before {
        content: "";
      }

      .fa-sign-out::before {
        content: "";
      }

      .fa-circle-chevron-down::before {
        content: "";
      }

      .fa-chevron-circle-down::before {
        content: "";
      }

      .fa-unlock-keyhole::before {
        content: "";
      }

      .fa-unlock-alt::before {
        content: "";
      }

      .fa-cloud-showers-heavy::before {
        content: "";
      }

      .fa-headphones-simple::before {
        content: "";
      }

      .fa-headphones-alt::before {
        content: "";
      }

      .fa-sitemap::before {
        content: "";
      }

      .fa-circle-dollar-to-slot::before {
        content: "";
      }

      .fa-donate::before {
        content: "";
      }

      .fa-memory::before {
        content: "";
      }

      .fa-road-spikes::before {
        content: "";
      }

      .fa-fire-burner::before {
        content: "";
      }

      .fa-flag::before {
        content: "";
      }

      .fa-hanukiah::before {
        content: "";
      }

      .fa-feather::before {
        content: "";
      }

      .fa-volume-low::before {
        content: "";
      }

      .fa-volume-down::before {
        content: "";
      }

      .fa-comment-slash::before {
        content: "";
      }

      .fa-cloud-sun-rain::before {
        content: "";
      }

      .fa-compress::before {
        content: "";
      }

      .fa-wheat-awn::before {
        content: "";
      }

      .fa-wheat-alt::before {
        content: "";
      }

      .fa-ankh::before {
        content: "";
      }

      .fa-hands-holding-child::before {
        content: "";
      }

      .fa-asterisk::before {
        content: "\*";
      }

      .fa-square-check::before {
        content: "";
      }

      .fa-check-square::before {
        content: "";
      }

      .fa-peseta-sign::before {
        content: "";
      }

      .fa-heading::before {
        content: "";
      }

      .fa-header::before {
        content: "";
      }

      .fa-ghost::before {
        content: "";
      }

      .fa-list::before {
        content: "";
      }

      .fa-list-squares::before {
        content: "";
      }

      .fa-square-phone-flip::before {
        content: "";
      }

      .fa-phone-square-alt::before {
        content: "";
      }

      .fa-cart-plus::before {
        content: "";
      }

      .fa-gamepad::before {
        content: "";
      }

      .fa-circle-dot::before {
        content: "";
      }

      .fa-dot-circle::before {
        content: "";
      }

      .fa-face-dizzy::before {
        content: "";
      }

      .fa-dizzy::before {
        content: "";
      }

      .fa-egg::before {
        content: "";
      }

      .fa-house-medical-circle-xmark::before {
        content: "";
      }

      .fa-campground::before {
        content: "";
      }

      .fa-folder-plus::before {
        content: "";
      }

      .fa-futbol::before {
        content: "";
      }

      .fa-futbol-ball::before {
        content: "";
      }

      .fa-soccer-ball::before {
        content: "";
      }

      .fa-paintbrush::before {
        content: "";
      }

      .fa-paint-brush::before {
        content: "";
      }

      .fa-lock::before {
        content: "";
      }

      .fa-gas-pump::before {
        content: "";
      }

      .fa-hot-tub-person::before {
        content: "";
      }

      .fa-hot-tub::before {
        content: "";
      }

      .fa-map-location::before {
        content: "";
      }

      .fa-map-marked::before {
        content: "";
      }

      .fa-house-flood-water::before {
        content: "";
      }

      .fa-tree::before {
        content: "";
      }

      .fa-bridge-lock::before {
        content: "";
      }

      .fa-sack-dollar::before {
        content: "";
      }

      .fa-pen-to-square::before {
        content: "";
      }

      .fa-edit::before {
        content: "";
      }

      .fa-car-side::before {
        content: "";
      }

      .fa-share-nodes::before {
        content: "";
      }

      .fa-share-alt::before {
        content: "";
      }

      .fa-heart-circle-minus::before {
        content: "";
      }

      .fa-hourglass-half::before {
        content: "";
      }

      .fa-hourglass-2::before {
        content: "";
      }

      .fa-microscope::before {
        content: "";
      }

      .fa-sink::before {
        content: "";
      }

      .fa-bag-shopping::before {
        content: "";
      }

      .fa-shopping-bag::before {
        content: "";
      }

      .fa-arrow-down-z-a::before {
        content: "";
      }

      .fa-sort-alpha-desc::before {
        content: "";
      }

      .fa-sort-alpha-down-alt::before {
        content: "";
      }

      .fa-mitten::before {
        content: "";
      }

      .fa-person-rays::before {
        content: "";
      }

      .fa-users::before {
        content: "";
      }

      .fa-eye-slash::before {
        content: "";
      }

      .fa-flask-vial::before {
        content: "";
      }

      .fa-hand::before {
        content: "";
      }

      .fa-hand-paper::before {
        content: "";
      }

      .fa-om::before {
        content: "";
      }

      .fa-worm::before {
        content: "";
      }

      .fa-house-circle-xmark::before {
        content: "";
      }

      .fa-plug::before {
        content: "";
      }

      .fa-chevron-up::before {
        content: "";
      }

      .fa-hand-spock::before {
        content: "";
      }

      .fa-stopwatch::before {
        content: "";
      }

      .fa-face-kiss::before {
        content: "";
      }

      .fa-kiss::before {
        content: "";
      }

      .fa-bridge-circle-xmark::before {
        content: "";
      }

      .fa-face-grin-tongue::before {
        content: "";
      }

      .fa-grin-tongue::before {
        content: "";
      }

      .fa-chess-bishop::before {
        content: "";
      }

      .fa-face-grin-wink::before {
        content: "";
      }

      .fa-grin-wink::before {
        content: "";
      }

      .fa-ear-deaf::before {
        content: "";
      }

      .fa-deaf::before {
        content: "";
      }

      .fa-deafness::before {
        content: "";
      }

      .fa-hard-of-hearing::before {
        content: "";
      }

      .fa-road-circle-check::before {
        content: "";
      }

      .fa-dice-five::before {
        content: "";
      }

      .fa-square-rss::before {
        content: "";
      }

      .fa-rss-square::before {
        content: "";
      }

      .fa-land-mine-on::before {
        content: "";
      }

      .fa-i-cursor::before {
        content: "";
      }

      .fa-stamp::before {
        content: "";
      }

      .fa-stairs::before {
        content: "";
      }

      .fa-i::before {
        content: "I";
      }

      .fa-hryvnia-sign::before {
        content: "";
      }

      .fa-hryvnia::before {
        content: "";
      }

      .fa-pills::before {
        content: "";
      }

      .fa-face-grin-wide::before {
        content: "";
      }

      .fa-grin-alt::before {
        content: "";
      }

      .fa-tooth::before {
        content: "";
      }

      .fa-v::before {
        content: "V";
      }

      .fa-bangladeshi-taka-sign::before {
        content: "";
      }

      .fa-bicycle::before {
        content: "";
      }

      .fa-staff-snake::before {
        content: "";
      }

      .fa-rod-asclepius::before {
        content: "";
      }

      .fa-rod-snake::before {
        content: "";
      }

      .fa-staff-aesculapius::before {
        content: "";
      }

      .fa-head-side-cough-slash::before {
        content: "";
      }

      .fa-truck-medical::before {
        content: "";
      }

      .fa-ambulance::before {
        content: "";
      }

      .fa-wheat-awn-circle-exclamation::before {
        content: "";
      }

      .fa-snowman::before {
        content: "";
      }

      .fa-mortar-pestle::before {
        content: "";
      }

      .fa-road-barrier::before {
        content: "";
      }

      .fa-school::before {
        content: "";
      }

      .fa-igloo::before {
        content: "";
      }

      .fa-joint::before {
        content: "";
      }

      .fa-angle-right::before {
        content: "";
      }

      .fa-horse::before {
        content: "";
      }

      .fa-q::before {
        content: "Q";
      }

      .fa-g::before {
        content: "G";
      }

      .fa-notes-medical::before {
        content: "";
      }

      .fa-temperature-half::before {
        content: "";
      }

      .fa-temperature-2::before {
        content: "";
      }

      .fa-thermometer-2::before {
        content: "";
      }

      .fa-thermometer-half::before {
        content: "";
      }

      .fa-dong-sign::before {
        content: "";
      }

      .fa-capsules::before {
        content: "";
      }

      .fa-poo-storm::before {
        content: "";
      }

      .fa-poo-bolt::before {
        content: "";
      }

      .fa-face-frown-open::before {
        content: "";
      }

      .fa-frown-open::before {
        content: "";
      }

      .fa-hand-point-up::before {
        content: "";
      }

      .fa-money-bill::before {
        content: "";
      }

      .fa-bookmark::before {
        content: "";
      }

      .fa-align-justify::before {
        content: "";
      }

      .fa-umbrella-beach::before {
        content: "";
      }

      .fa-helmet-un::before {
        content: "";
      }

      .fa-bullseye::before {
        content: "";
      }

      .fa-bacon::before {
        content: "";
      }

      .fa-hand-point-down::before {
        content: "";
      }

      .fa-arrow-up-from-bracket::before {
        content: "";
      }

      .fa-folder::before {
        content: "";
      }

      .fa-folder-blank::before {
        content: "";
      }

      .fa-file-waveform::before {
        content: "";
      }

      .fa-file-medical-alt::before {
        content: "";
      }

      .fa-radiation::before {
        content: "";
      }

      .fa-chart-simple::before {
        content: "";
      }

      .fa-mars-stroke::before {
        content: "";
      }

      .fa-vial::before {
        content: "";
      }

      .fa-gauge::before {
        content: "";
      }

      .fa-dashboard::before {
        content: "";
      }

      .fa-gauge-med::before {
        content: "";
      }

      .fa-tachometer-alt-average::before {
        content: "";
      }

      .fa-wand-magic-sparkles::before {
        content: "";
      }

      .fa-magic-wand-sparkles::before {
        content: "";
      }

      .fa-e::before {
        content: "E";
      }

      .fa-pen-clip::before {
        content: "";
      }

      .fa-pen-alt::before {
        content: "";
      }

      .fa-bridge-circle-exclamation::before {
        content: "";
      }

      .fa-user::before {
        content: "";
      }

      .fa-school-circle-check::before {
        content: "";
      }

      .fa-dumpster::before {
        content: "";
      }

      .fa-van-shuttle::before {
        content: "";
      }

      .fa-shuttle-van::before {
        content: "";
      }

      .fa-building-user::before {
        content: "";
      }

      .fa-square-caret-left::before {
        content: "";
      }

      .fa-caret-square-left::before {
        content: "";
      }

      .fa-highlighter::before {
        content: "";
      }

      .fa-key::before {
        content: "";
      }

      .fa-bullhorn::before {
        content: "";
      }

      .fa-globe::before {
        content: "";
      }

      .fa-synagogue::before {
        content: "";
      }

      .fa-person-half-dress::before {
        content: "";
      }

      .fa-road-bridge::before {
        content: "";
      }

      .fa-location-arrow::before {
        content: "";
      }

      .fa-c::before {
        content: "C";
      }

      .fa-tablet-button::before {
        content: "";
      }

      .fa-building-lock::before {
        content: "";
      }

      .fa-pizza-slice::before {
        content: "";
      }

      .fa-money-bill-wave::before {
        content: "";
      }

      .fa-chart-area::before {
        content: "";
      }

      .fa-area-chart::before {
        content: "";
      }

      .fa-house-flag::before {
        content: "";
      }

      .fa-person-circle-minus::before {
        content: "";
      }

      .fa-ban::before {
        content: "";
      }

      .fa-cancel::before {
        content: "";
      }

      .fa-camera-rotate::before {
        content: "";
      }

      .fa-spray-can-sparkles::before {
        content: "";
      }

      .fa-air-freshener::before {
        content: "";
      }

      .fa-star::before {
        content: "";
      }

      .fa-repeat::before {
        content: "";
      }

      .fa-cross::before {
        content: "";
      }

      .fa-box::before {
        content: "";
      }

      .fa-venus-mars::before {
        content: "";
      }

      .fa-arrow-pointer::before {
        content: "";
      }

      .fa-mouse-pointer::before {
        content: "";
      }

      .fa-maximize::before {
        content: "";
      }

      .fa-expand-arrows-alt::before {
        content: "";
      }

      .fa-charging-station::before {
        content: "";
      }

      .fa-shapes::before {
        content: "";
      }

      .fa-triangle-circle-square::before {
        content: "";
      }

      .fa-shuffle::before {
        content: "";
      }

      .fa-random::before {
        content: "";
      }

      .fa-person-running::before {
        content: "";
      }

      .fa-running::before {
        content: "";
      }

      .fa-mobile-retro::before {
        content: "";
      }

      .fa-grip-lines-vertical::before {
        content: "";
      }

      .fa-spider::before {
        content: "";
      }

      .fa-hands-bound::before {
        content: "";
      }

      .fa-file-invoice-dollar::before {
        content: "";
      }

      .fa-plane-circle-exclamation::before {
        content: "";
      }

      .fa-x-ray::before {
        content: "";
      }

      .fa-spell-check::before {
        content: "";
      }

      .fa-slash::before {
        content: "";
      }

      .fa-computer-mouse::before {
        content: "";
      }

      .fa-mouse::before {
        content: "";
      }

      .fa-arrow-right-to-bracket::before {
        content: "";
      }

      .fa-sign-in::before {
        content: "";
      }

      .fa-shop-slash::before {
        content: "";
      }

      .fa-store-alt-slash::before {
        content: "";
      }

      .fa-server::before {
        content: "";
      }

      .fa-virus-covid-slash::before {
        content: "";
      }

      .fa-shop-lock::before {
        content: "";
      }

      .fa-hourglass-start::before {
        content: "";
      }

      .fa-hourglass-1::before {
        content: "";
      }

      .fa-blender-phone::before {
        content: "";
      }

      .fa-building-wheat::before {
        content: "";
      }

      .fa-person-breastfeeding::before {
        content: "";
      }

      .fa-right-to-bracket::before {
        content: "";
      }

      .fa-sign-in-alt::before {
        content: "";
      }

      .fa-venus::before {
        content: "";
      }

      .fa-passport::before {
        content: "";
      }

      .fa-heart-pulse::before {
        content: "";
      }

      .fa-heartbeat::before {
        content: "";
      }

      .fa-people-carry-box::before {
        content: "";
      }

      .fa-people-carry::before {
        content: "";
      }

      .fa-temperature-high::before {
        content: "";
      }

      .fa-microchip::before {
        content: "";
      }

      .fa-crown::before {
        content: "";
      }

      .fa-weight-hanging::before {
        content: "";
      }

      .fa-xmarks-lines::before {
        content: "";
      }

      .fa-file-prescription::before {
        content: "";
      }

      .fa-weight-scale::before {
        content: "";
      }

      .fa-weight::before {
        content: "";
      }

      .fa-user-group::before {
        content: "";
      }

      .fa-user-friends::before {
        content: "";
      }

      .fa-arrow-up-a-z::before {
        content: "";
      }

      .fa-sort-alpha-up::before {
        content: "";
      }

      .fa-chess-knight::before {
        content: "";
      }

      .fa-face-laugh-squint::before {
        content: "";
      }

      .fa-laugh-squint::before {
        content: "";
      }

      .fa-wheelchair::before {
        content: "";
      }

      .fa-circle-arrow-up::before {
        content: "";
      }

      .fa-arrow-circle-up::before {
        content: "";
      }

      .fa-toggle-on::before {
        content: "";
      }

      .fa-person-walking::before {
        content: "";
      }

      .fa-walking::before {
        content: "";
      }

      .fa-l::before {
        content: "L";
      }

      .fa-fire::before {
        content: "";
      }

      .fa-bed-pulse::before {
        content: "";
      }

      .fa-procedures::before {
        content: "";
      }

      .fa-shuttle-space::before {
        content: "";
      }

      .fa-space-shuttle::before {
        content: "";
      }

      .fa-face-laugh::before {
        content: "";
      }

      .fa-laugh::before {
        content: "";
      }

      .fa-folder-open::before {
        content: "";
      }

      .fa-heart-circle-plus::before {
        content: "";
      }

      .fa-code-fork::before {
        content: "";
      }

      .fa-city::before {
        content: "";
      }

      .fa-microphone-lines::before {
        content: "";
      }

      .fa-microphone-alt::before {
        content: "";
      }

      .fa-pepper-hot::before {
        content: "";
      }

      .fa-unlock::before {
        content: "";
      }

      .fa-colon-sign::before {
        content: "";
      }

      .fa-headset::before {
        content: "";
      }

      .fa-store-slash::before {
        content: "";
      }

      .fa-road-circle-xmark::before {
        content: "";
      }

      .fa-user-minus::before {
        content: "";
      }

      .fa-mars-stroke-up::before {
        content: "";
      }

      .fa-mars-stroke-v::before {
        content: "";
      }

      .fa-champagne-glasses::before {
        content: "";
      }

      .fa-glass-cheers::before {
        content: "";
      }

      .fa-clipboard::before {
        content: "";
      }

      .fa-house-circle-exclamation::before {
        content: "";
      }

      .fa-file-arrow-up::before {
        content: "";
      }

      .fa-file-upload::before {
        content: "";
      }

      .fa-wifi::before {
        content: "";
      }

      .fa-wifi-3::before {
        content: "";
      }

      .fa-wifi-strong::before {
        content: "";
      }

      .fa-bath::before {
        content: "";
      }

      .fa-bathtub::before {
        content: "";
      }

      .fa-underline::before {
        content: "";
      }

      .fa-user-pen::before {
        content: "";
      }

      .fa-user-edit::before {
        content: "";
      }

      .fa-signature::before {
        content: "";
      }

      .fa-stroopwafel::before {
        content: "";
      }

      .fa-bold::before {
        content: "";
      }

      .fa-anchor-lock::before {
        content: "";
      }

      .fa-building-ngo::before {
        content: "";
      }

      .fa-manat-sign::before {
        content: "";
      }

      .fa-not-equal::before {
        content: "";
      }

      .fa-border-top-left::before {
        content: "";
      }

      .fa-border-style::before {
        content: "";
      }

      .fa-map-location-dot::before {
        content: "";
      }

      .fa-map-marked-alt::before {
        content: "";
      }

      .fa-jedi::before {
        content: "";
      }

      .fa-square-poll-vertical::before {
        content: "";
      }

      .fa-poll::before {
        content: "";
      }

      .fa-mug-hot::before {
        content: "";
      }

      .fa-car-battery::before {
        content: "";
      }

      .fa-battery-car::before {
        content: "";
      }

      .fa-gift::before {
        content: "";
      }

      .fa-dice-two::before {
        content: "";
      }

      .fa-chess-queen::before {
        content: "";
      }

      .fa-glasses::before {
        content: "";
      }

      .fa-chess-board::before {
        content: "";
      }

      .fa-building-circle-check::before {
        content: "";
      }

      .fa-person-chalkboard::before {
        content: "";
      }

      .fa-mars-stroke-right::before {
        content: "";
      }

      .fa-mars-stroke-h::before {
        content: "";
      }

      .fa-hand-back-fist::before {
        content: "";
      }

      .fa-hand-rock::before {
        content: "";
      }

      .fa-square-caret-up::before {
        content: "";
      }

      .fa-caret-square-up::before {
        content: "";
      }

      .fa-cloud-showers-water::before {
        content: "";
      }

      .fa-chart-bar::before {
        content: "";
      }

      .fa-bar-chart::before {
        content: "";
      }

      .fa-hands-bubbles::before {
        content: "";
      }

      .fa-hands-wash::before {
        content: "";
      }

      .fa-less-than-equal::before {
        content: "";
      }

      .fa-train::before {
        content: "";
      }

      .fa-eye-low-vision::before {
        content: "";
      }

      .fa-low-vision::before {
        content: "";
      }

      .fa-crow::before {
        content: "";
      }

      .fa-sailboat::before {
        content: "";
      }

      .fa-window-restore::before {
        content: "";
      }

      .fa-square-plus::before {
        content: "";
      }

      .fa-plus-square::before {
        content: "";
      }

      .fa-torii-gate::before {
        content: "";
      }

      .fa-frog::before {
        content: "";
      }

      .fa-bucket::before {
        content: "";
      }

      .fa-image::before {
        content: "";
      }

      .fa-microphone::before {
        content: "";
      }

      .fa-cow::before {
        content: "";
      }

      .fa-caret-up::before {
        content: "";
      }

      .fa-screwdriver::before {
        content: "";
      }

      .fa-folder-closed::before {
        content: "";
      }

      .fa-house-tsunami::before {
        content: "";
      }

      .fa-square-nfi::before {
        content: "";
      }

      .fa-arrow-up-from-ground-water::before {
        content: "";
      }

      .fa-martini-glass::before {
        content: "";
      }

      .fa-glass-martini-alt::before {
        content: "";
      }

      .fa-rotate-left::before {
        content: "";
      }

      .fa-rotate-back::before {
        content: "";
      }

      .fa-rotate-backward::before {
        content: "";
      }

      .fa-undo-alt::before {
        content: "";
      }

      .fa-table-columns::before {
        content: "";
      }

      .fa-columns::before {
        content: "";
      }

      .fa-lemon::before {
        content: "";
      }

      .fa-head-side-mask::before {
        content: "";
      }

      .fa-handshake::before {
        content: "";
      }

      .fa-gem::before {
        content: "";
      }

      .fa-dolly::before {
        content: "";
      }

      .fa-dolly-box::before {
        content: "";
      }

      .fa-smoking::before {
        content: "";
      }

      .fa-minimize::before {
        content: "";
      }

      .fa-compress-arrows-alt::before {
        content: "";
      }

      .fa-monument::before {
        content: "";
      }

      .fa-snowplow::before {
        content: "";
      }

      .fa-angles-right::before {
        content: "";
      }

      .fa-angle-double-right::before {
        content: "";
      }

      .fa-cannabis::before {
        content: "";
      }

      .fa-circle-play::before {
        content: "";
      }

      .fa-play-circle::before {
        content: "";
      }

      .fa-tablets::before {
        content: "";
      }

      .fa-ethernet::before {
        content: "";
      }

      .fa-euro-sign::before {
        content: "";
      }

      .fa-eur::before {
        content: "";
      }

      .fa-euro::before {
        content: "";
      }

      .fa-chair::before {
        content: "";
      }

      .fa-circle-check::before {
        content: "";
      }

      .fa-check-circle::before {
        content: "";
      }

      .fa-circle-stop::before {
        content: "";
      }

      .fa-stop-circle::before {
        content: "";
      }

      .fa-compass-drafting::before {
        content: "";
      }

      .fa-drafting-compass::before {
        content: "";
      }

      .fa-plate-wheat::before {
        content: "";
      }

      .fa-icicles::before {
        content: "";
      }

      .fa-person-shelter::before {
        content: "";
      }

      .fa-neuter::before {
        content: "";
      }

      .fa-id-badge::before {
        content: "";
      }

      .fa-marker::before {
        content: "";
      }

      .fa-face-laugh-beam::before {
        content: "";
      }

      .fa-laugh-beam::before {
        content: "";
      }

      .fa-helicopter-symbol::before {
        content: "";
      }

      .fa-universal-access::before {
        content: "";
      }

      .fa-circle-chevron-up::before {
        content: "";
      }

      .fa-chevron-circle-up::before {
        content: "";
      }

      .fa-lari-sign::before {
        content: "";
      }

      .fa-volcano::before {
        content: "";
      }

      .fa-person-walking-dashed-line-arrow-right::before {
        content: "";
      }

      .fa-sterling-sign::before {
        content: "";
      }

      .fa-gbp::before {
        content: "";
      }

      .fa-pound-sign::before {
        content: "";
      }

      .fa-viruses::before {
        content: "";
      }

      .fa-square-person-confined::before {
        content: "";
      }

      .fa-user-tie::before {
        content: "";
      }

      .fa-arrow-down-long::before {
        content: "";
      }

      .fa-long-arrow-down::before {
        content: "";
      }

      .fa-tent-arrow-down-to-line::before {
        content: "";
      }

      .fa-certificate::before {
        content: "";
      }

      .fa-reply-all::before {
        content: "";
      }

      .fa-mail-reply-all::before {
        content: "";
      }

      .fa-suitcase::before {
        content: "";
      }

      .fa-person-skating::before {
        content: "";
      }

      .fa-skating::before {
        content: "";
      }

      .fa-filter-circle-dollar::before {
        content: "";
      }

      .fa-funnel-dollar::before {
        content: "";
      }

      .fa-camera-retro::before {
        content: "";
      }

      .fa-circle-arrow-down::before {
        content: "";
      }

      .fa-arrow-circle-down::before {
        content: "";
      }

      .fa-file-import::before {
        content: "";
      }

      .fa-arrow-right-to-file::before {
        content: "";
      }

      .fa-square-arrow-up-right::before {
        content: "";
      }

      .fa-external-link-square::before {
        content: "";
      }

      .fa-box-open::before {
        content: "";
      }

      .fa-scroll::before {
        content: "";
      }

      .fa-spa::before {
        content: "";
      }

      .fa-location-pin-lock::before {
        content: "";
      }

      .fa-pause::before {
        content: "";
      }

      .fa-hill-avalanche::before {
        content: "";
      }

      .fa-temperature-empty::before {
        content: "";
      }

      .fa-temperature-0::before {
        content: "";
      }

      .fa-thermometer-0::before {
        content: "";
      }

      .fa-thermometer-empty::before {
        content: "";
      }

      .fa-bomb::before {
        content: "";
      }

      .fa-registered::before {
        content: "";
      }

      .fa-address-card::before {
        content: "";
      }

      .fa-contact-card::before {
        content: "";
      }

      .fa-vcard::before {
        content: "";
      }

      .fa-scale-unbalanced-flip::before {
        content: "";
      }

      .fa-balance-scale-right::before {
        content: "";
      }

      .fa-subscript::before {
        content: "";
      }

      .fa-diamond-turn-right::before {
        content: "";
      }

      .fa-directions::before {
        content: "";
      }

      .fa-burst::before {
        content: "";
      }

      .fa-house-laptop::before {
        content: "";
      }

      .fa-laptop-house::before {
        content: "";
      }

      .fa-face-tired::before {
        content: "";
      }

      .fa-tired::before {
        content: "";
      }

      .fa-money-bills::before {
        content: "";
      }

      .fa-smog::before {
        content: "";
      }

      .fa-crutch::before {
        content: "";
      }

      .fa-cloud-arrow-up::before {
        content: "";
      }

      .fa-cloud-upload::before {
        content: "";
      }

      .fa-cloud-upload-alt::before {
        content: "";
      }

      .fa-palette::before {
        content: "";
      }

      .fa-arrows-turn-right::before {
        content: "";
      }

      .fa-vest::before {
        content: "";
      }

      .fa-ferry::before {
        content: "";
      }

      .fa-arrows-down-to-people::before {
        content: "";
      }

      .fa-seedling::before {
        content: "";
      }

      .fa-sprout::before {
        content: "";
      }

      .fa-left-right::before {
        content: "";
      }

      .fa-arrows-alt-h::before {
        content: "";
      }

      .fa-boxes-packing::before {
        content: "";
      }

      .fa-circle-arrow-left::before {
        content: "";
      }

      .fa-arrow-circle-left::before {
        content: "";
      }

      .fa-group-arrows-rotate::before {
        content: "";
      }

      .fa-bowl-food::before {
        content: "";
      }

      .fa-candy-cane::before {
        content: "";
      }

      .fa-arrow-down-wide-short::before {
        content: "";
      }

      .fa-sort-amount-asc::before {
        content: "";
      }

      .fa-sort-amount-down::before {
        content: "";
      }

      .fa-cloud-bolt::before {
        content: "";
      }

      .fa-thunderstorm::before {
        content: "";
      }

      .fa-text-slash::before {
        content: "";
      }

      .fa-remove-format::before {
        content: "";
      }

      .fa-face-smile-wink::before {
        content: "";
      }

      .fa-smile-wink::before {
        content: "";
      }

      .fa-file-word::before {
        content: "";
      }

      .fa-file-powerpoint::before {
        content: "";
      }

      .fa-arrows-left-right::before {
        content: "";
      }

      .fa-arrows-h::before {
        content: "";
      }

      .fa-house-lock::before {
        content: "";
      }

      .fa-cloud-arrow-down::before {
        content: "";
      }

      .fa-cloud-download::before {
        content: "";
      }

      .fa-cloud-download-alt::before {
        content: "";
      }

      .fa-children::before {
        content: "";
      }

      .fa-chalkboard::before {
        content: "";
      }

      .fa-blackboard::before {
        content: "";
      }

      .fa-user-large-slash::before {
        content: "";
      }

      .fa-user-alt-slash::before {
        content: "";
      }

      .fa-envelope-open::before {
        content: "";
      }

      .fa-handshake-simple-slash::before {
        content: "";
      }

      .fa-handshake-alt-slash::before {
        content: "";
      }

      .fa-mattress-pillow::before {
        content: "";
      }

      .fa-guarani-sign::before {
        content: "";
      }

      .fa-arrows-rotate::before {
        content: "";
      }

      .fa-refresh::before {
        content: "";
      }

      .fa-sync::before {
        content: "";
      }

      .fa-fire-extinguisher::before {
        content: "";
      }

      .fa-cruzeiro-sign::before {
        content: "";
      }

      .fa-greater-than-equal::before {
        content: "";
      }

      .fa-shield-halved::before {
        content: "";
      }

      .fa-shield-alt::before {
        content: "";
      }

      .fa-book-atlas::before {
        content: "";
      }

      .fa-atlas::before {
        content: "";
      }

      .fa-virus::before {
        content: "";
      }

      .fa-envelope-circle-check::before {
        content: "";
      }

      .fa-layer-group::before {
        content: "";
      }

      .fa-arrows-to-dot::before {
        content: "";
      }

      .fa-archway::before {
        content: "";
      }

      .fa-heart-circle-check::before {
        content: "";
      }

      .fa-house-chimney-crack::before {
        content: "";
      }

      .fa-house-damage::before {
        content: "";
      }

      .fa-file-zipper::before {
        content: "";
      }

      .fa-file-archive::before {
        content: "";
      }

      .fa-square::before {
        content: "";
      }

      .fa-martini-glass-empty::before {
        content: "";
      }

      .fa-glass-martini::before {
        content: "";
      }

      .fa-couch::before {
        content: "";
      }

      .fa-cedi-sign::before {
        content: "";
      }

      .fa-italic::before {
        content: "";
      }

      .fa-church::before {
        content: "";
      }

      .fa-comments-dollar::before {
        content: "";
      }

      .fa-democrat::before {
        content: "";
      }

      .fa-z::before {
        content: "Z";
      }

      .fa-person-skiing::before {
        content: "";
      }

      .fa-skiing::before {
        content: "";
      }

      .fa-road-lock::before {
        content: "";
      }

      .fa-a::before {
        content: "A";
      }

      .fa-temperature-arrow-down::before {
        content: "";
      }

      .fa-temperature-down::before {
        content: "";
      }

      .fa-feather-pointed::before {
        content: "";
      }

      .fa-feather-alt::before {
        content: "";
      }

      .fa-p::before {
        content: "P";
      }

      .fa-snowflake::before {
        content: "";
      }

      .fa-newspaper::before {
        content: "";
      }

      .fa-rectangle-ad::before {
        content: "";
      }

      .fa-ad::before {
        content: "";
      }

      .fa-circle-arrow-right::before {
        content: "";
      }

      .fa-arrow-circle-right::before {
        content: "";
      }

      .fa-filter-circle-xmark::before {
        content: "";
      }

      .fa-locust::before {
        content: "";
      }

      .fa-sort::before {
        content: "";
      }

      .fa-unsorted::before {
        content: "";
      }

      .fa-list-ol::before {
        content: "";
      }

      .fa-list-1-2::before {
        content: "";
      }

      .fa-list-numeric::before {
        content: "";
      }

      .fa-person-dress-burst::before {
        content: "";
      }

      .fa-money-check-dollar::before {
        content: "";
      }

      .fa-money-check-alt::before {
        content: "";
      }

      .fa-vector-square::before {
        content: "";
      }

      .fa-bread-slice::before {
        content: "";
      }

      .fa-language::before {
        content: "";
      }

      .fa-face-kiss-wink-heart::before {
        content: "";
      }

      .fa-kiss-wink-heart::before {
        content: "";
      }

      .fa-filter::before {
        content: "";
      }

      .fa-question::before {
        content: "\?";
      }

      .fa-file-signature::before {
        content: "";
      }

      .fa-up-down-left-right::before {
        content: "";
      }

      .fa-arrows-alt::before {
        content: "";
      }

      .fa-house-chimney-user::before {
        content: "";
      }

      .fa-hand-holding-heart::before {
        content: "";
      }

      .fa-puzzle-piece::before {
        content: "";
      }

      .fa-money-check::before {
        content: "";
      }

      .fa-star-half-stroke::before {
        content: "";
      }

      .fa-star-half-alt::before {
        content: "";
      }

      .fa-code::before {
        content: "";
      }

      .fa-whiskey-glass::before {
        content: "";
      }

      .fa-glass-whiskey::before {
        content: "";
      }

      .fa-building-circle-exclamation::before {
        content: "";
      }

      .fa-magnifying-glass-chart::before {
        content: "";
      }

      .fa-arrow-up-right-from-square::before {
        content: "";
      }

      .fa-external-link::before {
        content: "";
      }

      .fa-cubes-stacked::before {
        content: "";
      }

      .fa-won-sign::before {
        content: "";
      }

      .fa-krw::before {
        content: "";
      }

      .fa-won::before {
        content: "";
      }

      .fa-virus-covid::before {
        content: "";
      }

      .fa-austral-sign::before {
        content: "";
      }

      .fa-f::before {
        content: "F";
      }

      .fa-leaf::before {
        content: "";
      }

      .fa-road::before {
        content: "";
      }

      .fa-taxi::before {
        content: "";
      }

      .fa-cab::before {
        content: "";
      }

      .fa-person-circle-plus::before {
        content: "";
      }

      .fa-chart-pie::before {
        content: "";
      }

      .fa-pie-chart::before {
        content: "";
      }

      .fa-bolt-lightning::before {
        content: "";
      }

      .fa-sack-xmark::before {
        content: "";
      }

      .fa-file-excel::before {
        content: "";
      }

      .fa-file-contract::before {
        content: "";
      }

      .fa-fish-fins::before {
        content: "";
      }

      .fa-building-flag::before {
        content: "";
      }

      .fa-face-grin-beam::before {
        content: "";
      }

      .fa-grin-beam::before {
        content: "";
      }

      .fa-object-ungroup::before {
        content: "";
      }

      .fa-poop::before {
        content: "";
      }

      .fa-location-pin::before {
        content: "";
      }

      .fa-map-marker::before {
        content: "";
      }

      .fa-kaaba::before {
        content: "";
      }

      .fa-toilet-paper::before {
        content: "";
      }

      .fa-helmet-safety::before {
        content: "";
      }

      .fa-hard-hat::before {
        content: "";
      }

      .fa-hat-hard::before {
        content: "";
      }

      .fa-eject::before {
        content: "";
      }

      .fa-circle-right::before {
        content: "";
      }

      .fa-arrow-alt-circle-right::before {
        content: "";
      }

      .fa-plane-circle-check::before {
        content: "";
      }

      .fa-face-rolling-eyes::before {
        content: "";
      }

      .fa-meh-rolling-eyes::before {
        content: "";
      }

      .fa-object-group::before {
        content: "";
      }

      .fa-chart-line::before {
        content: "";
      }

      .fa-line-chart::before {
        content: "";
      }

      .fa-mask-ventilator::before {
        content: "";
      }

      .fa-arrow-right::before {
        content: "";
      }

      .fa-signs-post::before {
        content: "";
      }

      .fa-map-signs::before {
        content: "";
      }

      .fa-cash-register::before {
        content: "";
      }

      .fa-person-circle-question::before {
        content: "";
      }

      .fa-h::before {
        content: "H";
      }

      .fa-tarp::before {
        content: "";
      }

      .fa-screwdriver-wrench::before {
        content: "";
      }

      .fa-tools::before {
        content: "";
      }

      .fa-arrows-to-eye::before {
        content: "";
      }

      .fa-plug-circle-bolt::before {
        content: "";
      }

      .fa-heart::before {
        content: "";
      }

      .fa-mars-and-venus::before {
        content: "";
      }

      .fa-house-user::before {
        content: "";
      }

      .fa-home-user::before {
        content: "";
      }

      .fa-dumpster-fire::before {
        content: "";
      }

      .fa-house-crack::before {
        content: "";
      }

      .fa-martini-glass-citrus::before {
        content: "";
      }

      .fa-cocktail::before {
        content: "";
      }

      .fa-face-surprise::before {
        content: "";
      }

      .fa-surprise::before {
        content: "";
      }

      .fa-bottle-water::before {
        content: "";
      }

      .fa-circle-pause::before {
        content: "";
      }

      .fa-pause-circle::before {
        content: "";
      }

      .fa-toilet-paper-slash::before {
        content: "";
      }

      .fa-apple-whole::before {
        content: "";
      }

      .fa-apple-alt::before {
        content: "";
      }

      .fa-kitchen-set::before {
        content: "";
      }

      .fa-r::before {
        content: "R";
      }

      .fa-temperature-quarter::before {
        content: "";
      }

      .fa-temperature-1::before {
        content: "";
      }

      .fa-thermometer-1::before {
        content: "";
      }

      .fa-thermometer-quarter::before {
        content: "";
      }

      .fa-cube::before {
        content: "";
      }

      .fa-bitcoin-sign::before {
        content: "";
      }

      .fa-shield-dog::before {
        content: "";
      }

      .fa-solar-panel::before {
        content: "";
      }

      .fa-lock-open::before {
        content: "";
      }

      .fa-elevator::before {
        content: "";
      }

      .fa-money-bill-transfer::before {
        content: "";
      }

      .fa-money-bill-trend-up::before {
        content: "";
      }

      .fa-house-flood-water-circle-arrow-right::before {
        content: "";
      }

      .fa-square-poll-horizontal::before {
        content: "";
      }

      .fa-poll-h::before {
        content: "";
      }

      .fa-circle::before {
        content: "";
      }

      .fa-backward-fast::before {
        content: "";
      }

      .fa-fast-backward::before {
        content: "";
      }

      .fa-recycle::before {
        content: "";
      }

      .fa-user-astronaut::before {
        content: "";
      }

      .fa-plane-slash::before {
        content: "";
      }

      .fa-trademark::before {
        content: "";
      }

      .fa-basketball::before {
        content: "";
      }

      .fa-basketball-ball::before {
        content: "";
      }

      .fa-satellite-dish::before {
        content: "";
      }

      .fa-circle-up::before {
        content: "";
      }

      .fa-arrow-alt-circle-up::before {
        content: "";
      }

      .fa-mobile-screen-button::before {
        content: "";
      }

      .fa-mobile-alt::before {
        content: "";
      }

      .fa-volume-high::before {
        content: "";
      }

      .fa-volume-up::before {
        content: "";
      }

      .fa-users-rays::before {
        content: "";
      }

      .fa-wallet::before {
        content: "";
      }

      .fa-clipboard-check::before {
        content: "";
      }

      .fa-file-audio::before {
        content: "";
      }

      .fa-burger::before {
        content: "";
      }

      .fa-hamburger::before {
        content: "";
      }

      .fa-wrench::before {
        content: "";
      }

      .fa-bugs::before {
        content: "";
      }

      .fa-rupee-sign::before {
        content: "";
      }

      .fa-rupee::before {
        content: "";
      }

      .fa-file-image::before {
        content: "";
      }

      .fa-circle-question::before {
        content: "";
      }

      .fa-question-circle::before {
        content: "";
      }

      .fa-plane-departure::before {
        content: "";
      }

      .fa-handshake-slash::before {
        content: "";
      }

      .fa-book-bookmark::before {
        content: "";
      }

      .fa-code-branch::before {
        content: "";
      }

      .fa-hat-cowboy::before {
        content: "";
      }

      .fa-bridge::before {
        content: "";
      }

      .fa-phone-flip::before {
        content: "";
      }

      .fa-phone-alt::before {
        content: "";
      }

      .fa-truck-front::before {
        content: "";
      }

      .fa-cat::before {
        content: "";
      }

      .fa-anchor-circle-exclamation::before {
        content: "";
      }

      .fa-truck-field::before {
        content: "";
      }

      .fa-route::before {
        content: "";
      }

      .fa-clipboard-question::before {
        content: "";
      }

      .fa-panorama::before {
        content: "";
      }

      .fa-comment-medical::before {
        content: "";
      }

      .fa-teeth-open::before {
        content: "";
      }

      .fa-file-circle-minus::before {
        content: "";
      }

      .fa-tags::before {
        content: "";
      }

      .fa-wine-glass::before {
        content: "";
      }

      .fa-forward-fast::before {
        content: "";
      }

      .fa-fast-forward::before {
        content: "";
      }

      .fa-face-meh-blank::before {
        content: "";
      }

      .fa-meh-blank::before {
        content: "";
      }

      .fa-square-parking::before {
        content: "";
      }

      .fa-parking::before {
        content: "";
      }

      .fa-house-signal::before {
        content: "";
      }

      .fa-bars-progress::before {
        content: "";
      }

      .fa-tasks-alt::before {
        content: "";
      }

      .fa-faucet-drip::before {
        content: "";
      }

      .fa-cart-flatbed::before {
        content: "";
      }

      .fa-dolly-flatbed::before {
        content: "";
      }

      .fa-ban-smoking::before {
        content: "";
      }

      .fa-smoking-ban::before {
        content: "";
      }

      .fa-terminal::before {
        content: "";
      }

      .fa-mobile-button::before {
        content: "";
      }

      .fa-house-medical-flag::before {
        content: "";
      }

      .fa-basket-shopping::before {
        content: "";
      }

      .fa-shopping-basket::before {
        content: "";
      }

      .fa-tape::before {
        content: "";
      }

      .fa-bus-simple::before {
        content: "";
      }

      .fa-bus-alt::before {
        content: "";
      }

      .fa-eye::before {
        content: "";
      }

      .fa-face-sad-cry::before {
        content: "";
      }

      .fa-sad-cry::before {
        content: "";
      }

      .fa-audio-description::before {
        content: "";
      }

      .fa-person-military-to-person::before {
        content: "";
      }

      .fa-file-shield::before {
        content: "";
      }

      .fa-user-slash::before {
        content: "";
      }

      .fa-pen::before {
        content: "";
      }

      .fa-tower-observation::before {
        content: "";
      }

      .fa-file-code::before {
        content: "";
      }

      .fa-signal::before {
        content: "";
      }

      .fa-signal-5::before {
        content: "";
      }

      .fa-signal-perfect::before {
        content: "";
      }

      .fa-bus::before {
        content: "";
      }

      .fa-heart-circle-xmark::before {
        content: "";
      }

      .fa-house-chimney::before {
        content: "";
      }

      .fa-home-lg::before {
        content: "";
      }

      .fa-window-maximize::before {
        content: "";
      }

      .fa-face-frown::before {
        content: "";
      }

      .fa-frown::before {
        content: "";
      }

      .fa-prescription::before {
        content: "";
      }

      .fa-shop::before {
        content: "";
      }

      .fa-store-alt::before {
        content: "";
      }

      .fa-floppy-disk::before {
        content: "";
      }

      .fa-save::before {
        content: "";
      }

      .fa-vihara::before {
        content: "";
      }

      .fa-scale-unbalanced::before {
        content: "";
      }

      .fa-balance-scale-left::before {
        content: "";
      }

      .fa-sort-up::before {
        content: "";
      }

      .fa-sort-asc::before {
        content: "";
      }

      .fa-comment-dots::before {
        content: "";
      }

      .fa-commenting::before {
        content: "";
      }

      .fa-plant-wilt::before {
        content: "";
      }

      .fa-diamond::before {
        content: "";
      }

      .fa-face-grin-squint::before {
        content: "";
      }

      .fa-grin-squint::before {
        content: "";
      }

      .fa-hand-holding-dollar::before {
        content: "";
      }

      .fa-hand-holding-usd::before {
        content: "";
      }

      .fa-bacterium::before {
        content: "";
      }

      .fa-hand-pointer::before {
        content: "";
      }

      .fa-drum-steelpan::before {
        content: "";
      }

      .fa-hand-scissors::before {
        content: "";
      }

      .fa-hands-praying::before {
        content: "";
      }

      .fa-praying-hands::before {
        content: "";
      }

      .fa-arrow-rotate-right::before {
        content: "";
      }

      .fa-arrow-right-rotate::before {
        content: "";
      }

      .fa-arrow-rotate-forward::before {
        content: "";
      }

      .fa-redo::before {
        content: "";
      }

      .fa-biohazard::before {
        content: "";
      }

      .fa-location-crosshairs::before {
        content: "";
      }

      .fa-location::before {
        content: "";
      }

      .fa-mars-double::before {
        content: "";
      }

      .fa-child-dress::before {
        content: "";
      }

      .fa-users-between-lines::before {
        content: "";
      }

      .fa-lungs-virus::before {
        content: "";
      }

      .fa-face-grin-tears::before {
        content: "";
      }

      .fa-grin-tears::before {
        content: "";
      }

      .fa-phone::before {
        content: "";
      }

      .fa-calendar-xmark::before {
        content: "";
      }

      .fa-calendar-times::before {
        content: "";
      }

      .fa-child-reaching::before {
        content: "";
      }

      .fa-head-side-virus::before {
        content: "";
      }

      .fa-user-gear::before {
        content: "";
      }

      .fa-user-cog::before {
        content: "";
      }

      .fa-arrow-up-1-9::before {
        content: "";
      }

      .fa-sort-numeric-up::before {
        content: "";
      }

      .fa-door-closed::before {
        content: "";
      }

      .fa-shield-virus::before {
        content: "";
      }

      .fa-dice-six::before {
        content: "";
      }

      .fa-mosquito-net::before {
        content: "";
      }

      .fa-bridge-water::before {
        content: "";
      }

      .fa-person-booth::before {
        content: "";
      }

      .fa-text-width::before {
        content: "";
      }

      .fa-hat-wizard::before {
        content: "";
      }

      .fa-pen-fancy::before {
        content: "";
      }

      .fa-person-digging::before {
        content: "";
      }

      .fa-digging::before {
        content: "";
      }

      .fa-trash::before {
        content: "";
      }

      .fa-gauge-simple::before {
        content: "";
      }

      .fa-gauge-simple-med::before {
        content: "";
      }

      .fa-tachometer-average::before {
        content: "";
      }

      .fa-book-medical::before {
        content: "";
      }

      .fa-poo::before {
        content: "";
      }

      .fa-quote-right::before {
        content: "";
      }

      .fa-quote-right-alt::before {
        content: "";
      }

      .fa-shirt::before {
        content: "";
      }

      .fa-t-shirt::before {
        content: "";
      }

      .fa-tshirt::before {
        content: "";
      }

      .fa-cubes::before {
        content: "";
      }

      .fa-divide::before {
        content: "";
      }

      .fa-tenge-sign::before {
        content: "";
      }

      .fa-tenge::before {
        content: "";
      }

      .fa-headphones::before {
        content: "";
      }

      .fa-hands-holding::before {
        content: "";
      }

      .fa-hands-clapping::before {
        content: "";
      }

      .fa-republican::before {
        content: "";
      }

      .fa-arrow-left::before {
        content: "";
      }

      .fa-person-circle-xmark::before {
        content: "";
      }

      .fa-ruler::before {
        content: "";
      }

      .fa-align-left::before {
        content: "";
      }

      .fa-dice-d6::before {
        content: "";
      }

      .fa-restroom::before {
        content: "";
      }

      .fa-j::before {
        content: "J";
      }

      .fa-users-viewfinder::before {
        content: "";
      }

      .fa-file-video::before {
        content: "";
      }

      .fa-up-right-from-square::before {
        content: "";
      }

      .fa-external-link-alt::before {
        content: "";
      }

      .fa-table-cells::before {
        content: "";
      }

      .fa-th::before {
        content: "";
      }

      .fa-file-pdf::before {
        content: "";
      }

      .fa-book-bible::before {
        content: "";
      }

      .fa-bible::before {
        content: "";
      }

      .fa-o::before {
        content: "O";
      }

      .fa-suitcase-medical::before {
        content: "";
      }

      .fa-medkit::before {
        content: "";
      }

      .fa-user-secret::before {
        content: "";
      }

      .fa-otter::before {
        content: "";
      }

      .fa-person-dress::before {
        content: "";
      }

      .fa-female::before {
        content: "";
      }

      .fa-comment-dollar::before {
        content: "";
      }

      .fa-business-time::before {
        content: "";
      }

      .fa-briefcase-clock::before {
        content: "";
      }

      .fa-table-cells-large::before {
        content: "";
      }

      .fa-th-large::before {
        content: "";
      }

      .fa-book-tanakh::before {
        content: "";
      }

      .fa-tanakh::before {
        content: "";
      }

      .fa-phone-volume::before {
        content: "";
      }

      .fa-volume-control-phone::before {
        content: "";
      }

      .fa-hat-cowboy-side::before {
        content: "";
      }

      .fa-clipboard-user::before {
        content: "";
      }

      .fa-child::before {
        content: "";
      }

      .fa-lira-sign::before {
        content: "";
      }

      .fa-satellite::before {
        content: "";
      }

      .fa-plane-lock::before {
        content: "";
      }

      .fa-tag::before {
        content: "";
      }

      .fa-comment::before {
        content: "";
      }

      .fa-cake-candles::before {
        content: "";
      }

      .fa-birthday-cake::before {
        content: "";
      }

      .fa-cake::before {
        content: "";
      }

      .fa-envelope::before {
        content: "";
      }

      .fa-angles-up::before {
        content: "";
      }

      .fa-angle-double-up::before {
        content: "";
      }

      .fa-paperclip::before {
        content: "";
      }

      .fa-arrow-right-to-city::before {
        content: "";
      }

      .fa-ribbon::before {
        content: "";
      }

      .fa-lungs::before {
        content: "";
      }

      .fa-arrow-up-9-1::before {
        content: "";
      }

      .fa-sort-numeric-up-alt::before {
        content: "";
      }

      .fa-litecoin-sign::before {
        content: "";
      }

      .fa-border-none::before {
        content: "";
      }

      .fa-circle-nodes::before {
        content: "";
      }

      .fa-parachute-box::before {
        content: "";
      }

      .fa-indent::before {
        content: "";
      }

      .fa-truck-field-un::before {
        content: "";
      }

      .fa-hourglass::before {
        content: "";
      }

      .fa-hourglass-empty::before {
        content: "";
      }

      .fa-mountain::before {
        content: "";
      }

      .fa-user-doctor::before {
        content: "";
      }

      .fa-user-md::before {
        content: "";
      }

      .fa-circle-info::before {
        content: "";
      }

      .fa-info-circle::before {
        content: "";
      }

      .fa-cloud-meatball::before {
        content: "";
      }

      .fa-camera::before {
        content: "";
      }

      .fa-camera-alt::before {
        content: "";
      }

      .fa-square-virus::before {
        content: "";
      }

      .fa-meteor::before {
        content: "";
      }

      .fa-car-on::before {
        content: "";
      }

      .fa-sleigh::before {
        content: "";
      }

      .fa-arrow-down-1-9::before {
        content: "";
      }

      .fa-sort-numeric-asc::before {
        content: "";
      }

      .fa-sort-numeric-down::before {
        content: "";
      }

      .fa-hand-holding-droplet::before {
        content: "";
      }

      .fa-hand-holding-water::before {
        content: "";
      }

      .fa-water::before {
        content: "";
      }

      .fa-calendar-check::before {
        content: "";
      }

      .fa-braille::before {
        content: "";
      }

      .fa-prescription-bottle-medical::before {
        content: "";
      }

      .fa-prescription-bottle-alt::before {
        content: "";
      }

      .fa-landmark::before {
        content: "";
      }

      .fa-truck::before {
        content: "";
      }

      .fa-crosshairs::before {
        content: "";
      }

      .fa-person-cane::before {
        content: "";
      }

      .fa-tent::before {
        content: "";
      }

      .fa-vest-patches::before {
        content: "";
      }

      .fa-check-double::before {
        content: "";
      }

      .fa-arrow-down-a-z::before {
        content: "";
      }

      .fa-sort-alpha-asc::before {
        content: "";
      }

      .fa-sort-alpha-down::before {
        content: "";
      }

      .fa-money-bill-wheat::before {
        content: "";
      }

      .fa-cookie::before {
        content: "";
      }

      .fa-arrow-rotate-left::before {
        content: "";
      }

      .fa-arrow-left-rotate::before {
        content: "";
      }

      .fa-arrow-rotate-back::before {
        content: "";
      }

      .fa-arrow-rotate-backward::before {
        content: "";
      }

      .fa-undo::before {
        content: "";
      }

      .fa-hard-drive::before {
        content: "";
      }

      .fa-hdd::before {
        content: "";
      }

      .fa-face-grin-squint-tears::before {
        content: "";
      }

      .fa-grin-squint-tears::before {
        content: "";
      }

      .fa-dumbbell::before {
        content: "";
      }

      .fa-rectangle-list::before {
        content: "";
      }

      .fa-list-alt::before {
        content: "";
      }

      .fa-tarp-droplet::before {
        content: "";
      }

      .fa-house-medical-circle-check::before {
        content: "";
      }

      .fa-person-skiing-nordic::before {
        content: "";
      }

      .fa-skiing-nordic::before {
        content: "";
      }

      .fa-calendar-plus::before {
        content: "";
      }

      .fa-plane-arrival::before {
        content: "";
      }

      .fa-circle-left::before {
        content: "";
      }

      .fa-arrow-alt-circle-left::before {
        content: "";
      }

      .fa-train-subway::before {
        content: "";
      }

      .fa-subway::before {
        content: "";
      }

      .fa-chart-gantt::before {
        content: "";
      }

      .fa-indian-rupee-sign::before {
        content: "";
      }

      .fa-indian-rupee::before {
        content: "";
      }

      .fa-inr::before {
        content: "";
      }

      .fa-crop-simple::before {
        content: "";
      }

      .fa-crop-alt::before {
        content: "";
      }

      .fa-money-bill-1::before {
        content: "";
      }

      .fa-money-bill-alt::before {
        content: "";
      }

      .fa-left-long::before {
        content: "";
      }

      .fa-long-arrow-alt-left::before {
        content: "";
      }

      .fa-dna::before {
        content: "";
      }

      .fa-virus-slash::before {
        content: "";
      }

      .fa-minus::before {
        content: "";
      }

      .fa-subtract::before {
        content: "";
      }

      .fa-chess::before {
        content: "";
      }

      .fa-arrow-left-long::before {
        content: "";
      }

      .fa-long-arrow-left::before {
        content: "";
      }

      .fa-plug-circle-check::before {
        content: "";
      }

      .fa-street-view::before {
        content: "";
      }

      .fa-franc-sign::before {
        content: "";
      }

      .fa-volume-off::before {
        content: "";
      }

      .fa-hands-asl-interpreting::before {
        content: "";
      }

      .fa-american-sign-language-interpreting::before {
        content: "";
      }

      .fa-asl-interpreting::before {
        content: "";
      }

      .fa-hands-american-sign-language-interpreting::before {
        content: "";
      }

      .fa-gear::before {
        content: "";
      }

      .fa-cog::before {
        content: "";
      }

      .fa-droplet-slash::before {
        content: "";
      }

      .fa-tint-slash::before {
        content: "";
      }

      .fa-mosque::before {
        content: "";
      }

      .fa-mosquito::before {
        content: "";
      }

      .fa-star-of-david::before {
        content: "";
      }

      .fa-person-military-rifle::before {
        content: "";
      }

      .fa-cart-shopping::before {
        content: "";
      }

      .fa-shopping-cart::before {
        content: "";
      }

      .fa-vials::before {
        content: "";
      }

      .fa-plug-circle-plus::before {
        content: "";
      }

      .fa-place-of-worship::before {
        content: "";
      }

      .fa-grip-vertical::before {
        content: "";
      }

      .fa-arrow-turn-up::before {
        content: "";
      }

      .fa-level-up::before {
        content: "";
      }

      .fa-u::before {
        content: "U";
      }

      .fa-square-root-variable::before {
        content: "";
      }

      .fa-square-root-alt::before {
        content: "";
      }

      .fa-clock::before {
        content: "";
      }

      .fa-clock-four::before {
        content: "";
      }

      .fa-backward-step::before {
        content: "";
      }

      .fa-step-backward::before {
        content: "";
      }

      .fa-pallet::before {
        content: "";
      }

      .fa-faucet::before {
        content: "";
      }

      .fa-baseball-bat-ball::before {
        content: "";
      }

      .fa-s::before {
        content: "S";
      }

      .fa-timeline::before {
        content: "";
      }

      .fa-keyboard::before {
        content: "";
      }

      .fa-caret-down::before {
        content: "";
      }

      .fa-house-chimney-medical::before {
        content: "";
      }

      .fa-clinic-medical::before {
        content: "";
      }

      .fa-temperature-three-quarters::before {
        content: "";
      }

      .fa-temperature-3::before {
        content: "";
      }

      .fa-thermometer-3::before {
        content: "";
      }

      .fa-thermometer-three-quarters::before {
        content: "";
      }

      .fa-mobile-screen::before {
        content: "";
      }

      .fa-mobile-android-alt::before {
        content: "";
      }

      .fa-plane-up::before {
        content: "";
      }

      .fa-piggy-bank::before {
        content: "";
      }

      .fa-battery-half::before {
        content: "";
      }

      .fa-battery-3::before {
        content: "";
      }

      .fa-mountain-city::before {
        content: "";
      }

      .fa-coins::before {
        content: "";
      }

      .fa-khanda::before {
        content: "";
      }

      .fa-sliders::before {
        content: "";
      }

      .fa-sliders-h::before {
        content: "";
      }

      .fa-folder-tree::before {
        content: "";
      }

      .fa-network-wired::before {
        content: "";
      }

      .fa-map-pin::before {
        content: "";
      }

      .fa-hamsa::before {
        content: "";
      }

      .fa-cent-sign::before {
        content: "";
      }

      .fa-flask::before {
        content: "";
      }

      .fa-person-pregnant::before {
        content: "";
      }

      .fa-wand-sparkles::before {
        content: "";
      }

      .fa-ellipsis-vertical::before {
        content: "";
      }

      .fa-ellipsis-v::before {
        content: "";
      }

      .fa-ticket::before {
        content: "";
      }

      .fa-power-off::before {
        content: "";
      }

      .fa-right-long::before {
        content: "";
      }

      .fa-long-arrow-alt-right::before {
        content: "";
      }

      .fa-flag-usa::before {
        content: "";
      }

      .fa-laptop-file::before {
        content: "";
      }

      .fa-tty::before {
        content: "";
      }

      .fa-teletype::before {
        content: "";
      }

      .fa-diagram-next::before {
        content: "";
      }

      .fa-person-rifle::before {
        content: "";
      }

      .fa-house-medical-circle-exclamation::before {
        content: "";
      }

      .fa-closed-captioning::before {
        content: "";
      }

      .fa-person-hiking::before {
        content: "";
      }

      .fa-hiking::before {
        content: "";
      }

      .fa-venus-double::before {
        content: "";
      }

      .fa-images::before {
        content: "";
      }

      .fa-calculator::before {
        content: "";
      }

      .fa-people-pulling::before {
        content: "";
      }

      .fa-n::before {
        content: "N";
      }

      .fa-cable-car::before {
        content: "";
      }

      .fa-tram::before {
        content: "";
      }

      .fa-cloud-rain::before {
        content: "";
      }

      .fa-building-circle-xmark::before {
        content: "";
      }

      .fa-ship::before {
        content: "";
      }

      .fa-arrows-down-to-line::before {
        content: "";
      }

      .fa-download::before {
        content: "";
      }

      .fa-face-grin::before {
        content: "";
      }

      .fa-grin::before {
        content: "";
      }

      .fa-delete-left::before {
        content: "";
      }

      .fa-backspace::before {
        content: "";
      }

      .fa-eye-dropper::before {
        content: "";
      }

      .fa-eye-dropper-empty::before {
        content: "";
      }

      .fa-eyedropper::before {
        content: "";
      }

      .fa-file-circle-check::before {
        content: "";
      }

      .fa-forward::before {
        content: "";
      }

      .fa-mobile::before {
        content: "";
      }

      .fa-mobile-android::before {
        content: "";
      }

      .fa-mobile-phone::before {
        content: "";
      }

      .fa-face-meh::before {
        content: "";
      }

      .fa-meh::before {
        content: "";
      }

      .fa-align-center::before {
        content: "";
      }

      .fa-book-skull::before {
        content: "";
      }

      .fa-book-dead::before {
        content: "";
      }

      .fa-id-card::before {
        content: "";
      }

      .fa-drivers-license::before {
        content: "";
      }

      .fa-outdent::before {
        content: "";
      }

      .fa-dedent::before {
        content: "";
      }

      .fa-heart-circle-exclamation::before {
        content: "";
      }

      .fa-house::before {
        content: "";
      }

      .fa-home::before {
        content: "";
      }

      .fa-home-alt::before {
        content: "";
      }

      .fa-home-lg-alt::before {
        content: "";
      }

      .fa-calendar-week::before {
        content: "";
      }

      .fa-laptop-medical::before {
        content: "";
      }

      .fa-b::before {
        content: "B";
      }

      .fa-file-medical::before {
        content: "";
      }

      .fa-dice-one::before {
        content: "";
      }

      .fa-kiwi-bird::before {
        content: "";
      }

      .fa-arrow-right-arrow-left::before {
        content: "";
      }

      .fa-exchange::before {
        content: "";
      }

      .fa-rotate-right::before {
        content: "";
      }

      .fa-redo-alt::before {
        content: "";
      }

      .fa-rotate-forward::before {
        content: "";
      }

      .fa-utensils::before {
        content: "";
      }

      .fa-cutlery::before {
        content: "";
      }

      .fa-arrow-up-wide-short::before {
        content: "";
      }

      .fa-sort-amount-up::before {
        content: "";
      }

      .fa-mill-sign::before {
        content: "";
      }

      .fa-bowl-rice::before {
        content: "";
      }

      .fa-skull::before {
        content: "";
      }

      .fa-tower-broadcast::before {
        content: "";
      }

      .fa-broadcast-tower::before {
        content: "";
      }

      .fa-truck-pickup::before {
        content: "";
      }

      .fa-up-long::before {
        content: "";
      }

      .fa-long-arrow-alt-up::before {
        content: "";
      }

      .fa-stop::before {
        content: "";
      }

      .fa-code-merge::before {
        content: "";
      }

      .fa-upload::before {
        content: "";
      }

      .fa-hurricane::before {
        content: "";
      }

      .fa-mound::before {
        content: "";
      }

      .fa-toilet-portable::before {
        content: "";
      }

      .fa-compact-disc::before {
        content: "";
      }

      .fa-file-arrow-down::before {
        content: "";
      }

      .fa-file-download::before {
        content: "";
      }

      .fa-caravan::before {
        content: "";
      }

      .fa-shield-cat::before {
        content: "";
      }

      .fa-bolt::before {
        content: "";
      }

      .fa-zap::before {
        content: "";
      }

      .fa-glass-water::before {
        content: "";
      }

      .fa-oil-well::before {
        content: "";
      }

      .fa-vault::before {
        content: "";
      }

      .fa-mars::before {
        content: "";
      }

      .fa-toilet::before {
        content: "";
      }

      .fa-plane-circle-xmark::before {
        content: "";
      }

      .fa-yen-sign::before {
        content: "";
      }

      .fa-cny::before {
        content: "";
      }

      .fa-jpy::before {
        content: "";
      }

      .fa-rmb::before {
        content: "";
      }

      .fa-yen::before {
        content: "";
      }

      .fa-ruble-sign::before {
        content: "";
      }

      .fa-rouble::before {
        content: "";
      }

      .fa-rub::before {
        content: "";
      }

      .fa-ruble::before {
        content: "";
      }

      .fa-sun::before {
        content: "";
      }

      .fa-guitar::before {
        content: "";
      }

      .fa-face-laugh-wink::before {
        content: "";
      }

      .fa-laugh-wink::before {
        content: "";
      }

      .fa-horse-head::before {
        content: "";
      }

      .fa-bore-hole::before {
        content: "";
      }

      .fa-industry::before {
        content: "";
      }

      .fa-circle-down::before {
        content: "";
      }

      .fa-arrow-alt-circle-down::before {
        content: "";
      }

      .fa-arrows-turn-to-dots::before {
        content: "";
      }

      .fa-florin-sign::before {
        content: "";
      }

      .fa-arrow-down-short-wide::before {
        content: "";
      }

      .fa-sort-amount-desc::before {
        content: "";
      }

      .fa-sort-amount-down-alt::before {
        content: "";
      }

      .fa-less-than::before {
        content: "\<";
      }

      .fa-angle-down::before {
        content: "";
      }

      .fa-car-tunnel::before {
        content: "";
      }

      .fa-head-side-cough::before {
        content: "";
      }

      .fa-grip-lines::before {
        content: "";
      }

      .fa-thumbs-down::before {
        content: "";
      }

      .fa-user-lock::before {
        content: "";
      }

      .fa-arrow-right-long::before {
        content: "";
      }

      .fa-long-arrow-right::before {
        content: "";
      }

      .fa-anchor-circle-xmark::before {
        content: "";
      }

      .fa-ellipsis::before {
        content: "";
      }

      .fa-ellipsis-h::before {
        content: "";
      }

      .fa-chess-pawn::before {
        content: "";
      }

      .fa-kit-medical::before {
        content: "";
      }

      .fa-first-aid::before {
        content: "";
      }

      .fa-person-through-window::before {
        content: "";
      }

      .fa-toolbox::before {
        content: "";
      }

      .fa-hands-holding-circle::before {
        content: "";
      }

      .fa-bug::before {
        content: "";
      }

      .fa-credit-card::before {
        content: "";
      }

      .fa-credit-card-alt::before {
        content: "";
      }

      .fa-car::before {
        content: "";
      }

      .fa-automobile::before {
        content: "";
      }

      .fa-hand-holding-hand::before {
        content: "";
      }

      .fa-book-open-reader::before {
        content: "";
      }

      .fa-book-reader::before {
        content: "";
      }

      .fa-mountain-sun::before {
        content: "";
      }

      .fa-arrows-left-right-to-line::before {
        content: "";
      }

      .fa-dice-d20::before {
        content: "";
      }

      .fa-truck-droplet::before {
        content: "";
      }

      .fa-file-circle-xmark::before {
        content: "";
      }

      .fa-temperature-arrow-up::before {
        content: "";
      }

      .fa-temperature-up::before {
        content: "";
      }

      .fa-medal::before {
        content: "";
      }

      .fa-bed::before {
        content: "";
      }

      .fa-square-h::before {
        content: "";
      }

      .fa-h-square::before {
        content: "";
      }

      .fa-podcast::before {
        content: "";
      }

      .fa-temperature-full::before {
        content: "";
      }

      .fa-temperature-4::before {
        content: "";
      }

      .fa-thermometer-4::before {
        content: "";
      }

      .fa-thermometer-full::before {
        content: "";
      }

      .fa-bell::before {
        content: "";
      }

      .fa-superscript::before {
        content: "";
      }

      .fa-plug-circle-xmark::before {
        content: "";
      }

      .fa-star-of-life::before {
        content: "";
      }

      .fa-phone-slash::before {
        content: "";
      }

      .fa-paint-roller::before {
        content: "";
      }

      .fa-handshake-angle::before {
        content: "";
      }

      .fa-hands-helping::before {
        content: "";
      }

      .fa-location-dot::before {
        content: "";
      }

      .fa-map-marker-alt::before {
        content: "";
      }

      .fa-file::before {
        content: "";
      }

      .fa-greater-than::before {
        content: "\>";
      }

      .fa-person-swimming::before {
        content: "";
      }

      .fa-swimmer::before {
        content: "";
      }

      .fa-arrow-down::before {
        content: "";
      }

      .fa-droplet::before {
        content: "";
      }

      .fa-tint::before {
        content: "";
      }

      .fa-eraser::before {
        content: "";
      }

      .fa-earth-americas::before {
        content: "";
      }

      .fa-earth::before {
        content: "";
      }

      .fa-earth-america::before {
        content: "";
      }

      .fa-globe-americas::before {
        content: "";
      }

      .fa-person-burst::before {
        content: "";
      }

      .fa-dove::before {
        content: "";
      }

      .fa-battery-empty::before {
        content: "";
      }

      .fa-battery-0::before {
        content: "";
      }

      .fa-socks::before {
        content: "";
      }

      .fa-inbox::before {
        content: "";
      }

      .fa-section::before {
        content: "";
      }

      .fa-gauge-high::before {
        content: "";
      }

      .fa-tachometer-alt::before {
        content: "";
      }

      .fa-tachometer-alt-fast::before {
        content: "";
      }

      .fa-envelope-open-text::before {
        content: "";
      }

      .fa-hospital::before {
        content: "";
      }

      .fa-hospital-alt::before {
        content: "";
      }

      .fa-hospital-wide::before {
        content: "";
      }

      .fa-wine-bottle::before {
        content: "";
      }

      .fa-chess-rook::before {
        content: "";
      }

      .fa-bars-staggered::before {
        content: "";
      }

      .fa-reorder::before {
        content: "";
      }

      .fa-stream::before {
        content: "";
      }

      .fa-dharmachakra::before {
        content: "";
      }

      .fa-hotdog::before {
        content: "";
      }

      .fa-person-walking-with-cane::before {
        content: "";
      }

      .fa-blind::before {
        content: "";
      }

      .fa-drum::before {
        content: "";
      }

      .fa-ice-cream::before {
        content: "";
      }

      .fa-heart-circle-bolt::before {
        content: "";
      }

      .fa-fax::before {
        content: "";
      }

      .fa-paragraph::before {
        content: "";
      }

      .fa-check-to-slot::before {
        content: "";
      }

      .fa-vote-yea::before {
        content: "";
      }

      .fa-star-half::before {
        content: "";
      }

      .fa-boxes-stacked::before {
        content: "";
      }

      .fa-boxes::before {
        content: "";
      }

      .fa-boxes-alt::before {
        content: "";
      }

      .fa-link::before {
        content: "";
      }

      .fa-chain::before {
        content: "";
      }

      .fa-ear-listen::before {
        content: "";
      }

      .fa-assistive-listening-systems::before {
        content: "";
      }

      .fa-tree-city::before {
        content: "";
      }

      .fa-play::before {
        content: "";
      }

      .fa-font::before {
        content: "";
      }

      .fa-rupiah-sign::before {
        content: "";
      }

      .fa-magnifying-glass::before {
        content: "";
      }

      .fa-search::before {
        content: "";
      }

      .fa-table-tennis-paddle-ball::before {
        content: "";
      }

      .fa-ping-pong-paddle-ball::before {
        content: "";
      }

      .fa-table-tennis::before {
        content: "";
      }

      .fa-person-dots-from-line::before {
        content: "";
      }

      .fa-diagnoses::before {
        content: "";
      }

      .fa-trash-can-arrow-up::before {
        content: "";
      }

      .fa-trash-restore-alt::before {
        content: "";
      }

      .fa-naira-sign::before {
        content: "";
      }

      .fa-cart-arrow-down::before {
        content: "";
      }

      .fa-walkie-talkie::before {
        content: "";
      }

      .fa-file-pen::before {
        content: "";
      }

      .fa-file-edit::before {
        content: "";
      }

      .fa-receipt::before {
        content: "";
      }

      .fa-square-pen::before {
        content: "";
      }

      .fa-pen-square::before {
        content: "";
      }

      .fa-pencil-square::before {
        content: "";
      }

      .fa-suitcase-rolling::before {
        content: "";
      }

      .fa-person-circle-exclamation::before {
        content: "";
      }

      .fa-chevron-down::before {
        content: "";
      }

      .fa-battery-full::before {
        content: "";
      }

      .fa-battery::before {
        content: "";
      }

      .fa-battery-5::before {
        content: "";
      }

      .fa-skull-crossbones::before {
        content: "";
      }

      .fa-code-compare::before {
        content: "";
      }

      .fa-list-ul::before {
        content: "";
      }

      .fa-list-dots::before {
        content: "";
      }

      .fa-school-lock::before {
        content: "";
      }

      .fa-tower-cell::before {
        content: "";
      }

      .fa-down-long::before {
        content: "";
      }

      .fa-long-arrow-alt-down::before {
        content: "";
      }

      .fa-ranking-star::before {
        content: "";
      }

      .fa-chess-king::before {
        content: "";
      }

      .fa-person-harassing::before {
        content: "";
      }

      .fa-brazilian-real-sign::before {
        content: "";
      }

      .fa-landmark-dome::before {
        content: "";
      }

      .fa-landmark-alt::before {
        content: "";
      }

      .fa-arrow-up::before {
        content: "";
      }

      .fa-tv::before {
        content: "";
      }

      .fa-television::before {
        content: "";
      }

      .fa-tv-alt::before {
        content: "";
      }

      .fa-shrimp::before {
        content: "";
      }

      .fa-list-check::before {
        content: "";
      }

      .fa-tasks::before {
        content: "";
      }

      .fa-jug-detergent::before {
        content: "";
      }

      .fa-circle-user::before {
        content: "";
      }

      .fa-user-circle::before {
        content: "";
      }

      .fa-user-shield::before {
        content: "";
      }

      .fa-wind::before {
        content: "";
      }

      .fa-car-burst::before {
        content: "";
      }

      .fa-car-crash::before {
        content: "";
      }

      .fa-y::before {
        content: "Y";
      }

      .fa-person-snowboarding::before {
        content: "";
      }

      .fa-snowboarding::before {
        content: "";
      }

      .fa-truck-fast::before {
        content: "";
      }

      .fa-shipping-fast::before {
        content: "";
      }

      .fa-fish::before {
        content: "";
      }

      .fa-user-graduate::before {
        content: "";
      }

      .fa-circle-half-stroke::before {
        content: "";
      }

      .fa-adjust::before {
        content: "";
      }

      .fa-clapperboard::before {
        content: "";
      }

      .fa-circle-radiation::before {
        content: "";
      }

      .fa-radiation-alt::before {
        content: "";
      }

      .fa-baseball::before {
        content: "";
      }

      .fa-baseball-ball::before {
        content: "";
      }

      .fa-jet-fighter-up::before {
        content: "";
      }

      .fa-diagram-project::before {
        content: "";
      }

      .fa-project-diagram::before {
        content: "";
      }

      .fa-copy::before {
        content: "";
      }

      .fa-volume-xmark::before {
        content: "";
      }

      .fa-volume-mute::before {
        content: "";
      }

      .fa-volume-times::before {
        content: "";
      }

      .fa-hand-sparkles::before {
        content: "";
      }

      .fa-grip::before {
        content: "";
      }

      .fa-grip-horizontal::before {
        content: "";
      }

      .fa-share-from-square::before {
        content: "";
      }

      .fa-share-square::before {
        content: "";
      }

      .fa-child-combatant::before {
        content: "";
      }

      .fa-child-rifle::before {
        content: "";
      }

      .fa-gun::before {
        content: "";
      }

      .fa-square-phone::before {
        content: "";
      }

      .fa-phone-square::before {
        content: "";
      }

      .fa-plus::before {
        content: "\+";
      }

      .fa-add::before {
        content: "\+";
      }

      .fa-expand::before {
        content: "";
      }

      .fa-computer::before {
        content: "";
      }

      .fa-xmark::before {
        content: "";
      }

      .fa-close::before {
        content: "";
      }

      .fa-multiply::before {
        content: "";
      }

      .fa-remove::before {
        content: "";
      }

      .fa-times::before {
        content: "";
      }

      .fa-arrows-up-down-left-right::before {
        content: "";
      }

      .fa-arrows::before {
        content: "";
      }

      .fa-chalkboard-user::before {
        content: "";
      }

      .fa-chalkboard-teacher::before {
        content: "";
      }

      .fa-peso-sign::before {
        content: "";
      }

      .fa-building-shield::before {
        content: "";
      }

      .fa-baby::before {
        content: "";
      }

      .fa-users-line::before {
        content: "";
      }

      .fa-quote-left::before {
        content: "";
      }

      .fa-quote-left-alt::before {
        content: "";
      }

      .fa-tractor::before {
        content: "";
      }

      .fa-trash-arrow-up::before {
        content: "";
      }

      .fa-trash-restore::before {
        content: "";
      }

      .fa-arrow-down-up-lock::before {
        content: "";
      }

      .fa-lines-leaning::before {
        content: "";
      }

      .fa-ruler-combined::before {
        content: "";
      }

      .fa-copyright::before {
        content: "";
      }

      .fa-equals::before {
        content: "\=";
      }

      .fa-blender::before {
        content: "";
      }

      .fa-teeth::before {
        content: "";
      }

      .fa-shekel-sign::before {
        content: "";
      }

      .fa-ils::before {
        content: "";
      }

      .fa-shekel::before {
        content: "";
      }

      .fa-sheqel::before {
        content: "";
      }

      .fa-sheqel-sign::before {
        content: "";
      }

      .fa-map::before {
        content: "";
      }

      .fa-rocket::before {
        content: "";
      }

      .fa-photo-film::before {
        content: "";
      }

      .fa-photo-video::before {
        content: "";
      }

      .fa-folder-minus::before {
        content: "";
      }

      .fa-store::before {
        content: "";
      }

      .fa-arrow-trend-up::before {
        content: "";
      }

      .fa-plug-circle-minus::before {
        content: "";
      }

      .fa-sign-hanging::before {
        content: "";
      }

      .fa-sign::before {
        content: "";
      }

      .fa-bezier-curve::before {
        content: "";
      }

      .fa-bell-slash::before {
        content: "";
      }

      .fa-tablet::before {
        content: "";
      }

      .fa-tablet-android::before {
        content: "";
      }

      .fa-school-flag::before {
        content: "";
      }

      .fa-fill::before {
        content: "";
      }

      .fa-angle-up::before {
        content: "";
      }

      .fa-drumstick-bite::before {
        content: "";
      }

      .fa-holly-berry::before {
        content: "";
      }

      .fa-chevron-left::before {
        content: "";
      }

      .fa-bacteria::before {
        content: "";
      }

      .fa-hand-lizard::before {
        content: "";
      }

      .fa-notdef::before {
        content: "";
      }

      .fa-disease::before {
        content: "";
      }

      .fa-briefcase-medical::before {
        content: "";
      }

      .fa-genderless::before {
        content: "";
      }

      .fa-chevron-right::before {
        content: "";
      }

      .fa-retweet::before {
        content: "";
      }

      .fa-car-rear::before {
        content: "";
      }

      .fa-car-alt::before {
        content: "";
      }

      .fa-pump-soap::before {
        content: "";
      }

      .fa-video-slash::before {
        content: "";
      }

      .fa-battery-quarter::before {
        content: "";
      }

      .fa-battery-2::before {
        content: "";
      }

      .fa-radio::before {
        content: "";
      }

      .fa-baby-carriage::before {
        content: "";
      }

      .fa-carriage-baby::before {
        content: "";
      }

      .fa-traffic-light::before {
        content: "";
      }

      .fa-thermometer::before {
        content: "";
      }

      .fa-vr-cardboard::before {
        content: "";
      }

      .fa-hand-middle-finger::before {
        content: "";
      }

      .fa-percent::before {
        content: "\%";
      }

      .fa-percentage::before {
        content: "\%";
      }

      .fa-truck-moving::before {
        content: "";
      }

      .fa-glass-water-droplet::before {
        content: "";
      }

      .fa-display::before {
        content: "";
      }

      .fa-face-smile::before {
        content: "";
      }

      .fa-smile::before {
        content: "";
      }

      .fa-thumbtack::before {
        content: "";
      }

      .fa-thumb-tack::before {
        content: "";
      }

      .fa-trophy::before {
        content: "";
      }

      .fa-person-praying::before {
        content: "";
      }

      .fa-pray::before {
        content: "";
      }

      .fa-hammer::before {
        content: "";
      }

      .fa-hand-peace::before {
        content: "";
      }

      .fa-rotate::before {
        content: "";
      }

      .fa-sync-alt::before {
        content: "";
      }

      .fa-spinner::before {
        content: "";
      }

      .fa-robot::before {
        content: "";
      }

      .fa-peace::before {
        content: "";
      }

      .fa-gears::before {
        content: "";
      }

      .fa-cogs::before {
        content: "";
      }

      .fa-warehouse::before {
        content: "";
      }

      .fa-arrow-up-right-dots::before {
        content: "";
      }

      .fa-splotch::before {
        content: "";
      }

      .fa-face-grin-hearts::before {
        content: "";
      }

      .fa-grin-hearts::before {
        content: "";
      }

      .fa-dice-four::before {
        content: "";
      }

      .fa-sim-card::before {
        content: "";
      }

      .fa-transgender::before {
        content: "";
      }

      .fa-transgender-alt::before {
        content: "";
      }

      .fa-mercury::before {
        content: "";
      }

      .fa-arrow-turn-down::before {
        content: "";
      }

      .fa-level-down::before {
        content: "";
      }

      .fa-person-falling-burst::before {
        content: "";
      }

      .fa-award::before {
        content: "";
      }

      .fa-ticket-simple::before {
        content: "";
      }

      .fa-ticket-alt::before {
        content: "";
      }

      .fa-building::before {
        content: "";
      }

      .fa-angles-left::before {
        content: "";
      }

      .fa-angle-double-left::before {
        content: "";
      }

      .fa-qrcode::before {
        content: "";
      }

      .fa-clock-rotate-left::before {
        content: "";
      }

      .fa-history::before {
        content: "";
      }

      .fa-face-grin-beam-sweat::before {
        content: "";
      }

      .fa-grin-beam-sweat::before {
        content: "";
      }

      .fa-file-export::before {
        content: "";
      }

      .fa-arrow-right-from-file::before {
        content: "";
      }

      .fa-shield::before {
        content: "";
      }

      .fa-shield-blank::before {
        content: "";
      }

      .fa-arrow-up-short-wide::before {
        content: "";
      }

      .fa-sort-amount-up-alt::before {
        content: "";
      }

      .fa-house-medical::before {
        content: "";
      }

      .fa-golf-ball-tee::before {
        content: "";
      }

      .fa-golf-ball::before {
        content: "";
      }

      .fa-circle-chevron-left::before {
        content: "";
      }

      .fa-chevron-circle-left::before {
        content: "";
      }

      .fa-house-chimney-window::before {
        content: "";
      }

      .fa-pen-nib::before {
        content: "";
      }

      .fa-tent-arrow-turn-left::before {
        content: "";
      }

      .fa-tents::before {
        content: "";
      }

      .fa-wand-magic::before {
        content: "";
      }

      .fa-magic::before {
        content: "";
      }

      .fa-dog::before {
        content: "";
      }

      .fa-carrot::before {
        content: "";
      }

      .fa-moon::before {
        content: "";
      }

      .fa-wine-glass-empty::before {
        content: "";
      }

      .fa-wine-glass-alt::before {
        content: "";
      }

      .fa-cheese::before {
        content: "";
      }

      .fa-yin-yang::before {
        content: "";
      }

      .fa-music::before {
        content: "";
      }

      .fa-code-commit::before {
        content: "";
      }

      .fa-temperature-low::before {
        content: "";
      }

      .fa-person-biking::before {
        content: "";
      }

      .fa-biking::before {
        content: "";
      }

      .fa-broom::before {
        content: "";
      }

      .fa-shield-heart::before {
        content: "";
      }

      .fa-gopuram::before {
        content: "";
      }

      .fa-earth-oceania::before {
        content: "";
      }

      .fa-globe-oceania::before {
        content: "";
      }

      .fa-square-xmark::before {
        content: "";
      }

      .fa-times-square::before {
        content: "";
      }

      .fa-xmark-square::before {
        content: "";
      }

      .fa-hashtag::before {
        content: "\#";
      }

      .fa-up-right-and-down-left-from-center::before {
        content: "";
      }

      .fa-expand-alt::before {
        content: "";
      }

      .fa-oil-can::before {
        content: "";
      }

      .fa-t::before {
        content: "T";
      }

      .fa-hippo::before {
        content: "";
      }

      .fa-chart-column::before {
        content: "";
      }

      .fa-infinity::before {
        content: "";
      }

      .fa-vial-circle-check::before {
        content: "";
      }

      .fa-person-arrow-down-to-line::before {
        content: "";
      }

      .fa-voicemail::before {
        content: "";
      }

      .fa-fan::before {
        content: "";
      }

      .fa-person-walking-luggage::before {
        content: "";
      }

      .fa-up-down::before {
        content: "";
      }

      .fa-arrows-alt-v::before {
        content: "";
      }

      .fa-cloud-moon-rain::before {
        content: "";
      }

      .fa-calendar::before {
        content: "";
      }

      .fa-trailer::before {
        content: "";
      }

      .fa-bahai::before {
        content: "";
      }

      .fa-haykal::before {
        content: "";
      }

      .fa-sd-card::before {
        content: "";
      }

      .fa-dragon::before {
        content: "";
      }

      .fa-shoe-prints::before {
        content: "";
      }

      .fa-circle-plus::before {
        content: "";
      }

      .fa-plus-circle::before {
        content: "";
      }

      .fa-face-grin-tongue-wink::before {
        content: "";
      }

      .fa-grin-tongue-wink::before {
        content: "";
      }

      .fa-hand-holding::before {
        content: "";
      }

      .fa-plug-circle-exclamation::before {
        content: "";
      }

      .fa-link-slash::before {
        content: "";
      }

      .fa-chain-broken::before {
        content: "";
      }

      .fa-chain-slash::before {
        content: "";
      }

      .fa-unlink::before {
        content: "";
      }

      .fa-clone::before {
        content: "";
      }

      .fa-person-walking-arrow-loop-left::before {
        content: "";
      }

      .fa-arrow-up-z-a::before {
        content: "";
      }

      .fa-sort-alpha-up-alt::before {
        content: "";
      }

      .fa-fire-flame-curved::before {
        content: "";
      }

      .fa-fire-alt::before {
        content: "";
      }

      .fa-tornado::before {
        content: "";
      }

      .fa-file-circle-plus::before {
        content: "";
      }

      .fa-book-quran::before {
        content: "";
      }

      .fa-quran::before {
        content: "";
      }

      .fa-anchor::before {
        content: "";
      }

      .fa-border-all::before {
        content: "";
      }

      .fa-face-angry::before {
        content: "";
      }

      .fa-angry::before {
        content: "";
      }

      .fa-cookie-bite::before {
        content: "";
      }

      .fa-arrow-trend-down::before {
        content: "";
      }

      .fa-rss::before {
        content: "";
      }

      .fa-feed::before {
        content: "";
      }

      .fa-draw-polygon::before {
        content: "";
      }

      .fa-scale-balanced::before {
        content: "";
      }

      .fa-balance-scale::before {
        content: "";
      }

      .fa-gauge-simple-high::before {
        content: "";
      }

      .fa-tachometer::before {
        content: "";
      }

      .fa-tachometer-fast::before {
        content: "";
      }

      .fa-shower::before {
        content: "";
      }

      .fa-desktop::before {
        content: "";
      }

      .fa-desktop-alt::before {
        content: "";
      }

      .fa-m::before {
        content: "M";
      }

      .fa-table-list::before {
        content: "";
      }

      .fa-th-list::before {
        content: "";
      }

      .fa-comment-sms::before {
        content: "";
      }

      .fa-sms::before {
        content: "";
      }

      .fa-book::before {
        content: "";
      }

      .fa-user-plus::before {
        content: "";
      }

      .fa-check::before {
        content: "";
      }

      .fa-battery-three-quarters::before {
        content: "";
      }

      .fa-battery-4::before {
        content: "";
      }

      .fa-house-circle-check::before {
        content: "";
      }

      .fa-angle-left::before {
        content: "";
      }

      .fa-diagram-successor::before {
        content: "";
      }

      .fa-truck-arrow-right::before {
        content: "";
      }

      .fa-arrows-split-up-and-left::before {
        content: "";
      }

      .fa-hand-fist::before {
        content: "";
      }

      .fa-fist-raised::before {
        content: "";
      }

      .fa-cloud-moon::before {
        content: "";
      }

      .fa-briefcase::before {
        content: "";
      }

      .fa-person-falling::before {
        content: "";
      }

      .fa-image-portrait::before {
        content: "";
      }

      .fa-portrait::before {
        content: "";
      }

      .fa-user-tag::before {
        content: "";
      }

      .fa-rug::before {
        content: "";
      }

      .fa-earth-europe::before {
        content: "";
      }

      .fa-globe-europe::before {
        content: "";
      }

      .fa-cart-flatbed-suitcase::before {
        content: "";
      }

      .fa-luggage-cart::before {
        content: "";
      }

      .fa-rectangle-xmark::before {
        content: "";
      }

      .fa-rectangle-times::before {
        content: "";
      }

      .fa-times-rectangle::before {
        content: "";
      }

      .fa-window-close::before {
        content: "";
      }

      .fa-baht-sign::before {
        content: "";
      }

      .fa-book-open::before {
        content: "";
      }

      .fa-book-journal-whills::before {
        content: "";
      }

      .fa-journal-whills::before {
        content: "";
      }

      .fa-handcuffs::before {
        content: "";
      }

      .fa-triangle-exclamation::before {
        content: "";
      }

      .fa-exclamation-triangle::before {
        content: "";
      }

      .fa-warning::before {
        content: "";
      }

      .fa-database::before {
        content: "";
      }

      .fa-share::before {
        content: "";
      }

      .fa-arrow-turn-right::before {
        content: "";
      }

      .fa-mail-forward::before {
        content: "";
      }

      .fa-bottle-droplet::before {
        content: "";
      }

      .fa-mask-face::before {
        content: "";
      }

      .fa-hill-rockslide::before {
        content: "";
      }

      .fa-right-left::before {
        content: "";
      }

      .fa-exchange-alt::before {
        content: "";
      }

      .fa-paper-plane::before {
        content: "";
      }

      .fa-road-circle-exclamation::before {
        content: "";
      }

      .fa-dungeon::before {
        content: "";
      }

      .fa-align-right::before {
        content: "";
      }

      .fa-money-bill-1-wave::before {
        content: "";
      }

      .fa-money-bill-wave-alt::before {
        content: "";
      }

      .fa-life-ring::before {
        content: "";
      }

      .fa-hands::before {
        content: "";
      }

      .fa-sign-language::before {
        content: "";
      }

      .fa-signing::before {
        content: "";
      }

      .fa-calendar-day::before {
        content: "";
      }

      .fa-water-ladder::before {
        content: "";
      }

      .fa-ladder-water::before {
        content: "";
      }

      .fa-swimming-pool::before {
        content: "";
      }

      .fa-arrows-up-down::before {
        content: "";
      }

      .fa-arrows-v::before {
        content: "";
      }

      .fa-face-grimace::before {
        content: "";
      }

      .fa-grimace::before {
        content: "";
      }

      .fa-wheelchair-move::before {
        content: "";
      }

      .fa-wheelchair-alt::before {
        content: "";
      }

      .fa-turn-down::before {
        content: "";
      }

      .fa-level-down-alt::before {
        content: "";
      }

      .fa-person-walking-arrow-right::before {
        content: "";
      }

      .fa-square-envelope::before {
        content: "";
      }

      .fa-envelope-square::before {
        content: "";
      }

      .fa-dice::before {
        content: "";
      }

      .fa-bowling-ball::before {
        content: "";
      }

      .fa-brain::before {
        content: "";
      }

      .fa-bandage::before {
        content: "";
      }

      .fa-band-aid::before {
        content: "";
      }

      .fa-calendar-minus::before {
        content: "";
      }

      .fa-circle-xmark::before {
        content: "";
      }

      .fa-times-circle::before {
        content: "";
      }

      .fa-xmark-circle::before {
        content: "";
      }

      .fa-gifts::before {
        content: "";
      }

      .fa-hotel::before {
        content: "";
      }

      .fa-earth-asia::before {
        content: "";
      }

      .fa-globe-asia::before {
        content: "";
      }

      .fa-id-card-clip::before {
        content: "";
      }

      .fa-id-card-alt::before {
        content: "";
      }

      .fa-magnifying-glass-plus::before {
        content: "";
      }

      .fa-search-plus::before {
        content: "";
      }

      .fa-thumbs-up::before {
        content: "";
      }

      .fa-user-clock::before {
        content: "";
      }

      .fa-hand-dots::before {
        content: "";
      }

      .fa-allergies::before {
        content: "";
      }

      .fa-file-invoice::before {
        content: "";
      }

      .fa-window-minimize::before {
        content: "";
      }

      .fa-mug-saucer::before {
        content: "";
      }

      .fa-coffee::before {
        content: "";
      }

      .fa-brush::before {
        content: "";
      }

      .fa-mask::before {
        content: "";
      }

      .fa-magnifying-glass-minus::before {
        content: "";
      }

      .fa-search-minus::before {
        content: "";
      }

      .fa-ruler-vertical::before {
        content: "";
      }

      .fa-user-large::before {
        content: "";
      }

      .fa-user-alt::before {
        content: "";
      }

      .fa-train-tram::before {
        content: "";
      }

      .fa-user-nurse::before {
        content: "";
      }

      .fa-syringe::before {
        content: "";
      }

      .fa-cloud-sun::before {
        content: "";
      }

      .fa-stopwatch-20::before {
        content: "";
      }

      .fa-square-full::before {
        content: "";
      }

      .fa-magnet::before {
        content: "";
      }

      .fa-jar::before {
        content: "";
      }

      .fa-note-sticky::before {
        content: "";
      }

      .fa-sticky-note::before {
        content: "";
      }

      .fa-bug-slash::before {
        content: "";
      }

      .fa-arrow-up-from-water-pump::before {
        content: "";
      }

      .fa-bone::before {
        content: "";
      }

      .fa-user-injured::before {
        content: "";
      }

      .fa-face-sad-tear::before {
        content: "";
      }

      .fa-sad-tear::before {
        content: "";
      }

      .fa-plane::before {
        content: "";
      }

      .fa-tent-arrows-down::before {
        content: "";
      }

      .fa-exclamation::before {
        content: "\!";
      }

      .fa-arrows-spin::before {
        content: "";
      }

      .fa-print::before {
        content: "";
      }

      .fa-turkish-lira-sign::before {
        content: "";
      }

      .fa-try::before {
        content: "";
      }

      .fa-turkish-lira::before {
        content: "";
      }

      .fa-dollar-sign::before {
        content: "\$";
      }

      .fa-dollar::before {
        content: "\$";
      }

      .fa-usd::before {
        content: "\$";
      }

      .fa-x::before {
        content: "X";
      }

      .fa-magnifying-glass-dollar::before {
        content: "";
      }

      .fa-search-dollar::before {
        content: "";
      }

      .fa-users-gear::before {
        content: "";
      }

      .fa-users-cog::before {
        content: "";
      }

      .fa-person-military-pointing::before {
        content: "";
      }

      .fa-building-columns::before {
        content: "";
      }

      .fa-bank::before {
        content: "";
      }

      .fa-institution::before {
        content: "";
      }

      .fa-museum::before {
        content: "";
      }

      .fa-university::before {
        content: "";
      }

      .fa-umbrella::before {
        content: "";
      }

      .fa-trowel::before {
        content: "";
      }

      .fa-d::before {
        content: "D";
      }

      .fa-stapler::before {
        content: "";
      }

      .fa-masks-theater::before {
        content: "";
      }

      .fa-theater-masks::before {
        content: "";
      }

      .fa-kip-sign::before {
        content: "";
      }

      .fa-hand-point-left::before {
        content: "";
      }

      .fa-handshake-simple::before {
        content: "";
      }

      .fa-handshake-alt::before {
        content: "";
      }

      .fa-jet-fighter::before {
        content: "";
      }

      .fa-fighter-jet::before {
        content: "";
      }

      .fa-square-share-nodes::before {
        content: "";
      }

      .fa-share-alt-square::before {
        content: "";
      }

      .fa-barcode::before {
        content: "";
      }

      .fa-plus-minus::before {
        content: "";
      }

      .fa-video::before {
        content: "";
      }

      .fa-video-camera::before {
        content: "";
      }

      .fa-graduation-cap::before {
        content: "";
      }

      .fa-mortar-board::before {
        content: "";
      }

      .fa-hand-holding-medical::before {
        content: "";
      }

      .fa-person-circle-check::before {
        content: "";
      }

      .fa-turn-up::before {
        content: "";
      }

      .fa-level-up-alt::before {
        content: "";
      }

      .sr-only,
      .fa-sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0;
      }

      .sr-only-focusable:not(:focus),
      .fa-sr-only-focusable:not(:focus) {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0;
      }

      /*!
   * Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
   * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
   * Copyright 2023 Fonticons, Inc.
   */
      :root,
      :host {
        --fa-style-family-classic: "Font Awesome 6 Free";
        --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
      }

      @font-face {
        font-family: "Font Awesome 6 Free";
        font-style: normal;
        font-weight: 900;
        font-display: block;
        src: url("fonts/fa-solid-900.woff2") format("woff2");
      }

      .fas,
      .fa-solid {
        font-weight: 900;
      }

      /*!
   * Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com
   * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
   * Copyright 2023 Fonticons, Inc.
   */
      :root,
      :host {
        --fa-style-family-brands: "Font Awesome 6 Brands";
        --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
      }

      @font-face {
        font-family: "Font Awesome 6 Brands";
        font-style: normal;
        font-weight: 400;
        font-display: block;
        src: url("fonts/fa-brands-400.woff2") format("woff2");
      }

      .fab,
      .fa-brands {
        font-weight: 400;
      }

      .fa-monero:before {
        content: "";
      }

      .fa-hooli:before {
        content: "";
      }

      .fa-yelp:before {
        content: "";
      }

      .fa-cc-visa:before {
        content: "";
      }

      .fa-lastfm:before {
        content: "";
      }

      .fa-shopware:before {
        content: "";
      }

      .fa-creative-commons-nc:before {
        content: "";
      }

      .fa-aws:before {
        content: "";
      }

      .fa-redhat:before {
        content: "";
      }

      .fa-yoast:before {
        content: "";
      }

      .fa-cloudflare:before {
        content: "";
      }

      .fa-ups:before {
        content: "";
      }

      .fa-wpexplorer:before {
        content: "";
      }

      .fa-dyalog:before {
        content: "";
      }

      .fa-bity:before {
        content: "";
      }

      .fa-stackpath:before {
        content: "";
      }

      .fa-buysellads:before {
        content: "";
      }

      .fa-first-order:before {
        content: "";
      }

      .fa-modx:before {
        content: "";
      }

      .fa-guilded:before {
        content: "";
      }

      .fa-vnv:before {
        content: "";
      }

      .fa-square-js:before {
        content: "";
      }

      .fa-js-square:before {
        content: "";
      }

      .fa-microsoft:before {
        content: "";
      }

      .fa-qq:before {
        content: "";
      }

      .fa-orcid:before {
        content: "";
      }

      .fa-java:before {
        content: "";
      }

      .fa-invision:before {
        content: "";
      }

      .fa-creative-commons-pd-alt:before {
        content: "";
      }

      .fa-centercode:before {
        content: "";
      }

      .fa-glide-g:before {
        content: "";
      }

      .fa-drupal:before {
        content: "";
      }

      .fa-hire-a-helper:before {
        content: "";
      }

      .fa-creative-commons-by:before {
        content: "";
      }

      .fa-unity:before {
        content: "";
      }

      .fa-whmcs:before {
        content: "";
      }

      .fa-rocketchat:before {
        content: "";
      }

      .fa-vk:before {
        content: "";
      }

      .fa-untappd:before {
        content: "";
      }

      .fa-mailchimp:before {
        content: "";
      }

      .fa-css3-alt:before {
        content: "";
      }

      .fa-square-reddit:before {
        content: "";
      }

      .fa-reddit-square:before {
        content: "";
      }

      .fa-vimeo-v:before {
        content: "";
      }

      .fa-contao:before {
        content: "";
      }

      .fa-square-font-awesome:before {
        content: "";
      }

      .fa-deskpro:before {
        content: "";
      }

      .fa-sistrix:before {
        content: "";
      }

      .fa-square-instagram:before {
        content: "";
      }

      .fa-instagram-square:before {
        content: "";
      }

      .fa-battle-net:before {
        content: "";
      }

      .fa-the-red-yeti:before {
        content: "";
      }

      .fa-square-hacker-news:before {
        content: "";
      }

      .fa-hacker-news-square:before {
        content: "";
      }

      .fa-edge:before {
        content: "";
      }

      .fa-threads:before {
        content: "";
      }

      .fa-napster:before {
        content: "";
      }

      .fa-square-snapchat:before {
        content: "";
      }

      .fa-snapchat-square:before {
        content: "";
      }

      .fa-google-plus-g:before {
        content: "";
      }

      .fa-artstation:before {
        content: "";
      }

      .fa-markdown:before {
        content: "";
      }

      .fa-sourcetree:before {
        content: "";
      }

      .fa-google-plus:before {
        content: "";
      }

      .fa-diaspora:before {
        content: "";
      }

      .fa-foursquare:before {
        content: "";
      }

      .fa-stack-overflow:before {
        content: "";
      }

      .fa-github-alt:before {
        content: "";
      }

      .fa-phoenix-squadron:before {
        content: "";
      }

      .fa-pagelines:before {
        content: "";
      }

      .fa-algolia:before {
        content: "";
      }

      .fa-red-river:before {
        content: "";
      }

      .fa-creative-commons-sa:before {
        content: "";
      }

      .fa-safari:before {
        content: "";
      }

      .fa-google:before {
        content: "";
      }

      .fa-square-font-awesome-stroke:before {
        content: "";
      }

      .fa-font-awesome-alt:before {
        content: "";
      }

      .fa-atlassian:before {
        content: "";
      }

      .fa-linkedin-in:before {
        content: "";
      }

      .fa-digital-ocean:before {
        content: "";
      }

      .fa-nimblr:before {
        content: "";
      }

      .fa-chromecast:before {
        content: "";
      }

      .fa-evernote:before {
        content: "";
      }

      .fa-hacker-news:before {
        content: "";
      }

      .fa-creative-commons-sampling:before {
        content: "";
      }

      .fa-adversal:before {
        content: "";
      }

      .fa-creative-commons:before {
        content: "";
      }

      .fa-watchman-monitoring:before {
        content: "";
      }

      .fa-fonticons:before {
        content: "";
      }

      .fa-weixin:before {
        content: "";
      }

      .fa-shirtsinbulk:before {
        content: "";
      }

      .fa-codepen:before {
        content: "";
      }

      .fa-git-alt:before {
        content: "";
      }

      .fa-lyft:before {
        content: "";
      }

      .fa-rev:before {
        content: "";
      }

      .fa-windows:before {
        content: "";
      }

      .fa-wizards-of-the-coast:before {
        content: "";
      }

      .fa-square-viadeo:before {
        content: "";
      }

      .fa-viadeo-square:before {
        content: "";
      }

      .fa-meetup:before {
        content: "";
      }

      .fa-centos:before {
        content: "";
      }

      .fa-adn:before {
        content: "";
      }

      .fa-cloudsmith:before {
        content: "";
      }

      .fa-pied-piper-alt:before {
        content: "";
      }

      .fa-square-dribbble:before {
        content: "";
      }

      .fa-dribbble-square:before {
        content: "";
      }

      .fa-codiepie:before {
        content: "";
      }

      .fa-node:before {
        content: "";
      }

      .fa-mix:before {
        content: "";
      }

      .fa-steam:before {
        content: "";
      }

      .fa-cc-apple-pay:before {
        content: "";
      }

      .fa-scribd:before {
        content: "";
      }

      .fa-debian:before {
        content: "";
      }

      .fa-openid:before {
        content: "";
      }

      .fa-instalod:before {
        content: "";
      }

      .fa-expeditedssl:before {
        content: "";
      }

      .fa-sellcast:before {
        content: "";
      }

      .fa-square-twitter:before {
        content: "";
      }

      .fa-twitter-square:before {
        content: "";
      }

      .fa-r-project:before {
        content: "";
      }

      .fa-delicious:before {
        content: "";
      }

      .fa-freebsd:before {
        content: "";
      }

      .fa-vuejs:before {
        content: "";
      }

      .fa-accusoft:before {
        content: "";
      }

      .fa-ioxhost:before {
        content: "";
      }

      .fa-fonticons-fi:before {
        content: "";
      }

      .fa-app-store:before {
        content: "";
      }

      .fa-cc-mastercard:before {
        content: "";
      }

      .fa-itunes-note:before {
        content: "";
      }

      .fa-golang:before {
        content: "";
      }

      .fa-kickstarter:before {
        content: "";
      }

      .fa-grav:before {
        content: "";
      }

      .fa-weibo:before {
        content: "";
      }

      .fa-uncharted:before {
        content: "";
      }

      .fa-firstdraft:before {
        content: "";
      }

      .fa-square-youtube:before {
        content: "";
      }

      .fa-youtube-square:before {
        content: "";
      }

      .fa-wikipedia-w:before {
        content: "";
      }

      .fa-wpressr:before {
        content: "";
      }

      .fa-rendact:before {
        content: "";
      }

      .fa-angellist:before {
        content: "";
      }

      .fa-galactic-republic:before {
        content: "";
      }

      .fa-nfc-directional:before {
        content: "";
      }

      .fa-skype:before {
        content: "";
      }

      .fa-joget:before {
        content: "";
      }

      .fa-fedora:before {
        content: "";
      }

      .fa-stripe-s:before {
        content: "";
      }

      .fa-meta:before {
        content: "";
      }

      .fa-laravel:before {
        content: "";
      }

      .fa-hotjar:before {
        content: "";
      }

      .fa-bluetooth-b:before {
        content: "";
      }

      .fa-sticker-mule:before {
        content: "";
      }

      .fa-creative-commons-zero:before {
        content: "";
      }

      .fa-hips:before {
        content: "";
      }

      .fa-behance:before {
        content: "";
      }

      .fa-reddit:before {
        content: "";
      }

      .fa-discord:before {
        content: "";
      }

      .fa-chrome:before {
        content: "";
      }

      .fa-app-store-ios:before {
        content: "";
      }

      .fa-cc-discover:before {
        content: "";
      }

      .fa-wpbeginner:before {
        content: "";
      }

      .fa-confluence:before {
        content: "";
      }

      .fa-mdb:before {
        content: "";
      }

      .fa-dochub:before {
        content: "";
      }

      .fa-accessible-icon:before {
        content: "";
      }

      .fa-ebay:before {
        content: "";
      }

      .fa-amazon:before {
        content: "";
      }

      .fa-unsplash:before {
        content: "";
      }

      .fa-yarn:before {
        content: "";
      }

      .fa-square-steam:before {
        content: "";
      }

      .fa-steam-square:before {
        content: "";
      }

      .fa-500px:before {
        content: "";
      }

      .fa-square-vimeo:before {
        content: "";
      }

      .fa-vimeo-square:before {
        content: "";
      }

      .fa-asymmetrik:before {
        content: "";
      }

      .fa-font-awesome:before {
        content: "";
      }

      .fa-font-awesome-flag:before {
        content: "";
      }

      .fa-font-awesome-logo-full:before {
        content: "";
      }

      .fa-gratipay:before {
        content: "";
      }

      .fa-apple:before {
        content: "";
      }

      .fa-hive:before {
        content: "";
      }

      .fa-gitkraken:before {
        content: "";
      }

      .fa-keybase:before {
        content: "";
      }

      .fa-apple-pay:before {
        content: "";
      }

      .fa-padlet:before {
        content: "";
      }

      .fa-amazon-pay:before {
        content: "";
      }

      .fa-square-github:before {
        content: "";
      }

      .fa-github-square:before {
        content: "";
      }

      .fa-stumbleupon:before {
        content: "";
      }

      .fa-fedex:before {
        content: "";
      }

      .fa-phoenix-framework:before {
        content: "";
      }

      .fa-shopify:before {
        content: "";
      }

      .fa-neos:before {
        content: "";
      }

      .fa-square-threads:before {
        content: "";
      }

      .fa-hackerrank:before {
        content: "";
      }

      .fa-researchgate:before {
        content: "";
      }

      .fa-swift:before {
        content: "";
      }

      .fa-angular:before {
        content: "";
      }

      .fa-speakap:before {
        content: "";
      }

      .fa-angrycreative:before {
        content: "";
      }

      .fa-y-combinator:before {
        content: "";
      }

      .fa-empire:before {
        content: "";
      }

      .fa-envira:before {
        content: "";
      }

      .fa-square-gitlab:before {
        content: "";
      }

      .fa-gitlab-square:before {
        content: "";
      }

      .fa-studiovinari:before {
        content: "";
      }

      .fa-pied-piper:before {
        content: "";
      }

      .fa-wordpress:before {
        content: "";
      }

      .fa-product-hunt:before {
        content: "";
      }

      .fa-firefox:before {
        content: "";
      }

      .fa-linode:before {
        content: "";
      }

      .fa-goodreads:before {
        content: "";
      }

      .fa-square-odnoklassniki:before {
        content: "";
      }

      .fa-odnoklassniki-square:before {
        content: "";
      }

      .fa-jsfiddle:before {
        content: "";
      }

      .fa-sith:before {
        content: "";
      }

      .fa-themeisle:before {
        content: "";
      }

      .fa-page4:before {
        content: "";
      }

      .fa-hashnode:before {
        content: "";
      }

      .fa-react:before {
        content: "";
      }

      .fa-cc-paypal:before {
        content: "";
      }

      .fa-squarespace:before {
        content: "";
      }

      .fa-cc-stripe:before {
        content: "";
      }

      .fa-creative-commons-share:before {
        content: "";
      }

      .fa-bitcoin:before {
        content: "";
      }

      .fa-keycdn:before {
        content: "";
      }

      .fa-opera:before {
        content: "";
      }

      .fa-itch-io:before {
        content: "";
      }

      .fa-umbraco:before {
        content: "";
      }

      .fa-galactic-senate:before {
        content: "";
      }

      .fa-ubuntu:before {
        content: "";
      }

      .fa-draft2digital:before {
        content: "";
      }

      .fa-stripe:before {
        content: "";
      }

      .fa-houzz:before {
        content: "";
      }

      .fa-gg:before {
        content: "";
      }

      .fa-dhl:before {
        content: "";
      }

      .fa-square-pinterest:before {
        content: "";
      }

      .fa-pinterest-square:before {
        content: "";
      }

      .fa-xing:before {
        content: "";
      }

      .fa-blackberry:before {
        content: "";
      }

      .fa-creative-commons-pd:before {
        content: "";
      }

      .fa-playstation:before {
        content: "";
      }

      .fa-quinscape:before {
        content: "";
      }

      .fa-less:before {
        content: "";
      }

      .fa-blogger-b:before {
        content: "";
      }

      .fa-opencart:before {
        content: "";
      }

      .fa-vine:before {
        content: "";
      }

      .fa-paypal:before {
        content: "";
      }

      .fa-gitlab:before {
        content: "";
      }

      .fa-typo3:before {
        content: "";
      }

      .fa-reddit-alien:before {
        content: "";
      }

      .fa-yahoo:before {
        content: "";
      }

      .fa-dailymotion:before {
        content: "";
      }

      .fa-affiliatetheme:before {
        content: "";
      }

      .fa-pied-piper-pp:before {
        content: "";
      }

      .fa-bootstrap:before {
        content: "";
      }

      .fa-odnoklassniki:before {
        content: "";
      }

      .fa-nfc-symbol:before {
        content: "";
      }

      .fa-ethereum:before {
        content: "";
      }

      .fa-speaker-deck:before {
        content: "";
      }

      .fa-creative-commons-nc-eu:before {
        content: "";
      }

      .fa-patreon:before {
        content: "";
      }

      .fa-avianex:before {
        content: "";
      }

      .fa-ello:before {
        content: "";
      }

      .fa-gofore:before {
        content: "";
      }

      .fa-bimobject:before {
        content: "";
      }

      .fa-facebook-f:before {
        content: "";
      }

      .fa-square-google-plus:before {
        content: "";
      }

      .fa-google-plus-square:before {
        content: "";
      }

      .fa-mandalorian:before {
        content: "";
      }

      .fa-first-order-alt:before {
        content: "";
      }

      .fa-osi:before {
        content: "";
      }

      .fa-google-wallet:before {
        content: "";
      }

      .fa-d-and-d-beyond:before {
        content: "";
      }

      .fa-periscope:before {
        content: "";
      }

      .fa-fulcrum:before {
        content: "";
      }

      .fa-cloudscale:before {
        content: "";
      }

      .fa-forumbee:before {
        content: "";
      }

      .fa-mizuni:before {
        content: "";
      }

      .fa-schlix:before {
        content: "";
      }

      .fa-square-xing:before {
        content: "";
      }

      .fa-xing-square:before {
        content: "";
      }

      .fa-bandcamp:before {
        content: "";
      }

      .fa-wpforms:before {
        content: "";
      }

      .fa-cloudversify:before {
        content: "";
      }

      .fa-usps:before {
        content: "";
      }

      .fa-megaport:before {
        content: "";
      }

      .fa-magento:before {
        content: "";
      }

      .fa-spotify:before {
        content: "";
      }

      .fa-optin-monster:before {
        content: "";
      }

      .fa-fly:before {
        content: "";
      }

      .fa-aviato:before {
        content: "";
      }

      .fa-itunes:before {
        content: "";
      }

      .fa-cuttlefish:before {
        content: "";
      }

      .fa-blogger:before {
        content: "";
      }

      .fa-flickr:before {
        content: "";
      }

      .fa-viber:before {
        content: "";
      }

      .fa-soundcloud:before {
        content: "";
      }

      .fa-digg:before {
        content: "";
      }

      .fa-tencent-weibo:before {
        content: "";
      }

      .fa-symfony:before {
        content: "";
      }

      .fa-maxcdn:before {
        content: "";
      }

      .fa-etsy:before {
        content: "";
      }

      .fa-facebook-messenger:before {
        content: "";
      }

      .fa-audible:before {
        content: "";
      }

      .fa-think-peaks:before {
        content: "";
      }

      .fa-bilibili:before {
        content: "";
      }

      .fa-erlang:before {
        content: "";
      }

      .fa-x-twitter:before {
        content: "";
      }

      .fa-cotton-bureau:before {
        content: "";
      }

      .fa-dashcube:before {
        content: "";
      }

      .fa-42-group:before {
        content: "";
      }

      .fa-innosoft:before {
        content: "";
      }

      .fa-stack-exchange:before {
        content: "";
      }

      .fa-elementor:before {
        content: "";
      }

      .fa-square-pied-piper:before {
        content: "";
      }

      .fa-pied-piper-square:before {
        content: "";
      }

      .fa-creative-commons-nd:before {
        content: "";
      }

      .fa-palfed:before {
        content: "";
      }

      .fa-superpowers:before {
        content: "";
      }

      .fa-resolving:before {
        content: "";
      }

      .fa-xbox:before {
        content: "";
      }

      .fa-searchengin:before {
        content: "";
      }

      .fa-tiktok:before {
        content: "";
      }

      .fa-square-facebook:before {
        content: "";
      }

      .fa-facebook-square:before {
        content: "";
      }

      .fa-renren:before {
        content: "";
      }

      .fa-linux:before {
        content: "";
      }

      .fa-glide:before {
        content: "";
      }

      .fa-linkedin:before {
        content: "";
      }

      .fa-hubspot:before {
        content: "";
      }

      .fa-deploydog:before {
        content: "";
      }

      .fa-twitch:before {
        content: "";
      }

      .fa-ravelry:before {
        content: "";
      }

      .fa-mixer:before {
        content: "";
      }

      .fa-square-lastfm:before {
        content: "";
      }

      .fa-lastfm-square:before {
        content: "";
      }

      .fa-vimeo:before {
        content: "";
      }

      .fa-mendeley:before {
        content: "";
      }

      .fa-uniregistry:before {
        content: "";
      }

      .fa-figma:before {
        content: "";
      }

      .fa-creative-commons-remix:before {
        content: "";
      }

      .fa-cc-amazon-pay:before {
        content: "";
      }

      .fa-dropbox:before {
        content: "";
      }

      .fa-instagram:before {
        content: "";
      }

      .fa-cmplid:before {
        content: "";
      }

      .fa-facebook:before {
        content: "";
      }

      .fa-gripfire:before {
        content: "";
      }

      .fa-jedi-order:before {
        content: "";
      }

      .fa-uikit:before {
        content: "";
      }

      .fa-fort-awesome-alt:before {
        content: "";
      }

      .fa-phabricator:before {
        content: "";
      }

      .fa-ussunnah:before {
        content: "";
      }

      .fa-earlybirds:before {
        content: "";
      }

      .fa-trade-federation:before {
        content: "";
      }

      .fa-autoprefixer:before {
        content: "";
      }

      .fa-whatsapp:before {
        content: "";
      }

      .fa-slideshare:before {
        content: "";
      }

      .fa-google-play:before {
        content: "";
      }

      .fa-viadeo:before {
        content: "";
      }

      .fa-line:before {
        content: "";
      }

      .fa-google-drive:before {
        content: "";
      }

      .fa-servicestack:before {
        content: "";
      }

      .fa-simplybuilt:before {
        content: "";
      }

      .fa-bitbucket:before {
        content: "";
      }

      .fa-imdb:before {
        content: "";
      }

      .fa-deezer:before {
        content: "";
      }

      .fa-raspberry-pi:before {
        content: "";
      }

      .fa-jira:before {
        content: "";
      }

      .fa-docker:before {
        content: "";
      }

      .fa-screenpal:before {
        content: "";
      }

      .fa-bluetooth:before {
        content: "";
      }

      .fa-gitter:before {
        content: "";
      }

      .fa-d-and-d:before {
        content: "";
      }

      .fa-microblog:before {
        content: "";
      }

      .fa-cc-diners-club:before {
        content: "";
      }

      .fa-gg-circle:before {
        content: "";
      }

      .fa-pied-piper-hat:before {
        content: "";
      }

      .fa-kickstarter-k:before {
        content: "";
      }

      .fa-yandex:before {
        content: "";
      }

      .fa-readme:before {
        content: "";
      }

      .fa-html5:before {
        content: "";
      }

      .fa-sellsy:before {
        content: "";
      }

      .fa-sass:before {
        content: "";
      }

      .fa-wirsindhandwerk:before {
        content: "";
      }

      .fa-wsh:before {
        content: "";
      }

      .fa-buromobelexperte:before {
        content: "";
      }

      .fa-salesforce:before {
        content: "";
      }

      .fa-octopus-deploy:before {
        content: "";
      }

      .fa-medapps:before {
        content: "";
      }

      .fa-ns8:before {
        content: "";
      }

      .fa-pinterest-p:before {
        content: "";
      }

      .fa-apper:before {
        content: "";
      }

      .fa-fort-awesome:before {
        content: "";
      }

      .fa-waze:before {
        content: "";
      }

      .fa-cc-jcb:before {
        content: "";
      }

      .fa-snapchat:before {
        content: "";
      }

      .fa-snapchat-ghost:before {
        content: "";
      }

      .fa-fantasy-flight-games:before {
        content: "";
      }

      .fa-rust:before {
        content: "";
      }

      .fa-wix:before {
        content: "";
      }

      .fa-square-behance:before {
        content: "";
      }

      .fa-behance-square:before {
        content: "";
      }

      .fa-supple:before {
        content: "";
      }

      .fa-rebel:before {
        content: "";
      }

      .fa-css3:before {
        content: "";
      }

      .fa-staylinked:before {
        content: "";
      }

      .fa-kaggle:before {
        content: "";
      }

      .fa-space-awesome:before {
        content: "";
      }

      .fa-deviantart:before {
        content: "";
      }

      .fa-cpanel:before {
        content: "";
      }

      .fa-goodreads-g:before {
        content: "";
      }

      .fa-square-git:before {
        content: "";
      }

      .fa-git-square:before {
        content: "";
      }

      .fa-square-tumblr:before {
        content: "";
      }

      .fa-tumblr-square:before {
        content: "";
      }

      .fa-trello:before {
        content: "";
      }

      .fa-creative-commons-nc-jp:before {
        content: "";
      }

      .fa-get-pocket:before {
        content: "";
      }

      .fa-perbyte:before {
        content: "";
      }

      .fa-grunt:before {
        content: "";
      }

      .fa-weebly:before {
        content: "";
      }

      .fa-connectdevelop:before {
        content: "";
      }

      .fa-leanpub:before {
        content: "";
      }

      .fa-black-tie:before {
        content: "";
      }

      .fa-themeco:before {
        content: "";
      }

      .fa-python:before {
        content: "";
      }

      .fa-android:before {
        content: "";
      }

      .fa-bots:before {
        content: "";
      }

      .fa-free-code-camp:before {
        content: "";
      }

      .fa-hornbill:before {
        content: "";
      }

      .fa-js:before {
        content: "";
      }

      .fa-ideal:before {
        content: "";
      }

      .fa-git:before {
        content: "";
      }

      .fa-dev:before {
        content: "";
      }

      .fa-sketch:before {
        content: "";
      }

      .fa-yandex-international:before {
        content: "";
      }

      .fa-cc-amex:before {
        content: "";
      }

      .fa-uber:before {
        content: "";
      }

      .fa-github:before {
        content: "";
      }

      .fa-php:before {
        content: "";
      }

      .fa-alipay:before {
        content: "";
      }

      .fa-youtube:before {
        content: "";
      }

      .fa-skyatlas:before {
        content: "";
      }

      .fa-firefox-browser:before {
        content: "";
      }

      .fa-replyd:before {
        content: "";
      }

      .fa-suse:before {
        content: "";
      }

      .fa-jenkins:before {
        content: "";
      }

      .fa-twitter:before {
        content: "";
      }

      .fa-rockrms:before {
        content: "";
      }

      .fa-pinterest:before {
        content: "";
      }

      .fa-buffer:before {
        content: "";
      }

      .fa-npm:before {
        content: "";
      }

      .fa-yammer:before {
        content: "";
      }

      .fa-btc:before {
        content: "";
      }

      .fa-dribbble:before {
        content: "";
      }

      .fa-stumbleupon-circle:before {
        content: "";
      }

      .fa-internet-explorer:before {
        content: "";
      }

      .fa-stubber:before {
        content: "";
      }

      .fa-telegram:before {
        content: "";
      }

      .fa-telegram-plane:before {
        content: "";
      }

      .fa-old-republic:before {
        content: "";
      }

      .fa-odysee:before {
        content: "";
      }

      .fa-square-whatsapp:before {
        content: "";
      }

      .fa-whatsapp-square:before {
        content: "";
      }

      .fa-node-js:before {
        content: "";
      }

      .fa-edge-legacy:before {
        content: "";
      }

      .fa-slack:before {
        content: "";
      }

      .fa-slack-hash:before {
        content: "";
      }

      .fa-medrt:before {
        content: "";
      }

      .fa-usb:before {
        content: "";
      }

      .fa-tumblr:before {
        content: "";
      }

      .fa-vaadin:before {
        content: "";
      }

      .fa-quora:before {
        content: "";
      }

      .fa-square-x-twitter:before {
        content: "";
      }

      .fa-reacteurope:before {
        content: "";
      }

      .fa-medium:before {
        content: "";
      }

      .fa-medium-m:before {
        content: "";
      }

      .fa-amilia:before {
        content: "";
      }

      .fa-mixcloud:before {
        content: "";
      }

      .fa-flipboard:before {
        content: "";
      }

      .fa-viacoin:before {
        content: "";
      }

      .fa-critical-role:before {
        content: "";
      }

      .fa-sitrox:before {
        content: "";
      }

      .fa-discourse:before {
        content: "";
      }

      .fa-joomla:before {
        content: "";
      }

      .fa-mastodon:before {
        content: "";
      }

      .fa-airbnb:before {
        content: "";
      }

      .fa-wolf-pack-battalion:before {
        content: "";
      }

      .fa-buy-n-large:before {
        content: "";
      }

      .fa-gulp:before {
        content: "";
      }

      .fa-creative-commons-sampling-plus:before {
        content: "";
      }

      .fa-strava:before {
        content: "";
      }

      .fa-ember:before {
        content: "";
      }

      .fa-canadian-maple-leaf:before {
        content: "";
      }

      .fa-teamspeak:before {
        content: "";
      }

      .fa-pushed:before {
        content: "";
      }

      .fa-wordpress-simple:before {
        content: "";
      }

      .fa-nutritionix:before {
        content: "";
      }

      .fa-wodu:before {
        content: "";
      }

      .fa-google-pay:before {
        content: "";
      }

      .fa-intercom:before {
        content: "";
      }

      .fa-zhihu:before {
        content: "";
      }

      .fa-korvue:before {
        content: "";
      }

      .fa-pix:before {
        content: "";
      }

      .fa-steam-symbol:before {
        content: "";
      }

      body {
        margin: 0;
        padding: 0;
        font-size: 14px;
        background: #f6f6f6;
      }

      body.stuck-here {
        overflow: hidden !important;
        position: fixed;
        width: 100%;
      }

      .brand-color {
        color: #f7b808;
      }

      li {
        list-style: none;
      }

      .font-weight-bold {
        font-family: "poppinsbold", sans-serif;
      }

      a {
        text-decoration: none;
      }

      .form-select:focus,
      .form-control:focus {
        box-shadow: none;
      }

      * {
        margin: 0px;
        padding: 0px;
      }

      .icon {
        font-family: "Font Awesome 6 Free";
      }

      .btn {
        padding: 5px 15px !important;
        border-radius: 5px;
        font-size: 14px !important;
        border: solid 1px rgba(0, 0, 0, 0.062745098) !important;
      }

      .btn-primary {
        background-color: #f7b808 !important;
        color: #fff !important;
      }

      .btn-primary:hover {
        background-color: #f7b808;
        color: #fff !important;
      }

      .load_more.btn-primary {
        background-color: #f7b808 !important;
        color: #151515 !important;
      }

      .load_more.btn-primary:hover {
        background-color: #f7b808;
        color: #151515 !important;
      }

      .btn-light {
        background-color: #fff !important;
        color: #151515 !important;
      }

      .btn-light:hover {
        background-color: #f7b808 !important;
        color: #151515 !important;
      }

      .btn-dark {
        background-color: #151515 !important;
        color: #fff !important;
      }

      .btn-dark:hover {
        background-color: #f7b808 !important;
        color: #151515 !important;
      }

      .btn-default {
        background-color: #f3f3f3;
        color: #151515;
      }

      .btn-default:hover {
        background-color: #f7b808 !important;
        color: #fff !important;
      }

      header .nav-link .show-cart-popup span.loading {
        position: absolute;
        right: -10px;
        top: 30px;
      }

      header .nav-link .show-cart-popup .loading {
        cursor: not-allowed !important;
        position: relative;
        background-color: #eee !important;
        color: #999 !important;
        min-height: 20px;
      }

      header .nav-link .show-cart-popup .loading span {
        opacity: 0.5;
        width: 100%;
        top: 0;
        height: 100%;
        display: block;
        background: #eee !important;
        margin: 0 auto;
        left: 0;
        color: #151515;
        right: 0;
        position: absolute;
        font-size: 16px;
        display: flex !important;
        align-items: center;
        justify-content: center;
      }

      header .nav-link .show-cart-popup .loading span i {
        animation: spin 6s linear infinite;
        animation-duration: 2.5s;
      }

      @keyframes spin {
        0% {
          transform: rotate(0deg);
        }

        100% {
          transform: rotate(360deg);
        }
      }

      header .nav-link .show-cart-popup .loading:hover {
        color: #999 !important;
      }

      header .nav-link .show-cart-popup .spinner {
        width: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      header .nav-link .show-cart-popup .spinner i {
        animation: spin 6s linear infinite;
        animation-duration: 2.5s;
      }

      @keyframes spin {
        0% {
          transform: rotate(0deg);
        }

        100% {
          transform: rotate(360deg);
        }
      }

      @media (-webkit-device-pixel-ratio: 1.25) {
        header .header-cart .show-cart-popup span.loading {
          position: absolute;
          top: 30px;
          right: 0px;
        }

        header .header-cart .cart_count {
          right: 0 !important;
        }
      }

      .header-sticky {
        position: sticky;
        width: 100%;
        z-index: 111;
        top: 0;
      }

      .main-header {
        background: #fff;
        box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.11);
        border-bottom: 1px solid #dfdfdf;
        z-index: 999;
      }

      .main-header .container-fluid,
      .main-header .container-sm,
      .main-header .container-md,
      .main-header .container-lg,
      .main-header .container-xl,
      .main-header .container-xxl {
        width: 100% !important;
        max-width: 1800px !important;
        padding: 0px 15px !important;
        margin: 0px auto;
      }

      .main-header .container-fluid a,
      .main-header .container-sm a,
      .main-header .container-md a,
      .main-header .container-lg a,
      .main-header .container-xl a,
      .main-header .container-xxl a {
        text-decoration: none;
      }

      .main-header .container-fluid .ubuy-explore,
      .main-header .container-sm .ubuy-explore,
      .main-header .container-md .ubuy-explore,
      .main-header .container-lg .ubuy-explore,
      .main-header .container-xl .ubuy-explore,
      .main-header .container-xxl .ubuy-explore {
        padding: 0px;
        margin: 0px;
      }

      .main-header .container-fluid .ubuy-explore li,
      .main-header .container-sm .ubuy-explore li,
      .main-header .container-md .ubuy-explore li,
      .main-header .container-lg .ubuy-explore li,
      .main-header .container-xl .ubuy-explore li,
      .main-header .container-xxl .ubuy-explore li {
        list-style: none;
      }

      .main-header .container-fluid .ubuy-explore span,
      .main-header .container-sm .ubuy-explore span,
      .main-header .container-md .ubuy-explore span,
      .main-header .container-lg .ubuy-explore span,
      .main-header .container-xl .ubuy-explore span,
      .main-header .container-xxl .ubuy-explore span {
        color: #151515;
        font-family: "poppinssemibold", sans-serif;
      }

      .main-header .container-fluid .nav-link,
      .main-header .container-sm .nav-link,
      .main-header .container-md .nav-link,
      .main-header .container-lg .nav-link,
      .main-header .container-xl .nav-link,
      .main-header .container-xxl .nav-link {
        white-space: nowrap;
        font-size: 14px;
        color: #151515;
        font-family: "poppinssemibold", sans-serif;
        padding: 0px;
        display: flex;
        align-items: center;
      }

      .main-header .container-fluid .nav-link .gray-color,
      .main-header .container-sm .nav-link .gray-color,
      .main-header .container-md .nav-link .gray-color,
      .main-header .container-lg .nav-link .gray-color,
      .main-header .container-xl .nav-link .gray-color,
      .main-header .container-xxl .nav-link .gray-color {
        color: #646464;
      }

      @media screen and (max-width: 1200px) {
        .main-header .container-fluid .nav-link .gray-color,
        .main-header .container-sm .nav-link .gray-color,
        .main-header .container-md .nav-link .gray-color,
        .main-header .container-lg .nav-link .gray-color,
        .main-header .container-xl .nav-link .gray-color,
        .main-header .container-xxl .nav-link .gray-color {
          color: var(--dark);
        }
      }

      .main-header .container-fluid .nav-link span,
      .main-header .container-sm .nav-link span,
      .main-header .container-md .nav-link span,
      .main-header .container-lg .nav-link span,
      .main-header .container-xl .nav-link span,
      .main-header .container-xxl .nav-link span {
        font-family: "poppinssemibold";
      }

      .main-header .header-left .mobile-toggle {
        width: 30px;
        height: auto;
        display: none;
        padding: 10px 0px;
        margin-right: 30px;
      }

      .main-header .header-left .mobile-toggle span {
        height: 10px;
        width: 30px;
        position: relative;
        display: block;
        border-top: solid 2px #151515;
        border-bottom: solid 2px #151515;
      }

      @media screen and (max-width: 1024px) {
        .main-header .header-left .mobile-toggle {
          display: block;
        }
      }

      @media screen and (max-width: 768px) {
        .main-header .header-left .mobile-toggle {
          margin-right: 20px !important;
        }
      }

      .main-header .header-left .navbar-brand {
        margin-left: 0px !important;
        margin-right: 30px !important;
      }

      .main-header .header-left .navbar-brand img {
        max-width: 75px !important;
        height: auto;
      }

      @media screen and (max-width: 768px) {
        .main-header .header-left .navbar-brand {
          margin-right: 20px !important;
        }

        .main-header .header-left .navbar-brand img {
          width: 58px;
          height: auto;
        }
      }

      @media screen and (max-width: 375px) {
        .main-header .header-left .navbar-brand img {
          width: 48px;
          height: auto;
        }
      }

      @media screen and (max-width: 1200px) {
        .main-header .header-left {
          flex-direction: inherit !important;
        }
      }

      @media screen and (max-width: 768px) {
        .main-header .dropdown.language {
          margin: 0px 10px 0px 5px !important;
        }
      }

      @media screen and (max-width: 768px) {
        .main-header .dropdown.language .dropdown-toggle {
          padding: 0px !important;
        }
      }

      .main-header .dropdown .dropdown-toggle {
        padding-right: 20px;
        color: #151515;
        border: 0 !important;
        font-family: "poppinssemibold", sans-serif !important;
      }

      .main-header .dropdown .dropdown-toggle::after {
        content: "";
        font-family: "Font Awesome 6 Free";
        font-size: 14px;
        font-weight: 900;
        color: #151515;
        transform: none;
        display: inline-block;
        vertical-align: middle;
        position: absolute;
        right: 0;
        border: none;
        line-height: 4px;
        width: 10px;
        margin-left: 5px;
      }

      @media screen and (max-width: 768px) {
        .main-header .dropdown .dropdown-toggle::after {
          content: none;
        }
      }

      .main-header .dropdown .dropdown-toggle:focus {
        outline: none;
        border: none;
      }

      @media screen and (max-width: 1400px) {
        .main-header .dropdown .dropdown-toggle {
          padding: 0px 18px;
          padding-left: 0px;
        }
      }

      @media screen and (max-width: 1199px) {
        .main-header .dropdown .dropdown-toggle {
          padding: 0px 13px;
          padding-left: 5px;
        }
      }

      @media screen and (max-width: 768px) {
        .main-header .dropdown .dropdown-toggle {
          padding: 0px 10px;
          padding-left: 0px;
        }
      }

      .main-header .dropdown .dropdown-menu {
        top: 60px;
        right: 0 !important;
        left: auto !important;
        padding: 0px;
        box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.062745098);
        z-index: 4;
        border: none;
        max-height: 300px;
        overflow: auto;
        border-radius: 0px 0px 4px 4px !important;
        margin-top: 10px;
        display: block;
        visibility: hidden;
        opacity: 0;
        transition: all 0.3s ease-in-out;
      }

      .main-header .dropdown .dropdown-menu.show {
        visibility: visible;
        opacity: 1;
        margin-top: 0px;
      }

      .main-header .dropdown .dropdown-menu .dropdown-item {
        display: flex;
        align-items: center;
        white-space: nowrap;
        font-size: 13px;
        color: #151515;
        font-family: "poppinsregular", sans-serif;
        cursor: pointer;
        border-bottom: solid 1px #eee;
        line-height: 1;
        max-width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        padding: 8px 10px;
        position: relative;
      }

      .main-header .dropdown .dropdown-menu .dropdown-item a {
        width: 100%;
        display: flex;
        align-items: center;
        white-space: nowrap;
        font-size: 13px;
        color: #151515;
        font-family: "poppinsregular", sans-serif;
        padding: 0px;
        cursor: pointer;
        line-height: 1;
      }

      .main-header .dropdown .dropdown-menu .active::after {
        content: "";
        position: absolute;
        right: 10px;
        top: 5px;
        font-family: "font awesome 6 free";
        font-size: 10px;
        color: #f7b808 !important;
        transform: none;
        border: none;
        height: 20px;
        width: 20px;
        background: #fff;
        border-radius: 100%;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      @media screen and (max-width: 768px) {
        .main-header .dropdown .dropdown-menu {
          top: 45px;
          z-index: 9;
        }
      }

      @media screen and (max-width: 768px) {
        .main-header .dropdown.show .dropdown-menu {
          visibility: visible;
          opacity: 1;
          margin-top: 0px;
        }
      }

      .main-header .dropdown.country .dropdown-menu .dropdown-item {
        padding: 0px !important;
      }

      .main-header .dropdown.country .dropdown-menu a {
        padding: 8px 10px;
      }

      .main-header .header-right ul {
        padding-left: 0;
      }

      .main-header .header-right .nav-item {
        padding: 20px 0px;
        position: relative;
        margin-right: 40px;
      }

      @media screen and (max-width: 1400px) {
        .main-header .header-right .nav-item {
          margin-right: 20px;
        }
      }

      @media screen and (max-width: 1200px) {
        .main-header .header-right .nav-item {
          margin-right: 10px;
        }
      }

      @media screen and (max-width: 768px) {
        .main-header .header-right .nav-item {
          padding: 10px 0px;
          margin-right: 0px;
        }
      }

      @media screen and (max-width: 1200px) {
        .main-header .header-right .nav-item.header-cart {
          padding-left: 5px !important;
        }
      }

      @media screen and (max-width: 768px) {
        .main-header .header-right .nav-item.header-cart {
          padding-left: 0px !important;
        }
      }

      .main-header .header-right .delivery-sprite,
      .main-header .header-right .language-sprite,
      .main-header .header-right .cart-sprite,
      .main-header .header-right .account-sprite {
        height: 30px;
        width: 30px;
        display: block;
        background-position-y: 0px;
        background-image: url("https://www.mabosbet.cc/images/homepage-sprite.webp");
      }

      @media screen and (max-width: 1400px) {
        .main-header .header-right .delivery-sprite,
        .main-header .header-right .language-sprite,
        .main-header .header-right .cart-sprite,
        .main-header .header-right .account-sprite {
          height: 25px;
          width: 25px;
          background-size: 585px auto;
          background-position-y: 1px;
        }
      }

      .main-header .header-right .delivery-sprite {
        background-position-x: -70px;
      }

      @media screen and (max-width: 1400px) {
        .main-header .header-right .delivery-sprite {
          background-position-x: -47px;
        }
      }

      .main-header .header-right .language-sprite {
        background-position-x: -105px;
      }

      @media screen and (max-width: 1400px) {
        .main-header .header-right .language-sprite {
          background-position-x: -71px;
        }
      }

      .main-header .header-right .account-sprite {
        margin-right: 10px;
        background-position-x: -135px;
      }

      @media screen and (max-width: 1400px) {
        .main-header .header-right .account-sprite {
          background-position-x: -96px;
        }
      }

      @media screen and (max-width: 1200px) {
        .main-header .header-right .account-sprite {
          margin-right: 0px;
        }
      }

      .main-header .header-right .cart-sprite {
        background-position-y: -2px;
        background-position-x: -175px;
      }

      @media screen and (max-width: 1400px) {
        .main-header .header-right .cart-sprite {
          background-position-y: -2px;
          background-position-x: -145px;
          background-size: 677px;
        }
      }

      .main-header .header-right .download-app {
        display: flex;
        align-items: center;
        margin-right: 40px;
        position: relative;
      }

      @media screen and (max-width: 1400px) {
        .main-header .header-right .download-app {
          margin-right: 20px;
        }
      }

      @media screen and (max-width: 820px) {
        .main-header .header-right .download-app {
          display: none;
        }
      }

      .main-header .header-right .download-app:hover .dropdown-menu {
        visibility: visible;
        opacity: 1;
        margin-top: 0px;
      }

      .main-header .header-right .download-app .btn {
        color: #fff;
        background: #151515;
        padding: 8px 15px !important;
        display: flex;
        align-items: center;
        justify-content: center;
        white-space: nowrap;
        gap: 5px;
      }

      .main-header .header-right .download-app .btn::after {
        content: "";
      }

      .main-header .header-right .download-app .btn i {
        font-size: 16px;
      }

      .main-header .header-right .download-app .btn span {
        margin-left: 5px;
      }

      .main-header .header-right .download-app .dropdown-menu {
        max-height: inherit !important;
        width: 400px !important;
        margin: 10px auto 0px;
        text-align: center;
        right: 0 !important;
        left: 50% !important;
        position: absolute;
        top: 50px;
        transform: translateX(-50%);
        visibility: hidden;
        opacity: 0;
        transition: all 0.3s ease-in-out;
      }

      .main-header .header-right .download-app .dropdown-menu.show {
        visibility: visible;
        opacity: 1;
        margin-top: 0px;
      }

      .main-header .header-right .download-app .dropdown-menu .card {
        border-radius: 4px;
        background: #fff;
        display: flex;
        flex-direction: column;
        gap: 16px;
      }

      .main-header
        .header-right
        .download-app
        .dropdown-menu
        .card
        .card-header {
        font-size: 14px;
        font-family: "poppinssemibold", sans-serif;
        color: #151515;
        line-height: 1.6;
      }

      .main-header
        .header-right
        .download-app
        .dropdown-menu
        .card
        .card-footer
        .offers-text {
        font-size: 14px;
        font-family: "poppinssemibold", sans-serif;
        color: #fbb100;
        display: block;
        width: calc(100% - 100px);
        border-bottom: 1px solid #eee;
        padding-bottom: 10px;
        margin: 0 auto 10px;
      }

      .main-header
        .header-right
        .download-app
        .dropdown-menu
        .card
        .card-footer
        p {
        font-size: 12px;
        font-family: "poppinsmedium", sans-serif;
        color: #666;
        line-height: 1.6;
        margin: 0;
      }

      .main-header
        .header-right
        .download-app
        .dropdown-menu
        .card
        .card-footer
        p
        a {
        font-weight: unset !important;
        font-family: "poppinsmedium", sans-serif !important;
      }

      .main-header .header-right .account .welcome-msg {
        font-family: "poppinsbold", sans-serif;
        font-size: 14px;
        border-bottom: 1px solid #eee;
        padding: 0 0px 9px;
        padding: 9px 20px 9px 10px;
        color: #151515;
      }

      .main-header .header-right .account .login-user-img {
        margin-right: 10px;
      }

      @media screen and (max-width: 768px) {
        .main-header .header-right .account .login-user-img {
          margin-right: 0px;
        }
      }

      .main-header .header-right .account:hover .dropdown-menu {
        visibility: visible;
        opacity: 1;
        margin-top: 0px;
      }

      .main-header .header-right .account .dropdown-menu {
        width: 180px !important;
      }

      .main-header .header-right .account .dropdown-menu .dropdown-item {
        padding: 0px !important;
      }

      .main-header .header-right .account .dropdown-menu .dropdown-item a {
        padding: 8px 10px !important;
        padding-left: 30px !important;
        white-space: normal;
        line-height: 18px;
        width: 100%;
      }

      .main-header .header-right .account .dropdown-menu .dropdown-item a img {
        margin-right: 5px;
      }

      .main-header .header-right .account .dropdown-menu .dropdown-item span {
        min-width: 20px;
        width: 20px;
        position: absolute;
        left: 5px;
        height: 20px;
        min-height: 20px;
        display: block;
        margin-right: 5px;
        background-image: url("https://www.mabosbet.cc/images/homepage-sprite.webp");
        background-position-y: -232px;
        background-size: auto auto !important;
      }

      .main-header
        .header-right
        .account
        .dropdown-menu
        .dropdown-item
        span.signin-sprite {
        background-position-x: 0px;
      }

      .main-header
        .header-right
        .account
        .dropdown-menu
        .dropdown-item
        span.createaccount-sprite {
        background-position-x: -25px !important;
      }

      .main-header
        .header-right
        .account
        .dropdown-menu
        .dropdown-item
        span.orders-sprite {
        background-position-x: -50px;
      }

      .main-header
        .header-right
        .account
        .dropdown-menu
        .dropdown-item
        span.track-sprite {
        background-position-x: -75px;
      }

      .main-header
        .header-right
        .account
        .dropdown-menu
        .dropdown-item
        span.wishlist-sprite {
        background-position-x: -100px;
      }

      .main-header
        .header-right
        .account
        .dropdown-menu
        .dropdown-item
        span.myaccount-sprite {
        background-position-x: -125px !important;
      }

      .main-header .header-right .header-cart span.cart_count {
        position: absolute;
        top: 10px;
        background: #151515 !important;
        color: #fff;
        border-radius: 15px;
        right: -10px;
        font-size: 10px;
        padding: 2px;
        text-align: center;
        display: inline-block;
        line-height: 18px;
        height: 20px;
        width: 20px;
      }

      .main-header .header-right .header-cart span.cart_count.active {
        background: red !important;
      }

      @media screen and (max-width: 768px) {
        .main-header .header-right .header-cart span.cart_count {
          height: 18px;
          width: 18px;
          right: -7px;
          top: 6px;
          line-height: 14px;
        }
      }

      @media screen and (max-width: 767px) {
        .main-header .header-right .header-cart span.cart_count {
          margin-right: 10px !important;
        }
      }

      @media screen and (max-width: 767px) {
        .main-header .header-right .header-cart {
          padding-right: 10px !important;
        }
      }

      .main-header .header-right .global-search-options {
        cursor: pointer;
      }

      .main-header
        .header-right
        .global-search-options
        .dropdown-toggle
        img.country-flag {
        margin-right: 5px !important;
        width: 20px;
      }

      .main-header
        .header-right
        .global-search-options
        .dropdown-toggle
        .label {
        margin-right: 7px;
      }

      .main-header .header-right .global-search-options .drop-div {
        background: #fff;
        position: absolute;
        margin-top: 10px;
        display: none;
        top: 70px;
        width: 230px;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        transition: all 0.3s ease-in-out;
        z-index: 9;
      }

      .main-header .header-right .global-search-options .drop-div.show {
        margin-top: 0px;
        display: block;
      }

      @media screen and (max-width: 1400px) {
        .main-header .header-right .global-search-options .drop-div {
          top: 68px;
        }
      }

      @media screen and (max-width: 1200px) {
        .main-header .header-right .global-search-options .drop-div {
          top: 65px;
        }
      }

      @media screen and (max-width: 768px) {
        .main-header .header-right .global-search-options .drop-div {
          top: 45px;
        }
      }

      .main-header
        .header-right
        .global-search-options
        .drop-div
        .dropdown-content {
        padding: 10px 10px 20px 10px;
        border-radius: 0px 0px 4px 4px;
      }

      .main-header
        .header-right
        .global-search-options
        .drop-div
        .dropdown-content
        label {
        font-size: 13px;
        font-family: "poppinssemibold", sans-serif;
        margin: 5px;
      }

      .main-header
        .header-right
        .global-search-options
        .drop-div
        .dropdown-content
        .form-select {
        width: 100%;
        display: flex;
        white-space: nowrap;
        align-items: center;
        border-radius: 5px !important;
        height: 100%;
        cursor: pointer;
        appearance: none !important;
        position: relative;
        box-shadow: none;
        color: #151515;
      }

      .main-header
        .header-right
        .global-search-options
        .drop-div
        .dropdown-content
        .form-select
        .dropdown-toggle {
        font-size: 12px !important;
        font-family: "poppinsregular", sans-serif !important;
        text-align: left;
        width: 100%;
        padding: 5px !important;
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #999;
        border: 1px solid #eee !important;
        border-radius: 5px;
        background: none !important;
      }

      .main-header
        .header-right
        .global-search-options
        .drop-div
        .dropdown-content
        .form-select
        .dropdown-toggle::after {
        content: "";
        font-family: "font awesome 6 free";
        font-size: 14px;
        color: #999 !important;
        transform: none;
        border: none;
        margin-right: 10px;
        line-height: 8px !important;
        width: 10px;
      }

      .main-header
        .header-right
        .global-search-options
        .drop-div
        .dropdown-content
        .actions
        button {
        text-align: center;
        margin: 10px 3px 0px 3px;
        font-size: 12px;
        background: #f7b808;
        color: #fff;
        padding: 6px 15px;
        border-radius: 5px;
        border: none;
      }

      .main-header
        .header-right
        .global-search-options
        .drop-div
        .dropdown-content
        .actions
        button.cancel {
        background: #151515;
      }

      .main-header
        .header-right
        .global-search-options
        .drop-div
        .dropdown-content
        .country-options,
      .main-header
        .header-right
        .global-search-options
        .drop-div
        .dropdown-content
        .language-options {
        width: 100%;
        background-color: #fff !important;
        top: 40px;
      }

      .main-header
        .header-right
        .global-search-options
        .drop-div
        .dropdown-content
        .country-options
        .search,
      .main-header
        .header-right
        .global-search-options
        .drop-div
        .dropdown-content
        .language-options
        .search {
        padding: 8px;
        background-color: #fff !important;
      }

      .main-header
        .header-right
        .global-search-options
        .drop-div
        .dropdown-content
        .country-options
        .search
        em,
      .main-header
        .header-right
        .global-search-options
        .drop-div
        .dropdown-content
        .language-options
        .search
        em {
        font-size: 12px;
      }

      .main-header
        .header-right
        .global-search-options
        .drop-div
        .dropdown-content
        .country-options
        .search
        input,
      .main-header
        .header-right
        .global-search-options
        .drop-div
        .dropdown-content
        .language-options
        .search
        input {
        border: none;
        width: 100%;
        padding: 0px 5px;
      }

      .main-header
        .header-right
        .global-search-options
        .drop-div
        .dropdown-content
        .country-options
        .search
        input:focus,
      .main-header
        .header-right
        .global-search-options
        .drop-div
        .dropdown-content
        .language-options
        .search
        input:focus {
        outline: none;
        border: none;
      }

      .main-header
        .header-right
        .global-search-options
        .drop-div
        .dropdown-content
        .country-options.show,
      .main-header
        .header-right
        .global-search-options
        .drop-div
        .dropdown-content
        .language-options.show {
        top: 30px;
      }

      .main-header
        .header-right
        .global-search-options
        .drop-div
        .dropdown-content
        .country-options:hover,
      .main-header
        .header-right
        .global-search-options
        .drop-div
        .dropdown-content
        .country-options:focus,
      .main-header
        .header-right
        .global-search-options
        .drop-div
        .dropdown-content
        .language-options:hover,
      .main-header
        .header-right
        .global-search-options
        .drop-div
        .dropdown-content
        .language-options:focus {
        background-color: #fff !important;
      }

      @media (max-width: 768px) {
        .main-header .header-right .nav-item.dropdown .nav-link img {
          margin-right: 4px;
        }
      }

      .header-center {
        padding: 0 3%;
        width: 100%;
      }

      @media screen and (max-width: 768px) {
        .header-center {
          position: absolute;
          z-index: 9;
          width: calc(100% + 30px);
          left: -15px;
          background-color: #f7f7f9;
          padding: 5px 15px !important;
          top: 45px;
          box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.07);
        }
      }

      .header-center .header-search-bar {
        display: flex;
        align-items: center;
        background: #f7f7f9;
        border-radius: 100px;
        padding: 5px;
        border: 1px solid #ccc;
      }

      @media screen and (max-width: 768px) {
        .header-center .header-search-bar {
          background: #fff;
        }
      }

      .header-center .header-search-bar form {
        position: relative;
        margin: 0px;
        display: flex;
        align-items: center;
        border-radius: 20px;
      }

      .header-center .header-search-bar form input[type="text"] {
        border-radius: 0;
      }

      @media screen and (max-width: 768px) {
        .header-center .header-search-bar form input[type="text"] {
          border-radius: 20px 0px 0px 20px;
        }
      }

      .header-center .header-search-bar form .dropdown {
        margin-right: 15px;
      }

      .header-center .header-search-bar form .dropdown .dropdown-toggle {
        border: none;
        padding: 6px 20px 6px 15px;
        background: none;
        text-transform: uppercase;
        font-size: 14px;
        font-family: "poppinssemibold", sans-serif !important;
      }

      .header-center .header-search-bar form .dropdown .dropdown-toggle::after {
        top: 15px;
      }

      @media screen and (max-width: 768px) {
        .header-center
          .header-search-bar
          form
          .dropdown
          .dropdown-toggle::after {
          content: "";
        }
      }

      .header-center .header-search-bar form .dropdown .dropdown-menu {
        top: 115% !important;
        left: 0px !important;
        right: auto !important;
      }

      @media screen and (max-width: 768px) {
        .header-center .header-search-bar form .dropdown .dropdown-menu {
          left: auto !important;
          right: 0px !important;
        }
      }

      .header-center .header-search-bar form .store-flag {
        width: 27px;
        height: 17px;
        float: left;
        margin-right: 8px;
      }

      .header-center .header-search-bar form .store-title {
        font-size: 13px !important;
        font-family: "poppinsregular", sans-serif;
        color: #151515;
      }

      .header-center .header-search-bar form .form-control {
        background: #f7f7f9;
        border: none;
        border-left: 1px solid #e9e9ed;
        border-right: 1px solid #e9e9ed;
        border-radius: 0px;
        font-size: 14px;
        font-family: "poppinsregular";
      }

      @media screen and (max-width: 768px) {
        .header-center .header-search-bar form .form-control {
          background: #fff;
          border-left: none;
          border-radius: 40px 0px 0px 40px;
        }
      }

      .header-center .header-search-bar form .btn {
        color: #999;
        font-family: "poppinssemibold", sans-serif;
        border: none;
      }

      .header-center .header-search-bar form .btn:hover {
        background-color: rgba(0, 0, 0, 0);
      }

      .header-center .header-search-bar form .header-search-icon {
        padding: 0px;
        min-height: 35px;
        min-width: 35px;
        border-radius: 100%;
        background: #f7b808;
        border: none;
      }

      .header-center .header-search-bar form .header-search-icon i {
        color: #fff;
        font-size: 13px;
      }

      .header-center .header-search-bar form .header-search-icon.active {
        background: #f7b808;
      }

      .header-center .header-search-bar form .header-search-icon.active i {
        color: #151515;
      }

      @media screen and (max-width: 768px) {
        .header-center .header-search-bar form .select-category {
          display: none;
        }
      }

      @media screen and (max-width: 768px) {
        .header-center .header-search-bar form {
          background-color: #fff;
        }
      }

      @media screen and (max-width: 1400px) {
        .header-center {
          padding: 0 3%;
        }
      }

      .dropdown-item:focus,
      .dropdown-item.active,
      .dropdown-item:active {
        background-color: #e9e9e9 !important;
      }

      .search-suggestions-box {
        position: absolute;
        background: #fff;
        width: 100%;
        padding: 10px;
        left: 0;
        top: 100%;
        max-height: 300px;
        border-radius: 0px 0px 10px 10px;
        overflow: auto;
        display: none;
        text-align: left;
        z-index: 3;
      }

      .search-suggestions-box a {
        display: inline-block;
        padding: 7px;
        font-family: "poppinssemibold", sans-serif;
        border-bottom: solid 1px #ccc;
        width: 100%;
      }

      .search-suggestions-box a:last-child {
        border-bottom: none;
      }

      .search-suggestions-box a:hover {
        color: #151515;
        background: #f7f7f7;
      }

      .search-suggestions-box .selected a {
        color: #151515;
        background: #f7f7f7;
      }

      .showing-suggestions {
        display: block;
      }

      .suggestion-list {
        position: absolute;
        background: #fff;
        width: 100%;
        left: 0;
        top: 42px;
        z-index: 999;
      }

      .suggestion-list ul.suggestion-item {
        border: 1px solid #bbb;
        padding-left: 0;
        margin-bottom: 0;
      }

      .suggestion-list ul.suggestion-item li {
        padding: 7px 10px;
        font-family: "poppinsregular", sans-serif;
        font-size: 14px;
        cursor: pointer;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }

      .suggestion-list ul.suggestion-item li.active {
        background-color: #e9e9e9 !important;
        color: #151515 !important;
      }

      .suggestion-layer {
        width: 100%;
        background: #fff;
      }

      .suggestion-layer:after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5647058824);
        z-index: 8;
        position: fixed;
        top: 0;
      }

      .wsmenucontainer {
        width: 100%;
        z-index: 999;
        position: relative;
        background: #fff;
      }

      body.dark-mode {
        background-color: #151515;
      }

      body.dark-mode .main-header {
        box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.31);
        border: none;
      }

      body.dark-mode .main-header .wsmenucontainer {
        background-color: #151515;
      }

      body.dark-mode .main-header .store-flag span {
        border-color: #3f3f3f;
      }

      body.dark-mode .main-header .country-flag {
        border-color: #3f3f3f;
      }

      body.dark-mode .main-header .country-flag span {
        border-color: #3f3f3f;
      }

      body.dark-mode .main-header .dropdown .dropdown-menu {
        background-color: #262626;
      }

      body.dark-mode .main-header .dropdown .dropdown-menu .active::after {
        background-color: #3f3f3f;
      }

      body.dark-mode .main-header .dropdown .dropdown-menu .dropdown-item {
        color: #fff;
        border-color: #666;
      }

      body.dark-mode
        .main-header
        .dropdown
        .dropdown-menu
        .dropdown-item:hover {
        background-color: #151515;
      }

      body.dark-mode .main-header .menu-content {
        border: 1px solid #666;
      }

      body.dark-mode .main-header .menu-content ul.main-category {
        background-color: #262626;
      }

      body.dark-mode .main-header .menu-content ul.main-category > li {
        border-color: #666;
      }

      body.dark-mode .main-header .menu-content ul.main-category > li > a {
        color: #fff;
      }

      body.dark-mode
        .main-header
        .menu-content
        ul.main-category
        > li
        > a
        i::before {
        color: #fff;
      }

      body.dark-mode .main-header .menu-content .submenu {
        background-color: #262626;
      }

      body.dark-mode .main-header .menu-content .submenu li {
        border-color: #666;
      }

      body.dark-mode .main-header .menu-content .submenu li a {
        color: #fff;
      }

      body.dark-mode .main-header .menu-wraper {
        color: #fff;
      }

      body.dark-mode
        .main-header
        .header-left
        .mobilemenu-wraper
        .mobile-menu-toggle {
        border-color: #fff !important;
      }

      body.dark-mode
        .main-header
        .header-left
        aside#mega-menu--mobile
        .mega__container {
        background-color: #151515;
      }

      body.dark-mode
        .main-header
        .header-left
        aside#mega-menu--mobile
        .mega__container
        .mega__header {
        background-color: #151515;
        color: #fff;
      }

      body.dark-mode
        .main-header
        .header-left
        aside#mega-menu--mobile
        .mega__container
        .mobile-mega-menu
        a {
        color: #fff;
      }

      body.dark-mode
        .main-header
        .header-left
        aside#mega-menu--mobile
        .mega__container
        .mobile-mega-menu
        a
        i::before {
        color: #fff;
      }

      body.dark-mode
        .main-header
        .header-left
        aside#mega-menu--mobile
        .mega__container
        .mobile-mega-menu
        .fa-chevron-right {
        color: #999;
      }

      body.dark-mode .main-header .header-center {
        background-color: #151515;
      }

      body.dark-mode .main-header .header-center .header-search-bar {
        background-color: #262626;
        border: none;
      }

      body.dark-mode
        .main-header
        .header-center
        .header-search-bar
        .select-category.dropdown
        .dropdown-menu,
      body.dark-mode
        .main-header
        .header-center
        .header-search-bar
        .select-store.dropdown
        .dropdown-menu {
        background-color: #262626;
      }

      body.dark-mode
        .main-header
        .header-center
        .header-search-bar
        .select-category.dropdown
        .dropdown-menu
        li.dropdown-item,
      body.dark-mode
        .main-header
        .header-center
        .header-search-bar
        .select-store.dropdown
        .dropdown-menu
        li.dropdown-item {
        color: #fff;
        border-color: #666 !important;
      }

      body.dark-mode
        .main-header
        .header-center
        .header-search-bar
        .select-category.dropdown
        .dropdown-menu
        li.dropdown-item
        a,
      body.dark-mode
        .main-header
        .header-center
        .header-search-bar
        .select-store.dropdown
        .dropdown-menu
        li.dropdown-item
        a {
        color: #fff;
      }

      body.dark-mode
        .main-header
        .header-center
        .header-search-bar
        .select-category.dropdown
        .dropdown-menu
        li.dropdown-item
        span
        div,
      body.dark-mode
        .main-header
        .header-center
        .header-search-bar
        .select-store.dropdown
        .dropdown-menu
        li.dropdown-item
        span
        div {
        color: #fff;
      }

      body.dark-mode
        .main-header
        .header-center
        .header-search-bar
        .select-category.dropdown
        .dropdown-menu
        li.dropdown-item
        span
        div
        span,
      body.dark-mode
        .main-header
        .header-center
        .header-search-bar
        .select-store.dropdown
        .dropdown-menu
        li.dropdown-item
        span
        div
        span {
        color: #fff;
      }

      body.dark-mode
        .main-header
        .header-center
        .header-search-bar
        .select-category.dropdown
        .dropdown-menu
        li.dropdown-item:hover,
      body.dark-mode
        .main-header
        .header-center
        .header-search-bar
        .select-store.dropdown
        .dropdown-menu
        li.dropdown-item:hover {
        background-color: #151515;
      }

      body.dark-mode
        .main-header
        .header-center
        .header-search-bar
        .select-store.dropdown
        li.dropdown-item.active {
        background-color: #151515 !important;
      }

      body.dark-mode .main-header .header-center .header-search-bar form {
        background: rgba(0, 0, 0, 0);
      }

      body.dark-mode
        .main-header
        .header-center
        .header-search-bar
        form
        .dropdown
        .dropdown-toggle {
        color: #fff;
      }

      body.dark-mode
        .main-header
        .header-center
        .header-search-bar
        form
        .form-control {
        background-color: #262626;
        color: #fff;
        border-color: #666;
      }

      body.dark-mode .main-header .header-right .nav-item .language-sprite,
      body.dark-mode .main-header .header-right .nav-item span {
        color: #fff !important;
      }

      body.dark-mode .main-header .header-right .download-app .btn {
        background-color: #4e4e4e;
      }

      body.dark-mode
        .main-header
        .header-right
        .download-app
        .dropdown-menu
        .card {
        background-color: #262626;
      }

      body.dark-mode
        .main-header
        .header-right
        .download-app
        .dropdown-menu
        .card
        .card-header {
        color: #fff;
      }

      body.dark-mode
        .main-header
        .header-right
        .download-app
        .dropdown-menu
        .card
        .card-footer
        p {
        color: #fff !important;
      }

      body.dark-mode
        .main-header
        .header-right
        .country
        .dropdown-menu
        .dropdown-item,
      body.dark-mode
        .main-header
        .header-right
        .country
        .dropdown-menu
        .welcome-msg,
      body.dark-mode
        .main-header
        .header-right
        .account
        .dropdown-menu
        .dropdown-item,
      body.dark-mode
        .main-header
        .header-right
        .account
        .dropdown-menu
        .welcome-msg {
        background-color: #262626;
        border-color: #666;
        color: #fff;
      }

      body.dark-mode
        .main-header
        .header-right
        .country
        .dropdown-menu
        .dropdown-item
        a,
      body.dark-mode
        .main-header
        .header-right
        .country
        .dropdown-menu
        .welcome-msg
        a,
      body.dark-mode
        .main-header
        .header-right
        .account
        .dropdown-menu
        .dropdown-item
        a,
      body.dark-mode
        .main-header
        .header-right
        .account
        .dropdown-menu
        .welcome-msg
        a {
        color: #fff;
      }

      body.dark-mode
        .main-header
        .header-right
        .country
        .dropdown-menu
        .dropdown-item:hover,
      body.dark-mode
        .main-header
        .header-right
        .country
        .dropdown-menu
        .welcome-msg:hover,
      body.dark-mode
        .main-header
        .header-right
        .account
        .dropdown-menu
        .dropdown-item:hover,
      body.dark-mode
        .main-header
        .header-right
        .account
        .dropdown-menu
        .welcome-msg:hover {
        background-color: #151515;
      }

      body.dark-mode
        .main-header
        .header-right
        .country
        .dropdown-menu
        .dropdown-item
        .country-title,
      body.dark-mode
        .main-header
        .header-right
        .country
        .dropdown-menu
        .welcome-msg
        .country-title,
      body.dark-mode
        .main-header
        .header-right
        .account
        .dropdown-menu
        .dropdown-item
        .country-title,
      body.dark-mode
        .main-header
        .header-right
        .account
        .dropdown-menu
        .welcome-msg
        .country-title {
        color: #fff;
      }

      body.dark-mode .main-header .header-right .header-cart span.cart_count {
        background-color: #262626 !important;
      }

      body.dark-mode .main-header .header-right .header-cart img {
        filter: invert(1);
      }

      .ubuy_home_bar .hello_content,
      .ubuy_home_bar .hellobar_content {
        font-family: "poppinssemibold", sans-serif;
      }

      .ubuy_home_bar .hello_content strong,
      .ubuy_home_bar .hellobar_content strong {
        font-family: "poppinsblack", sans-serif;
      }

      .ubuy_home_bar .button {
        font-family: "poppinssemibold", sans-serif;
        white-space: nowrap;
        min-width: unset !important;
      }

      .main-header .header-left .navbar-brand {
        padding: 10px 0;
        margin-left: 0 !important;
        margin-right: 90px !important;
      }

      @media (max-width: 1400px) {
        .main-header .header-left .navbar-brand {
          margin-right: 55px !important;
        }
      }

      @media (max-width: 1200px) {
        .main-header .header-left .navbar-brand {
          margin-right: 40px !important;
        }
      }

      @media (max-width: 1024px) {
        .main-header .header-left .navbar-brand {
          margin-right: 30px !important;
        }
      }

      @media (max-width: 768px) {
        .main-header .header-left .navbar-brand {
          padding: 5px 0;
        }
      }

      .main-header .header-left .navbar-brand img {
        max-width: 200px !important;
      }

      @media (max-width: 1200px) {
        .main-header .header-left .navbar-brand img {
          max-width: 73px !important;
        }
      }

      @media (max-width: 1024px) {
        .main-header .header-left .navbar-brand img {
          max-width: 60px !important;
        }
      }

      .main-header .header-right .header-cart #user_cart_count {
        font-family: "poppinssemibold" !important;
      }

      .main-header .header-right .header-cart span.cart_count {
        top: 12px !important;
        right: -7px !important;
      }

      @media (max-width: 1500px) {
        .main-header .header-right .header-cart span.cart_count {
          top: 12px !important;
          right: -5px !important;
        }
      }

      @media (max-width: 768px) {
        .main-header .header-right .header-cart span.cart_count {
          top: 7px !important;
          right: -6px !important;
          margin-right: 5px !important;
          line-height: 15px;
        }
      }

      @media (max-width: 768px) {
        .main-header .header-right .header-cart {
          padding-right: 5px !important;
        }
      }

      @media (max-width: 768px) {
        .main-header .header-right .dropdown.country img {
          margin-right: 3px !important;
        }
      }

      @media (max-width: 768px) {
        .main-header .header-right .dropdown.language img {
          margin-right: 0 !important;
        }
      }

      .main-header .container-fluid .nav-link span,
      .main-header .container-sm .nav-link span,
      .main-header .container-md .nav-link span,
      .main-header .container-lg .nav-link span,
      .main-header .container-xl .nav-link span,
      .main-header .container-xxl .nav-link span {
        font-size: 14px;
        font-family: "poppinsregular", sans-serif !important;
        margin: 0px !important;
      }

      @media (max-width: 768px) {
        .main-header .container-fluid .nav-link span,
        .main-header .container-sm .nav-link span,
        .main-header .container-md .nav-link span,
        .main-header .container-lg .nav-link span,
        .main-header .container-xl .nav-link span,
        .main-header .container-xxl .nav-link span {
          font-size: 12px;
        }
      }

      .main-header .container-fluid .nav-link .gray-color,
      .main-header .container-sm .nav-link .gray-color,
      .main-header .container-md .nav-link .gray-color,
      .main-header .container-lg .nav-link .gray-color,
      .main-header .container-xl .nav-link .gray-color,
      .main-header .container-xxl .nav-link .gray-color {
        color: #000 !important;
      }

      .main-header .dropdown .dropdown-toggle::after {
        font-size: 12px;
        color: #000 !important;
        height: 3px;
        line-height: 3px;
      }

      .main-header #search-form-sm .dropdown .dropdown-toggle::after {
        font-size: 10px !important;
        top: 14px;
      }

      .header-center .header-search-bar {
        padding: 7px;
        border: 1px solid #e5e5e5;
      }

      @media (max-width: 1200px) {
        .header-center .header-search-bar {
          padding: 6px;
        }
      }

      @media (max-width: 768px) {
        .header-center .header-search-bar {
          padding: 5px;
        }
      }

      .header-center .header-search-bar form .dropdown .dropdown-toggle {
        font-size: 13px;
        font-family: "Open Sans", sans-serif !important;
        font-weight: 600;
        text-transform: unset;
      }

      .header-center .header-search-bar form .dropdown .dropdown-toggle span {
        text-transform: uppercase;
        font-size: 12px;
        line-height: 21px;
        font-family: "poppinssemibold", sans-serif;
      }

      .header-center .header-search-bar form .form-control {
        font-size: 13px;
      }

      header.main-header .menu-wraper .explore-btn {
        font-family: "poppinsregular", sans-serif !important;
        font-size: 14px;
        color: #151515;
      }

      header.main-header .menu-wraper .explore-btn:after {
        font-size: 12px;
        color: #000 !important;
        height: 4px;
        line-height: 3px;
      }

      .custom-header .Boldd {
        font-family: "poppinsmedium", sans-serif !important;
        font-size: 14px;
      }

      .conatiner-head-custom .left {
        font-family: "poppinsmedium", sans-serif !important;
        font-size: 14px;
      }

      .custom-btn {
        font-family: "poppinssemibold", sans-serif !important;
        font-size: 13px !important;
        color: #fff;
        background: #151515;
        padding: 8px 15px !important;
        display: flex;
        align-items: center;
        justify-content: center;
        white-space: nowrap;
        gap: 5px;
        max-width: unset !important;
      }

      @media (max-width: 1200px) {
        .mobile-menu-toggle {
          height: 8.5px !important;
          width: 23px !important;
          border-top: solid 2px #151515 !important;
          border-bottom: solid 2px #151515 !important;
          position: relative;
          bottom: 3px !important;
        }

        .mobile-menu-toggle::after {
          content: "";
          position: absolute;
          width: 15px;
          border-bottom: solid 2px #151515;
          top: 12px;
        }
      }

      @media (max-width: 1200px) {
        .header-account.account .dropdown-toggle img {
          margin-right: 0 !important;
        }
      }

      @media (max-width: 768px) {
        .header-account.account .dropdown-toggle img {
          margin-right: 0x !important;
        }
      }

      .country-flag {
        margin: 0px 5px;
        border: solid 1px #e9e9e9;
      }

      a {
        text-decoration: none;
      }

      .dropdown-item.active,
      .dropdown-item:active {
        color: inherit !important;
      }

      .btn {
        padding: 5px 15px !important;
        border-radius: 5px;
        font-size: 14px !important;
        font-family: "poppinssemibold", sans-serif;
        border: solid 1px rgba(0, 0, 0, 0.062745098) !important;
        white-space: nowrap;
      }

      @media screen and (max-width: 768px) {
        .btn {
          font-size: 12px !important;
          padding: 5px 10px !important;
          font-family: "poppinsmedium", sans-serif;
        }
      }

      .btn-primary {
        background-color: #f7b808 !important;
        color: #151515 !important;
      }

      .btn-primary:hover {
        background-color: #f7b808;
        color: #151515 !important;
      }

      .btn-dark {
        background-color: #151515;
        color: #fff;
      }

      .btn-dark:hover {
        background-color: #f7b808 !important;
        color: #fff !important;
      }

      .btn-default {
        background-color: #f3f3f3;
        color: #151515;
      }

      .btn-default:hover {
        background-color: #f7b808 !important;
        color: #fff !important;
      }

      @media screen and (min-width: 1400px) {
        .container {
          max-width: 1700px;
          width: 100%;
          padding: 0px 25px;
        }
      }

      @media screen and (max-width: 1400px) {
        .container {
          max-width: 100% !important;
          width: 100%;
          padding: 0px 25px;
        }
      }

      @media screen and (max-width: 768px) {
        .container {
          max-width: 100%;
          width: 100%;
          padding: 0px 15px;
        }
      }

      img.lazy {
        max-width: auto !important;
        width: auto !important;
        max-height: auto !important;
      }

      .title-border {
        position: relative;
        align-items: center;
      }

      .title-border::before {
        content: "";
        position: absolute;
        width: 100%;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        height: 1px;
        background-color: #eeeeef;
        z-index: -1;
        margin: auto;
      }

      .title-border .title {
        font-size: 18px;
        font-family: "poppinssemibold", sans-serif;
        background: #f7f7f7;
        margin-bottom: 0px;
        text-transform: uppercase;
        padding-right: 15px;
        line-height: normal;
      }

      @media screen and (max-width: 991px) {
        .title-border .title {
          font-size: 16px;
        }
      }

      @media screen and (max-width: 768px) {
        .title-border .title {
          font-size: 14px;
        }
      }

      .title-border a.view-more {
        min-width: 30px;
        min-height: 30px;
        background: #f7b808;
        display: flex;
        border-radius: 100%;
        align-items: center;
        justify-content: center;
      }

      .title-border a.view-more img {
        max-width: 12px;
      }

      @media screen and (max-width: 991px) {
        .title-border a.view-more {
          min-width: 25px;
          min-height: 25px;
          max-width: 25px;
          max-height: 25px;
        }
      }

      .title-border a.view-more-btn {
        padding: 5px 15px;
        border-radius: 5px;
        font-family: "poppinssemibold", sans-serif;
      }

      @media screen and (max-width: 375px) {
        .title-border a.view-more-btn {
          padding: 4px 7px;
          font-size: 12px;
        }
      }

      .store-flag {
        display: inline-flex;
        margin-right: 8px;
      }

      .store-flag span {
        width: 27px;
        height: 17px;
        border: solid 1px #e9e9e9;
        display: block;
        background-image: url("https://www.mabosbet.cc/images/homepage-sprite.webp");
      }

      .store-flag .us {
        background-position: 0px -40px;
      }

      .store-flag .uk {
        background-position: -30px -40px;
      }

      .store-flag .china,
      .store-flag .ch {
        background-position: -60px -40px;
      }

      .store-flag .japan,
      .store-flag .jp {
        background-position: -90px -40px;
      }

      .store-flag .hongkong,
      .store-flag .hk {
        background-position: -120px -40px;
      }

      .store-flag .korea,
      .store-flag .kr {
        background-position: -150px -40px;
      }

      .store-flag .india,
      .store-flag .in {
        background-position: -210px -40px;
      }

      .store-flag .turkey,
      .store-flag .tr {
        background-position: -180px -40px;
      }

      .store-flag .kuwait,
      .store-flag .kw {
        background-position: -240px -40px;
      }

      .store-flag .germany,
      .store-flag .de {
        background-position: -270px -40px;
      }

      .store-flag .eu {
        background-position: -300px -40px;
      }

      .popup-messages .messages {
        background-color: #212121;
        width: auto;
        padding: 10px;
        margin: 0 auto;
        display: block;
        position: fixed;
        bottom: 30px;
        z-index: 12;
        left: 0;
        right: 0;
        max-width: 360px;
        font-size: 14px;
        color: #fff;
        font-family: "poppinsregular", sans-serif;
      }

      .popup-messages .messages ul {
        margin: 0;
        padding: 0;
      }

      .popup-messages .messages i {
        margin-right: 10px;
      }

      .popup-messages .messages .success-msg i.fa-exclamation-circle {
        color: #fff;
        font-size: 16px;
      }

      .popup-messages .messages .success-msg i.fa-check-circle {
        color: #26bc4e;
        font-size: 16px;
      }

      .popup-messages .messages .success-msg a {
        color: #f7b808 !important;
        text-transform: capitalize;
      }

      .popup-messages .messages .error-msg i {
        color: #ff6161;
        font-size: 20px;
      }

      .country-flag {
        margin-right: 10px;
        border: solid 1px #e9e9e9;
      }

      .country-flag span {
        width: 25px;
        height: 15px;
        display: block !important;
        background-image: url("https://www.mabosbet.cc/images/homepage-sprite.webp");
      }

      .country-flag .kuwait {
        background-position: -90px -510px;
      }

      .country-flag .qatar {
        background-position: -210px -510px;
      }

      .country-flag .saudi-arabia {
        background-position: -240px -510px;
      }

      .country-flag .uae {
        background-position: -270px -510px;
      }

      .country-flag .bahrain {
        background-position: 0px -510px;
      }

      .country-flag .egypt {
        background-position: -30px -510px;
      }

      .country-flag .koin {
        background-position: -180px -510px;
      }

      .country-flag .morocco {
        background-position: -150px -510px;
      }

      .country-flag .lebanon {
        background-position: -120px -510px;
      }

      .country-flag .jordan {
        background-position: -60px -510px;
      }

      .country-flag .south-africa {
        background-position: -360px -560px;
      }

      .country-flag .algeria {
        background-position: 0px -535px;
      }

      .country-flag .angola {
        background-position: -30px -535px;
      }

      .country-flag .cameroon {
        background-position: -180px -535px;
      }

      .country-flag .ethiopia {
        background-position: -420px -535px;
      }

      .country-flag .ghana {
        background-position: -480px -535px;
      }

      .country-flag .gabon {
        background-position: -450px -535px !important;
      }

      .country-flag .kenya {
        background-position: -570px -535px;
      }

      .country-flag .madagascar {
        background-position: -690px -535px;
      }

      .country-flag .mauritius {
        background-position: 0px -560px;
      }

      .country-flag .mozambique {
        background-position: -30px -560px;
      }

      .country-flag .nigeria {
        background-position: -120px -560px;
      }

      .country-flag .senegal {
        background-position: -270px -560px;
      }

      .country-flag .tanzania {
        background-position: -420px -560px;
      }

      .country-flag .tunisia {
        background-position: -510px -560px;
      }

      .country-flag .uganda {
        background-position: -540px -560px;
      }

      .country-flag .zambia {
        background-position: -570px -560px;
      }

      .country-flag .zimbabwe {
        background-position: -600px -560px;
      }

      .country-flag .burundi {
        background-position: -150px -535px;
      }

      .country-flag .seychelles {
        background-position: -300px -560px;
      }

      .country-flag .benin {
        background-position: -60px -535px;
      }

      .country-flag .central-african-republic {
        background-position: -240px -535px;
      }

      .country-flag .republic-of-the-congo {
        background-position: -150px -560px !important;
      }

      .country-flag .botswana {
        background-position: -90px -535px;
      }

      .country-flag .libya {
        background-position: -660px -535px;
      }

      .country-flag .rwanda {
        background-position: -180px -560px;
      }

      .country-flag .malawi {
        background-position: -720px -535px;
      }

      .country-flag .togo {
        background-position: -480px -560px;
      }

      .country-flag .the-gambia {
        background-position: -450px -560px;
      }

      .country-flag .burkina-faso {
        background-position: -120px -535px;
      }

      .country-flag .niger {
        background-position: -90px -560px;
      }

      .country-flag .nicaragua {
        background-position: -660px -685px;
      }

      .country-flag .new-zealand {
        background-position: -210px -734px;
      }

      .country-flag .netherlands {
        background-position: -180px -660px;
      }

      .country-flag .nepal {
        background-position: -660px -585px;
      }

      .country-flag .nauru {
        background-position: -150px -734px;
      }

      .country-flag .nato {
        background-position: -855px -90px;
      }

      .country-flag .namibia {
        background-position: -60px -560px;
      }

      .country-flag .myanmar {
        background-position: -630px -585px;
      }

      .country-flag .montserrat {
        background-position: -630px -685px;
      }

      .country-flag .montenegro {
        background-position: -150px -660px;
      }

      .country-flag .mongolia {
        background-position: -600px -585px;
      }

      .country-flag .monaco {
        background-position: -120px -660px;
      }

      .country-flag .moldova {
        background-position: -90px -660px;
      }

      .country-flag .micronesia {
        background-position: -90px -710px;
      }

      .country-flag .mexico {
        background-position: -600px -685px;
      }

      .country-flag .melilla {
        background-position: -765px -45px;
      }

      .country-flag .mauritania {
        background-position: -780px -535px;
      }

      .country-flag .martinique {
        background-position: -570px -685px;
      }

      .country-flag .marshall-island {
        background-position: -630px -45px;
      }

      .country-flag .malta {
        background-position: -60px -660px;
      }

      .country-flag .mali {
        background-position: -750px -535px;
      }

      .country-flag .maldives {
        background-position: -570px -585px;
      }

      .country-flag .malaysia {
        background-position: -540px -585px;
      }

      .country-flag .madeira {
        background-position: -765px 0px;
      }

      .country-flag .macao {
        background-position: -510px -585px;
      }

      .country-flag .luxembourg {
        background-position: -30px -660px;
      }

      .country-flag .lithuania {
        background-position: 0px -660px;
      }

      .country-flag .liechtenstein {
        background-position: -780px -635px;
      }

      .country-flag .liberia {
        background-position: -450px 0px;
      }

      .country-flag .liberia {
        background-position: -405px -540px;
      }

      .country-flag .latvia {
        background-position: -750px -635px;
      }

      .country-flag .laos {
        background-position: -480px -585px;
      }

      .country-flag .kyrgyzstan {
        background-position: -450px -585px;
      }

      .country-flag .kosovo {
        background-position: -720px -635px;
      }

      .country-flag .kiribati {
        background-position: -120px -734px;
      }

      .country-flag .kazakhstan {
        background-position: -420px -585px;
      }

      .country-flag .jersey {
        background-position: -690px -635px;
      }

      .country-flag .japan {
        background-position: -390px -585px;
      }

      .country-flag .jamaica {
        background-position: -540px -685px;
      }

      .country-flag .ivory-coast {
        background-position: -225px -495px;
      }

      .country-flag .italy {
        background-position: -660px -635px;
      }

      .country-flag .israel {
        background-position: -135px -495px;
      }

      .country-flag .isle-of-man {
        background-position: -630px -635px;
      }

      .country-flag .ireland {
        background-position: -600px -635px;
      }

      .country-flag .iraq {
        background-position: -360px -585px;
      }

      .country-flag .indonesia {
        background-position: -330px -585px;
      }

      .country-flag .iceland {
        background-position: -570px -635px;
      }

      .country-flag .hungary {
        background-position: -540px -635px;
      }

      .country-flag .hong-kong {
        background-position: -270px -585px;
      }

      .country-flag .honduras {
        background-position: -510px -685px;
      }

      .country-flag .hawaii {
        background-position: -90px -450px;
      }

      .country-flag .haiti {
        background-position: -480px -685px;
      }

      .country-flag .guyana {
        background-position: -300px -760px;
      }

      .country-flag .guinea {
        background-position: -510px -535px;
      }

      .country-flag .guinea-bissau {
        background-position: -540px -535px;
      }

      .country-flag .guernsey {
        background-position: -510px -635px;
      }

      .country-flag .guatemala {
        background-position: -450px -6fa85px;
      }

      .country-flag .guam {
        background-position: -597px -760px;
      }

      .country-flag .grenada {
        background-position: -390px -685px;
      }

      .country-flag .greenland {
        background-position: -360px -685px;
      }

      .country-flag .greece {
        background-position: -480px -635px;
      }

      .country-flag .gibraltar {
        background-position: -45px -405px;
      }

      .country-flag .georgia {
        background-position: -240px -585px;
      }

      .country-flag .galapagos-islands {
        background-position: -270px -360px;
      }

      .country-flag .gabon {
        background-position: -225px -360px;
      }

      .country-flag .french-polynesia {
        background-position: -90px -734px;
      }

      .country-flag .france {
        background-position: -420px -635px;
      }

      .country-flag .germany {
        background-position: -450px -635px;
      }

      .country-flag .finland {
        background-position: -390px -635px;
      }

      .country-flag .fiji {
        background-position: -60px -734px;
      }

      .country-flag .faroe-islands {
        background-position: -360px -635px;
      }

      .country-flag .falkland-islands {
        background-position: -240px -760px;
      }

      .country-flag .european-union {
        background-position: -360px -315px;
      }

      .country-flag .estonia {
        background-position: -330px -635px;
      }

      .country-flag .eritrea {
        background-position: -225px -315px;
      }

      .country-flag .equatorial-guinea {
        background-position: -390px -535px;
      }

      .country-flag .england {
        background-position: -135px -315px;
      }

      .country-flag .el-salvador {
        background-position: -330px -685px;
      }

      .country-flag .ecuador {
        background-position: -210px -760px;
      }

      .country-flag .East-Timor {
        background-position: -405px -270px;
      }

      .country-flag .dominican-republic {
        background-position: -300px -685px;
      }

      .country-flag .dominica {
        background-position: -270px -685px;
      }

      .country-flag .djibouti {
        background-position: -360px -535px;
      }

      .country-flag .denmark {
        background-position: -300px -635px;
      }

      .country-flag .republic-of-the-congo {
        background-position: -180px -270px;
      }

      .country-flag .czech-republic {
        background-position: -270px -635px;
      }

      .country-flag .cyprus {
        background-position: -240px -635px;
      }

      .country-flag .curacao {
        background-position: -180px -760px;
      }

      .country-flag .cuba {
        background-position: -270px -270px;
      }

      .country-flag .croatia {
        background-position: -210px -635px;
      }

      .country-flag .costa-rica {
        background-position: -240px -685px;
      }

      .country-flag .cook-islands {
        background-position: -30px -734px;
      }

      .country-flag .comoros {
        background-position: -300px -535px;
      }

      .country-flag .colombia {
        background-position: -150px -760px;
      }

      .country-flag .cocos-island {
        background-position: -135px -225px;
      }

      .country-flag .china {
        background-position: -210px -585px;
      }

      .country-flag .chile {
        background-position: -120px -760px;
      }

      .country-flag .cote-divoire {
        background-position: -330px -535px;
      }

      .country-flag .chad {
        background-position: -270px -535px;
      }

      .country-flag .ceuta {
        background-position: -360px -225px;
      }

      .country-flag .cayman-islands {
        background-position: -210px -685px;
      }

      .country-flag .cape-verde {
        background-position: -210px -535px !important;
      }

      .country-flag .canary-islands {
        background-position: -180px -180px;
      }

      .country-flag .canada {
        background-position: -180px -685px;
      }

      .country-flag .MABOSBET {
        background-position: -180px -585px;
      }

      .country-flag .bulgaria {
        background-position: -180px -635px;
      }

      .country-flag .brunei {
        background-position: -150px -585px;
      }

      .country-flag .british-virgin-islands {
        background-position: -150px -685px;
      }

      .country-flag .british-indian-ocean-territory {
        background-position: -225px -135px;
      }

      .country-flag .british-columbia {
        background-position: -180px -135px;
      }

      .country-flag .brazil {
        background-position: -90px -760px;
      }

      .country-flag .bosnia-and-herzegovina {
        background-position: -150px -635px;
      }

      .country-flag .bonaire {
        background-position: 0px -135px;
      }

      .country-flag .bolivia {
        background-position: -60px -760px;
      }

      .country-flag .bhutan {
        background-position: -120px -585px;
      }

      .country-flag .bermuda {
        background-position: -120px -685px;
      }

      .country-flag .belize {
        background-position: -90px -685px;
      }

      .country-flag .belgium {
        background-position: -120px -635px;
      }

      .country-flag .belarus {
        background-position: -90px -635px;
      }

      .country-flag .basque-country {
        background-position: -90px -90px;
      }

      .country-flag .barbados {
        background-position: -60px -685px;
      }

      .country-flag .bangladesh {
        background-position: -90px -585px;
      }

      .country-flag .balearic-islands {
        background-position: -405px -45px;
      }

      .country-flag .bahamas {
        background-position: -315px -45px;
      }

      .country-flag .azores-islands {
        background-position: -270px -45px;
      }

      .country-flag .azerbaijan {
        background-position: -60px -585px;
      }

      .country-flag .austria {
        background-position: -60px -635px;
      }

      .country-flag .australia {
        background-position: 0px -734px;
      }

      .country-flag .aruba {
        background-position: -30px -760px;
      }

      .country-flag .armenia {
        background-position: -30px -585px;
      }

      .country-flag .argentina {
        background-position: 0px -760px;
      }

      .country-flag .antigua-and-barbuda {
        background-position: -30px -685px;
      }

      .country-flag .anguilla {
        background-position: 0px -685px;
      }

      .country-flag .andorra {
        background-position: -270px 0px;
      }

      .country-flag .american-samoa {
        background-position: -300px -735px;
      }

      .country-flag .albania {
        background-position: -30px -635px;
      }

      .country-flag .aland-islands {
        background-position: 0px -635px;
      }

      .country-flag .afghanistan {
        background-position: 0px -585px;
      }

      .country-flag .abkhazia {
        background-position: 0px 0px;
      }

      .country-flag .lesotho {
        background-position: -600px -535px;
      }

      .country-flag .country-flag-fa.saint-helena {
        background-position: -45px -630px;
      }

      .country-flag .réunion {
        background-position: -210px -560px;
      }

      .country-flag .saint-helena {
        background-position: -240px -560px;
      }

      .country-flag .cabo-verde {
        background-position: -210px -535px;
      }

      .country-flag .sierra-leone {
        background-position: -330px -560px;
      }

      .country-flag .são-tomé-and-príncipe {
        background-position: -390px -560px;
      }

      .country-flag .india {
        background-position: -300px -585px;
      }

      .country-flag .philippines {
        background-position: -750px -585px;
      }

      .country-flag .singapore {
        background-position: -780px -585px;
      }

      .country-flag .south-korea {
        background-position: 0px -610px;
      }

      .country-flag .taiwan {
        background-position: -60px -610px;
      }

      .country-flag .thailand {
        background-position: -120px -610px;
      }

      .country-flag .vietnam {
        background-position: -240px -610px;
      }

      .country-flag .eu {
        background-position: -270px -610px;
      }

      .country-flag .pakistan {
        background-position: -690px -585px;
      }

      .country-flag .sri-lanka {
        background-position: -30px -610px;
      }

      .country-flag .uzbekistan {
        background-position: -210px -610px;
      }

      .country-flag .palestine {
        background-position: -720px -585px;
      }

      .country-flag .turkmenistan {
        background-position: -180px -610px;
      }

      .country-flag .tajikistan {
        background-position: -90px -610px;
      }

      .country-flag .timor-leste {
        background-position: -150px -610px;
      }

      .country-flag .norway {
        background-position: -240px -660px;
      }

      .country-flag .poland {
        background-position: -270px -660px;
      }

      .country-flag .portugal {
        background-position: -300px -660px;
      }

      .country-flag .spain {
        background-position: -510px -660px;
      }

      .country-flag .switzerland {
        background-position: -570px -660px;
      }

      .country-flag .ukraine {
        background-position: -660px -660px;
      }

      .country-flag .uk {
        background-position: -630px -660px;
      }

      .country-flag .russia {
        background-position: -360px -660px;
      }

      .country-flag .rkoinia {
        background-position: -330px -660px;
      }

      .country-flag .slovakia {
        background-position: -450px -660px;
      }

      .country-flag .sweden {
        background-position: -540px -660px;
      }

      .country-flag .north-macedonia {
        background-position: -360px -585px;
      }

      .country-flag .slovenia {
        background-position: -480px -660px;
      }

      .country-flag .serbia {
        background-position: -420px -660px;
      }

      .country-flag .lativa {
        background-position: -90px -720px;
      }

      .country-flag .san-marino {
        background-position: -390px -660px;
      }

      .country-flag .sao-principe {
        background-position: -390px -560px;
      }

      .country-flag .usa {
        background-position: -60px -710px;
      }

      .country-flag .panama {
        background-position: -690px -685px;
      }

      .country-flag .puerto-rico {
        background-position: -120px -710px;
      }

      .country-flag .the-bahamas {
        background-position: 0px -710px;
      }

      .country-flag .saint-kitts-and-nevis {
        background-position: -720px -685px;
      }

      .country-flag .guadeloupe {
        background-position: -420px -685px;
      }

      .country-flag .saint-lucia {
        background-position: -750px -685px;
      }

      .country-flag .sint-maarten {
        background-position: -780px -685px;
      }

      .country-flag .turks-and-caicos {
        background-position: -30px -710px;
      }

      .country-flag .solomon-islands {
        background-position: -330px -734px;
      }

      .country-flag .vanuatu {
        background-position: -420px -734px;
      }

      .country-flag .samoa {
        background-position: -300px -734px;
      }

      .country-flag .tonga {
        background-position: -360px -734px;
      }

      .country-flag .palau {
        background-position: -270px -734px;
      }

      .country-flag .niue {
        background-position: -240px -734px;
      }

      .country-flag .tuvalu {
        background-position: -390px -734px;
      }

      .country-flag .new-caledonia {
        background-position: -180px -734px;
      }

      .country-flag .wallis-and-futuna-islands {
        background-position: -450px -734px;
      }

      .country-flag .peru {
        background-position: -360px -760px;
      }

      .country-flag .paraguay {
        background-position: -330px -760px;
      }

      .country-flag .venezuela {
        background-position: -541px -760px;
      }

      .country-flag .uruguay {
        background-position: -510px -760px;
      }

      .country-flag .saint-vincent {
        background-position: -420px -760px;
      }

      .country-flag .french-guiana {
        background-position: -270px -760px;
      }

      .country-flag .suriname {
        background-position: -450px -760px;
      }

      .country-flag .sudan {
        background-position: -720px -585px;
      }

      .country-flag .trinidad-and-tobago {
        background-position: -480px -760px;
      }

      .country-flag .saint-pierre-and-miquelon {
        background-position: -390px -760px;
      }

      .country-flag .falkand-islands {
        background-position: -90px -585px;
      }

      .country-flag .liberia {
        background-position: -630px -535px;
      }

      .country-flag .turkey {
        background-position: -600px -660px;
      }

      .country-flag .view-all-countries {
        background-position: -570px -760px;
      }

      .custom-radio {
        position: relative;
      }

      .custom-radio input[type="radio"] {
        position: absolute;
        opacity: 0;
        height: 20px;
        width: 20px;
      }

      .custom-radio input[type="radio"] + label {
        cursor: pointer;
        position: relative;
        padding: 0;
        padding-left: 28px;
        vertical-align: middle;
        font-family: "poppinsmedium", sans-serif;
        color: #666;
        font-size: 14px;
        word-break: break-word;
      }

      .custom-radio input[type="radio"] + label:before {
        content: "";
        display: inline-block;
        width: 20px;
        height: 20px;
        background: #fff;
        border: 1px solid #eaeaea;
        border-radius: 10px;
        position: absolute;
        left: 0;
        top: 0;
      }

      .custom-radio input[type="radio"]:checked + label:after {
        content: "";
        display: inline-block;
        width: 8px;
        height: 8px;
        background: #f7b808;
        border-radius: 10px;
        position: absolute;
        left: 0;
        margin: 6px;
        top: 0px;
      }

      .custom-checkbox {
        position: relative;
      }

      .custom-checkbox input[type="checkbox"] {
        position: absolute;
        opacity: 0;
        height: 20px;
        width: 20px;
      }

      .custom-checkbox input[type="checkbox"] + label {
        cursor: pointer;
        position: relative;
        padding: 0;
        padding-left: 28px;
        vertical-align: middle;
        font-family: "poppinsmedium", sans-serif;
        color: #666;
        font-size: 14px;
        word-break: break-word;
      }

      .custom-checkbox input[type="checkbox"] + label:before {
        content: "";
        display: inline-block;
        width: 20px;
        height: 20px;
        background: #fff;
        border: 1px solid #eaeaea;
        border-radius: 2px;
        position: absolute;
        left: 0;
      }

      .custom-checkbox input[type="checkbox"]:checked + label:after {
        content: "";
        font-family: "font awesome 6 free";
        font-size: 12px;
        width: 20px;
        height: 20px;
        color: #f7b808;
        border-radius: 10px;
        position: absolute;
        left: 0;
        top: 0;
        margin: 5px !important;
      }

      .customer-feedback .close {
        height: 30px;
        border: none;
        width: 30px;
        background: none;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
      }

      .customer-feedback .modal-title {
        font-size: 21px;
        color: #151515;
        font-family: "poppinsbold", sans-serif;
      }

      .customer-feedback .main-heading {
        font-size: 25px;
        color: #f7b808;
        font-family: "poppinsbold", sans-serif;
        line-height: 35px;
      }

      .customer-feedback .question-section {
        position: relative;
      }

      .customer-feedback .question-section .question {
        position: relative;
        padding-left: 20px;
        font-family: "poppinssemibold", sans-serif;
        font-size: 15px;
      }

      .customer-feedback .question-section .question span {
        position: absolute;
        left: 0px;
      }

      .customer-feedback .submit-button {
        height: 43px;
        width: 139px;
        background-color: #000;
        color: #fff;
        border: none;
      }

      .customer-feedback li {
        margin: 5px;
        padding: 10px;
        width: 100%;
      }

      .customer-feedback .modal-body {
        height: 500px;
        overflow: auto;
        padding: 20px 40px;
      }

      .customer-feedback #draggableRuler {
        width: 100%;
        margin-top: 10px;
        position: relative;
      }

      .customer-feedback #feedbackrange {
        width: 100%;
        background: orange;
      }

      .customer-feedback #feedbackrange {
        width: 100%;
        appearance: none;
        height: 7px;
        background: linear-gradient(to right, orange 0%, orange 100%);
        outline: none;
        border-radius: 20px;
      }

      .customer-feedback #feedbackrange::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 20px;
        border-radius: 20px;
        height: 20px;
        background: orange;
        cursor: pointer;
      }

      .customer-feedback .emoji {
        text-align: center;
      }

      .customer-feedback .emoji img {
        height: 47px;
        margin: 0px;
        margin-bottom: 5px;
      }

      .customer-feedback .emoji img.default {
        filter: grayscale(1);
      }

      .customer-feedback .emoji img.active {
        display: none;
      }

      .customer-feedback .emoji.selected .active {
        display: inline-block !important;
      }

      .customer-feedback .emoji.selected .default {
        display: none !important;
      }

      .customer-feedback .comment textarea {
        background-color: #fafafa;
        width: 100%;
        padding: 10px 10px 25px 10px;
        border: 2px solid #e9e9e9;
        margin-top: 10px;
        font-size: 14px;
        outline: none;
      }

      .page-loader {
        position: fixed;
        height: 100vh;
        width: 100%;
        display: none;
        z-index: 9999;
        background: hsla(0, 0%, 100%, 0.6) !important;
        left: 0px;
        min-width: 100%;
        align-items: center;
        justify-content: center;
      }

      .page-loader.loading {
        display: flex;
      }

      .page-loader .spinner i {
        font-size: 30px;
        color: #f7b808;
        position: relative;
        z-index: 10;
        animation: spin 6s linear infinite;
        animation-duration: 2.5s;
      }

      .content-loader {
        height: auto;
        width: 100%;
        display: none;
        align-items: center;
        justify-content: center;
        padding: 10px;
      }

      .content-loader.loading {
        display: flex;
      }

      .content-loader .spinner i {
        font-size: 15px;
        color: #151515;
        position: relative;
        z-index: 10;
        animation: spin 6s linear infinite;
        animation-duration: 2.5s;
      }

      @keyframes spin {
        0% {
          transform: rotate(0deg);
        }

        100% {
          transform: rotate(360deg);
        }
      }

      body.dark-mode .country-change-popup .modal-body {
        background-color: #262626;
      }

      body.dark-mode .country-change-popup .modal-body .dialog-close {
        background-color: #262626;
        border: 1px solid #464646;
      }

      body.dark-mode .country-change-popup .modal-body .dialog-close em {
        color: #fff !important;
      }

      body.dark-mode .country-change-popup .modal-body .content-sec {
        color: #d7d7d7;
      }

      body.dark-mode .country-change-popup .modal-body .content-sec span {
        color: #fff;
      }

      body.dark-mode .recent-purchased-card {
        background-color: #262626;
      }

      body.dark-mode .recent-purchased-card .product-img {
        border-color: #3f3f3f !important;
      }

      body.dark-mode .recent-purchased-card .product-detail h2 {
        color: #fff;
      }

      body.dark-mode .recent-purchased-card .product-detail .small-title,
      body.dark-mode .recent-purchased-card .product-detail .check-now-btn {
        color: #fff;
      }

      body.dark-mode .recent-purchased-card .product-detail .small-title .store,
      body.dark-mode
        .recent-purchased-card
        .product-detail
        .check-now-btn
        .store {
        color: #d7d7d7;
      }

      .product-card {
        background: #fff;
        border-radius: 15px;
        padding: 20px;
        position: relative;
      }

      @media screen and (max-width: 1200px) {
        .product-card {
          padding: 15px;
        }
      }

      @media screen and (max-width: 576px) {
        .product-card {
          padding: 8px;
        }
      }

      .product-card .product-image {
        width: auto;
        text-align: center;
        height: 200px;
        max-width: 200px;
        margin: 35px auto 10px;
        overflow: hidden;
        display: flex;
        align-items: center;
      }

      @media screen and (max-width: 1400px) {
        .product-card .product-image {
          height: 130px;
          max-width: 130px;
        }
      }

      @media screen and (max-width: 576px) {
        .product-card .product-image {
          height: 90px;
          max-width: 90px;
          margin: 30px auto 20px;
        }
      }

      .product-card .product-image img {
        height: auto;
        width: auto;
        margin: 0px auto;
        max-width: 100%;
        max-height: 100%;
      }

      .product-card .rating-wishlist {
        top: 20px;
        right: 20px;
        position: absolute;
        z-index: 1;
        display: flex;
        align-items: center;
      }

      @media screen and (max-width: 1200px) {
        .product-card .rating-wishlist {
          right: 15px;
          top: 15px;
        }
      }

      @media screen and (max-width: 576px) {
        .product-card .rating-wishlist {
          right: 7px;
          top: 7px;
        }
      }

      .product-card .rating-wishlist span.product-rating {
        color: #151515;
      }

      .product-card .rating-wishlist span.product-rating i {
        font-family: "Font Awesome 6 Free";
        color: #f7b808;
        margin-right: 7px;
      }

      .product-card .rating-wishlist span.add-to-wishlist {
        margin-left: 10px;
        cursor: pointer;
        text-decoration: none;
      }

      .product-card .rating-wishlist span.add-to-wishlist i {
        color: #fff;
        display: block;
        background: #e5e5e5;
        border-radius: 100%;
        width: 30px;
        height: 30px;
        display: flex !important;
        justify-content: center;
        align-items: center;
        font-family: "poppinsblack";
        font-size: 13px;
      }

      @media screen and (max-width: 1200px) {
        .product-card .rating-wishlist span.add-to-wishlist i {
          width: 25px;
          height: 25px;
          font-size: 11px;
        }
      }

      .product-card .rating-wishlist span.add-to-wishlist:hover i {
        background: #ffb7b7;
        color: red;
      }

      .product-card .rating-wishlist span.add-to-wishlist.active i {
        background: #ffb7b7 !important;
        color: red !important;
      }

      @media screen and (max-width: 1024px) {
        .product-card .rating-wishlist span.add-to-wishlist:hover i {
          background: #e5e5e5 !important;
          color: #fff !important;
        }
      }

      .product-card .product-store {
        display: inline-flex;
      }

      .product-card .product-store .brand_name > span {
        color: #151515;
        font-family: "poppinssemibold", sans-serif;
        font-size: 11px;
      }

      @media screen and (max-width: 575px) {
        .product-card .product-store .brand_name > span {
          overflow: hidden;
          text-overflow: ellipsis;
          width: 50px !important;
          display: inline-block;
          white-space: nowrap;
          line-height: 1;
        }
      }

      .product-card .store-title {
        font-size: 12px !important;
        font-family: "poppinsmedium", sans-serif;
        color: #666;
        line-height: 15px;
      }

      .product-card .custom-tooltip {
        color: red !important;
      }

      .product-card .product-title {
        width: 85%;
        font-size: 14px;
        display: block;
        display: -webkit-box;
        height: 43px;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #151515;
        line-height: 22px;
        margin-top: 8px;
        margin-bottom: 8px;
        font-family: "poppinsregular", sans-serif;
      }

      @media screen and (max-width: 1400px) {
        .product-card .product-title {
          font-size: 13px;
          line-height: 20px;
        }
      }

      @media screen and (max-width: 1200px) {
        .product-card .product-title {
          font-size: 12px;
          line-height: 18px;
          height: 34px;
        }
      }

      @media screen and (max-width: 768px) {
        .product-card .product-title {
          font-size: 12px;
          line-height: 16px;
          margin-top: 5px;
          margin-bottom: 5px;
        }
      }

      .product-card .ubuy-fulfilled {
        cursor: pointer;
        bottom: 20px;
        right: 20px;
        position: absolute;
        width: 32px;
        height: 18px;
        display: block;
        background-image: url("https://www.mabosbet.cc/images/homepage-sprite.webp");
        background-position: 0px -283px;
      }

      @media screen and (max-width: 1200px) {
        .product-card .ubuy-fulfilled {
          bottom: 15px;
          right: 15px;
        }
      }

      @media screen and (max-width: 992px) {
        .product-card .ubuy-fulfilled {
          background-position: 0px -218px;
          background-size: 624px;
          width: 25px;
          height: 15px;
        }
      }

      @media screen and (max-width: 576px) {
        .product-card .ubuy-fulfilled {
          width: 20px;
          height: 12px;
          background-position: 0px -160px;
          background-size: 464px;
          bottom: 35px;
          right: 8px;
        }
      }

      .product-card .product-price {
        min-height: 16px;
        width: 85%;
        color: #151515;
        line-height: 1;
        font-size: 16px;
        display: flex;
        align-items: center;
        font-family: "poppinsbold", sans-serif;
      }

      @media screen and (max-width: 992px) {
        .product-card .product-price {
          font-size: 12px;
        }
      }

      .product-card .product-price .product-old-price {
        font-size: 13px;
        font-family: "poppinsmedium", sans-serif;
        color: #dc3545;
        margin-left: 10px;
      }

      @media screen and (max-width: 992px) {
        .product-card .product-price .product-old-price {
          font-size: 12px;
        }
      }

      .badges {
        display: flex;
        position: absolute;
        left: 20px;
        top: 20px;
      }

      @media screen and (max-width: 1200px) {
        .badges {
          left: 15px;
          top: 15px;
        }
      }

      @media screen and (max-width: 576px) {
        .badges {
          left: 8px;
          top: 8px;
        }
      }

      .badges .badge {
        position: relative;
        left: 0px;
        height: 25px;
        width: 25px;
        top: 0px;
        background-repeat: no-repeat;
        line-height: 1;
        background-position-y: -474px;
        background-image: url("https://www.mabosbet.cc/images/homepage-sprite.webp");
      }

      @media screen and (max-width: 768px) {
        .badges .badge {
          background-size: 670px;
          background-position-y: -388px;
        }
      }

      .badges .best-seller-discount {
        background: #f8ce6d !important;
        padding: 3px 8px !important;
        width: auto;
        text-align: center;
        line-height: 18px;
        color: #151515;
        border-radius: 5px;
        font-size: 12px;
      }

      .badges .new {
        background-position-x: 0px;
      }

      .badges .on-sale {
        background-position-x: -30px;
      }

      @media screen and (max-width: 768px) {
        .badges .on-sale {
          background-position-x: -23px;
        }
      }

      .badges .latest-deals {
        background-position-x: -60px;
      }

      @media screen and (max-width: 768px) {
        .badges .latest-deals {
          background-position-x: -48px;
        }
      }

      .badges .best-seller {
        background-position-x: -90px;
      }

      @media screen and (max-width: 768px) {
        .badges .best-seller {
          background-position-x: -72px;
        }
      }

      .badges .gift {
        background-position-x: -119px;
      }

      @media screen and (max-width: 768px) {
        .badges .gift {
          background-position-x: -95px;
        }
      }

      @font-face {
        font-family: swiper-icons;
        src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
        font-weight: 400;
        font-style: normal;
      }

      :root {
        --swiper-theme-color: #007aff;
      }

      :host {
        position: relative;
        display: block;
        margin-left: auto;
        margin-right: auto;
        z-index: 1;
      }

      .swiper {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        overflow: hidden;
        list-style: none;
        padding: 0;
        z-index: 1;
        display: block;
      }

      .swiper-vertical > .swiper-wrapper {
        flex-direction: column;
      }

      .swiper-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: flex;
        transition-property: transform;
        transition-timing-function: var(
          --swiper-wrapper-transition-timing-function,
          initial
        );
        box-sizing: content-box;
      }

      .swiper-android .swiper-slide,
      .swiper-ios .swiper-slide,
      .swiper-wrapper {
        transform: translate3d(0px, 0, 0);
      }

      .swiper-horizontal {
        touch-action: pan-y;
      }

      .swiper-vertical {
        touch-action: pan-x;
      }

      .swiper-slide {
        flex-shrink: 0;
        width: 100%;
        height: 100%;
        position: relative;
        transition-property: transform;
        display: block;
      }

      .swiper-slide-invisible-blank {
        visibility: hidden;
      }

      .swiper-autoheight,
      .swiper-autoheight .swiper-slide {
        height: auto;
      }

      .swiper-autoheight .swiper-wrapper {
        align-items: flex-start;
        transition-property: transform, height;
      }

      .swiper-backface-hidden .swiper-slide {
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
      }

      .swiper-3d.swiper-css-mode .swiper-wrapper {
        perspective: 1200px;
      }

      .swiper-3d .swiper-wrapper {
        transform-style: preserve-3d;
      }

      .swiper-3d {
        perspective: 1200px;
      }

      .swiper-3d .swiper-cube-shadow,
      .swiper-3d .swiper-slide {
        transform-style: preserve-3d;
      }

      .swiper-css-mode > .swiper-wrapper {
        overflow: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
      }

      .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
        display: none;
      }

      .swiper-css-mode > .swiper-wrapper > .swiper-slide {
        scroll-snap-align: start start;
      }

      .swiper-css-mode.swiper-horizontal > .swiper-wrapper {
        scroll-snap-type: x mandatory;
      }

      .swiper-css-mode.swiper-vertical > .swiper-wrapper {
        scroll-snap-type: y mandatory;
      }

      .swiper-css-mode.swiper-free-mode > .swiper-wrapper {
        scroll-snap-type: none;
      }

      .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
        scroll-snap-align: none;
      }

      .swiper-css-mode.swiper-centered > .swiper-wrapper::before {
        content: "";
        flex-shrink: 0;
        order: 9999;
      }

      .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
        scroll-snap-align: center center;
        scroll-snap-stop: always;
      }

      .swiper-css-mode.swiper-centered.swiper-horizontal
        > .swiper-wrapper
        > .swiper-slide:first-child {
        margin-inline-start: var(--swiper-centered-offset-before);
      }

      .swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper: :before {
        height: 100%;
        min-height: 1px;
        width: var(--swiper-centered-offset-after);
      }

      .swiper-css-mode.swiper-centered.swiper-vertical
        > .swiper-wrapper
        > .swiper-slide:first-child {
        margin-block-start: var(--swiper-centered-offset-before);
      }

      .swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper: :before {
        width: 100%;
        min-width: 1px;
        height: var(--swiper-centered-offset-after);
      }

      .swiper-3d .swiper-slide-shadow,
      .swiper-3d .swiper-slide-shadow-bottom,
      .swiper-3d .swiper-slide-shadow-left,
      .swiper-3d .swiper-slide-shadow-right,
      .swiper-3d .swiper-slide-shadow-top {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10;
      }

      .swiper-3d .swiper-slide-shadow {
        background: rgba(0, 0, 0, 0.15);
      }

      .swiper-3d .swiper-slide-shadow-left {
        background-image: linear-gradient(
          to left,
          rgba(0, 0, 0, 0.5),
          rgba(0, 0, 0, 0)
        );
      }

      .swiper-3d .swiper-slide-shadow-right {
        background-image: linear-gradient(
          to right,
          rgba(0, 0, 0, 0.5),
          rgba(0, 0, 0, 0)
        );
      }

      .swiper-3d .swiper-slide-shadow-top {
        background-image: linear-gradient(
          to top,
          rgba(0, 0, 0, 0.5),
          rgba(0, 0, 0, 0)
        );
      }

      .swiper-3d .swiper-slide-shadow-bottom {
        background-image: linear-gradient(
          to bottom,
          rgba(0, 0, 0, 0.5),
          rgba(0, 0, 0, 0)
        );
      }

      .swiper-lazy-preloader {
        width: 42px;
        height: 42px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -21px;
        margin-top: -21px;
        z-index: 10;
        transform-origin: 50%;
        box-sizing: border-box;
        border: 4px solid
          var(--swiper-preloader-color, var(--swiper-theme-color));
        border-radius: 50%;
        border-top-color: rgba(0, 0, 0, 0);
      }

      .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
      .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
        animation: swiper-preloader-spin 1s infinite linear;
      }

      .swiper-lazy-preloader-white {
        --swiper-preloader-color: #fff;
      }

      .swiper-lazy-preloader-black {
        --swiper-preloader-color: #000;
      }

      @keyframes swiper-preloader-spin {
        0% {
          transform: rotate(0deg);
        }

        100% {
          transform: rotate(360deg);
        }
      }

      .swiper-virtual .swiper-slide {
        -webkit-backface-visibility: hidden;
        transform: translateZ(0);
      }

      .swiper-virtual.swiper-css-mode .swiper-wrapper::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        pointer-events: none;
      }

      .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
        height: 1px;
        width: var(--swiper-virtual-size);
      }

      .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
        width: 1px;
        height: var(--swiper-virtual-size);
      }

      :root {
        --swiper-navigation-size: 44px;
      }

      .swiper-button-next,
      .swiper-button-prev {
        position: absolute;
        top: var(--swiper-navigation-top-offset, 50%);
        width: calc(var(--swiper-navigation-size) / 44 * 27);
        height: var(--swiper-navigation-size);
        margin-top: calc(0px - var(--swiper-navigation-size) / 2);
        z-index: 10;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--swiper-navigation-color, var(--swiper-theme-color));
      }

      .swiper-button-next.swiper-button-disabled,
      .swiper-button-prev.swiper-button-disabled {
        opacity: 0.35;
        cursor: auto;
        pointer-events: none;
      }

      .swiper-button-next.swiper-button-hidden,
      .swiper-button-prev.swiper-button-hidden {
        opacity: 0;
        cursor: auto;
        pointer-events: none;
      }

      .swiper-navigation-disabled .swiper-button-next,
      .swiper-navigation-disabled .swiper-button-prev {
        display: none !important;
      }

      .swiper-button-next svg,
      .swiper-button-prev svg {
        width: 100%;
        height: 100%;
        object-fit: contain;
        transform-origin: center;
      }

      .swiper-rtl .swiper-button-next svg,
      .swiper-rtl .swiper-button-prev svg {
        transform: rotate(180deg);
      }

      .swiper-button-prev,
      .swiper-rtl .swiper-button-next {
        left: var(--swiper-navigation-sides-offset, 10px);
        right: auto;
      }

      .swiper-button-next,
      .swiper-rtl .swiper-button-prev {
        right: var(--swiper-navigation-sides-offset, 10px);
        left: auto;
      }

      .swiper-button-lock {
        display: none;
      }

      .swiper-button-next:after,
      .swiper-button-prev:after {
        font-family: swiper-icons;
        font-size: var(--swiper-navigation-size);
        text-transform: none !important;
        letter-spacing: 0;
        font-variant: initial;
        line-height: 1;
      }

      .swiper-button-prev:after,
      .swiper-rtl .swiper-button-next:after {
        content: "prev";
      }

      .swiper-button-next,
      .swiper-rtl .swiper-button-prev {
        right: var(--swiper-navigation-sides-offset, 10px);
        left: auto;
      }

      .swiper-button-next:after,
      .swiper-rtl .swiper-button-prev:after {
        content: "next";
      }

      .swiper-pagination {
        position: absolute;
        text-align: center;
        transition: 0.3s opacity;
        transform: translate3d(0, 0, 0);
        z-index: 10;
      }

      .swiper-pagination.swiper-pagination-hidden {
        opacity: 0;
      }

      .swiper-pagination-disabled > .swiper-pagination,
      .swiper-pagination.swiper-pagination-disabled {
        display: none !important;
      }

      .swiper-horizontal > .swiper-pagination-bullets,
      .swiper-pagination-bullets.swiper-pagination-horizontal,
      .swiper-pagination-custom,
      .swiper-pagination-fraction {
        bottom: var(--swiper-pagination-bottom, 8px);
        top: var(--swiper-pagination-top, auto);
        left: 0;
        width: 100%;
      }

      .swiper-pagination-bullets-dynamic {
        overflow: hidden;
        font-size: 0;
      }

      .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        transform: scale(0.33);
        position: relative;
      }

      .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
        transform: scale(1);
      }

      .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
        transform: scale(1);
      }

      .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
        transform: scale(0.66);
      }

      .swiper-pagination-bullets-dynamic
        .swiper-pagination-bullet-active-prev-prev {
        transform: scale(0.33);
      }

      .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
        transform: scale(0.66);
      }

      .swiper-pagination-bullets-dynamic
        .swiper-pagination-bullet-active-next-next {
        transform: scale(0.33);
      }

      .swiper-pagination-bullet {
        width: var(
          --swiper-pagination-bullet-width,
          var(--swiper-pagination-bullet-size, 8px)
        );
        height: var(
          --swiper-pagination-bullet-height,
          var(--swiper-pagination-bullet-size, 8px)
        );
        display: inline-block;
        border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
        background: var(--swiper-pagination-bullet-inactive-color, #000);
        opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
      }

      button.swiper-pagination-bullet {
        border: none;
        margin: 0;
        padding: 0;
        box-shadow: none;
        -webkit-appearance: none;
        appearance: none;
      }

      .swiper-pagination-clickable .swiper-pagination-bullet {
        cursor: pointer;
      }

      .swiper-pagination-bullet:only-child {
        display: none !important;
      }

      .swiper-pagination-bullet-active {
        opacity: var(--swiper-pagination-bullet-opacity, 1);
        background: var(--swiper-pagination-color, var(--swiper-theme-color));
      }

      .swiper-pagination-vertical.swiper-pagination-bullets,
      .swiper-vertical > .swiper-pagination-bullets {
        right: var(--swiper-pagination-right, 8px);
        left: var(--swiper-pagination-left, auto);
        top: 50%;
        transform: translate3d(0px, -50%, 0);
      }

      .swiper-pagination-vertical.swiper-pagination-bullets
        .swiper-pagination-bullet,
      .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
        display: block;
      }

      .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
      .swiper-vertical
        > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        top: 50%;
        transform: translateY(-50%);
        width: 8px;
      }

      .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
        .swiper-pagination-bullet,
      .swiper-vertical
        > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
        .swiper-pagination-bullet {
        display: inline-block;
        transition:
          0.2s transform,
          0.2s top;
      }

      .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
      .swiper-pagination-horizontal.swiper-pagination-bullets
        .swiper-pagination-bullet {
        margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
      }

      .swiper-horizontal
        > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
      .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        left: 50%;
        transform: translateX(-50%);
        white-space: nowrap;
      }

      .swiper-horizontal
        > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
        .swiper-pagination-bullet,
      .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
        .swiper-pagination-bullet {
        transition:
          0.2s transform,
          0.2s left;
      }

      .swiper-horizontal.swiper-rtl
        > .swiper-pagination-bullets-dynamic
        .swiper-pagination-bullet {
        transition:
          0.2s transform,
          0.2s right;
      }

      .swiper-pagination-fraction {
        color: var(--swiper-pagination-fraction-color, inherit);
      }

      .swiper-pagination-progressbar {
        background: var(
          --swiper-pagination-progressbar-bg-color,
          rgba(0, 0, 0, 0.25)
        );
        position: absolute;
      }

      .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        background: var(--swiper-pagination-color, var(--swiper-theme-color));
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        transform: scale(0);
        transform-origin: left top;
      }

      .swiper-rtl
        .swiper-pagination-progressbar
        .swiper-pagination-progressbar-fill {
        transform-origin: right top;
      }

      .swiper-horizontal > .swiper-pagination-progressbar,
      .swiper-pagination-progressbar.swiper-pagination-horizontal,
      .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
      .swiper-vertical
        > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
        width: 100%;
        height: var(--swiper-pagination-progressbar-size, 4px);
        left: 0;
        top: 0;
      }

      .swiper-horizontal
        > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
      .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
      .swiper-pagination-progressbar.swiper-pagination-vertical,
      .swiper-vertical > .swiper-pagination-progressbar {
        width: var(--swiper-pagination-progressbar-size, 4px);
        height: 100%;
        left: 0;
        top: 0;
      }

      .swiper-pagination-lock {
        display: none;
      }

      .swiper-scrollbar {
        border-radius: var(--swiper-scrollbar-border-radius, 10px);
        position: relative;
        touch-action: none;
        background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
      }

      .swiper-scrollbar-disabled > .swiper-scrollbar,
      .swiper-scrollbar.swiper-scrollbar-disabled {
        display: none !important;
      }

      .swiper-horizontal > .swiper-scrollbar,
      .swiper-scrollbar.swiper-scrollbar-horizontal {
        position: absolute;
        left: var(--swiper-scrollbar-sides-offset, 1%);
        bottom: var(--swiper-scrollbar-bottom, 4px);
        top: var(--swiper-scrollbar-top, auto);
        z-index: 50;
        height: var(--swiper-scrollbar-size, 4px);
        width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
      }

      .swiper-scrollbar.swiper-scrollbar-vertical,
      .swiper-vertical > .swiper-scrollbar {
        position: absolute;
        left: var(--swiper-scrollbar-left, auto);
        right: var(--swiper-scrollbar-right, 4px);
        top: var(--swiper-scrollbar-sides-offset, 1%);
        z-index: 50;
        width: var(--swiper-scrollbar-size, 4px);
        height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
      }

      .swiper-scrollbar-drag {
        height: 100%;
        width: 100%;
        position: relative;
        background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
        border-radius: var(--swiper-scrollbar-border-radius, 10px);
        left: 0;
        top: 0;
      }

      .swiper-scrollbar-cursor-drag {
        cursor: move;
      }

      .swiper-scrollbar-lock {
        display: none;
      }

      .swiper-zoom-container {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
      }

      .swiper-zoom-container > canvas,
      .swiper-zoom-container > img,
      .swiper-zoom-container > svg {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
      }

      .swiper-slide-zoomed {
        cursor: move;
        touch-action: none;
      }

      .swiper .swiper-notification {
        position: absolute;
        left: 0;
        top: 0;
        pointer-events: none;
        opacity: 0;
        z-index: -1000;
      }

      .swiper-free-mode > .swiper-wrapper {
        transition-timing-function: ease-out;
        margin: 0 auto;
      }

      .swiper-grid > .swiper-wrapper {
        flex-wrap: wrap;
      }

      .swiper-grid-column > .swiper-wrapper {
        flex-wrap: wrap;
        flex-direction: column;
      }

      .swiper-fade.swiper-free-mode .swiper-slide {
        transition-timing-function: ease-out;
      }

      .swiper-fade .swiper-slide {
        pointer-events: none;
        transition-property: opacity;
      }

      .swiper-fade .swiper-slide .swiper-slide {
        pointer-events: none;
      }

      .swiper-fade .swiper-slide-active {
        pointer-events: auto;
      }

      .swiper-fade .swiper-slide-active .swiper-slide-active {
        pointer-events: auto;
      }

      .swiper-cube {
        overflow: visible;
      }

      .swiper-cube .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1;
        visibility: hidden;
        transform-origin: 0 0;
        width: 100%;
        height: 100%;
      }

      .swiper-cube .swiper-slide .swiper-slide {
        pointer-events: none;
      }

      .swiper-cube.swiper-rtl .swiper-slide {
        transform-origin: 100% 0;
      }

      .swiper-cube .swiper-slide-active,
      .swiper-cube .swiper-slide-active .swiper-slide-active {
        pointer-events: auto;
      }

      .swiper-cube .swiper-slide-active,
      .swiper-cube .swiper-slide-next,
      .swiper-cube .swiper-slide-prev {
        pointer-events: auto;
        visibility: visible;
      }

      .swiper-cube .swiper-cube-shadow {
        position: absolute;
        left: 0;
        bottom: 0px;
        width: 100%;
        height: 100%;
        opacity: 0.6;
        z-index: 0;
      }

      .swiper-cube .swiper-cube-shadow:before {
        content: "";
        background: #000;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        filter: blur(50px);
      }

      .swiper-cube .swiper-slide-next + .swiper-slide {
        pointer-events: auto;
        visibility: visible;
      }

      .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
      .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
      .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
      .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
      }

      .swiper-flip {
        overflow: visible;
      }

      .swiper-flip .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1;
      }

      .swiper-flip .swiper-slide .swiper-slide {
        pointer-events: none;
      }

      .swiper-flip .swiper-slide-active,
      .swiper-flip .swiper-slide-active .swiper-slide-active {
        pointer-events: auto;
      }

      .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
      .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
      .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
      .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
      }

      .swiper-creative .swiper-slide {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        overflow: hidden;
        transition-property: transform, opacity, height;
      }

      .swiper-cards {
        overflow: visible;
      }

      .swiper-cards .swiper-slide {
        transform-origin: center bottom;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        overflow: hidden;
      }

      header .menu-wraper {
        cursor: pointer;
        position: relative;
      }

      header .menu-wraper .explore-btn {
        border: none;
        background: none;
        padding: 25px 20px 25px 0px;
        font-family: "poppinssemibold";
        position: relative;
        display: flex;
        align-items: center;
      }

      header .menu-wraper .explore-btn:after {
        content: "";
        font-family: "Font Awesome 6 Free";
        font-size: 14px;
        color: #999 !important;
        transform: none;
        display: inline-block;
        vertical-align: middle;
        position: absolute;
        right: 0;
        border: none;
        line-height: 3px;
        width: 10px;
        margin-left: 5px;
      }

      header .menu-wraper:hover > .menu-content {
        opacity: 1;
        visibility: visible;
        margin-top: 0;
      }

      header .menu-content {
        background: #eee;
        opacity: 0;
        border: 1px solid #eee;
        visibility: hidden;
        position: absolute;
        top: 100%;
        left: 0;
        margin-top: 10px;
        transition: 0.5s;
      }

      @media screen and (max-width: 1366px) {
        header .menu-content {
          left: -120px;
        }
      }

      header .menu-content ul {
        list-style: none;
        padding: 0;
        margin: 0;
        overflow: auto;
        height: 100%;
      }

      header .menu-content ul::-webkit-scrollbar {
        width: 3px;
      }

      header .menu-content ul::-webkit-scrollbar-track {
        background: #ccc;
      }

      header .menu-content ul::-webkit-scrollbar-thumb {
        background: #666;
      }

      header .menu-content ul::-webkit-scrollbar-thumb:hover {
        background: #666;
      }

      header .menu-content ul li {
        padding: 0;
        margin: 0;
        border-bottom: 1px solid #eee;
      }

      header .menu-content ul li a {
        width: 100%;
        display: block;
        text-decoration: none;
        font-size: 12px;
        color: #151515;
        font-family: Poppins, sans-serif;
        padding: 10px 0 10px 15px;
      }

      header .menu-content ul li span {
        width: 40px;
        display: block;
        height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #999;
        font-size: 13px;
      }

      header .menu-content ul li:last-child {
        border-bottom: none;
      }

      header .menu-content ul.main-category {
        width: 265px;
        background: #fff;
        max-height: 75vh;
        overflow: auto;
      }

      header .menu-content ul.main-category > ul {
        max-height: 75vh;
        overflow: auto;
      }

      header .menu-content ul.main-category > li > a {
        font-family: "poppinssemibold";
        position: relative;
        padding-left: 35px;
      }

      header .menu-content ul.main-category > li > a i {
        color: #151515;
        transition: 0.5s;
      }

      header .menu-content ul.main-category > li > a > i {
        min-width: 15px;
        text-align: center;
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
      }

      header .menu-content ul.main-category > li:hover,
      header .menu-content ul.main-category > li.active {
        background: #f7b808;
      }

      header .menu-content ul.main-category > li:hover > a,
      header .menu-content ul.main-category > li.active > a {
        color: #151515;
      }

      header .menu-content ul.main-category > li:hover > a i,
      header .menu-content ul.main-category > li.active > a i {
        color: #151515;
      }

      @media screen and (max-width: 1366px) {
        header .menu-content ul.main-category {
          width: 245px;
        }
      }

      header .menu-content ul.main-category.brands > li > a {
        font-family: "poppinssemibold";
        position: relative;
        padding-left: 10px !important;
      }

      header .menu-content ul.main-category.brands > li:hover,
      header .menu-content ul.main-category.brands > li.active {
        background: #f7b808;
      }

      header .menu-content ul.main-category.brands > li:hover > a,
      header .menu-content ul.main-category.brands > li.active > a {
        color: #151515;
      }

      header .menu-content ul.main-category.brands > li:hover > a i,
      header .menu-content ul.main-category.brands > li.active > a i {
        color: #151515;
      }

      header .menu-content ul.main-category.brands > li:hover .brands-submenu,
      header .menu-content ul.main-category.brands > li.active .brands-submenu {
        opacity: 1;
        visibility: visible;
        margin-left: 0;
      }

      header .menu-content ul.main-category.brands > li .fas.fa-chevron-down {
        transform: rotate(270deg);
      }

      header .menu-content .submenu {
        width: auto;
        min-width: 180px;
        position: absolute;
        left: 100%;
        top: 0;
        opacity: 0;
        visibility: hidden;
        margin-left: 10px;
        transition: 0.5s;
        background: #fff;
        border-left: 1px solid #eee;
        border-right: 1px solid #eee;
        border-bottom: 1px solid #eee;
        height: 100%;
      }

      header .menu-content .submenu li a {
        font-size: 12px !important;
        font-family: "poppinsregular";
      }

      header .menu-content .submenu li a:hover {
        font-family: "poppinsmedium";
      }

      header .menu-content .submenu li span {
        font-size: 12px;
      }

      header .menu-content .submenu li:hover {
        background: #fff;
      }

      @media screen and (max-width: 1580px) {
        header .menu-content .submenu {
          min-width: 160px;
        }
      }

      @media screen and (max-width: 1400px) {
        header .menu-content .submenu {
          min-width: 140px;
        }
      }

      @media screen and (max-width: 1366px) {
        header .menu-content .submenu {
          margin-left: 0px;
        }
      }

      header .menu-content .brands-submenu {
        min-width: 400px;
      }

      header .menu-content .brands-submenu .heading {
        white-space: nowrap;
        font-size: 14px;
        font-family: "poppinssemibold";
        padding: 9px 10px;
        border-bottom: solid 1px #eee;
        cursor: auto;
      }

      header .menu-content .brands-submenu ul {
        max-height: calc(100% - 40px);
      }

      header .menu-content li.has-child-menu {
        width: 100%;
        display: flex;
        cursor: pointer;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid #eee;
      }

      header .menu-content li.has-child-menu a {
        display: block;
        width: 100%;
        position: relative;
        font-size: 12px;
        padding: 10px;
      }

      header .menu-content li.has-child-menu:hover > .submenu,
      header .menu-content li.has-child-menu.active > .submenu {
        opacity: 1;
        visibility: visible;
        margin-left: 0;
      }

      header .menu-content li.has-child-menu:hover > span,
      header .menu-content li.has-child-menu.active > span {
        color: #151515;
      }

      header .menu-content li.has-child-menu:hover {
        background: #f7b808;
        font-family: "poppinssemibold";
      }

      header .menu-content li.has-child-menu:last-child {
        border-bottom: 0px;
      }

      .table {
        --bs-table-color: var(--bs-body-color);
        --bs-table-bg: transparent;
        --bs-table-border-color: var(--bs-border-color);
        --bs-table-accent-bg: transparent;
        --bs-table-striped-color: var(--bs-body-color);
        --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
        --bs-table-active-color: var(--bs-body-color);
        --bs-table-active-bg: rgba(0, 0, 0, 0.1);
        --bs-table-hover-color: var(--bs-body-color);
        --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
        width: 100%;
        margin-bottom: 1rem;
        color: var(--bs-table-color);
        vertical-align: top;
        border-color: var(--bs-table-border-color);
      }

      .table > :not(caption) > * > * {
        padding: 0.5rem 0.5rem;
        background-color: var(--bs-table-bg);
        border-bottom-width: 1px;
        box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
      }

      .table > tbody {
        vertical-align: inherit;
      }

      .table > thead {
        vertical-align: bottom;
      }

      .table-group-divider {
        border-top: 2px solid currentcolor;
      }

      .caption-top {
        caption-side: top;
      }

      .table-sm > :not(caption) > * > * {
        padding: 0.25rem 0.25rem;
      }

      .table-bordered > :not(caption) > * {
        border-width: 1px 0;
      }

      .table-bordered > :not(caption) > * > * {
        border-width: 0 1px;
      }

      .table-borderless > :not(caption) > * > * {
        border-bottom-width: 0;
      }

      .table-borderless > :not(:first-child) {
        border-top-width: 0;
      }

      .table-striped > tbody > tr:nth-of-type(odd) > * {
        --bs-table-accent-bg: var(--bs-table-striped-bg);
        color: var(--bs-table-striped-color);
      }

      .table-striped-columns > :not(caption) > tr > :nth-child(even) {
        --bs-table-accent-bg: var(--bs-table-striped-bg);
        color: var(--bs-table-striped-color);
      }

      .table-active {
        --bs-table-accent-bg: var(--bs-table-active-bg);
        color: var(--bs-table-active-color);
      }

      .table-hover > tbody > tr:hover > * {
        --bs-table-accent-bg: var(--bs-table-hover-bg);
        color: var(--bs-table-hover-color);
      }

      .table-primary {
        --bs-table-color: #000;
        --bs-table-bg: rgb(206.6, 226, 254.6);
        --bs-table-border-color: rgb(185.94, 203.4, 229.14);
        --bs-table-striped-bg: rgb(196.27, 214.7, 241.87);
        --bs-table-striped-color: #000;
        --bs-table-active-bg: rgb(185.94, 203.4, 229.14);
        --bs-table-active-color: #000;
        --bs-table-hover-bg: rgb(191.105, 209.05, 235.505);
        --bs-table-hover-color: #000;
        color: var(--bs-table-color);
        border-color: var(--bs-table-border-color);
      }

      .table-secondary {
        --bs-table-color: #000;
        --bs-table-bg: rgb(225.6, 227.4, 229);
        --bs-table-border-color: rgb(203.04, 204.66, 206.1);
        --bs-table-striped-bg: rgb(214.32, 216.03, 217.55);
        --bs-table-striped-color: #000;
        --bs-table-active-bg: rgb(203.04, 204.66, 206.1);
        --bs-table-active-color: #000;
        --bs-table-hover-bg: rgb(208.68, 210.345, 211.825);
        --bs-table-hover-color: #000;
        color: var(--bs-table-color);
        border-color: var(--bs-table-border-color);
      }

      .table-success {
        --bs-table-color: #000;
        --bs-table-bg: rgb(209, 231, 220.8);
        --bs-table-border-color: rgb(188.1, 207.9, 198.72);
        --bs-table-striped-bg: rgb(198.55, 219.45, 209.76);
        --bs-table-striped-color: #000;
        --bs-table-active-bg: rgb(188.1, 207.9, 198.72);
        --bs-table-active-color: #000;
        --bs-table-hover-bg: rgb(193.325, 213.675, 204.24);
        --bs-table-hover-color: #000;
        color: var(--bs-table-color);
        border-color: var(--bs-table-border-color);
      }

      .table-info {
        --bs-table-color: #000;
        --bs-table-bg: rgb(206.6, 244.4, 252);
        --bs-table-border-color: rgb(185.94, 219.96, 226.8);
        --bs-table-striped-bg: rgb(196.27, 232.18, 239.4);
        --bs-table-striped-color: #000;
        --bs-table-active-bg: rgb(185.94, 219.96, 226.8);
        --bs-table-active-color: #000;
        --bs-table-hover-bg: rgb(191.105, 226.07, 233.1);
        --bs-table-hover-color: #000;
        color: var(--bs-table-color);
        border-color: var(--bs-table-border-color);
      }

      .table-warning {
        --bs-table-color: #000;
        --bs-table-bg: rgb(255, 242.6, 205.4);
        --bs-table-border-color: rgb(229.5, 218.34, 184.86);
        --bs-table-striped-bg: rgb(242.25, 230.47, 195.13);
        --bs-table-striped-color: #000;
        --bs-table-active-bg: rgb(229.5, 218.34, 184.86);
        --bs-table-active-color: #000;
        --bs-table-hover-bg: rgb(235.875, 224.405, 189.995);
        --bs-table-hover-color: #000;
        color: var(--bs-table-color);
        border-color: var(--bs-table-border-color);
      }

      .table-danger {
        --bs-table-color: #000;
        --bs-table-bg: rgb(248, 214.6, 217.8);
        --bs-table-border-color: rgb(223.2, 193.14, 196.02);
        --bs-table-striped-bg: rgb(235.6, 203.87, 206.91);
        --bs-table-striped-color: #000;
        --bs-table-active-bg: rgb(223.2, 193.14, 196.02);
        --bs-table-active-color: #000;
        --bs-table-hover-bg: rgb(229.4, 198.505, 201.465);
        --bs-table-hover-color: #000;
        color: var(--bs-table-color);
        border-color: var(--bs-table-border-color);
      }

      .table-light {
        --bs-table-color: #000;
        --bs-table-bg: #f8f9fa;
        --bs-table-border-color: rgb(223.2, 224.1, 225);
        --bs-table-striped-bg: rgb(235.6, 236.55, 237.5);
        --bs-table-striped-color: #000;
        --bs-table-active-bg: rgb(223.2, 224.1, 225);
        --bs-table-active-color: #000;
        --bs-table-hover-bg: rgb(229.4, 230.325, 231.25);
        --bs-table-hover-color: #000;
        color: var(--bs-table-color);
        border-color: var(--bs-table-border-color);
      }

      .table-dark {
        --bs-table-color: #fff;
        --bs-table-bg: #212529;
        --bs-table-border-color: rgb(55.2, 58.8, 62.4);
        --bs-table-striped-bg: rgb(44.1, 47.9, 51.7);
        --bs-table-striped-color: #fff;
        --bs-table-active-bg: rgb(55.2, 58.8, 62.4);
        --bs-table-active-color: #fff;
        --bs-table-hover-bg: rgb(49.65, 53.35, 57.05);
        --bs-table-hover-color: #fff;
        color: var(--bs-table-color);
        border-color: var(--bs-table-border-color);
      }

      .table-responsive {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
      }

      @media (max-width: 575.98px) {
        .table-responsive-sm {
          overflow-x: auto;
          -webkit-overflow-scrolling: touch;
        }
      }

      @media (max-width: 767.98px) {
        .table-responsive-md {
          overflow-x: auto;
          -webkit-overflow-scrolling: touch;
        }
      }

      @media (max-width: 991.98px) {
        .table-responsive-lg {
          overflow-x: auto;
          -webkit-overflow-scrolling: touch;
        }
      }

      @media (max-width: 1199.98px) {
        .table-responsive-xl {
          overflow-x: auto;
          -webkit-overflow-scrolling: touch;
        }
      }

      @media (max-width: 1399.98px) {
        .table-responsive-xxl {
          overflow-x: auto;
          -webkit-overflow-scrolling: touch;
        }
      }

      .breadcrumb {
        background: #fff !important;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 4px !important;
        padding-bottom: 4px !important;
        width: 100%;
        border-bottom: solid 1px #eee;
        margin-bottom: 0px;
        margin: 0px auto;
        display: block !important;
      }

      .breadcrumb .container {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .breadcrumb .container .breadcrumb-item {
        display: inline;
        position: relative;
      }

      .breadcrumb .container .breadcrumb-item a,
      .breadcrumb .container .breadcrumb-item span {
        color: #151515;
        font-family: "poppinsmedium";
        font-size: 13px;
        line-height: normal;
      }

      .breadcrumb .container .breadcrumb-item:first-child {
        padding-right: 0px;
      }

      .breadcrumb .container .breadcrumb-item:last-child a {
        cursor: default;
      }

      .breadcrumb .container .sptr {
        color: #151515;
        font-family: "poppinsmedium";
        font-size: 10px;
        display: inline-block;
        line-height: normal;
        margin-right: 0;
      }

      .breadcrumb-item + .breadcrumb-item::before {
        display: none;
      }

      @media screen and (max-width: 1400px) {
        .empty-popup-img {
          margin: 20px 0px !important;
        }
      }

      @media screen and (max-width: 1400px) {
        .empty-popup-img img {
          max-height: 280px;
        }
      }

      .buy-from {
        align-items: center;
        display: flex;
        margin-bottom: 10px;
        padding: 5px 10px;
        font-size: 14px;
        background: #f3f3f3;
        border-bottom: none;
        border-radius: 5px;
      }

      .buy-from .buy {
        display: flex;
        font-family: "poppinsmedium", sans-serif;
        align-items: center;
      }

      .buy-from .buy .buy-from-img {
        width: 20px;
        height: 13px;
        overflow: hidden;
        display: flex;
        align-items: center;
        border-radius: 2px;
        margin-right: 6px;
      }

      .buy-from .icon {
        margin: 0 20px;
      }

      .from .buy-from-img {
        margin-right: 0;
        margin-left: 6px;
      }

      .from .buy-from-country {
        font-family: "poppinsbold", sans-serif;
      }

      .buy-from-img img {
        max-width: 100%;
      }

      .mini-cart-wrap {
        height: 100vh;
        background-color: #fff;
        position: fixed;
        max-width: 500px;
        width: 100%;
        top: 0;
        padding: 0px;
        right: -500px !important;
        z-index: 9822;
        padding-bottom: 150px;
        -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
        box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
        display: inline-block;
        flex-wrap: inherit;
        align-items: normal;
        padding-top: 0px;
        transition: all 0.3s ease 0s;
      }

      .mini-cart-wrap.open {
        right: 0 !important;
        display: block !important;
      }

      .mini-cart-wrap button {
        border: none;
      }

      .mini-cart-wrap .mini-cart-top {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        border-bottom: solid 1px #eee;
        padding: 10px 20px;
      }

      .mini-cart-wrap .view-vehicle-detail {
        padding: 1px 10px;
        background: #f7b808;
        border-radius: 100px;
        color: #fff;
        margin-top: 10px;
        white-space: nowrap;
        display: inline-block;
      }

      .mini-cart-wrap .nicescroll-rails {
        display: none;
      }

      .mini-cart-wrap .mini-cart-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px;
        margin-bottom: 0px;
        background: #eee;
        position: relative;
      }

      .mini-cart-wrap .product-row {
        display: flex;
      }

      .mini-cart-wrap .product-row .product-detail {
        width: 100%;
      }

      .mini-cart-wrap .product-row .product-title {
        font-size: 14px;
        color: #151515;
        font-family: "poppinssemibold", sans-serif;
        word-break: break-word;
        display: flex;
        margin-right: 20px;
        justify-content: space-between;
        width: 100%;
        margin-bottom: 5px;
      }

      .mini-cart-wrap .product-row .product-title a {
        font-size: 14px;
        color: #151515;
        font-family: "poppinssemibold", sans-serif;
        word-break: break-word;
        display: flex;
        margin-right: 20px;
      }

      .mini-cart-wrap .product-row .btn-icon {
        width: 25px;
        height: 25px;
      }

      .mini-cart-wrap .product-row .btn-icon:hover {
        background: #f7b808;
        color: #fff;
      }

      .mini-cart-wrap .product-row .description-variant ul {
        list-style: none;
        width: 100%;
        padding: 0px;
        margin: 0px;
      }

      .mini-cart-wrap .product-row .description-variant ul li {
        margin: 7px 0px 0px;
        font-size: 12px;
        font-family: "poppinsmedium", sans-serif;
        color: #151515;
        width: 100%;
        margin: 0px;
        padding: 0px;
        float: left;
        margin-bottom: 5px;
      }

      .mini-cart-wrap
        .product-row
        .description-variant
        ul
        li
        .deal-expire
        .limited-time-deal {
        border: 1px solid red;
        display: inline-block;
        padding: 5px 10px;
        letter-spacing: 1px;
        color: red;
        font-family: "poppinsmedium", sans-serif;
        border-radius: 5px;
        font-size: 13px;
        font-weight: initial;
      }

      .mini-cart-wrap .product-row .description-variant strong {
        font-family: "poppinssemibold", sans-serif;
        margin-right: 10px;
        display: inline-block;
        text-transform: capitalize;
      }

      .mini-cart-wrap .product-row .description-variant .value {
        color: #999;
        font-family: "poppinsmedium", sans-serif;
      }

      .mini-cart-wrap .btn-icon {
        border-radius: 100%;
        width: 35px;
        height: 35px;
        display: flex;
        justify-content: center;
        align-items: center;
        display: block;
        padding: 0px;
      }

      .mini-cart-wrap .btn-icon i {
        font-family: "poppinsblack", sans-serif;
      }

      .mini-cart-wrap .btn-icon.btn-pri:focus i {
        color: #fff;
      }

      .mini-cart-wrap .add-to-wishlist {
        z-index: 2;
        position: absolute;
        right: 2px;
        top: 2px;
        border-radius: 100%;
        width: 20px;
        height: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #ccc;
        display: block;
        color: #fff;
        cursor: pointer;
      }

      .mini-cart-wrap .add-to-wishlist i {
        font-size: 10px;
        margin: 0px;
      }

      .mini-cart-wrap .mini-cart-bottom {
        position: absolute;
        bottom: 0px;
        left: 0;
        width: 100%;
        background-color: #fff;
        padding: 10px 20px 20px;
        border-top: solid 1px #eee;
        z-index: 5;
      }

      .mini-cart-wrap .mini-cart-bottom .btn-light {
        font-size: 14px;
        background: #eee;
        padding: 10px 5px;
      }

      .mini-cart-wrap .mini-cart-bottom .btn-primary {
        font-size: 14px;
        padding: 10px 5px;
      }

      .mini-cart-wrap .mini-cart-bottom .sub-total {
        margin-bottom: 10px;
        display: flex;
        justify-content: space-between;
        padding: 0px;
        font-size: 16px;
      }

      .mini-cart-wrap .mini-cart-bottom .sub-total strong {
        font-family: "poppinsbold", sans-serif !important;
      }

      .mini-cart-wrap .add-to-wishlist.btn-light.active {
        background: #ffebea;
      }

      .mini-cart-wrap .add-to-wishlist.btn-light.active i {
        color: #ff4439;
      }

      .mini-cart-wrap .add-to-wishlist.active {
        color: #ff4134;
        background-color: #ffebea;
      }

      .mini-cart-wrap #cart-popup-items.cart-popup-listing {
        position: initial;
        height: calc(100vh - 0px);
        width: 100%;
      }

      .mini-cart-wrap .cart-popup-inner {
        padding: 20px;
        height: calc(100vh - 150px);
        overflow: auto !important;
      }

      .mini-cart-wrap .product-detail {
        padding: 0px;
      }

      .mini-cart-wrap .description-variant {
        width: 100%;
        display: block;
        float: none;
      }

      .mini-cart-wrap .w-48 {
        width: 48%;
      }

      .mini-cart-wrap .price {
        line-height: 1;
        font-size: 14px;
        font-family: "poppinsbold", sans-serif;
        display: inline-block;
        width: 100%;
      }

      .mini-cart-wrap .price strong {
        text-transform: capitalize;
      }

      .mini-cart-wrap .price .value {
        font-family: "poppinssemibold", sans-serif;
      }

      .mini-cart-wrap .actions .add-to-wishlist {
        margin-right: 10px;
        margin-left: 0px;
      }

      .mini-cart-wrap .ucredit-available {
        background-image: url("../https://www.mabosbet.cc/images/Mask Group.png");
        background-repeat: no-repeat;
        background-size: 100%;
      }

      .mini-cart-wrap .content {
        margin-left: 0;
      }

      .mini-cart-wrap .sub-total {
        padding: 0px 20px;
      }

      span.arrow {
        margin-left: 4px;
        font-family: "poppinsmedium", sans-serif;
      }

      span.rotated {
        transform: rotate(90deg);
        display: inline-block;
      }

      .vehicles td {
        vertical-align: top;
        color: #999;
        font-size: 12px;
      }

      .vehicles span {
        white-space: nowrap;
      }

      .mini-cart-top h6 {
        font-size: 1rem;
        font-family: "poppinssemibold", sans-serif;
        margin-bottom: 0px;
      }

      .mini-cart-top button.close-cart {
        width: 25px;
        padding: 0px;
        border-radius: 100%;
        background-color: #151515;
        height: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        border: none;
      }

      .mini-cart-top button.close-cart i {
        margin: 0px;
        float: none;
        color: #fff;
      }

      .mini-cart-top button.close-cart:hover {
        background: #f7b808;
        color: #fff;
      }

      .custom-h6 {
        font-size: 1rem;
        font-family: "poppinssemibold", sans-serif;
        margin-bottom: 0px;
      }

      button.btn.btn-icon.btn-dark.close-cart:hover {
        background: #f7b808;
        color: #fff;
      }

      .product-row {
        display: flex;
        padding-top: 20px;
        margin-top: 20px;
        border-top: solid 1px #eee;
        width: 100%;
      }

      .product-row:first-child {
        padding-top: 0px;
        margin-top: 0px;
        border-top: none;
      }

      .product-row .product-img {
        min-width: 80px;
        min-height: 80px;
        width: 80px;
        height: 80px;
        display: flex;
        align-items: center;
        border-radius: 10px;
        border: solid 1px #eee;
        margin-right: 20px;
        text-align: center;
        box-sizing: content-box;
        position: relative;
        padding: 8px;
        justify-content: center;
      }

      .product-row .product-img a {
        height: 100%;
        width: 80px;
        display: block;
        border-radius: 10px;
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .product-row .product-img a img {
        height: auto;
        max-width: 100%;
        max-height: 100%;
        width: auto;
      }

      .product-row .product-img img {
        height: auto;
        max-width: 100%;
        max-height: 100%;
        width: auto;
      }

      .product-row .btn-icon {
        font-size: 14px;
        padding: 10px;
      }

      .cart-popup-listing .product-row .remove {
        height: 20px;
        min-width: 20px;
        padding: 0px;
        border-radius: 100%;
        background-color: #ccc;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        position: relative;
        right: 0px;
        top: 0px;
        border: none;
      }

      .cart-popup-listing .product-row .remove i {
        color: #151515;
        font-size: 10px;
      }

      .cart-popup-listing .product-row .remove:hover {
        background: #f7b808;
      }

      .cart-popup-listing .product-row .remove:hover i {
        color: #fff;
      }

      .deal-expire {
        color: red;
        font-family: "poppinssemibold", sans-serif;
      }

      .shipping-process {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        max-width: 600px;
        margin: 0px auto 0 0;
        background: #f8f8f8;
        border-radius: 10px 10px 0 0;
        padding: 5px 10px;
        border: 1px solid #ececec;
      }

      .shipping-process span {
        font-size: 12px;
        font-family: "poppinsregular", sans-serif;
        display: block;
      }

      .shipping-process small {
        font-size: 12px;
        font-family: "poppinsregular", sans-serif;
        display: block;
      }

      .shipping-process p {
        font-size: 14px;
        font-family: "poppinssemibold", sans-serif;
        line-height: 1;
        color: #000;
        margin: 3px 0 2px;
      }

      .shipping-process .white-space {
        white-space: nowrap;
      }

      .traveling-process {
        width: 45%;
        text-align: center;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0px 10px;
      }

      .traveling-process::before {
        content: "";
        border-bottom: 4px dotted #f7b808;
        width: 45%;
        display: inline-block;
      }

      .traveling-process::after {
        content: "";
        border-bottom: 4px dotted #999;
        width: 45%;
        z-index: 0;
        display: inline-block;
      }

      .traveling-process img {
        z-index: 5;
        margin: 0px 5px;
      }

      .country {
        white-space: nowrap;
      }

      .flag-icon img {
        width: auto;
        max-width: 24px;
        border-radius: 2px;
        border: 1px solid #ccc;
      }

      .flag-icon.mr-2 {
        margin-right: 0.5rem !important;
      }

      .store-shipping.store-shipping-checkout {
        margin-top: 0px;
      }

      @media screen and (max-width: 1024px) {
        .traveling-process::before {
          width: 100%;
        }

        .traveling-process::after {
          width: 100%;
        }

        .shipping-process p {
          font-size: 12px;
        }
      }

      @media screen and (max-width: 480px) {
        .shipping-process {
          padding: 5px 7px;
        }

        .shipping-process p {
          font-size: 12px;
          margin: 2px 0px 2px;
        }

        .ubuy-checkout .review-information p {
          margin-top: 2px;
        }

        .flag-icon img {
          max-width: 17px;
        }

        .traveling-process {
          width: 40%;
        }
      }

      @media screen and (max-width: 380px) {
        .country {
          white-space: normal;
        }

        .shipping-process small {
          white-space: nowrap;
        }
      }

      @media screen and (max-width: 350px) {
        .flag-icon img {
          max-width: 16px;
        }

        .traveling-process {
          width: 32%;
          display: inline-block;
        }

        .traveling-process::before {
          display: none;
        }

        .traveling-process::after {
          display: none;
        }

        .shipping-process {
          padding: 5px 7px;
        }
      }

      .cart-overlay {
        position: fixed;
        height: 100%;
        width: 100%;
        background: rgba(0, 0, 0, 0.5019607843);
        top: 0;
        left: 0;
        transition: all 0.2s ease;
        visibility: hidden;
        opacity: 0;
        z-index: 999;
      }

      .cart-overlay.visible {
        visibility: visible;
        opacity: 1 !important;
      }

      .delete-item-popup-v5 .card-body {
        padding: 1.5rem !important;
      }

      .delete-item-popup-v5 .card-body .product_title {
        text-align: left;
        font-family: "poppinsregular", sans-serif;
        font-size: 14px;
      }

      .delete-item-popup-v5 .card-body .btn-primary {
        border-color: #f7b808 !important;
      }

      .delete-item-popup-v5 .card-body .btn {
        padding: 8px 22px !important;
      }

      .delete-item-popup-v5 .card-body .mr-2 {
        margin-right: 0.5rem !important;
      }

      #ubuy-delete-confirm-modal .card-body h5.modal-title {
        font-family: "poppinssemibold", sans-serif;
      }

      body {
        background: #fff;
        font-family: "poppinssemibold", sans-serif;
      }

      .header-center .header-search-bar form .header-search-icon {
        min-height: 35px;
        min-width: 35px;
      }

      .header-center .header-search-bar form .header-search-icon.active i {
        color: #fff;
      }

      .container {
        max-width: 1680px;
      }

      a {
        text-decoration: none;
        color: #666;
      }

      a:hover {
        color: #333;
      }

      .sizechartmodal .modal-header .btn-close {
        margin: 0px !important;
      }

      .recommended-rating {
        font-style: italic;
        color: #666;
        font-family: "poppinsmedium", sans-serif;
      }

      .recommended-rating strong {
        color: green;
        font-size: 135%;
        font-style: normal;
        font-family: "poppinsbold", sans-serif;
      }

      .body-content .loader-spin-overlay.loading {
        z-index: 9999;
        background-color: rgba(0, 0, 0, 0) !important;
      }

      .strip-msgs {
        background: none;
        border: solid 1px #eee !important;
        border-radius: 10px;
        padding: 10px 15px 15px 15px !important;
        margin: 8px 0px 12px 0px;
        position: relative;
      }

      .strip-msgs p {
        margin: 0px !important;
      }

      .strip-msgs .PaymentMethodMessaging-logos {
        height: auto !important;
      }

      .strip-msgs .UnifiedMessage-logos img {
        height: 50px !important;
      }

      header .nav-link .show-cart-popup span.loading {
        position: absolute;
        right: -10px;
        top: 30px;
      }

      @media (-webkit-device-pixel-ratio: 1.25) {
        header .header-cart {
          padding-right: 10px !important;
        }

        header .header-cart .show-cart-popup span.loading {
          position: absolute;
          top: 30px;
          right: 0px;
        }

        header .header-cart .cart_count {
          right: 0 !important;
        }
      }

      button.disabled {
        display: none;
      }

      input:focus {
        border-color: inherit;
      }

      .recaptcha-error {
        font-family: "poppinsregular", sans-serif !important;
        font-size: 14px !important;
        color: #e00f0f !important;
      }

      .g-recaptcha {
        transform: scale(0.77);
        -webkit-transform: scale(0.77);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
      }

      .form-control:focus {
        border-color: inherit;
      }

      #ubuy-delete-confirm-modal .popup-item {
        align-items: flex-start;
      }

      #ubuy-delete-confirm-modal .popup-item img {
        max-width: 80px;
        max-height: 80px;
        border: 1px solid #e2e2e2;
        padding: 5px;
      }

      .prime-text.instock-items {
        font-size: 14px;
        margin-bottom: 10px;
      }

      .custom-checkbox label:after {
        margin: 0px 5px !important;
        line-height: 1 !important;
      }

      .recent-search ul {
        padding-left: 0px;
      }

      .recent-search .search-keywords li.heading {
        font-family: "poppinsbold", sans-serif;
      }

      .recent-search .search-keywords li a {
        font-family: "poppinsmedium", sans-serif;
      }

      input[type="number"]::-webkit-outer-spin-button,
      input[type="number"]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
      }

      input[type="number"] {
        appearance: textfield;
      }

      .internal-links {
        padding: 5px 0px !important;
        margin-bottom: 20px;
      }

      .internal-links a {
        padding: 5px 15px;
        font-size: 13px;
        color: #666;
        border: solid 1px #999;
        border-radius: 50px;
        display: inline-block;
        font-family: "poppinssemibold";
      }

      .internal-links .owl-stage {
        display: flex;
        white-space: nowrap;
      }

      .internal-links .owl-nav {
        margin: 0px;
      }

      .internal-links .owl-nav button {
        height: 35px;
        width: 45px;
        padding: 0px !important;
      }

      .internal-links .owl-nav button.owl-prev {
        left: 0 !important;
        border-radius: 0px !important;
        background: #fff !important;
        background: linear-gradient(
          -90deg,
          rgba(255, 255, 255, 0) 0%,
          rgb(255, 255, 255) 60%
        ) !important;
        border: none !important;
        display: flex;
        justify-content: start;
        align-items: center;
      }

      .internal-links .owl-nav button.owl-prev:before {
        content: "";
        font-family: "Font Awesome 6 Free";
        font-size: 16px;
        color: #151515;
        z-index: 10;
      }

      .internal-links .owl-nav button.owl-next {
        right: 0 !important;
        border-radius: 0px !important;
        background: #fff !important;
        background: linear-gradient(
          90deg,
          rgba(255, 255, 255, 0) 0%,
          rgb(255, 255, 255) 60%
        ) !important;
        border: none !important;
        display: flex;
        justify-content: end;
        align-items: center;
      }

      .internal-links .owl-nav button.owl-next:before {
        content: "";
        font-family: "Font Awesome 6 Free";
        font-size: 16px;
        color: #151515;
        z-index: 10;
      }

      .internal-links .owl-nav button.disabled {
        display: none !important;
      }

      .internal-links .owl-nav button span {
        font-size: 0;
      }

      .product-card {
        border: solid 1px #eee;
      }

      .loader-spin-overlay .span_spinner {
        position: fixed;
        min-height: 100vh;
        width: 100%;
        opacity: 1;
        z-index: 999;
        background: hsla(0, 0%, 100%, 0.6) !important;
        left: 0px;
        min-width: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .loader-spin-overlay .span_spinner i {
        font-size: 30px;
        color: #f7b808;
        position: relative;
        z-index: 10;
      }

      . {
        border-radius: 8px;
        position: relative;
        overflow: hidden;
        background: none !important;
        border: solid 1px rgba(0, 0, 0, 0) !important;
      }

      .::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 9;
        height: 100%;
        display: block;
        background: linear-gradient(
          to right,
          #eeeeee 25%,
          #dedede 50%,
          #eeeeee 75%
        );
        background-size: 200% 100%;
        animation: wavy 1.5s linear infinite;
      }

      @keyframes wavy {
        0% {
          background-position: 200% 0;
        }

        100% {
          background-position: -200% 0;
        }
      }

      .popup-messages .messages {
        z-index: 9910;
      }

      .loading {
        cursor: not-allowed !important;
        position: relative;
        background-color: #eee !important;
        color: #999 !important;
        min-height: 20px;
      }

      .loading span {
        opacity: 0.5;
        width: 100%;
        top: 0;
        height: 100%;
        display: block;
        background: #eee !important;
        margin: 0 auto;
        left: 0;
        color: #151515;
        right: 0;
        position: absolute;
        font-size: 16px;
        display: flex !important;
        align-items: center;
        justify-content: center;
      }

      .loading span i {
        animation: spin 6s linear infinite;
        animation-duration: 2.5s;
      }

      @keyframes spin {
        0% {
          transform: rotate(0deg);
        }

        100% {
          transform: rotate(360deg);
        }
      }

      .loading:hover {
        color: #999 !important;
      }

      .spinner {
        width: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .spinner i {
        animation: spin 6s linear infinite;
        animation-duration: 2.5s;
      }

      @keyframes spin {
        0% {
          transform: rotate(0deg);
        }

        100% {
          transform: rotate(360deg);
        }
      }

      .px-40 {
        padding: 0 40px;
      }

      .separator {
        color: #ccc;
      }

      .text-primary {
        color: #f7b808 !important;
      }

      .custom-tooltip {
        text-align: left;
      }

      .product-item {
        position: sticky;
        top: 90px;
      }

      .product-item .language-menu {
        margin-bottom: 10px;
      }

      .product-item .language-menu ul {
        padding: 0px;
        display: flex;
        margin: 0px;
      }

      .product-item .language-menu ul li a {
        margin-left: 4px;
      }

      .product-item .product-banner {
        border: 1px solid #eee;
        border-radius: 10px;
        padding: 25px;
        position: relative;
        cursor: pointer;
      }

      .product-item .product-banner .back {
        float: left;
        height: 30px;
        cursor: pointer;
        margin-right: 10px;
        width: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .product-item .product-banner .ubuy-authentic-seal {
        position: absolute;
        bottom: 20px;
        width: 60px;
      }

      @media (min-width: 992px) and (max-width: 1400px) {
        .product-item .product-banner .ubuy-authentic-seal {
          bottom: 10px;
        }
      }

      .product-item .product-banner .ubuy-authentic-seal img {
        width: 100%;
      }

      .product-item .product-banner .badge {
        font-size: 12px;
        background: #ffde92;
        color: #151515;
        font-family: "poppinssemibold", sans-serif;
        text-transform: uppercase;
        border-radius: 5px;
        border: 1px solid #f7b808;
        display: inline-block;
        padding: 6px 10px;
      }

      .product-item .product-banner .wishlist-icon {
        width: 32px;
        height: 32px;
        background: #eee;
        border-radius: 100%;
        display: grid;
        place-items: center;
        transition: all 0.3s ease-in-out;
      }

      .product-item .product-banner .wishlist-icon .fa-heart {
        font-size: 14px;
        color: #fff;
      }

      .product-item .product-banner .wishlist-icon:hover .fa-heart {
        color: #e00f0f;
      }

      .product-item .product-banner .wishlist-icon.active {
        background: rgba(224, 15, 15, 0.3137254902);
      }

      .product-item .product-banner .wishlist-icon.active i {
        color: #e00f0f;
      }

      .product-item .product-banner .social-icon {
        list-style: none;
        margin: 0;
        padding: 0;
      }

      .product-item .product-banner .social-icon li {
        height: 40px;
        width: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .product-item .product-banner .social-icon .fa-brands {
        line-height: 1;
        font-size: 20px;
      }

      .product-item .thumbnail-container {
        margin-top: 20px;
        margin-bottom: 40px;
      }

      .product-item .thumbnail-container .thumbnail {
        border-radius: 10px;
        border: solid 1px #eee;
        width: 100%;
        padding: 10px;
        height: 100px;
        display: flex;
        margin: auto;
        align-items: center;
        justify-content: center;
        cursor: pointer;
      }

      .product-item .thumbnail-container .thumbnail img {
        max-height: 90%;
        max-width: 90%;
        width: auto;
        height: auto;
      }

      .product-item .thumbnail-container .thumbnail.video::before {
        content: "";
        margin: 0px;
        height: 100%;
        width: 100%;
        border-radius: 10px;
        background: rgba(0, 0, 0, 0.2509803922);
        position: absolute;
        left: 0;
        top: 0;
        z-index: 9;
        right: 0;
        margin: auto;
      }

      .product-item .thumbnail-container .thumbnail.video::after {
        content: "";
        font-family: "Font Awesome 6 Free";
        top: 50%;
        transform: translate(-50%, -50%);
        left: 50%;
        font-size: 16px;
        position: absolute;
        color: #fff;
        z-index: 10;
        width: fit-content;
        margin: auto;
      }

      .product-item .thumbnail-container .thumbnail .product-thumbnail-slider {
        padding: 0px 2px;
      }

      .review-nologged {
        color: #666;
        margin-bottom: 0px;
      }

      .review-nologged a {
        font-family: "poppinssemibold", sans-serif;
        color: #151515;
      }

      .uploaded-images-scroll ul {
        padding: 0px;
      }

      .uploaded-images-scroll ul li {
        margin-right: 10px;
      }

      .main-slider-container {
        height: 400px !important;
        width: 400px !important;
        margin: auto;
        overflow: hidden;
        position: relative;
        text-align: center;
        margin: 10px auto;
      }

      .main-slider-container .main-product-slider {
        display: flex;
        transition: transform 0.3s ease;
      }

      .main-slider-container .main-product-slider .slide-item {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        background: none;
        top: 0;
        height: 400px !important;
        min-width: 400px !important;
        margin: 0px auto;
        text-align: center;
      }

      .main-slider-container .main-product-slider .slide-item img {
        height: auto;
        width: auto;
        max-height: 400px !important;
        max-width: 400px !important;
        cursor: crosshair;
      }

      .main-slider-container .main-product-slider .slide-item video {
        height: auto;
        width: auto;
        max-height: 400px !important;
        max-width: 400px !important;
        cursor: pointer;
      }

      .main-slider-container
        .main-product-slider
        .slide-item
        .zoom-container
        .zoom-image {
        width: 100%;
        height: 100%;
        transition: transform 0.1s ease;
        transform-origin: top left;
      }

      .main-slider-container
        .main-product-slider
        .slide-item
        .zoom-container
        .zoom-lens {
        position: absolute;
        pointer-events: none;
        display: none;
      }

      .product-qoute {
        font-size: 15px;
        font-family: "poppinsmedium", sans-serif;
        line-height: 1.4;
        font-style: italic;
        color: #151515;
        position: relative;
        margin: 0;
        padding: 0 20px;
      }

      @media (min-width: 992px) and (max-width: 1400px) {
        .product-qoute {
          font-size: 14px;
          padding: 0 0 0 15px;
        }
      }

      .product-qoute::before {
        content: "";
        position: absolute;
        left: 0;
        width: 17px;
        height: 10px;
        background: url(https://www.mabosbet.cc/images/quotation.svg);
      }

      .product-qoute::after {
        content: "";
        position: absolute;
        left: auto;
        right: auto;
        margin-left: 3px;
        bottom: 0;
        transform: scale(-1);
        -webkit-transform: scale(-1);
        width: 17px;
        height: 10px;
        background: url(https://www.mabosbet.cc/images/quotation.svg);
      }

      .select-warranty-options {
        margin-bottom: 20px;
      }

      .select-warranty-options .label {
        font-size: 14px;
        color: #151515;
        font-family: "poppinssemibold", sans-serif;
        margin-bottom: 10px;
        display: block;
      }

      .select-warranty-options .options {
        display: flex;
        align-items: center;
      }

      .select-warranty-options .options .select-plan {
        padding: 10px 15px;
        border-radius: 5px;
        font-size: 14px;
        color: #151515;
        border: solid 1px #eee;
        font-family: "poppinssemibold", sans-serif;
        cursor: pointer;
        background: rgba(0, 0, 0, 0);
      }

      .select-warranty-options .options .select-plan.active {
        border: solid 1px #f7b808;
      }

      .notifyme-form {
        margin-top: 15px;
        display: inline-block;
        padding-bottom: 20px;
        width: 100%;
      }

      .notifyme-form label {
        margin-bottom: 10px;
        font-size: 13px;
      }

      .notifyme-form .input-box {
        position: relative;
      }

      .notifyme-form .btn {
        padding: 11px 20px;
        border-radius: 0px 5px 5px 0px !important;
      }

      .notifyme-form .btn span {
        white-space: nowrap;
      }

      .notifyme-form .form-control {
        height: 43px;
        border-radius: 0px;
        border-radius: 5px 0px 0px 5px !important;
        font-size: 14px !important;
      }

      .notifyme-form div.validation-advice {
        position: absolute;
        top: 50px;
        font-size: 12px;
        color: red;
        font-family: "poppinsmedium", sans-serif;
        margin: 0 !important;
      }

      .free-express-shipping {
        margin-bottom: 20px;
      }

      .free-express-shipping .img-before {
        margin-right: 20px;
      }

      .free-express-shipping #progress-bar-container {
        max-width: 100%;
      }

      .free-express-shipping .text-free-delevery {
        color: #666;
        font-family: "poppinsregular", sans-serif;
        font-size: 14px;
        line-height: 20px;
      }

      .free-express-shipping .text-free-delevery .yellow-color {
        color: #f7b808;
        font-family: "poppinsbold", sans-serif;
      }

      .free-express-shipping .text-free-delevery .progress {
        height: 5px;
        background-color: #eee;
        width: 100%;
        margin-top: 10px;
        border-radius: 5px;
      }

      .free-express-shipping .text-free-delevery .progress .progress-bar {
        background-color: #f7b808;
        width: 100%;
        height: 5px;
        border-radius: 5px;
      }

      .free-express-shipping .text-free-delevery .benifits-btn {
        padding: 0px !important;
        border: 0px !important;
        font-family: "poppinsmedium", sans-serif;
        text-decoration: underline;
        font-size: 14px !important;
      }

      .free-express-shipping.congrats .text-free-delevery {
        width: 100%;
      }

      .free-express-shipping.congrats .text-free-delevery .text-after span {
        text-transform: uppercase;
        color: #f7b808;
        font-family: "poppinssemibold", sans-serif;
      }

      .free-express-shipping.congrats .text-free-delevery .progress {
        height: 5px;
        width: 100%;
        margin-top: 10px;
        border-radius: 5px;
      }

      .tamara_popup {
        text-align: left;
        background: none;
        border: none;
        padding-top: 10px !important;
        margin: 0px 0px 10px 0px !important;
        padding-bottom: 10px !important;
        line-height: normal;
        border-top: solid 1px #eee;
        width: 100%;
        border-bottom: solid 1px #eee !important;
      }

      .tamara_popup p {
        font-size: 13px;
        color: #151515;
        font-family: "poppinsregular", sans-serif;
        padding-right: 10px !important;
        line-height: normal;
      }

      .tamara_popup p span {
        font-family: "poppinssemibold", sans-serif;
      }

      @media (min-width: 992px) and (max-width: 1400px) {
        .tamara_popup p {
          font-size: 12px;
        }
      }

      #tamaraModal .modal-header .close {
        border: none;
        height: 30px;
        width: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .seller-info {
        font-size: 14px !important;
        color: #666;
        margin-bottom: 10px;
        font-family: "poppinsmedium";
      }

      .seller-info .seller-modal-link {
        color: #dc0000;
        text-decoration: underline;
        font-family: "poppinssemibold";
        cursor: pointer;
      }

      .seller-info .seller-modal-link:hover {
        color: #f7b808;
      }

      .seller-info-popup {
        margin-bottom: 10px;
      }

      .seller-info-popup .close {
        border: none;
        background: none;
        width: 30px;
        height: 30px;
        display: flex;
        font-size: 20px;
        align-items: center;
        justify-content: center;
      }

      .seller-info-popup .seller-rating {
        background-color: #f7b808;
        padding: 3px 7px !important;
        border-radius: 4px;
        color: #fff;
        width: auto;
        font-size: 14px !important;
        line-height: 27px;
        position: relative;
      }

      .seller-info-popup .seller-rating i {
        margin-left: 5px;
      }

      .seller-info-popup .contact-seller {
        text-decoration: underline;
      }

      .seller-info-popup .modal-footer p {
        font-size: 12px;
        font-family: "poppinsregular", sans-serif;
      }

      .seller-info-popup .description .rating-description {
        word-break: break-all;
      }

      .seller-info-popup .seller-name .text {
        word-break: break-all;
      }

      .product-variations .variations-item {
        border-bottom: 1px solid #eee;
        position: relative;
      }

      .product-variations .variations-item:last-child {
        margin-bottom: 0;
      }

      .product-variations .variations-item .variations-button {
        font-size: 14px;
        font-family: "poppinssemibold", sans-serif !important;
        color: #151515;
        display: flex;
        align-items: flex-start;
        width: 100%;
        background: rgba(0, 0, 0, 0);
        border: none;
        padding: 0;
        position: relative;
      }

      .product-variations .variations-item .variations-button strong {
        font-family: "poppinsbold", sans-serif;
        text-align: start;
        word-break: break-word;
      }

      .product-variations .variations-item .variations-button p {
        align-items: inherit !important;
        text-align: left;
      }

      @media (max-width: 1300px) {
        .product-variations .variations-item .variations-button {
          font-size: 12px !important;
        }
      }

      .product-variations .variations-item .variations-button:hover {
        background-color: rgba(0, 0, 0, 0);
        box-shadow: none;
      }

      .product-variations .variations-item .variations-button:focus {
        background-color: rgba(0, 0, 0, 0);
        box-shadow: none;
        border: none;
      }

      .product-variations .variations-item .variations-button::after {
        content: "";
        font-family: "Font Awesome 6 Free";
        position: absolute;
        font-size: 16px !important;
        color: #666;
        right: 0;
      }

      .product-variations .variations-item .variations-button.collapsed::after {
        content: "";
      }

      .product-variations .variations-item .variations-button .type-of {
        white-space: nowrap;
      }

      .product-variations .variations-item .variations-button .ub_variation {
        align-items: baseline;
      }

      .product-variations .variations-item .veriations-options {
        margin-top: 10px;
      }

      .product-variations
        .variations-item
        .veriations-options
        .radio-check
        .ver-item {
        position: relative;
      }

      .product-variations
        .variations-item
        .veriations-options
        .radio-check
        .ver-item
        input[type="radio"]:checked,
      .product-variations
        .variations-item
        .veriations-options
        .radio-check
        .ver-item
        input[type="radio"]:not(:checked) {
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        opacity: 0;
        cursor: pointer;
      }

      .product-variations
        .variations-item
        .veriations-options
        .radio-check
        .ver-item
        label {
        width: 100%;
        border: 1px solid #ccc;
        border-radius: 3px;
        padding: 6px 13px;
        text-align: center;
        font-size: 14px;
        font-family: "poppinsmedium", sans-serif;
        color: #666;
        margin: 0;
        transition: all 0.2s ease-in-out;
        word-break: break-word;
        text-align: left;
      }

      .product-variations
        .variations-item
        .veriations-options
        .radio-check
        .ver-item
        label
        img {
        max-width: 40px;
        max-height: 40px;
        height: auto;
        width: auto;
      }

      .product-variations
        .variations-item
        .veriations-options
        .radio-check
        .ver-item
        input[type="radio"]:checked
        ~ label {
        border: 1px solid #f7b808 !important;
      }

      .product-variations
        .variations-item
        .veriations-options
        .radio-check
        .ver-item.blur_entity
        label {
        border: dashed 1px #ccc !important;
      }

      .product-variations
        .variations-item
        .veriations-options
        .radio-check
        .ver-item.blur_entity:hover
        label {
        border: solid 1px #f7b808 !important;
        box-shadow: 0px 0 18px 1px #e9e9e9;
      }

      .product-variations
        .variations-item
        .veriations-options
        .radio-check
        .ver-item:hover
        label {
        border: solid 1px #f7b808;
        box-shadow: 0px 0 18px 1px #e9e9e9;
      }

      .product-variations
        .variations-item
        .veriations-options
        .radio-check
        .ver-item
        .size-chart {
        font-size: 14px;
        font-family: "poppinsmedium", sans-serif;
        color: #151515;
        line-height: 1;
        background: rgba(0, 0, 0, 0);
        border: none;
        padding: 0;
        border-bottom: 1px solid #151515;
        padding-bottom: 3px;
      }

      @media (max-width: 576px) {
        .product-variations
          .variations-item
          .veriations-options
          .radio-check
          .ver-item
          .size-chart {
          font-size: 12px !important;
        }
      }

      .product-variations
        .variations-item
        .veriations-options
        .radio-check
        .ver-item.img_type_variation {
        height: auto;
        width: auto;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .product-variations
        .variations-item
        .veriations-options
        .radio-check
        .ver-item.img_type_variation
        label {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .product-variations
        .variations-item
        .veriations-options::-webkit-scrollbar {
        height: 5px;
        cursor: pointer;
      }

      .product-variations
        .variations-item
        .veriations-options::-webkit-scrollbar-track {
        background: #f7f7f7;
      }

      .product-variations
        .variations-item
        .veriations-options::-webkit-scrollbar-thumb {
        background: #f7b808;
        height: 5px;
        border-radius: 4px;
      }

      .product-variations .variations-item .veriations-options .select-size {
        position: absolute;
        right: 30px;
        cursor: pointer;
        top: 0;
      }

      .product-variations
        .variations-item
        .veriations-options
        .select-size
        .size-chart {
        border: none;
        background: none;
        padding: 0px;
        text-decoration: underline;
      }

      .vehicle-detail-form {
        background: #f7f7f9;
        padding: 15px;
        border-radius: 10px;
      }

      .vehicle-detail-form .vehicle-detail-option {
        margin-bottom: 20px;
      }

      .vehicle-detail-form .vehicle-detail-option label {
        line-height: 1;
        font-family: "poppinsmedium", sans-serif;
        color: #151515;
      }

      .vehicle-detail-form .vehicle_info .row {
        border-top: solid 1px #ced4da;
        padding-top: 10px;
      }

      .vehicle-detail-form .vehicle_info label {
        font-size: 13px;
        font-family: "poppinsregular", sans-serif;
        margin-bottom: 5px;
      }

      .vehicle-detail-form .vehicle_info input {
        border-radius: 3px;
        font-size: 13px;
      }

      .vehicle-detail-form .vehicle_info input:focus {
        border-color: #ced4da !important;
      }

      .vehicle-detail-form .text-danger {
        font-size: 12px;
        font-family: "poppinsmedium", sans-serif;
      }

      .remove_restriction .restriction-info {
        font-size: 14px;
        font-family: "poppinsmedium", sans-serif;
      }

      .restrict-form {
        background: #f7f7f9;
        padding: 15px;
        border-radius: 10px;
      }

      .restrict-form .border.p-3 {
        border: none !important;
        padding: 0px !important;
      }

      .restrict-form table {
        display: block;
      }

      .restrict-form table tr td {
        display: block;
      }

      .restrict-form strong.poppins-font {
        display: inline-block;
        width: 100%;
        margin-bottom: 10px;
        font-family: "poppinssemibold", sans-serif !important;
        border-bottom: solid 1px #ced4da;
        padding-bottom: 10px;
      }

      .restrict-form .label {
        line-height: 1;
        display: block;
        color: #151515;
        font-size: 13px;
        font-family: "poppinsregular", sans-serif;
        margin-bottom: 5px;
      }

      .restrict-form input,
      .restrict-form textarea {
        border-radius: 3px;
        font-size: 13px;
      }

      .restrict-form input:focus,
      .restrict-form textarea:focus {
        border-color: #ced4da !important;
      }

      .restrict-form .text-danger {
        font-size: 12px;
        font-family: "poppinsmedium", sans-serif;
      }

      .translation-switch {
        display: flex;
        align-items: center;
      }

      .translation-switch i {
        margin-left: 10px;
        color: #f7b808;
      }

      .machine-translation {
        display: inline-block;
        position: fixed;
        cursor: pointer;
        padding: 10px;
        top: 200px;
        right: 0;
        background: #f7b808;
        border-radius: 20px 0px 0px 20px;
        z-index: 99;
      }

      .machine-translation .button {
        font-weight: normal;
        display: inline-block;
        font-size: 18px;
        height: auto !important;
        display: flex;
        align-items: center;
        font-family: "poppinssemibold", sans-serif;
        white-space: nowrap;
      }

      .machine-translation .label {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        -webkit-transition: 0.5s ease-in-out;
        -moz-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
        max-width: 400px;
        min-width: 180px;
        display: block;
        background: #fff;
        right: 40px;
        text-align: right;
        top: -30%;
        padding: 10px;
        box-shadow: -3px 4px 3px #eee;
        font-family: "poppinsmedium", sans-serif;
        border-radius: 10px;
        border: 1px solid #ddd;
        z-index: -1;
      }

      .machine-translation .label .fw-600 {
        font-family: "poppinssemibold", sans-serif;
      }

      .machine-translation .label .popup-click {
        font-family: "poppinssemibold", sans-serif;
        display: inline-block;
        color: #f7b808;
      }

      .machine-translation:hover .label {
        opacity: 1;
        visibility: visible;
      }

      .translation-popup.modal .close {
        position: absolute;
        right: -10px !important;
        top: -10px !important;
        height: 30px;
        width: 30px;
        background: #fff;
        opacity: 1;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
      }

      .translation-popup .modal-content {
        border: none !important;
        border-radius: 20px !important;
      }

      .translation-popup .heading {
        color: #151515;
        display: inline-block;
        word-break: break-word;
        margin-bottom: 10px;
        width: 100%;
        font-size: 16px;
        font-family: "poppinssemibold", sans-serif;
      }

      .translation-popup .heading span {
        color: #f7b808;
      }

      .translation-popup form .radio-button {
        width: auto;
        min-width: 80px;
        height: 80px;
        border-radius: 5px;
        background: #f8f8fa;
        margin: 0px;
        display: flex;
        align-items: center;
        margin: 0px auto;
        position: relative;
      }

      .translation-popup form .radio-button input[type="radio"] {
        position: absolute;
        top: 0;
        opacity: 0;
        left: 0;
        margin: 0px auto;
        height: 100%;
        width: 100%;
        cursor: pointer;
      }

      .translation-popup
        form
        .radio-button
        input[type="radio"]:checked
        ~ label {
        color: #f7b808;
      }

      .translation-popup
        form
        .radio-button
        input[type="radio"]:checked
        ~ label
        i {
        color: #f7b808;
      }

      .translation-popup form .radio-button label {
        width: 100%;
        border-radius: 5px;
        background: #f8f8fa;
        margin: 0px;
      }

      .translation-popup form .radio-button label.label {
        text-align: center;
        width: 100%;
        margin: 0px;
        font-size: 25px;
        line-height: 1;
      }

      .translation-popup form .radio-button label.label i {
        font-size: 30px;
        margin-bottom: 10px;
        color: #ccc;
      }

      .translation-popup form .form-textarea textarea {
        height: 100px;
        width: 100%;
        border-radius: 5px;
        border: solid 1px #ccc;
        padding: 10px;
      }

      .translation-popup form .form-input input {
        width: 100%;
        border-radius: 5px;
        border: solid 1px #ccc;
        padding: 10px;
      }

      .translation-popup form .note {
        word-break: break-word;
        color: #666;
        font-weight: normal;
        font-size: 15px;
        max-width: 510px;
        margin: 0px auto;
        width: 100%;
      }

      .translation-popup form .btn {
        padding: 10px 15px !important;
        font-family: "poppinssemibold", sans-serif !important;
        font-size: 14px !important;
        text-transform: uppercase;
        min-width: 120px;
      }

      .translation-popup .radio-button span {
        font-size: 14px;
        display: block;
        text-align: center;
        width: 100%;
      }

      .translation-popup .coupon-card .btn {
        padding: 10px 15px !important;
        font-family: "poppinssemibold", sans-serif !important;
        font-size: 14px !important;
        text-transform: uppercase;
        min-width: 120px;
      }

      .translation-popup .btn.btn-pri {
        color: #fff;
        background: #151515;
      }

      .translation-popup .btn.btn-pri:hover {
        background: #f7b808;
      }

      .translation-coupon .coupon-card .coupon-heading {
        font-size: 22px;
        font-family: "poppinsExtraBold", sans-serif !important;
      }

      .translation-coupon .coupon-card p.discount {
        font-size: 24px;
        font-family: "poppinsregular", sans-serif;
      }

      .translation-coupon .coupon-card p.discount span {
        font-family: "poppinsbold", sans-serif;
        color: #f7b808;
        margin-bottom: 15px;
      }

      .translation-coupon .coupon-card p.content {
        word-break: break-word;
        color: #666;
        font-weight: normal;
        font-size: 15px;
        max-width: 510px;
        margin: 15px auto;
        width: 100%;
      }

      .translation-coupon .coupon-code {
        max-width: 280px;
        margin: 15px auto;
        border: 5px dotted #d3d3d3;
        width: 100%;
        padding: 10px 15px;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 80px;
      }

      .translation-coupon .coupon-code p.text-left {
        color: #666;
        font-family: "poppinsmedium", sans-serif;
      }

      .translation-coupon .coupon-code .code {
        position: relative;
      }

      .translation-coupon .coupon-code .code span {
        font-family: "poppinsbold", sans-serif;
        color: #f7b808;
        font-size: 25px;
        width: 100%;
        background: rgba(0, 0, 0, 0);
        text-align: right;
        line-height: 36px;
      }

      .translation-coupon .coupon-code .code .intent_copy_message {
        position: absolute;
        left: auto;
        right: 0;
        top: 50%;
        margin: 0px auto;
        font-size: 10px;
        background: rgba(21, 21, 21, 0.5882352941);
        padding: 5px 10px;
        color: #fff;
        border-radius: 3px;
        transform: translateY(-50%);
      }

      .translation-coupon .coupon-code em {
        font-size: 30px;
        margin-left: 10px;
        cursor: pointer;
      }

      .translation-rating-error {
        color: red;
        text-align: center;
        width: 100%;
        margin-bottom: 10px;
      }

      .skip-note {
        font-family: "poppinsmedium", sans-serif;
        font-size: 13px;
        line-height: 20px;
      }

      .sidebar {
        width: 396px;
        max-width: 100%;
        position: sticky;
        top: 90px;
      }

      .sidebar .card {
        border: 1px solid #eee;
        border-radius: 10px;
        background: #fff;
        padding: 24px;
        box-shadow: 0px 0px 28px rgba(0, 0, 0, 0.05);
        max-height: 75vh;
        overflow: auto;
      }

      @media (min-width: 992px) and (max-width: 1400px) {
        .sidebar .card {
          padding: 14px;
          max-height: 85vh;
          overflow: auto;
        }
      }

      .sidebar .card::-webkit-scrollbar {
        width: 4px;
        margin: 10px;
      }

      .sidebar .card::-webkit-scrollbar-track {
        width: 2px;
        border-radius: 50px;
        background: #fff;
      }

      .sidebar .card::-webkit-scrollbar-thumb {
        background: #ccc;
        height: 20px;
        width: 4px;
        border-radius: 25px;
      }

      .sidebar .card .card-unavailable {
        border: 1px solid #eee;
        border-radius: 10px;
        padding: 15px;
      }

      .sidebar .card .card-unavailable p.h4 {
        color: #e00f0f !important;
        font-size: 16px;
        font-family: "poppinssemibold", sans-serif;
      }

      .sidebar .card .card-unavailable p.h6 {
        font-size: 14px;
        font-family: "poppinsregular", sans-serif;
      }

      .sidebar .card .product-details {
        margin-bottom: 20px;
      }

      @media (min-width: 992px) and (max-width: 1400px) {
        .sidebar .card .product-details {
          margin-bottom: 20px;
        }
      }

      .sidebar .card .product-details .price-box {
        display: flex;
        align-items: center;
      }

      .sidebar .card .product-details .price-box .heading {
        font-size: 22px;
        font-family: "poppinsExtraBold", sans-serif;
        color: #151515;
        margin-left: 0px !important;
        margin-right: 8px !important;
        line-height: 1;
      }

      .sidebar .card .product-details .description {
        font-size: 14px;
        font-family: "poppinsregular", sans-serif;
        color: #151511;
        line-height: 1.5;
        margin-bottom: 15px;
      }

      @media (min-width: 992px) and (max-width: 1400px) {
        .sidebar .card .product-details .description {
          margin-bottom: 10px;
        }
      }

      .sidebar .card .product-details .description .dropdown .btn {
        font-family: "poppinssemibold", sans-serif;
        font-size: 14px;
        background: rgba(0, 0, 0, 0);
        color: #333;
        text-decoration: underline;
        border: none !important;
        padding: 0 !important;
      }

      .sidebar .card .product-details .description .dropdown .btn:focus {
        box-shadow: none;
        border: none;
      }

      .sidebar .card .product-details .description .dropdown .btn:after {
        display: none;
      }

      .sidebar
        .card
        .product-details
        .description
        .dropdown
        .dropdown-menu
        .dropdown-item {
        font-size: 14px;
        cursor: pointer;
        padding: 8px 10px;
        border-bottom: solid 1px #eee;
        line-height: 1;
      }

      .sidebar .card .product-details p {
        font-size: 13px;
        font-family: "poppinssemibold", sans-serif;
        color: #f7b808;
        margin: 0;
        line-height: 20px;
        margin-top: 10px;
      }

      .sidebar .card .product-details .deal-expire {
        border: 1px solid red;
        font-family: "poppinsmedium", sans-serif;
        font-size: 13px;
        color: red;
        display: inline-block;
        padding: 5px 20px;
        letter-spacing: 1px;
        border-radius: 5px;
      }

      .sidebar .card .product-shop {
        margin-bottom: 15px;
      }

      .sidebar .card .product-shop > div p {
        font-family: "poppinssemibold", sans-serif;
      }

      .sidebar .card .product-shop .quantity-input {
        display: flex;
        align-items: center;
        justify-content: space-around;
        background: #fff;
        border-radius: 4px;
        border: 1px solid #ccc !important;
        max-width: 100px;
        width: 100%;
        margin-bottom: 15px;
      }

      .sidebar .card .product-shop .quantity-input .btn {
        border: none !important;
        padding: 7px 10px !important;
        font-size: 20px !important;
      }

      .sidebar .card .product-shop .quantity-input .btn:focus {
        box-shadow: none;
      }

      .sidebar .card .product-shop .quantity-input .form-control {
        border: none;
        min-width: 35px;
        max-width: 100%;
        text-align: center;
        padding: 0;
      }

      .sidebar .card .product-shop .quantity-input .form-control:focus {
        box-shadow: none;
      }

      .sidebar .card .product-shop .secure_transation_wrp {
        position: relative;
        cursor: pointer;
        display: inline-block;
      }

      .sidebar
        .card
        .product-shop
        .secure_transation_wrp:hover
        .secure_transation_con {
        display: block;
      }

      .sidebar .card .product-shop .secure_transation_wrp img.lazy {
        max-width: unset !important;
        max-height: unset !important;
        width: 18px !important;
        height: 18px !important;
      }

      .sidebar .card .product-shop .secure_transation_wrp .transation_text {
        font-size: 14px;
        color: #666;
        font-family: "poppinssemibold", sans-serif;
        display: inline-block;
      }

      .sidebar .card .product-shop .secure_transation_wrp .transation_text img {
        margin-left: 5px;
      }

      .sidebar
        .card
        .product-shop
        .secure_transation_wrp
        .secure_transation_con {
        position: absolute;
        top: 34px;
        bottom: 0px;
        left: 0;
        width: 320px;
        min-height: fit-content;
        height: fit-content;
        padding: 15px 20px;
        background-color: #fff;
        display: none;
        border: 1px solid #eee;
        border-radius: 5px;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
        z-index: 10;
      }

      @media (max-width: 1510px) {
        .sidebar
          .card
          .product-shop
          .secure_transation_wrp
          .secure_transation_con {
          width: 265px;
        }
      }

      @media (min-width: 1024px) and (max-width: 1300px) {
        .sidebar
          .card
          .product-shop
          .secure_transation_wrp
          .secure_transation_con {
          left: 2px;
          width: 250px;
        }
      }

      @media (max-width: 400px) {
        .sidebar
          .card
          .product-shop
          .secure_transation_wrp
          .secure_transation_con {
          width: 290px;
        }
      }

      .sidebar
        .card
        .product-shop
        .secure_transation_wrp
        .secure_transation_con::before {
        background: #fff;
        border: 1px solid #e1dbdb;
        border-right: 0;
        border-bottom: 0;
        content: "";
        height: 18px;
        position: absolute;
        top: -11px;
        left: calc(50% - 72px);
        transform: rotate(45deg);
        width: 18px;
      }

      .sidebar
        .card
        .product-shop
        .secure_transation_wrp
        .secure_transation_con
        h5 {
        font-size: 14px;
        font-family: "poppinssemibold", sans-serif;
        color: #333;
        margin-bottom: 8px;
        line-height: 19px;
      }

      .sidebar
        .card
        .product-shop
        .secure_transation_wrp
        .secure_transation_con
        p {
        font-size: 13px;
        font-family: "poppinsregular", sans-serif;
        color: #333;
        line-height: 19px;
      }

      .sidebar
        .card
        .product-shop
        .secure_transation_wrp
        .secure_transation_con
        p::-webkit-scrollbar {
        width: 5px;
      }

      .sidebar
        .card
        .product-shop
        .secure_transation_wrp
        .secure_transation_con
        p::-webkit-scrollbar-track {
        background: #e7e7e6;
      }

      .sidebar
        .card
        .product-shop
        .secure_transation_wrp
        .secure_transation_con
        p::-webkit-scrollbar-thumb {
        background: #f7d17a;
      }

      .sidebar .card .product-shop .btn {
        color: #333;
        border-radius: 5px;
        font-size: 14px;
        font-family: "poppinssemibold", sans-serif !important;
        line-height: 1;
        width: 100%;
        padding: 14px 10px !important;
        border: 1px solid #333;
        text-transform: uppercase;
      }

      @media (min-width: 992px) and (max-width: 1400px) {
        .sidebar .card .product-shop .btn {
          font-size: 14px;
          padding: 10px;
        }
      }

      .sidebar .card .product-shop .btn.add-to-cart-btn {
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.25), transparent 50%),
          linear-gradient(
            135deg,
            #9cc4e8 0%,
            #4c82c7 30%,
            #2f6db8 55%,
            #1e4f8f 80%,
            #0f223f 100%
          );
        margin-bottom: 15px;
        color: #fff;
      }

      .sidebar .card .product-shop .btn.add-to-cart-btn:hover {
        background-color: #f7b808;
        color: #151515;
      }

      .sidebar .card .product-shop .btn.buy-now-btn {
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.25), transparent 50%),
          linear-gradient(
            135deg,
            #9cc4e8 0%,
            #4c82c7 30%,
            #2f6db8 55%,
            #1e4f8f 80%,
            #0f223f 100%
          );
        margin-bottom: 20px;
        color: #fffff1;
      }

      .sidebar .card .product-shop .btn:focus {
        box-shadow: none;
      }

      .sidebar .card .product-shop span {
        font-size: 14px;
        font-family: "poppinssemibold", sans-serif;
        font-style: italic;
        display: block;
      }

      @media (min-width: 992px) and (max-width: 1400px) {
        .sidebar .card .product-shop span {
          font-size: 12px;
        }
      }

      .sidebar .card .delivery-partners {
        margin-bottom: 20px;
      }

      .sidebar .card .delivery-partners .partners_title {
        font-size: 14px;
        color: #151515;
        margin-bottom: 10px;
        font-family: "poppinssemibold";
      }

      .sidebar .card .delivery-partners .partners-options {
        font-size: 14px;
        color: #151515;
        margin-bottom: 10px;
      }

      .sidebar .card .delivery-partners .partners-options ul {
        display: flex;
        flex-wrap: wrap;
        padding: 0px;
        margin: 0px;
      }

      .sidebar .card .delivery-partners .partners-options ul li {
        margin-right: 10px;
      }

      .sidebar .card .delivery-partners .partners-options ul li:last-child {
        margin-right: 0px;
      }

      .sidebar .card .product-features .content .features-heading {
        font-size: 14px;
        font-family: "poppinssemibold", sans-serif;
        color: #151515;
        margin: 0;
        display: inline-block;
        border-bottom: 2px solid #f7b808;
        padding-bottom: 6px;
      }

      .sidebar .card .product-features .content .features-points {
        margin: 0;
        padding: 0;
        list-style: none;
        max-height: 180px;
        overflow: auto;
        height: 100%;
        padding-right: 15px;
        margin: 15px 0 0;
      }

      .sidebar
        .card
        .product-features
        .content
        .features-points::-webkit-scrollbar {
        width: 4px;
        margin: 10px;
      }

      .sidebar
        .card
        .product-features
        .content
        .features-points::-webkit-scrollbar-track {
        width: 2px;
        border-radius: 50px;
        background: #fff;
      }

      .sidebar
        .card
        .product-features
        .content
        .features-points::-webkit-scrollbar-thumb {
        background: #ccc;
        height: 20px;
        width: 4px;
        border-radius: 25px;
      }

      .sidebar .card .product-features .content .features-points li {
        font-size: 14px;
        font-family: "poppinsregular", sans-serif;
        color: #333;
        line-height: 1.5;
        margin-bottom: 12px;
        position: relative;
        padding-left: 20px;
      }

      @media (min-width: 992px) and (max-width: 1400px) {
        .sidebar .card .product-features .content .features-points li {
          font-size: 12px;
          margin-bottom: 10px;
        }
      }

      .sidebar .card .product-features .content .features-points li::before {
        content: "";
        position: absolute;
        width: 8px;
        height: 8px;
        background: #333;
        border-radius: 100%;
        right: auto;
        left: 0;
        transform: translateY(8px);
      }

      .sidebar .card .text-success {
        font-family: "poppinssemibold";
      }

      .dangerous-goods {
        margin-bottom: 0px !important;
      }

      .dangerous-goods a {
        color: #151515;
        font-family: "poppinsbold", sans-serif, sans-serif;
        text-decoration: underline;
      }

      .heading-sec {
        margin-bottom: 24px;
        border-bottom: 3px solid #f7f7f7;
        position: relative;
        padding: 0px;
        padding-bottom: 15px;
        display: flex;
        justify-content: space-between;
        align-items: center;
      }

      .heading-sec .heading,
      .heading-sec .dark-text.fw-700 {
        margin: 0px !important;
        padding: 0px;
        font-size: 20px !important;
        font-family: "poppinssemibold", sans-serif;
        color: #151515;
        line-height: 1;
      }

      @media (min-width: 992px) and (max-width: 1400px) {
        .heading-sec .heading,
        .heading-sec .dark-text.fw-700 {
          font-size: 16px;
        }
      }

      .heading-sec i {
        color: #f7b808;
        font-size: 20px;
      }

      .heading-sec .view-more-btn {
        font-size: 14px;
        font-family: "poppinsmedium", sans-serif;
        color: #151515;
        text-decoration: underline;
        display: inline-block;
        padding: 6px 2px 2px 0;
        transition: all 0.3s;
        border: none;
        background: rgba(0, 0, 0, 0);
      }

      @media (min-width: 992px) and (max-width: 1400px) {
        .heading-sec .view-more-btn {
          font-size: 14px;
        }
      }

      .heading-sec .view-more-btn:hover {
        color: #f7b808;
      }

      .heading-sec::after {
        content: "";
        position: absolute;
        width: 150px;
        height: 3px;
        background: #f7b808;
        left: 0;
        bottom: 0;
        transform: translateY(3px);
        border-radius: 10px 0 0 10px;
      }

      .owl-nav button {
        width: 30px;
        height: 30px;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px solid #eee !important;
        background: #fff !important;
        position: absolute !important;
        top: 50% !important;
        transform: translateY(-50%);
      }

      @media (min-width: 992px) and (max-width: 1700px) {
        .owl-nav button {
          width: 25px;
          height: 25px;
        }
      }

      @media (min-width: 992px) and (max-width: 1700px) {
        .owl-nav button .fa-solid {
          font-size: 14px;
        }
      }

      .owl-nav button.owl-prev {
        left: -14px !important;
      }

      .owl-nav button.owl-next {
        right: -14px !important;
      }

      .owl-nav button.disabled {
        opacity: 0.5;
        cursor: not-allowed !important;
      }

      .sizechartmodal table {
        width: 100%;
        overflow: auto;
      }

      .sizechartmodal table td,
      .sizechartmodal table tr,
      .sizechartmodal table th {
        white-space: nowrap;
        padding: 10px;
      }

      .fancybox-content img {
        width: 100%;
        max-width: 100%;
        max-height: 100%;
        height: 100%;
      }

      .addtocartmodal .modal-content {
        padding: 30px 20px !important;
        text-align: center;
      }

      .addtocartmodal .modal-content .badge {
        font-size: 16px;
        font-family: "poppinssemibold", sans-serif;
      }

      .addtocartmodal .modal-content .badge.badge-success {
        color: #f7b808;
      }

      .addtocartmodal .modal-content .badge.badge-danger {
        color: #e00f0f;
      }

      .addtocartmodal .modal-content .status-icon.addition-successful {
        width: 55px;
        height: 55px;
        margin: 0 auto;
        background: #f7b808;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100px;
        margin-bottom: 10px;
        border: 5px solid #62ce7b;
      }

      .addtocartmodal .modal-content .status-icon.addition-successful i {
        font-size: 22px;
        color: #fff;
      }

      .addtocartmodal .modal-content .status-icon.product-not-added {
        width: 55px;
        height: 55px;
        margin: 0 auto;
        background: #ff274d;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100px;
        margin-bottom: 10px;
        border: 5px solid #ce2248;
      }

      .addtocartmodal .modal-content .status-icon.product-not-added i {
        font-size: 22px;
        color: #fff;
      }

      .addtocartmodal .modal-content .product-name {
        font-size: 13px;
        line-height: 19px;
        padding: 0px 15px;
        margin-top: 0;
        font-family: "poppinsregular", sans-serif !important;
        color: #666;
        word-break: break-word;
      }

      .addtocartmodal .modal-content .btn {
        padding: 10px 25px !important;
      }

      .modal .modal-title {
        font-size: 20px;
        font-family: "poppinssemibold", sans-serif;
      }

      @keyframes colorchange {
        0% {
          color: #0d47a1;
        }

        10% {
          color: #4a148c;
        }

        20% {
          color: #00695c;
        }

        40% {
          color: #1a237e;
        }

        60% {
          color: #2c3e50;
        }

        80% {
          color: #512da8;
        }

        100% {
          color: #1b5e20;
        }
      }

      @-webkit-keyframes colorchange {
        0% {
          color: #0d47a1;
        }

        10% {
          color: #4a148c;
        }

        20% {
          color: #00695c;
        }

        40% {
          color: #1a237e;
        }

        60% {
          color: #2c3e50;
        }

        80% {
          color: #512da8;
        }

        100% {
          color: #1b5e20;
        }
      }

      .bundle-container {
        padding: 20px;
        border-radius: 10px;
        border: 1px solid #eee;
        margin-top: 10px;
        word-break: break-word;
      }

      .bundle-container h4 {
        font-size: 16px;
        font-family: "poppinssemibold", sans-serif;
        color: #151515;
        border-bottom: double 2px #eee;
        padding-bottom: 10px;
        margin-bottom: 10px;
      }

      .bundle-container .bundle-product.media {
        border-bottom: 1px dashed #eee;
        padding: 10px 0;
        align-items: inherit;
        display: flex;
      }

      .bundle-container .bundle-product.media:last-child {
        border-bottom: none;
      }

      .bundle-container .bundle-product.media .media-left .media-object {
        max-height: 100px;
        max-width: 100px;
        border: solid 1px #eee;
        border-radius: 5px;
        padding: 7px;
      }

      .bundle-container .bundle-product.media .media-body {
        margin-left: 8px;
      }

      .bundle-container .bundle-product.media .media-body .media-heading {
        line-height: 20px;
        margin-bottom: 15px;
      }

      .bundle-container .bundle-product.media .media-body .media-heading a {
        color: #151515;
        font-size: 13px;
        font-family: "poppinsmedium", sans-serif;
      }

      .bundle-container
        .bundle-product.media
        .media-body
        .bundle-detail
        .bundle-detail-btn {
        position: relative;
        border: 1px solid rgba(0, 0, 0, 0);
        padding: 5px 12px 5px 12px;
        background-color: #ffb919;
        color: #151515;
        text-transform: uppercase;
        font-family: "poppinsmedium", sans-serif;
        border-radius: 5px;
        transition: 0.2s all;
        font-size: 12px;
        text-transform: capitalize;
        white-space: nowrap;
      }

      .bundle-container
        .bundle-product.media
        .media-body
        .bundle-detail
        .bundle-detail-btn
        i {
        margin-right: 7px;
      }

      .customer-reviews-section {
        margin-top: 50px;
      }

      .customer-reviews-section .heading-sec i {
        font-size: 80%;
        margin-top: -3px;
      }

      .customer-review-card {
        border-radius: 15px;
        background-color: #fff;
        border: solid 1px #eee;
      }

      .customer-review-card .customer-name {
        display: inline-block;
        font-size: 18px;
        font-family: "poppinssemibold", sans-serif;
        color: #151515;
        padding: 0;
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: solid 2px #f7b808;
      }

      .customer-review-card .customer-comment {
        font-size: 14px;
        color: #666;
        font-family: "poppinsregular", sans-serif;
        line-height: 24px;
        min-height: 75px;
      }

      .customer-review-card .customer-rating {
        margin-top: 0;
        padding: 0px 0px 15px;
      }

      .customer-review-card .customer-rating .rating i {
        color: #f7b808;
      }

      .customer-review-card .customer-rating .rating i.disabled {
        color: #666;
      }

      .product-table-wraper {
        width: 100%;
        margin: 0px auto;
        overflow: auto;
      }

      .similar-products-table {
        border-color: #ddd !important;
      }

      .similar-products-table th {
        min-width: 200px;
        background-color: #f8f8f8;
        font-family: "poppinssemibold", sans-serif;
      }

      .similar-products-table td {
        min-width: 250px;
        max-width: 250px;
      }

      .similar-products-table tbody td:nth-child(1) {
        border-right: 6px solid #eee;
        border-bottom: 6px solid #eee;
        padding: 15px !important;
        border-left: 2px solid #f7b808;
        border-top: 2px solid #f7b808;
        box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
      }

      .similar-products-table tbody td:nth-child(1) .details-sec .price {
        font-size: 16px;
        color: #151515;
        font-family: "poppinsbold", sans-serif;
        display: flex;
        align-items: center;
        justify-content: start;
      }

      .similar-products-table
        tbody
        td:nth-child(1)
        .details-sec
        .view-product
        a {
        display: inline-block;
        color: #fff;
        font-size: 14px;
        background-color: #151515;
        font-size: 13px;
        font-family: "poppinssemibold", sans-serif;
        padding: 5px 15px;
        border-radius: 5px;
        width: 100%;
        box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
      }

      .similar-products-table
        tbody
        td:nth-child(1)
        .details-sec
        .view-product
        .current_product {
        display: inline-block;
        color: #fff;
        font-size: 14px;
        background-color: #151515;
        font-size: 13px;
        font-family: "poppinssemibold", sans-serif;
        padding: 5px 15px;
        border-radius: 5px;
        width: 100%;
        box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
      }

      .similar-products-table .veriation-options ul {
        flex-wrap: nowrap;
        padding: 3px !important;
        display: flex;
        gap: 15px;
        overflow: auto;
        margin-bottom: 0px;
        padding-bottom: 10px;
      }

      .similar-products-table .veriation-options ul li {
        width: 50;
      }

      .similar-products-table .veriation-options ul li label {
        padding: 5px;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 70px;
        min-width: 70px;
        border: solid 1px #ccc;
        margin: 0px;
        border-radius: 3px;
        transition: all 0.2s ease-in-out;
      }

      .similar-products-table .veriation-options ul li label:hover {
        cursor: pointer;
      }

      .similar-products-table .veriation-options ul li img {
        width: auto;
        max-height: 50px !important;
        height: auto;
        max-width: 50px !important;
      }

      .similar-products-table .veriation-options ul li:hover label {
        border-color: #f7b808;
        box-shadow: 0px 0 18px 1px #e9e9e9;
      }

      .similar-products-table .veriation-options ul::-webkit-scrollbar {
        height: 5px;
        cursor: pointer;
      }

      .similar-products-table .veriation-options ul::-webkit-scrollbar-track {
        background: #f7f7f7;
      }

      .similar-products-table .veriation-options ul::-webkit-scrollbar-thumb {
        background: #f7b808;
        height: 5px;
        border-radius: 4px;
      }

      .similar-products-table .product-img-wrap {
        width: 100px;
        height: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0px auto;
      }

      .similar-products-table .product-img-wrap img {
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
      }

      .similar-products-table .product-title {
        font-size: 14px;
        font-family: "poppinsmedium", sans-serif;
        color: #151515;
        line-height: 20px;
        margin-top: 15px;
        height: 60px;
        text-overflow: ellipsis;
        white-space: initial;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-align: left;
        padding: 0px;
      }

      .similar-products-table .store-sec {
        margin-top: 15px;
        display: flex;
        align-items: center;
        font-size: 12px;
        color: #666;
        font-family: "poppinsmedium", sans-serif;
        justify-content: start;
        margin-bottom: 0.3rem;
      }

      .similar-products-table .view-product {
        margin-top: 15px;
      }

      .similar-products-table .view-product a {
        display: inline-block;
        color: #151515;
        background-color: #f7b808;
        font-size: 13px;
        font-family: "poppinssemibold", sans-serif;
        padding: 5px 15px;
        border-radius: 5px;
        width: 100%;
        box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
      }

      .similar-products-table .rating-sec {
        font-size: 13px;
        color: #151515;
        font-family: "poppinsmedium", sans-serif;
        padding: 15px 0;
      }

      .similar-products-table .rating-sec .rating {
        border: 2px solid #ccc;
        padding: 3px 10px;
        border-radius: 15px;
      }

      .similar-products-table .rating i {
        color: #f7b808;
        margin-right: 4px;
      }

      .similar-products-table .price {
        font-size: 16px;
        color: #151515;
        font-family: "poppinsbold", sans-serif;
      }

      .similar-products-table .old-price {
        font-size: 13px;
        color: #eb0202;
        font-family: "poppinsmedium", sans-serif;
        text-decoration: line-through;
      }

      .similar-products-table .deliver-date {
        font-size: 13px;
        color: #666;
        text-align: center;
      }

      .similar-products-table .deliver-date strong {
        font-family: "poppinssemibold", sans-serif;
      }

      .similar-products-table .details-sec .price {
        font-size: 16px;
        color: #151515;
        font-family: "poppinsbold", sans-serif;
        display: flex;
        align-items: center;
        justify-content: start;
      }

      .similar-products-table .details-sec .product-image {
        height: 100px;
        width: 100px;
        max-width: 100px;
        max-height: 100px;
        padding: 10px;
        border: solid 1px #ccc;
        border-radius: 10px;
      }

      .similar-products-table .details-sec .product-image img {
        width: 100%;
        height: 100%;
      }

      .similar-products-table td,
      .similar-products-table th {
        padding: 15px 10px !important;
      }

      .line-chart .content {
        display: inline-block;
        padding: 0;
        width: auto;
        position: relative;
        height: 100%;
        z-index: 99;
      }

      .line-chart .content .graph {
        display: flex;
      }

      .line-chart .content .graph .price-axis {
        height: 100%;
        position: relative;
        margin-right: 20px;
      }

      .line-chart .content .graph .price-axis .color {
        width: 10px;
        height: 300px;
        background-image: linear-gradient(
          to bottom,
          rgb(255, 94, 0),
          orange,
          rgb(5, 150, 5)
        );
        border-radius: 30px;
        margin: 0px;
      }

      .line-chart .content .graph .chart {
        width: 100%;
        height: auto;
        position: relative;
      }

      .line-chart .content .graph .chart #myChart {
        height: 300px !important;
        width: auto !important;
      }

      .line-chart .price_h_currency_note p {
        font-size: 14px;
        font-family: "poppinsregular", sans-serif;
        margin-top: 10px;
      }

      .line-chart .price_h_currency_note p strong {
        font-family: "poppinsbold", sans-serif, sans-serif;
      }

      .review-form {
        box-shadow: 0px 0px 8px 0px #eee;
        padding: 25px !important;
        border-radius: 10px;
        border: solid 1px #eee;
        margin-top: 30px;
        background: #fff !important;
        text-align: left;
      }

      .review-form h2 {
        font-size: 20px;
        font-family: "poppinssemibold", sans-serif !important;
        line-height: normal;
        padding: 0px;
        margin: 0px;
      }

      .review-form .heading {
        margin: 15px 0px;
        display: block;
        color: #151515;
        padding: 5px 10px;
        background: #eee;
        border-radius: 5px;
        font-size: 14px;
      }

      .review-form .heading .review-product {
        font-family: "poppinsregular", sans-serif;
      }

      .review-form .rating-container .rate-product-v2 {
        margin: 10px 0px;
      }

      .review-form .rating-container .rating-stars {
        font-size: 16px;
        overflow: visible;
      }

      .review-form .review-title {
        font-family: "poppinssemibold", sans-serif;
      }

      .review-form form .form-row {
        display: inline-block;
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
        margin-bottom: 20px;
        display: inline-block;
      }

      .review-form form .form-row .inputfield {
        width: 100%;
        height: auto !important;
      }

      .review-form form .form-row label {
        font-family: "poppinsmedium", sans-serif;
        margin-bottom: 3px;
      }

      .review-form form .form-row label em {
        color: red;
      }

      .review-form form .form-row input {
        width: 100%;
        padding: 10px 15px !important;
        height: auto !important;
        border: solid 1px #eee !important;
        font-size: 13px !important;
        background: #fff;
        color: #151515;
        border-radius: 5px !important;
        line-height: normal;
      }

      .review-form form .form-row input:focus {
        border: solid 1px #eee;
        outline: none;
      }

      .review-form form .form-row textarea {
        width: 100%;
        height: 100px;
        padding: 10px 15px !important;
        height: auto !important;
        border: solid 1px #eee !important;
        font-size: 13px !important;
        background: #fff;
        color: #151515;
        border-radius: 5px !important;
        line-height: normal;
      }

      .review-form form .form-row textarea:focus {
        border: solid 1px #eee;
        outline: none;
      }

      .review-form form .form-check {
        width: 100%;
        margin-bottom: 20px;
        display: inline-block;
      }

      .review-form .rating-stars .validation-advice {
        left: 0;
        top: 25px;
        position: absolute;
      }

      .review-form .review-form-fields {
        margin-top: 20px;
        padding: 20px;
        border-top: solid 1px #eee;
      }

      .review-form .rating-container .rating-xs {
        margin-bottom: 20px;
      }

      .review-form .rating-container .caption {
        font-size: 14px !important;
        font-family: "poppinsbold", sans-serif;
        text-transform: uppercase;
        color: #151515 !important;
      }

      .review-form .rate-product p {
        word-break: break-word;
      }

      .review-form .rating-container.rating-md {
        height: 35px;
      }

      .warrantyplansmodal .modal-content {
        border-radius: 15px;
        overflow: hidden;
      }

      .warrantyplansmodal .modal-content .btn-close {
        font-size: 14px;
        width: 15px;
        margin-left: auto;
        position: absolute;
        right: 10px;
        top: 10px;
        opacity: 1;
      }

      .warrantyplansmodal .modal-content .btn-close:focus {
        box-shadow: none;
        border: none;
      }

      .warrantyplansmodal .warranty-plans .content-sec {
        text-align: center;
        font-size: 20px;
        font-family: "poppinsbold", sans-serif;
        line-height: 25px;
        background-color: #fff;
        padding-top: 20px;
        width: 100%;
        overflow-x: auto;
      }

      .warrantyplansmodal .warranty-plans .content-sec span {
        padding: 0 10px;
      }

      .warrantyplansmodal .warranty-plans table thead td:first-child,
      .warrantyplansmodal .warranty-plans table thead th:first-child {
        width: 50%;
      }

      .warrantyplansmodal .warranty-plans table thead th {
        padding: 40px;
      }

      .warrantyplansmodal .warranty-plans table tbody tr:nth-child(odd) {
        background-color: #f7f7f7;
      }

      .warrantyplansmodal .warranty-plans .main-heading {
        font-size: 32px;
        font-family: "poppinsbold", sans-serif;
        color: #f7b808;
        text-align: left;
      }

      @media (min-width: 992px) and (max-width: 1400px) {
        .warrantyplansmodal .warranty-plans .main-heading {
          font-size: 20px;
        }
      }

      .warrantyplansmodal .warranty-plans .plan-title {
        font-size: 22px;
        font-family: "poppinsbold", sans-serif;
        color: #151515;
        line-height: 1;
        margin-top: 10px;
      }

      .warrantyplansmodal .warranty-plans .plan-title span {
        font-size: 14px;
        display: block;
        font-family: "poppinsbold", sans-serif;
      }

      .warrantyplansmodal .warranty-plans .basic span {
        color: #2a9341;
      }

      .warrantyplansmodal .warranty-plans .plus span {
        color: #f7b808;
      }

      .warrantyplansmodal .warranty-plans .platinum span {
        color: #ccc;
      }

      .warrantyplansmodal .warranty-plans .plan-detail {
        min-width: 250px;
        padding: 20px 40px;
        font-size: 14px;
        margin: 0px;
        text-align: left;
        font-family: "poppinsregular", sans-serif;
      }

      .warrantyplansmodal .warranty-plans .dropdown-toggle {
        font-family: "poppinssemibold", sans-serif;
        color: #151515;
        background: #f7b808;
        min-width: 160px;
        text-transform: uppercase;
        border: none;
      }

      .warrantyplansmodal .warranty-plans .dropdown-toggle::after {
        display: none;
      }

      .warrantyplansmodal .warranty-plans .dropdown-toggle:focus {
        box-shadow: none;
        border: none;
      }

      .warrantyplansmodal .warranty-plans .dropdown-toggle i {
        margin-left: 10px !important;
      }

      .warrantyplansmodal .warranty-plans .dropdown-menu {
        padding: 0;
        left: 0px !important;
        transform: translateY(0) !important;
        bottom: 100% !important;
        top: auto !important;
      }

      .warrantyplansmodal .warranty-plans .dropdown-menu .dropdown-item {
        font-size: 14px;
        cursor: pointer;
        padding: 8px 10px;
        border-bottom: solid 1px #eee;
        line-height: 1;
      }

      .warrantyplansmodal
        .warranty-plans
        .dropdown-menu
        .dropdown-item:last-child {
        border-bottom: none;
      }

      .warrantyplansmodal
        .warranty-plans
        .dropdown-menu
        .warranty_policy_plan.selected-option {
        background-image: url("https://www.mabosbet.cc/images/dropdown-selected.svg");
        background-repeat: no-repeat;
        background-position: 92% center;
        font-family: "poppinssemibold", sans-serif;
        padding-right: 40px;
      }

      .warrantyplansmodal .warranty-terms-conditon {
        padding: 20px;
        border-radius: 15px;
        background: #fafafa;
        border: solid 1px #eee;
      }

      .warrantyplansmodal .warranty-terms-conditon p {
        font-size: 14px;
        margin-bottom: 10px;
        color: #333;
        padding-left: 25px;
        position: relative;
      }

      .warrantyplansmodal .warranty-terms-conditon .content {
        max-height: 200px;
        overflow: auto;
        padding-right: 15px;
      }

      .warrantyplansmodal .warranty-terms-conditon .content .heading {
        font-size: 18px;
        font-family: "poppinsbold", sans-serif;
        margin-bottom: 15px;
      }

      .warrantyplansmodal .warranty-terms-conditon .content .description p {
        color: #333;
        font-size: 13px;
      }

      .warrantyplansmodal
        .warranty-terms-conditon
        .content
        .description
        p::before {
        content: "";
        height: 15px;
        width: 15px;
        position: absolute;
        left: 0;
        top: 4px;
        display: block;
        background: url(https://www.mabosbet.cc/images/list-items.png) no-repeat;
      }

      .warrantyplansmodal .warranty-terms-conditon .content::-webkit-scrollbar {
        width: 5px;
        margin: 10px;
      }

      .warrantyplansmodal
        .warranty-terms-conditon
        .content::-webkit-scrollbar-track {
        width: 2px;
        border-radius: 50px;
        background: #fff;
      }

      .warrantyplansmodal
        .warranty-terms-conditon
        .content::-webkit-scrollbar-thumb {
        background: #f7b808;
        height: 30px;
        width: 5px;
        border-radius: 25px;
      }

      .warrantyplansmodal .accept-contitions {
        font-size: 14px;
        font-family: "poppinssemibold", sans-serif;
        color: #666;
        word-break: break-word;
      }

      .warrantyplansmodal .accept-contitions a {
        text-decoration: underline;
      }

      .warrantyplansmodal .accept-contitions a:hover {
        color: #f7b808;
      }

      .warrantyplansmodal .warranty-cost {
        font-size: 14px;
        color: #151515;
        font-family: "poppinssemibold", sans-serif;
      }

      .warrantyplansmodal .warranty-cost strong {
        font-family: "poppinssemibold", sans-serif;
      }

      .warrantyplansmodal .warranty-actions .btn {
        font-size: 14px;
        font-family: "poppinssemibold", sans-serif;
        color: #151515;
        padding: 10px 35px;
        text-transform: uppercase;
        border-radius: 5px;
        border: none;
      }

      .warrantyplansmodal .warranty-actions .btn:focus {
        box-shadow: none;
        border: none;
      }

      .warrantyplansmodal .warranty-actions .btn-secondary {
        background: #efefef;
      }

      .warrantyplansmodal .warranty-actions .btn-primary {
        margin-left: 10px;
        background: #f7b808;
      }

      .detail-usp-slider {
        padding: 0px 14px;
      }

      .detail-usp-slider .card {
        text-align: center;
        border: none;
        padding: 3px;
      }

      .detail-usp-slider .card img {
        width: 30px;
        height: 30px;
        max-width: 100%;
        margin: auto;
      }

      .detail-usp-slider .card h3 {
        font-size: 12px;
        line-height: 1.4;
        font-family: "poppinsmedium", sans-serif;
        color: #666;
        margin: 0;
        padding-top: 10px;
      }

      .payment-method-options {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        padding: 0px 14px;
      }

      .payment-method-options .card {
        text-align: center;
      }

      .payment-method-options .card img {
        width: auto;
        margin: auto;
        height: auto;
        max-width: 100%;
      }

      .price-box {
        display: flex;
        align-items: center;
        margin-bottom: 15px;
        white-space: nowrap;
        line-height: 1;
      }

      .price-box h2 {
        font-size: 24px;
        font-family: "poppinsExtraBold", sans-serif;
        color: #151515;
        margin: 0;
        padding: 0;
        margin-left: 0px !important;
        margin-right: 8px !important;
        margin-bottom: -2px !important;
      }

      .price-box .product-old-price {
        font-size: 14px;
        font-family: "poppinsmedium", sans-serif;
        color: #e00f0f;
        line-height: 1;
        margin-left: 0px !important;
        margin-right: 8px !important;
      }

      .price-box .btn-tooltip {
        font-size: 14px;
        font-family: "poppinssemibold", sans-serif;
        color: #f7b808 !important;
        line-height: 1;
        border: 1px solid #f7b808 !important;
        border-radius: 4px;
        padding: 8px !important;
        text-transform: uppercase;
      }

      @media (min-width: 992px) and (max-width: 1400px) {
        .price-box .btn-tooltip {
          font-size: 13px !important;
          padding: 5px !important;
        }
      }

      .price-box .product-price {
        min-height: 14px;
        width: 85%;
        color: #151515;
        line-height: 1;
        font-size: 14px;
        font-family: "poppinsbold", sans-serif;
        display: flex;
        align-items: center;
        margin: 0;
        margin-top: 12px;
      }

      @media screen and (max-width: 992px) {
        .price-box .product-price {
          font-size: 12px;
        }
      }

      .price-box .you-save-price {
        font-size: 14px !important;
        color: #151515 !important;
        margin: 0px !important;
        font-family: "poppinssemibold", sans-serif;
      }

      .price-box .you-save-price ins {
        text-decoration: none;
      }

      .price-box .you-save-price .amount {
        -webkit-animation: colorchange 10s infinite alternate;
      }

      .price-box .price-detail-in-out {
        margin-top: -3px;
        margin-right: 10px !important;
        margin-left: 0px !important;
      }

      .price-box .price-detail-in-out .price-info {
        position: relative;
      }

      .price-box .price-detail-in-out .price-info i {
        font-size: 10px;
        padding: 4px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -moz-border: 1px solid #aaa;
        border: 1px solid #aaa;
        color: #aaa;
        height: 20px;
        width: 20px;
        text-align: center;
        cursor: pointer;
      }

      .price-box .price-detail-in-out .price-info .info-block-description {
        opacity: 0;
        position: absolute;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        max-width: 500px;
        min-width: 300px;
        display: block;
        background: #fff;
        left: 25px;
        top: 5px;
        padding: 0;
        -webkit-box-shadow: 4px 4px 3px #ddd;
        -moz-box-shadow: 4px 4px 3px #ddd;
        box-shadow: 4px 4px 3px #ddd;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        border: 1px solid #ddd;
        z-index: -1;
      }

      .price-box
        .price-detail-in-out
        .price-info
        .info-block-description
        .info-top {
        padding: 10px 10px 0 10px;
      }

      .price-box
        .price-detail-in-out
        .price-info
        .info-block-description
        .info-top
        .info-title {
        display: block;
        font-size: 12px;
        color: #464646;
        padding-bottom: 10px;
        margin: 0px;
        border-bottom: 1px dashed #ccc;
      }

      .price-box
        .price-detail-in-out
        .price-info
        .info-block-description
        .info-bottom {
        padding: 0 10px;
      }

      .price-box
        .price-detail-in-out
        .price-info
        .info-block-description
        .price-details {
        margin: 5px auto;
        display: block;
      }

      .price-box
        .price-detail-in-out
        .price-info
        .info-block-description
        .price-details
        .price-label {
        display: inline-block;
      }

      .price-box
        .price-detail-in-out
        .price-info
        .info-block-description
        .price-details
        .price-label
        p {
        font-size: 12px;
        color: #151515;
      }

      .price-box
        .price-detail-in-out
        .price-info
        .info-block-description
        .price-details
        .price {
        display: inline-block;
        float: right;
        text-align: right;
      }

      .price-box
        .price-detail-in-out
        .price-info
        .info-block-description
        .price-details
        .price
        span {
        color: #878787;
        font-size: 12px;
        font-weight: normal;
        text-decoration: line-through;
      }

      .price-box
        .price-detail-in-out
        .price-info
        .info-block-description
        .price-details.special-price {
        border-bottom: 1px solid #ccc;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 2px auto;
        padding: 5px 0px;
      }

      .price-box
        .price-detail-in-out
        .price-info
        .info-block-description
        .price-details.special-price
        .price-label
        h6 {
        display: block;
        color: #464646;
        margin: 0px;
        font-size: 14px;
        font-family: "poppinssemibold", sans-serif;
      }

      .price-box
        .price-detail-in-out
        .price-info
        .info-block-description
        .price-details.special-price
        .price
        span {
        color: #464646;
        font-family: "poppinsbold", sans-serif;
        text-decoration: none;
      }

      .price-box
        .price-detail-in-out
        .price-info
        .info-block-description
        .short-description {
        color: #878787;
        margin: 10px 0 5px;
        font-family: "poppinsregular", sans-serif;
        font-size: 12px;
      }

      .price-box
        .price-detail-in-out
        .price-info
        .info-block-description
        .short-description
        span {
        color: #878787;
        font-size: 12px;
        margin: 0;
        display: block;
        white-space: normal;
      }

      .price-box
        .price-detail-in-out
        .price-info
        .info-block-description
        .terms {
        text-align: right;
        font-size: 12px;
        margin-bottom: 5px;
        color: #878787;
      }

      .price-box
        .price-detail-in-out
        .price-info:hover
        .info-block-description {
        opacity: 1;
        z-index: 11;
      }

      .price-box .price-detail-in-out p {
        line-height: normal;
        margin: 0px;
      }

      .single-product-content {
        display: flex;
        flex-direction: column;
        gap: 25px;
        padding: 0 24px;
      }

      .single-product-content .head-content .brand-name {
        flex-wrap: wrap;
        gap: 5px;
      }

      .single-product-content .head-content .brand-name a {
        font-family: "poppinsmedium", sans-serif;
      }

      .single-product-content .head-content .item-id {
        margin-bottom: 12px;
        font-family: "poppinssemibold", sans-serif;
      }

      @media (min-width: 992px) and (max-width: 1400px) {
        .single-product-content .head-content .item-id {
          margin-bottom: 15px;
        }
      }

      .single-product-content .head-content .title {
        font-size: 22px;
        font-family: "poppinssemibold", sans-serif;
        color: #151515;
        line-height: 1.4;
        margin-bottom: 15px;
        word-break: break-word;
      }

      @media (min-width: 992px) and (max-width: 1400px) {
        .single-product-content .head-content .title {
          font-size: 20px;
          margin-bottom: 15px;
        }
      }

      .single-product-content .head-content .title .brand {
        margin-bottom: 15px;
        font-size: 14px;
        font-family: "poppinsmedium", sans-serif;
        color: #333;
      }

      @media (min-width: 992px) and (max-width: 1400px) {
        .single-product-content .head-content .title .brand {
          margin-bottom: 15px;
        }
      }

      .single-product-content .head-content .ub_purchase-count {
        font-size: 13px;
        font-style: italic;
        font-weight: 500;
        font-family:
          "Droid Arabic Kufi", "Poppinsregular", sans-serif !important;
        color: #666;
      }

      @media (max-width: 575px) {
        .single-product-content .head-content .ub_purchase-count {
          font-size: 12px;
        }
      }

      .single-product-content .head-content .respondents {
        font-size: 13px;
        color: #999;
        font-style: italic;
      }

      .single-product-content .head-content .rating {
        display: flex;
        align-items: center;
        margin-bottom: 15px;
        font-size: 14px;
        font-family: "poppinssemibold", sans-serif;
        color: #666;
      }

      @media (min-width: 992px) and (max-width: 1400px) {
        .single-product-content .head-content .rating {
          margin-bottom: 15px;
        }
      }

      .single-product-content .head-content .rating .write-review {
        text-decoration: underline;
      }

      .single-product-content .head-content .rating .write-review i {
        margin-right: 5px;
      }

      .single-product-content .head-content .rating-container {
        margin-right: 10px;
      }

      .single-product-content .head-content .total_review {
        margin-right: 15px !important;
      }

      .single-product-content .head-content .availability,
      .single-product-content .head-content .product-store {
        font-size: 14px;
        font-family: "poppinsmedium", sans-serif;
        color: #151515;
      }

      @media (min-width: 992px) and (max-width: 1400px) {
        .single-product-content .head-content .availability img,
        .single-product-content .head-content .product-store img {
          width: 20px;
        }
      }

      .single-product-content .head-content .availability {
        font-family: "poppinssemibold", sans-serif;
        display: flex;
        align-items: center;
      }

      .single-product-content .head-content .availability .out-of-stock {
        color: #e00f0f;
        font-family: "poppinsmedium", sans-serif;
      }

      .single-product-content .head-content .availability .in-stock {
        color: #f7b808;
        font-family: "poppinsmedium", sans-serif;
      }

      .single-product-content .head-content .eligibility-sec {
        margin-top: 20px;
      }

      .single-product-content
        .head-content
        .eligibility-sec
        .free-shipping-note
        .left-sec {
        color: #151515;
        font-family: "poppinsmedium", sans-serif;
        background: rgba(51, 177, 105, 0.1411764706);
        padding: 4px 15px 4px 40px;
        border-radius: 50px;
        display: inline-block;
        position: relative;
        margin-left: 10px;
      }

      .single-product-content
        .head-content
        .eligibility-sec
        .free-shipping-note
        .left-sec
        .shipping-icon {
        position: absolute;
        height: 165%;
        width: 48px;
        background: #029e46;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 50%;
        transform: translateY(-50%);
        font-size: 20px;
        left: -12px;
        border-radius: 100%;
        color: #fff;
        margin: 0px;
        background-image: url(https://www.ubuy.ae/skin/frontend/default/ubuycom-v1/https://www.mabosbet.cc/images/free-shipping-truck.svg);
        background-size: 100%;
      }

      @media (max-width: 1400px) {
        .single-product-content
          .head-content
          .eligibility-sec
          .free-shipping-note
          .left-sec
          .shipping-icon {
          width: 47px;
          height: 130%;
          font-size: 18px;
        }
      }

      .single-product-content
        .head-content
        .eligibility-sec
        .free-shipping-note
        .left-sec
        .shipping-icon
        .fa-solid.fa-truck-fast {
        display: none;
      }

      @media (max-width: 1400px) {
        .single-product-content
          .head-content
          .eligibility-sec
          .free-shipping-note
          .left-sec {
          padding: 7px 10px 7px 40px;
        }
      }

      .single-product-content
        .head-content
        .eligibility-sec
        .free-shipping-note
        span {
        margin-left: 10px;
        line-height: 36px;
        cursor: pointer;
        text-decoration: underline;
      }

      @media (max-width: 1400px) {
        .single-product-content
          .head-content
          .eligibility-sec
          .free-shipping-note {
          font-size: 13px;
        }
      }

      .single-product-content .head-content .eligibility-sec .delivery-charge {
        font-family: "poppinssemibold", sans-serif;
        margin-top: 20px;
        max-width: 320px;
      }

      .single-product-content
        .head-content
        .eligibility-sec
        .delivery-charge
        label {
        font-size: 14px;
        font-family: "poppinssemibold", sans-serif;
        color: #151515;
        white-space: nowrap;
        margin-right: 15px;
        padding-top: 15px;
      }

      .single-product-content
        .head-content
        .eligibility-sec
        .delivery-charge
        .form-sec {
        white-space: nowrap;
        border: solid 1px #ccc;
        padding: 5px 0px;
        border-radius: 5px;
        display: flex;
        align-items: center;
        width: 100%;
      }

      .single-product-content
        .head-content
        .eligibility-sec
        .delivery-charge
        .form-sec
        i {
        font-size: 16px;
        color: #f7b808;
        min-width: 40px;
        min-height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .single-product-content
        .head-content
        .eligibility-sec
        .delivery-charge
        .form-sec
        .content-field {
        width: 100%;
      }

      .single-product-content
        .head-content
        .eligibility-sec
        .delivery-charge
        .form-sec
        .content-field
        input[type="number"] {
        border: none;
        width: 100%;
      }

      .single-product-content
        .head-content
        .eligibility-sec
        .delivery-charge
        .form-sec
        .content-field
        input[type="number"]:focus-visible {
        border: none;
        outline: none;
        box-shadow: none;
      }

      .single-product-content
        .head-content
        .eligibility-sec
        .delivery-charge
        .form-sec
        .content-field
        .city-listing {
        width: 100%;
      }

      .single-product-content
        .head-content
        .eligibility-sec
        .delivery-charge
        .form-sec
        .content-field
        .city-listing
        .dropdown-toggle {
        font-family: "Poppins", sans-serif !important;
        font-size: 14px !important;
        font-family: "poppinsregular", sans-serif !important;
        text-align: left;
        width: 100%;
        padding: 5px !important;
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #151515;
        border: none;
        background: none !important;
        cursor: pointer;
      }

      .single-product-content
        .head-content
        .eligibility-sec
        .delivery-charge
        .form-sec
        .content-field
        .city-listing
        .dropdown-toggle::after {
        content: "";
        font-family: "font awesome 6 free";
        font-size: 14px;
        color: #151515 !important;
        transform: none;
        border: none;
        font-family: "poppinsblack", sans-serif;
        margin-right: 10px;
        line-height: 8px !important;
        width: 10px;
      }

      .single-product-content
        .head-content
        .eligibility-sec
        .delivery-charge
        .form-sec
        .content-field
        .city-listing
        .dropdown-menu {
        width: 100%;
        padding: 0px;
        border-radius: 0px;
        max-height: 300px;
        overflow: auto;
      }

      .single-product-content
        .head-content
        .eligibility-sec
        .delivery-charge
        .form-sec
        .content-field
        .city-listing
        .dropdown-menu
        .dropdown-item {
        display: flex;
        align-items: center;
        white-space: nowrap;
        font-size: 13px;
        font-family: "Poppins", sans-serif !important;
        color: #151515;
        font-family: "poppinsregular", sans-serif;
        cursor: pointer;
        border-bottom: solid 1px #eee;
        line-height: 1;
        max-width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        padding: 8px 10px;
        position: relative;
      }

      .single-product-content
        .head-content
        .eligibility-sec
        .delivery-charge
        .form-sec
        .check {
        padding: 5px 20px;
        border-left: solid 1px #ccc;
        width: fit-content;
        text-align: center;
      }

      .single-product-content
        .head-content
        .eligibility-sec
        .delivery-charge
        .form-sec
        .check
        .check-button {
        color: #151515;
        font-size: 14px;
        font-family: "poppinssemibold", sans-serif;
        border: none;
        background: none;
      }

      .single-product-content
        .head-content
        .eligibility-sec
        .delivery-charge
        .form-sec
        .check
        .check-button:focus {
        outline: none;
        box-shadow: none;
        border: none;
      }

      .single-product-content
        .head-content
        .eligibility-sec
        .delivery-charge
        .est {
        font-size: 14px;
        display: flex;
        margin-top: 10px;
        width: 100%;
        font-family: "poppinsmedium", sans-serif, sans-serif;
        line-height: 1;
        color: #666;
        align-items: center;
      }

      .single-product-content
        .head-content
        .eligibility-sec
        .delivery-charge
        .est
        .value {
        color: #f7b808;
        font-family: "poppinssemibold", sans-serif;
        margin-left: 5px;
      }

      .single-product-content
        .head-content
        .eligibility-sec
        .delivery-charge
        .est
        .shipping-info {
        margin-left: 10px;
        position: relative;
      }

      .single-product-content
        .head-content
        .eligibility-sec
        .delivery-charge
        .est
        .shipping-info
        i {
        font-size: 10px;
        padding: 4px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -moz-border: 1px solid #aaa;
        border: 1px solid #aaa;
        color: #aaa;
        height: 20px;
        width: 20px;
        text-align: center;
        cursor: pointer;
      }

      .single-product-content
        .head-content
        .eligibility-sec
        .delivery-charge
        .est
        .shipping-info
        .shipping-info-content {
        position: absolute;
        top: 25px;
        left: 50%;
        transform: translateX(-50%);
        width: 300px;
        opacity: 0;
        transition: all 0.5s ease-in-out;
        max-width: 500px;
        min-width: 300px;
        display: block;
        background: #fff;
        box-shadow: 4px 4px 3px #ddd;
        border-radius: 10px;
        border: 1px solid #ddd;
        z-index: -1;
        padding: 10px;
      }

      .single-product-content
        .head-content
        .eligibility-sec
        .delivery-charge
        .est
        .shipping-info
        .shipping-info-content
        p {
        font-size: 13px;
      }

      .single-product-content
        .head-content
        .eligibility-sec
        .delivery-charge
        .est
        .shipping-info:hover
        .shipping-info-content {
        opacity: 1;
        z-index: 11;
      }

      .single-product-content
        .head-content
        .eligibility-sec
        .delivery-charge
        .zipcode-info {
        font-size: 14px;
      }

      .single-product-content
        .head-content
        .eligibility-sec
        .delivery-charge
        .zipcode-info
        p {
        margin-top: 10px;
        margin-bottom: 0px;
      }

      .single-product-content
        .head-content
        .energy-rating-sec
        .energy-rating-bg {
        background-image: url(https://www.mabosbet.cc/images/energy-badges.svg);
        height: 24px;
        width: 45px;
        background-repeat: no-repeat;
      }

      .single-product-content
        .head-content
        .energy-rating-sec
        .energy-rating-bg.energy-rating-a {
        background-position: 0 0;
      }

      .single-product-content
        .head-content
        .energy-rating-sec
        .energy-rating-bg.energy-rating-b {
        background-position: -45px 0;
      }

      .single-product-content
        .head-content
        .energy-rating-sec
        .energy-rating-bg.energy-rating-c {
        background-position: -90px 0;
      }

      .single-product-content
        .head-content
        .energy-rating-sec
        .energy-rating-bg.energy-rating-d {
        background-position: -135px 0;
      }

      .single-product-content
        .head-content
        .energy-rating-sec
        .energy-rating-bg.energy-rating-e {
        background-position: -180px 0;
      }

      .single-product-content
        .head-content
        .energy-rating-sec
        .energy-rating-bg.energy-rating-f {
        background-position: -225px 0;
      }

      .single-product-content
        .head-content
        .energy-rating-sec
        .energy-rating-bg.energy-rating-g {
        background-position: -270px 0;
      }

      .single-product-content
        .head-content
        .energy-rating-sec
        .energy-rating-bg.energy-rating-a-plus {
        background-position: -315px 0;
      }

      .single-product-content
        .head-content
        .energy-rating-sec
        .energy-rating-bg.energy-rating-a-plus2 {
        background-position: -360px 0;
      }

      .single-product-content
        .head-content
        .energy-rating-sec
        .energy-rating-bg.energy-rating-a-plus3 {
        background-position: -405px 0;
      }

      .single-product-content .head-content .energy-rating-sec .a-color-link {
        color: green;
        padding-left: 5px;
      }

      .single-product-content
        .head-content
        .energyRrating-popup
        .modal-header
        button.close {
        background: rgba(0, 0, 0, 0);
        border: 0px;
      }

      .single-product-content
        .head-content
        .energyRrating-popup
        .modal-body
        .img-fluid {
        max-width: 100%;
        max-height: 100%;
        height: auto;
        width: auto;
      }

      .single-product-content .bottom-content .border-box {
        border: 1px solid #eee;
        border-radius: 8px;
        padding: 14px 0px;
        margin-bottom: 20px;
      }

      .single-product-content .bottom-content .border-box .separator {
        margin: 1.2rem 0;
      }

      .single-product-content .bottom-content .prime-text {
        font-size: 12px;
        font-family: "poppinsregular", sans-serif;
        color: #666;
      }

      .single-product-content .bottom-content .prime-text .font-weight-bold {
        font-family: "poppinsmedium", sans-serif !important;
        font-size: 13px;
        font-weight: unset;
      }

      .single-product-content .bottom-content .prime-text a {
        color: #dc0000;
        text-decoration: underline;
        transition: all 0.3s;
        white-space: nowrap;
        font-family: "poppinssemibold", sans-serif;
      }

      .single-product-content .bottom-content .prime-text a:hover {
        color: #f7b808;
      }

      .single-product-content .form-row .ub-personalization_wrapper .ub_title {
        font-size: 14px;
        font-weight: 600;
        color: #151515;
        font-family: "poppinsbold", sans-serif;
      }

      .single-product-content .form-row .ub-personalization_wrapper p {
        color: #464646;
        font-size: 12px;
        font-weight: 400;
        font-family: "poppinsmedium", sans-serif !important;
        margin: 0.2rem 0 0.5rem 0;
      }

      .single-product-content
        .form-row
        .ub-personalization_wrapper
        .ub_custom-text
        .word-limit-textarea {
        width: 100%;
        border-color: #d7d7d7;
        border-radius: 5px;
        padding: 8px 12px;
        height: 80px;
        color: #464646;
        font-size: 14px !important;
        font-family: "poppinsregular";
      }

      .single-product-content
        .form-row
        .ub-personalization_wrapper
        .ub_custom-text
        .character-count {
        display: flex;
        align-items: center;
        justify-content: end;
        font-family: "poppinsregular", sans-serif;
        font-weight: 400;
        font-size: 12px;
      }

      .note-danger {
        padding: 12px 15px;
        border-radius: 7px;
        background: #ffd5d5;
        font-family: "poppinsmedium", sans-serif;
        width: 100%;
        border: solid 1px #fd9c9c;
      }

      .cart-overlay {
        z-index: 999 !important;
      }

      .product-detail-section {
        display: flex;
        flex-direction: column;
        gap: 44px;
        padding-right: 24px;
        margin-top: 50px;
      }

      @media (min-width: 992px) and (max-width: 1400px) {
        .product-detail-section {
          margin-top: 50px;
          gap: 20px;
          padding-right: 0;
        }
      }

      .product-detail-section .chat-with-us {
        padding: 11px 20px;
        display: inline-flex;
        align-items: center;
        background: #fff6e0;
        border-radius: 10px;
        font-family: "poppinsregular", sans-serif;
        font-size: 14px;
        color: #151515;
        display: inline-flex;
        width: max-content;
      }

      .product-detail-section .chat-with-us span,
      .product-detail-section .chat-with-us a {
        text-decoration: underline;
        margin-left: 5px;
        cursor: pointer;
        font-family: "poppinssemibold", sans-serif;
        color: #151515;
      }

      .product-detail-section .chat-with-us i {
        font-size: 20px;
        color: #f7b808;
        margin-right: 15px;
        line-height: 1;
      }

      .product-detail-section .product-points {
        margin: 0;
        padding: 0;
        list-style: none;
      }

      .product-detail-section .product-points li {
        font-size: 14px;
        font-family: "poppinsregular", sans-serif;
        color: #151515;
        margin-bottom: 20px;
        padding-left: 28px;
        display: flex;
        align-items: center;
        position: relative;
      }

      @media (min-width: 992px) and (max-width: 1400px) {
        .product-detail-section .product-points li {
          font-size: 13px;
        }
      }

      .product-detail-section .product-points li:last-child {
        margin-bottom: 0;
      }

      .product-detail-section .product-points li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 3px;
        background: url(https://www.mabosbet.cc/images/product-icon.svg) no-repeat;
        width: 15px;
        height: 15px;
        background-size: 100%;
      }

      .product-detail-section .product-description h1 {
        font-size: 25px;
        margin-bottom: 20px;
        margin-top: 20px;
      }

      .product-detail-section .product-description h2 {
        font-size: 22px;
        margin-bottom: 20px;
        margin-top: 20px;
      }

      .product-detail-section .product-description h3 {
        font-size: 18px;
        margin-bottom: 30px;
        margin-top: 30px;
      }

      .product-detail-section .product-description h4 {
        font-size: 16px;
        margin-bottom: 30px;
        margin-top: 30px;
      }

      .product-detail-section .product-description img {
        max-width: 100%;
        height: auto;
        margin-bottom: 30px;
        margin-top: 30px;
      }

      .product-detail-section .product-description table tr:nth-child(odd) td {
        background-color: #f2f2f2 !important;
      }

      .product-detail-section .product-description table th,
      .product-detail-section .product-description table td {
        border: 0 solid #eee !important;
        line-height: normal;
        border-bottom: 1px solid #eee !important;
        padding: 15px !important;
        white-space: normal;
      }

      .product-detail-section .buying_guide_content .guide-content {
        margin-top: 20px;
      }

      .product-detail-section
        .buying_guide_content
        .guide-content
        .heading-sec {
        margin-top: 30px;
        border-bottom: 0px !important;
        margin-bottom: 10px !important;
        padding-bottom: 0px !important;
      }

      .product-detail-section
        .buying_guide_content
        .guide-content
        .heading-sec:after {
        content: none;
      }

      .product-detail-section
        .buying_guide_content
        .guide-content
        .heading-sec
        .subheading,
      .product-detail-section
        .buying_guide_content
        .guide-content
        .heading-sec
        .heading {
        font-size: 14px;
        font-family: "poppinssemibold", sans-serif;
      }

      .product-detail-section .buying_guide_content .guide-content ul {
        padding: 0px;
        margin: 0px;
      }

      .product-detail-section .buying_guide_content .guide-content ul li {
        font-family: "poppinsregular", sans-serif;
        font-size: 14px;
        margin: 10px 0px;
        position: relative;
        padding-left: 30px;
      }

      .product-detail-section
        .buying_guide_content
        .guide-content
        ul
        li:before {
        content: "";
        font-family: "font awesome 6 free";
        font-size: 16px;
        color: #f7b808 !important;
        transform: none;
        border: none;
        position: absolute;
        left: 0;
        top: 0;
      }

      .product-detail-section .buying_guide_content .shop-guide {
        display: inline-block;
        color: #151515;
        font-family: "poppinssemibold", sans-serif;
        margin-top: 15px;
        text-decoration: underline;
      }

      .product-detail-section .featureTable {
        position: relative;
        width: 100%;
        border: 1px solid #ccc;
        table-layout: fixed;
        margin-top: 30px;
      }

      .product-detail-section .featureTable tr {
        background: rgba(0, 0, 0, 0);
        border: 1px solid #ccc;
      }

      .product-detail-section .featureTable tr:nth-child(odd) {
        background: #f7f7f7;
      }

      .product-detail-section .featureTable tr:first-child {
        border-top: none;
      }

      .product-detail-section .featureTable tr:last-child {
        border-bottom: none;
      }

      .product-detail-section .featureTable tr td {
        font-size: 14px;
        font-family: "poppinsregular", sans-serif;
        color: #151515;
        padding: 14px 20px;
        word-wrap: break-word;
      }

      .product-detail-section .featureTable tr td:nth-child(odd) {
        border-right: 1px solid #ccc;
      }

      .product-detail-section p {
        font-size: 14px;
        font-family: "poppinsregular", sans-serif;
        color: #151515;
        line-height: 1.5;
        margin: 0;
      }

      @media (min-width: 992px) and (max-width: 1400px) {
        .product-detail-section p {
          font-size: 13px;
        }
      }

      .product-detail-section .more-content {
        display: none;
      }

      .product-detail-section .product-faq .list-group .list-group-item {
        border: none;
        border-bottom: 1px solid #eee;
        padding: 0;
        padding-bottom: 18px;
        margin-bottom: 18px;
      }

      .product-detail-section
        .product-faq
        .list-group
        .list-group-item:last-child {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: none;
      }

      .product-detail-section .product-faq .list-group .list-group-item strong {
        font-size: 14px;
        font-family: "poppinssemibold", sans-serif;
        color: #151515;
      }

      .product-detail-section
        .product-faq
        .list-group
        .list-group-item
        .faq-answer {
        font-size: 14px;
        font-family: "poppinsregular", sans-serif;
        color: #151515;
      }

      .product-detail-section .pros-cons .pros h3 {
        font-size: 18px;
        font-family: "poppinssemibold", sans-serif;
        color: #f7b808;
        line-height: 1;
        margin-bottom: 32px;
      }

      .product-detail-section .pros-cons .cons h3 {
        color: #e00f0f;
        font-size: 18px;
        font-family: "poppinssemibold", sans-serif;
        line-height: 1;
        margin-bottom: 32px;
      }

      .product-detail-section .pros-cons ul {
        margin: 0;
        padding: 0;
        list-style: none;
      }

      .product-detail-section .pros-cons ul li.pros-group-item,
      .product-detail-section .pros-cons ul li.cons-group-item {
        font-size: 14px;
        font-family: "poppinsregular", sans-serif;
        color: #151515;
        margin-bottom: 20px;
        padding-left: 38px;
        display: flex;
        align-items: center;
        position: relative;
      }

      .product-detail-section .pros-cons ul li.pros-group-item:last-child,
      .product-detail-section .pros-cons ul li.cons-group-item:last-child {
        margin-bottom: 0;
      }

      @media (min-width: 992px) and (max-width: 1400px) {
        .product-detail-section .pros-cons ul li.pros-group-item,
        .product-detail-section .pros-cons ul li.cons-group-item {
          font-size: 12px;
          padding-left: 36px;
        }
      }

      .product-detail-section .pros-cons ul li.pros-group-item::before,
      .product-detail-section .pros-cons ul li.cons-group-item::before {
        content: "";
        position: absolute;
        left: 0;
        background: url(https://www.mabosbet.cc/images/like-up.png) no-repeat;
        width: 24px;
        height: 24px;
      }

      .product-detail-section
        .pros-cons
        ul
        li.pros-group-item.cons-group-item::before,
      .product-detail-section
        .pros-cons
        ul
        li.cons-group-item.cons-group-item::before {
        content: "";
        position: absolute;
        left: 0;
        background: url(https://www.mabosbet.cc/images/like-down.png) no-repeat;
        width: 24px;
        height: 24px;
      }

      .product-detail-section .product-testimonial .rating-view {
        position: absolute;
        right: 0;
        top: 0;
        line-height: 1;
        display: flex;
      }

      .product-detail-section .product-testimonial .rating-view .total_review {
        font-size: 14px;
        margin-left: 5px;
        font-family: "poppinssemibold", sans-serif;
        color: #151515;
      }

      .product-detail-section .product-testimonial .testimonial-slider {
        max-height: 600px;
        height: 100%;
        overflow: auto;
        padding-right: 15px;
        padding-top: 30px;
        margin-top: 10px;
        border-top: solid 1px #ccc;
      }

      .product-detail-section
        .product-testimonial
        .testimonial-slider::-webkit-scrollbar {
        width: 4px;
        margin: 10px;
      }

      .product-detail-section
        .product-testimonial
        .testimonial-slider::-webkit-scrollbar-track {
        width: 2px;
        border-radius: 50px;
        background: #f7f7f7;
      }

      .product-detail-section
        .product-testimonial
        .testimonial-slider::-webkit-scrollbar-thumb {
        background: #ccc;
        height: 20px;
        width: 4px;
        border-radius: 25px;
      }

      .product-detail-section .product-testimonial .testimonial-slider .card {
        border: none;
        border-bottom: 1px solid #ccc;
        border-radius: 0;
        padding: 0 0 15px 50px;
        margin: 20px 0;
        position: relative;
      }

      .product-detail-section
        .product-testimonial
        .testimonial-slider
        .card:last-child {
        border-bottom: none;
      }

      .product-detail-section
        .product-testimonial
        .testimonial-slider
        .card
        .user-img {
        position: absolute;
        top: 0;
        left: 0;
        height: 40px;
        width: 40px;
        border-radius: 100px;
        border: solid 1px #eee;
      }

      .product-detail-section
        .product-testimonial
        .testimonial-slider
        .card
        .user-img
        img {
        width: 100%;
        height: 100%;
        border-radius: 100px;
        object-fit: cover;
      }

      .product-detail-section
        .product-testimonial
        .testimonial-slider
        .card
        .card-header {
        background: rgba(0, 0, 0, 0);
        border: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0;
      }

      .product-detail-section
        .product-testimonial
        .testimonial-slider
        .card
        .card-header
        .card-title {
        font-size: 14px;
        font-family: "poppinssemibold", sans-serif;
        color: #151515;
        margin: 0;
      }

      .product-detail-section
        .product-testimonial
        .testimonial-slider
        .card
        .card-body {
        padding: 0;
        margin-top: 14px;
      }

      .product-detail-section
        .product-testimonial
        .testimonial-slider
        .card
        .rating-stars
        .star {
        font-size: 14px;
      }

      .product-detail-section .product-testimonial .customer-ratings {
        padding-right: 40px;
        margin-bottom: 20px;
        color: #666;
        font-size: 14px;
        font-family: "poppinsmedium", sans-serif;
      }

      .product-detail-section
        .product-testimonial
        .customer-ratings
        .rating-count {
        font-family: "poppinsbold", sans-serif;
        color: #151515;
      }

      .product-detail-section .product-testimonial .product-review {
        padding-right: 40px;
      }

      .product-detail-section
        .product-testimonial
        .product-review
        .progress-group {
        margin: 0;
        padding: 0;
        list-style: none;
        margin-bottom: 70px;
      }

      .product-detail-section
        .product-testimonial
        .product-review
        .progress-group
        li {
        margin-bottom: 30px;
      }

      .product-detail-section
        .product-testimonial
        .product-review
        .progress-group
        li:last-child {
        margin-bottom: 0;
      }

      .product-detail-section
        .product-testimonial
        .product-review
        .progress-group
        li
        span {
        font-size: 14px;
        font-family: "poppinssemibold", sans-serif;
        white-space: nowrap;
        color: #151515;
        line-height: 1;
        display: inline-block;
      }

      @media (min-width: 992px) and (max-width: 1400px) {
        .product-detail-section
          .product-testimonial
          .product-review
          .progress-group
          li
          span {
          font-size: 14px;
        }
      }

      .product-detail-section
        .product-testimonial
        .product-review
        .progress-group
        li
        .progress {
        background: #f4f4f4;
        border-radius: 8px;
        height: 5px;
        width: 80%;
        margin: 0px 10px;
      }

      @media (min-width: 992px) and (max-width: 1400px) {
        .product-detail-section
          .product-testimonial
          .product-review
          .progress-group
          li
          .progress {
          width: 70%;
        }
      }

      .product-detail-section
        .product-testimonial
        .product-review
        .progress-group
        li
        .progress
        .progress-bar {
        background: #f7b808;
        border-radius: 8px;
        height: 5px;
      }

      .product-detail-section .product-testimonial .review-topbar {
        background-color: #f8f8fa !important;
        padding-left: 20px;
        padding-right: 20px;
        color: #151515 !important;
        margin-bottom: 30px;
      }

      .product-detail-section
        .product-testimonial
        .review-topbar
        .search-by-brand {
        background-color: #fff;
        border-radius: 10px;
        display: flex;
        align-items: center;
      }

      .product-detail-section
        .product-testimonial
        .review-topbar
        .search-by-brand
        .input-group-text {
        width: 40px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .product-detail-section
        .product-testimonial
        .review-topbar
        .search-by-brand
        input[type="text"] {
        border: none;
        font-size: 14px;
        padding-left: 0px;
      }

      .product-detail-section
        .product-testimonial
        .review-topbar
        .order-detail-breadcrumb {
        font-size: 14px;
        font-family: "poppinsmedium", sans-serif;
      }

      .product-detail-section
        .product-testimonial
        .review-topbar
        .order-detail-breadcrumb
        span {
        font-size: 14px !important;
        font-family: "poppinsmedium", sans-serif;
      }

      .product-detail-section
        .product-testimonial
        .review-topbar
        .order-detail-breadcrumb
        .dropdown-toggle {
        line-height: 27px;
        border: none !important;
        padding: 0px !important;
      }

      .product-detail-section
        .product-testimonial
        .review-topbar
        .order-detail-breadcrumb
        .dropdown-toggle:after {
        content: "";
        font-family: "font awesome 6 free";
        font-size: 12px;
        color: #151515 !important;
        transform: none;
        border: none;
        margin-left: 7px;
        margin-top: 6px !important;
        line-height: 10px !important;
        vertical-align: top;
      }

      .product-detail-section
        .product-testimonial
        .review-topbar
        .order-detail-breadcrumb
        .dropdown-menu {
        padding: 0px !important;
        left: auto;
        right: 0;
      }

      .product-detail-section
        .product-testimonial
        .review-topbar
        .order-detail-breadcrumb
        .dropdown-menu
        .dropdown-item {
        font-size: 14px !important;
        cursor: pointer;
        font-family: "poppinsmedium", sans-serif, sans-serif !important;
      }

      .product-detail-section
        .product-testimonial
        .review-topbar
        .order-detail-breadcrumb
        .dropdown-menu
        .dropdown-item.active,
      .product-detail-section
        .product-testimonial
        .review-topbar
        .order-detail-breadcrumb
        .dropdown-menu
        .dropdown-item:hover {
        background-color: #f7b808 !important;
        color: #fff !important;
      }

      .product-detail-section
        .product-testimonial
        .review-topbar
        .order-detail-breadcrumb
        .dropdown-menu
        .dropdown-item:first-child {
        border-radius: 5px 5px 0px 0px !important;
      }

      .product-detail-section
        .product-testimonial
        .review-topbar
        .order-detail-breadcrumb
        .dropdown-menu
        .dropdown-item:last-child {
        border-radius: 0px 0px 5px 5px !important;
      }

      .product-detail-section .product-testimonial .review-topbar .review-form {
        padding: 25px;
        border-radius: 10px;
        border: solid 1px #eee;
        margin-top: 30px;
      }

      .product-detail-section
        .product-testimonial
        .review-topbar
        .review-form
        h2 {
        font-family: "poppinssemibold", sans-serif !important;
        white-space: normal !important;
      }

      .product-detail-section
        .product-testimonial
        .review-topbar
        .review-form
        .heading {
        margin: 15px 0px;
        display: block;
        color: #151515;
        padding: 5px 10px;
        background: #eee;
        border-radius: 5px;
        font-size: 14px;
      }

      .product-detail-section
        .product-testimonial
        .review-topbar
        .review-form
        .rating-container
        .rating-stars {
        font-size: 16px;
      }

      .product-detail-section
        .product-testimonial
        .review-topbar
        .review-form
        .review-title {
        font-family: "poppinssemibold", sans-serif;
      }

      .product-detail-section .product-testimonial .customer-detail {
        display: flex;
      }

      .product-detail-section
        .product-testimonial
        .customer-detail
        .customer-image {
        margin-right: 30px;
        height: 71px;
        width: 71px;
        border-radius: 4px;
        overflow: hidden;
      }

      .product-detail-section
        .product-testimonial
        .customer-detail
        .customer-image
        img {
        border: solid 1px #eee;
        height: auto;
        width: 100%;
        border-radius: 4px;
        max-height: 100%;
        border-radius: 4px;
      }

      .product-detail-section .product-testimonial .name {
        word-break: break-word;
        font-size: 14px;
        font-family: "poppinsbold", sans-serif;
        margin-bottom: 5px;
        text-transform: capitalize;
      }

      .product-detail-section .product-testimonial .date {
        color: #666;
        font-family: "poppinsmedium", sans-serif;
        font-family: "Poppins", sans-serif;
        font-size: 13px;
        word-break: break-word;
        margin-top: 5px;
      }

      .product-detail-section .product-testimonial .rating-container {
        line-height: 1;
        position: relative;
      }

      .product-detail-section
        .product-testimonial
        .rating-container
        .rating-stars {
        font-size: 12px;
      }

      .product-detail-section .product-testimonial .comment-heading {
        font-size: 14px;
        color: #151515;
        font-family: "poppinssemibold", sans-serif;
        margin-top: 10px;
        margin-bottom: 5px;
      }

      .product-detail-section .product-testimonial .comment-des {
        font-size: 14px;
        font-weight: normal !important;
        word-break: break-word;
      }

      .product-detail-section .product-testimonial .box-wrap .write-review {
        display: flex;
        align-items: cemter;
        justify-content: space-between;
        margin-bottom: 10px;
      }

      .product-detail-section
        .product-testimonial
        .box-wrap
        .write-review
        .heading {
        margin: 0px !important;
        padding: 0px;
        font-size: 22px !important;
        font-family: "poppinssemibold", sans-serif;
        color: #151515;
      }

      @media (min-width: 992px) and (max-width: 1400px) {
        .product-detail-section
          .product-testimonial
          .box-wrap
          .write-review
          .heading {
          font-size: 16px;
        }
      }

      .product-detail-section .product-testimonial .box-wrap .write-review i {
        font-size: 20px;
        color: #f7b808;
      }

      .product-detail-section .product-testimonial .box-wrap p {
        font-size: 14px;
        font-family: "poppinsregular", sans-serif;
        color: #666;
        margin: 5px 0 30px;
      }

      .product-detail-section .product-testimonial .box-wrap .btn {
        background: #333;
        border-radius: 6px;
        padding: 15px 10px !important;
        font-size: 14px;
        font-family: "poppinssemibold", sans-serif;
        color: #fff;
        max-width: 100%;
        min-width: 215px;
        line-height: 1;
      }

      @media (min-width: 992px) and (max-width: 1400px) {
        .product-detail-section .product-testimonial .box-wrap .btn {
          width: 222px;
          font-size: 14px;
          padding: 10px;
        }
      }

      .product-detail-section .product-testimonial .box-wrap .btn:focus {
        box-shadow: none;
      }

      .product-detail-section .product-testimonial .ub_product-review-section {
        padding: 0px 10px 0 10px !important;
        max-height: 550px !important;
        height: 100% !important;
        overflow: auto !important;
      }

      .product-detail-section
        .product-testimonial
        .ub_product-review-section::-webkit-scrollbar {
        width: 6px;
      }

      .product-detail-section
        .product-testimonial
        .ub_product-review-section::-webkit-scrollbar-track {
        background: #eee;
        border-radius: 10px;
      }

      .product-detail-section
        .product-testimonial
        .ub_product-review-section::-webkit-scrollbar-thumb {
        background-color: #ccc;
        border-radius: 10px;
      }

      .product-detail-section
        .product-testimonial
        .ub_product-review-section::-webkit-scrollbar-thumb:hover {
        background: #888;
      }

      @media (max-width: 575px) {
        .product-detail-section
          .product-testimonial
          .ub_product-review-section {
          padding: 0px;
        }
      }

      .product-detail-section
        .product-testimonial
        .ub_product-review-section
        .ub_reviewer-name {
        font-size: 16px;
        text-transform: uppercase;
        color: #151515;
        font-weight: 600;
        font-family:
          "Droid Arabic Kufi", "poppinssemibold", sans-serif !important;
      }

      @media (max-width: 420px) {
        .product-detail-section
          .product-testimonial
          .ub_product-review-section
          .ub_reviewer-name {
          font-size: 14px;
        }
      }

      .product-detail-section
        .product-testimonial
        .ub_product-review-section
        .ub_verified-icon {
        color: #1dc100;
        font-size: 14px;
      }

      .product-detail-section
        .product-testimonial
        .ub_product-review-section
        .ub_review-stars {
        color: #f7b808;
      }

      .product-detail-section
        .product-testimonial
        .ub_product-review-section
        .ub_product-review-list {
        border-bottom: 1px solid #eee !important;
        padding: 0px !important;
      }

      .product-detail-section
        .product-testimonial
        .ub_product-review-section
        .ub_product-review-list
        .view-more-text {
        color: #666;
        display: contents;
        font-size: 12px;
        text-transform: capitalize;
        font-weight: 600;
        cursor: pointer;
        font-family:
          "Droid Arabic Kufi", "poppinsmedium", sans-serif !important;
      }

      .product-detail-section
        .product-testimonial
        .ub_product-review-section
        .ub_product-review-list
        .ub-parent-review
        .ub_review-text {
        font-weight: 400;
        font-family:
          "Droid Arabic Kufi", "poppinsregular", sans-serif !important;
        width: 85%;
        display: block;
        display: -webkit-box;
        height: 43px !important;
        -webkit-line-clamp: inherit !important;
        -webkit-box-orient: inherit !important;
        overflow: hidden;
        text-overflow: ellipsis;
        position: relative;
        display: inline !important;
      }

      .product-detail-section
        .product-testimonial
        .ub_product-review-section
        .ub_product-review-list
        .ub_review-text {
        font-weight: 400;
        font-family:
          "Droid Arabic Kufi", "poppinsregular", sans-serif !important;
        line-height: 1.4;
        display: inline;
      }

      .product-detail-section
        .product-testimonial
        .ub_product-review-section
        .ub_product-review-list
        .ellipsis {
        display: inline;
      }

      .product-detail-section
        .product-testimonial
        .ub_product-review-section
        .ub_product-review-list
        .more-text {
        display: none;
      }

      .product-detail-section
        .product-testimonial
        .ub_product-review-section
        .ub_review-product-name {
        font-size: 14px;
        font-weight: 500;
        font-family:
          "Droid Arabic Kufi", "poppinsmedium", sans-serif !important;
        text-transform: capitalize;
      }

      @media (max-width: 420px) {
        .product-detail-section
          .product-testimonial
          .ub_product-review-section
          .ub_review-product-name {
          font-size: 13px;
        }
      }

      .product-detail-section
        .product-testimonial
        .ub_product-review-section
        .ub_review-text {
        font-weight: 400;
        font-family:
          "Droid Arabic Kufi", "poppinsregular", sans-serif !important;
        width: 85%;
        display: block;
        display: -webkit-box;
        height: 43px;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
      }

      @media (max-width: 992px) {
        .product-detail-section
          .product-testimonial
          .ub_product-review-section
          .ub_review-text {
          height: 40px;
        }
      }

      @media (max-width: 420px) {
        .product-detail-section
          .product-testimonial
          .ub_product-review-section
          .ub_review-text {
          font-size: 12px !important;
          height: 35px;
        }
      }

      .product-detail-section
        .product-testimonial
        .ub_product-review-section
        .ub_review-media
        ul {
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        flex-wrap: nowrap !important;
      }

      .product-detail-section
        .product-testimonial
        .ub_product-review-section
        .ub_review-media
        ul::-webkit-scrollbar {
        height: 4px;
      }

      .product-detail-section
        .product-testimonial
        .ub_product-review-section
        .ub_review-media
        ul::-webkit-scrollbar-track {
        background: #eee;
        border-radius: 10px;
      }

      .product-detail-section
        .product-testimonial
        .ub_product-review-section
        .ub_review-media
        ul::-webkit-scrollbar-thumb {
        background: #f7b808;
        border-radius: 4px;
      }

      .product-detail-section
        .product-testimonial
        .ub_product-review-section
        .ub_review-media
        ul
        .ub_review-media-more {
        font-size: 12px;
        font-weight: 400;
        text-decoration: underline;
        color: #151515;
        font-family:
          "Droid Arabic Kufi", "poppinsregular", sans-serif !important;
      }

      .product-detail-section
        .product-testimonial
        .ub_product-review-section
        .ub_review-media
        ul
        li {
        width: 100%;
        text-align: center;
        justify-content: center;
        height: 70px;
        max-width: 70px;
        overflow: hidden;
        display: flex;
        align-items: center;
        border: 1px solid #eee;
        border-radius: 4px;
        padding: 5px;
        flex: 0 0 auto;
        margin-bottom: 8px;
        position: relative;
        cursor: pointer;
        z-index: 1;
      }

      @media (max-width: 575px) {
        .product-detail-section
          .product-testimonial
          .ub_product-review-section
          .ub_review-media
          ul
          li {
          height: 60px;
          max-width: 60px;
        }
      }

      @media (max-width: 420px) {
        .product-detail-section
          .product-testimonial
          .ub_product-review-section
          .ub_review-media
          ul
          li {
          height: 55px;
          max-width: 55px;
        }
      }

      @media (max-width: 360px) {
        .product-detail-section
          .product-testimonial
          .ub_product-review-section
          .ub_review-media
          ul
          li {
          height: 40px;
          max-width: 40px;
        }
      }

      .product-detail-section
        .product-testimonial
        .ub_product-review-section
        .ub_review-media
        ul
        li.ub_review-videos::before {
        content: "";
        margin: 0px;
        height: 100%;
        width: 100%;
        border-radius: 4px;
        background: rgba(0, 0, 0, 0.2509803922);
        position: absolute;
        left: 0;
        top: 0;
        z-index: 9;
        right: 0;
        margin: auto;
      }

      .product-detail-section
        .product-testimonial
        .ub_product-review-section
        .ub_review-media
        ul
        li.ub_review-videos::after {
        content: "";
        font-family: "Font Awesome 6 Free";
        top: 50%;
        transform: translate(-50%, -50%);
        left: 50%;
        font-size: 16px;
        position: absolute;
        color: #fff;
        z-index: 10;
        width: fit-content;
        margin: auto;
      }

      .product-detail-section
        .product-testimonial
        .ub_product-review-section
        .ub_review-media
        ul
        li
        img {
        height: auto;
        width: auto;
        margin: 0px auto;
        max-width: 100%;
        max-height: 100%;
        object-fit: cover;
        display: block;
      }

      .product-detail-section
        .product-testimonial
        .ub_product-review-section
        .ub_review-media
        ul
        li
        video {
        height: auto;
        width: auto;
        margin: 0px auto;
        max-width: 100%;
        max-height: 100%;
        object-fit: cover;
        display: block;
      }

      .product-detail-section
        .product-testimonial
        .ub_product-review-section
        .ub_review-media
        ul
        li
        a {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
      }

      @media (max-width: 420px) {
        .product-detail-section
          .product-testimonial
          .ub_product-review-section
          .ub_review-media.mt-3 {
          margin-top: 0.5rem !important;
        }
      }

      .product-detail-section
        .product-testimonial
        .ub_product-review-section
        .ub_reviewer-profile {
        flex-shrink: 0;
        margin-right: 0.5rem !important;
        position: relative !important;
        height: inherit !important;
        border: none !important;
      }

      .product-detail-section
        .product-testimonial
        .ub_product-review-section
        .ub_reviewer-profile
        figure {
        width: auto;
        text-align: center;
        height: 35px;
        max-width: 35px;
        overflow: hidden;
        display: flex;
        align-items: center;
        border: 1px solid #eee;
        border-radius: 50%;
        margin-top: 10px !important;
      }

      @media (max-width: 420px) {
        .product-detail-section
          .product-testimonial
          .ub_product-review-section
          .ub_reviewer-profile
          figure {
          height: 40px;
          max-width: 40px;
        }
      }

      .product-detail-section
        .product-testimonial
        .ub_product-review-section
        .ub_reviewer-profile
        figure
        img {
        height: auto;
        width: auto;
        margin: 0px auto;
        max-width: 100%;
        max-height: 100%;
        object-fit: cover;
        display: block;
      }

      .product-detail-section
        .product-testimonial
        .ub_product-review-section
        .ub_reviewer-profile
        figure
        video {
        height: auto;
        width: auto;
        margin: 0px auto;
        max-width: 100%;
        max-height: 100%;
        object-fit: cover;
        display: block;
      }

      @media (max-width: 575px) {
        .product-detail-section
          .product-testimonial
          .ub_product-review-section
          .ub_review-product_details.mt-2 {
          margin-top: 0px !important;
        }
      }

      .product-detail-section .product-testimonial .testimonial-slider {
        border-top: unset !important;
      }

      .product-detail-section
        .product-testimonial
        .testimonial-slider
        .card
        .card-header
        .card-title.ub-is-you {
        margin-top: 10px;
      }

      @media (max-width: 420px) {
        .product-detail-section
          .product-testimonial
          .testimonial-slider
          .card
          .card-body {
          padding-bottom: 10px !important;
        }
      }

      @media (max-width: 575px) {
        .product-detail-section .product-testimonial .testimonial-slider .date {
          font-size: 12px !important;
        }
      }

      .product-detail-section
        .product-testimonial
        .ub_video-reviewer_user::before {
        content: "";
        height: 100%;
        width: 100%;
        border-radius: 4px;
        background: rgba(0, 0, 0, 0.2509803922);
        position: absolute;
        left: 0;
        top: 0;
        z-index: 9;
        right: 0;
        margin: auto;
        pointer-events: none;
      }

      .product-detail-section
        .product-testimonial
        .ub_video-reviewer_user::after {
        content: "";
        font-family: "Font Awesome 6 Free";
        top: 50%;
        transform: translate(-50%, -50%);
        left: 50%;
        font-size: 16px;
        position: absolute;
        color: #fff;
        z-index: 10;
        width: fit-content;
        margin: auto;
        pointer-events: none;
      }

      .product-detail-section
        .what-stands-out
        .what-stands-out-content
        .stands-out-content {
        border-radius: 15px;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 1px 10px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 20px 20px;
      }

      .product-detail-section
        .what-stands-out
        .what-stands-out-content
        .feature {
        font-size: 16px;
        color: #151515;
        font-family: "poppinssemibold", sans-serif;
        margin-bottom: 5px;
      }

      .product-detail-section
        .what-stands-out
        .what-stands-out-content
        .description {
        font-size: 14px;
        color: #666;
        font-family: "poppinsregular", sans-serif;
      }

      @media (max-width: 992px) {
        .product-detail-section
          .what-stands-out
          .what-stands-out-content
          .description {
          font-size: 12px;
        }
      }

      .product-detail-section .who-should-buy .pros-cons .pros ul li .para {
        font-size: 16px;
        color: #151515;
        font-family: "poppinssemibold", sans-serif;
      }

      .product-detail-section .who-should-buy .pros-cons .pros ul li p {
        font-size: 14px;
        font-family: "poppinsregular", sans-serif;
        color: #464646;
        line-height: 1.5;
        margin: 3px 0px 15px 0px;
      }

      .product-detail-section .who-should-buy .pros-cons .cons ul li .para {
        font-size: 16px;
        color: #151515;
        font-family: "poppinssemibold", sans-serif;
      }

      .product-detail-section .who-should-buy .pros-cons .cons ul li p {
        font-size: 14px;
        font-family: "poppinsregular", sans-serif;
        color: #464646;
        line-height: 1.5;
        margin: 3px 0px 15px 0px;
      }

      .product-detail-section .top-selling-data-table .full-table table {
        width: 100%;
        max-width: 1000px;
        border-collapse: collapse;
        font-size: 14px;
        text-align: left;
        background: #fff;
        color: #464646;
        box-shadow: 0 10px 15px rgba(0, 0, 0, 0.08);
        overflow: hidden;
      }

      .product-detail-section .top-selling-data-table .full-table table thead {
        background: #e5e5e5;
        color: #151515;
      }

      .product-detail-section .top-selling-data-table .full-table table th {
        padding: 10px 20px;
        font-size: 14px;
      }

      .product-detail-section
        .top-selling-data-table
        .full-table
        table
        th
        .table-title {
        color: #151515 !important;
        font-family: "poppinssemibold";
        font-weight: unset !important;
        font-size: 14px;
        white-space: nowrap;
      }

      .product-detail-section .top-selling-data-table .full-table table td {
        padding: 10px 20px;
        border-bottom: 1px solid #ddd;
        font-weight: 500;
        font-size: 13px;
      }

      .product-detail-section
        .top-selling-data-table
        .full-table
        table
        td
        a.fa-eye {
        color: #f7b808;
      }

      .product-detail-section
        .top-selling-data-table
        .full-table
        table
        td
        .visit-btn {
        background: #f7b808;
        border: none;
        padding: 5px 17px;
        font-size: 13px;
        font-family: "poppinssemibold";
        border-radius: 3px;
      }

      .product-detail-section
        .top-selling-data-table
        .full-table
        table
        tbody
        tr:nth-child(even) {
        background: #f6f6f6;
      }

      .product-detail-section
        .top-selling-data-table
        .full-table
        table
        tbody
        tr:hover {
        background: #fff6e5;
        transition: 0.2s ease-in-out;
      }

      .product-detail-section
        .top-selling-data-table
        .full-table
        table
        tbody
        tr
        .table-product-image {
        width: 100px;
        text-align: center;
      }

      .product-detail-section
        .top-selling-data-table
        .full-table
        table
        tbody
        tr
        .table-product-image
        img {
        max-width: 70px;
        max-height: 70px;
        height: 70px;
        width: 100%;
        border: 1px solid #e3e3e3;
        padding: 7px;
        border-radius: 3px;
        background: #fff;
        object-fit: contain;
      }

      .product-detail-section
        .top-selling-data-table
        .full-table
        table
        tbody
        tr
        .table-product-image
        a {
        display: inline-block;
      }

      .product-detail-section
        .top-selling-data-table
        .full-table
        table
        tbody
        tr
        td
        .brand-name {
        font-size: 12px;
        color: #151515;
        font-family: "poppinsbold";
      }

      .product-detail-section
        .top-selling-data-table
        .full-table
        table
        .table-product {
        color: #151515;
        text-decoration: none;
        font-family: "poppinsregular", sans-serif;
        font-size: 13px;
      }

      .product-detail-section
        .top-selling-data-table
        .full-table
        table
        .table-product:hover {
        text-decoration: underline;
        color: #d98a00;
      }

      .product-detail-section
        .top-selling-data-table
        .full-table
        table
        .table-product.price {
        font-family: "poppinsbold";
        color: #151515;
        white-space: nowrap;
        font-size: 14px;
        margin-top: 5px;
      }

      .product-detail-section
        .top-selling-data-table
        .full-table
        table
        .table-product.price:hover {
        text-decoration: none !important;
      }

      @media (max-width: 768px) {
        .product-detail-section .top-selling-data-table .full-table table {
          font-size: 12px;
        }

        .product-detail-section .top-selling-data-table .full-table th,
        .product-detail-section .top-selling-data-table .full-table td {
          padding: 8px 10px;
          font-size: 12px;
        }
      }

      .product-detail-section .last_update_date {
        font-family: "poppinsmedium";
        font-size: 14px;
        color: #555;
      }

      .product-detail-section .product-reviews .review-section .card-outline {
        font-family: "poppinssemibold";
      }

      .product-detail-section .ub_similar_items_desktop {
        --highlight-color: #f7b808;
        --text-color: #151515;
        --font-primary: "poppinsmedium", sans-serif;
        --font-bold: "poppinsbold", sans-serif;
        --font-semibold: "poppinssemibold", sans-serif;
      }

      .product-detail-section .ub_similar_items_desktop.product-table-wraper {
        width: 100%;
        margin: 0 auto;
        overflow: auto;
        display: flex;
        flex-direction: row;
      }

      .product-detail-section
        .ub_similar_items_desktop
        .similar-products-table {
        border-color: #ddd !important;
      }

      .product-detail-section
        .ub_similar_items_desktop
        .similar-products-table.second_item
        tbody
        td.border-none:first-child {
        background-color: #f8f8f8 !important;
      }

      .product-detail-section
        .ub_similar_items_desktop
        .similar-products-table.second_item
        tbody
        td:first-child {
        position: sticky;
        left: 0;
        z-index: 1;
        background-color: #fff;
        outline: 1px solid #ddd !important;
        border: 0 !important;
      }

      @media (max-width: 767px) {
        .product-detail-section
          .ub_similar_items_desktop
          .similar-products-table.second_item
          tbody
          td:first-child {
          position: relative !important;
        }
      }

      .product-detail-section
        .ub_similar_items_desktop
        .similar-products-table.second_item
        tbody
        td.highlight_section {
        outline: 1px solid #ddd !important;
        background-color: #f8f8f8 !important;
      }

      .product-detail-section
        .ub_similar_items_desktop
        .similar-products-table.second_item
        tbody
        td:nth-child(1) {
        border-right: 0 !important;
        border-bottom: 0 !important;
        padding: 15px !important;
        border-left: 0 !important;
        border-top: 1px solid #ddd !important;
        box-shadow: none !important;
      }

      .product-detail-section
        .ub_similar_items_desktop
        .similar-products-table.second_item
        tbody
        td:nth-child(1)
        .details-sec
        .view-product
        a {
        background-color: var(--highlight-color) !important;
        color: var(--text-color) !important;
      }

      .product-detail-section
        .ub_similar_items_desktop
        .similar-products-table
        td,
      .product-detail-section
        .ub_similar_items_desktop
        .similar-products-table
        th {
        padding: 17px 10px !important;
        border-width: 1px !important;
      }

      .product-detail-section
        .ub_similar_items_desktop
        .similar-products-table
        td {
        min-width: 250px;
        max-width: 250px;
      }

      .product-detail-section
        .ub_similar_items_desktop
        .similar-products-table
        th {
        min-width: 200px;
        background-color: #f8f8f8;
        font-family: var(--font-semibold);
      }

      .product-detail-section
        .ub_similar_items_desktop
        .similar-products-table.first_item
        .product-title {
        margin-top: 14px !important;
      }

      .product-detail-section
        .ub_similar_items_desktop
        .similar-products-table
        .product-img-wrap {
        width: 100px;
        height: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
      }

      .product-detail-section
        .ub_similar_items_desktop
        .similar-products-table
        .product-img-wrap
        img {
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
      }

      .product-detail-section
        .ub_similar_items_desktop
        .similar-products-table
        .product-title {
        font-size: 14px;
        font-family: var(--font-primary);
        color: var(--text-color);
        line-height: 20px;
        margin-top: 15px;
        height: 60px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-align: left;
      }

      .product-detail-section
        .ub_similar_items_desktop
        .similar-products-table
        .store-sec {
        margin: 15px 0 0.3rem 0;
        display: flex;
        align-items: center;
        font-size: 12px;
        color: #666;
        font-family: var(--font-primary);
        justify-content: flex-start;
      }

      .product-detail-section
        .ub_similar_items_desktop
        .similar-products-table
        .store-sec
        img {
        margin-right: 5px;
      }

      .product-detail-section
        .ub_similar_items_desktop
        .similar-products-table
        .view-product {
        margin-top: 15px;
      }

      .product-detail-section
        .ub_similar_items_desktop
        .similar-products-table
        .view-product
        a {
        display: inline-block;
        color: var(--text-color);
        background-color: var(--highlight-color);
        font-size: 13px;
        font-family: var(--font-semibold);
        padding: 5px 15px;
        border-radius: 5px;
        width: 100%;
        box-shadow: rgba(0, 0, 0, 0.05) 0 1px 2px;
      }

      .product-detail-section
        .ub_similar_items_desktop
        .similar-products-table
        .rating-sec {
        font-size: 13px;
        color: var(--text-color);
        font-family: var(--font-primary);
        padding: 15px 0;
      }

      .product-detail-section
        .ub_similar_items_desktop
        .similar-products-table
        .rating-sec
        .rating {
        border: 2px solid #ccc;
        padding: 3px 10px;
        border-radius: 15px;
      }

      .product-detail-section
        .ub_similar_items_desktop
        .similar-products-table
        .old-price {
        font-size: 13px;
        color: #eb0202;
        font-family: var(--font-primary);
        text-decoration: line-through;
      }

      .product-detail-section
        .ub_similar_items_desktop
        .similar-products-table
        .price {
        font-size: 16px;
        color: var(--text-color);
        font-family: var(--font-bold);
      }

      .product-detail-section
        .ub_similar_items_desktop
        .similar-products-table
        .deliver-date {
        font-size: 13px;
        color: #666;
        text-align: center;
      }

      .product-detail-section
        .ub_similar_items_desktop
        .fix-section
        .similar-products-table
        tbody
        td:nth-child(1) {
        border: 1px solid var(--highlight-color);
        border-right: 2px solid var(--highlight-color);
        border-bottom: 2px solid var(--highlight-color);
        border-left: 2px solid var(--highlight-color);
        padding: 15px !important;
        box-shadow: none;
      }

      .product-detail-section
        .ub_similar_items_desktop
        .fix-section
        .similar-products-table
        tbody
        td:nth-child(1)
        .details-sec
        .price {
        font-size: 16px;
        color: var(--text-color);
        font-family: var(--font-bold);
        display: flex;
        align-items: center;
        justify-content: flex-start;
      }

      .product-detail-section
        .ub_similar_items_desktop
        .fix-section
        .similar-products-table
        tbody
        td:nth-child(1)
        .details-sec
        .view-product
        .current_product {
        display: inline-block;
        color: #fff;
        font-size: 13px;
        background-color: var(--text-color);
        font-family: var(--font-semibold);
        padding: 5px 15px;
        border-radius: 5px;
        width: 100%;
        box-shadow: rgba(0, 0, 0, 0.05) 0 1px 2px;
      }

      .product-detail-section
        .ub_similar_items_desktop
        .fix-section
        .similar-products-table
        tbody
        td.border-none:nth-child(1) {
        border: 1px solid #ddd;
        border-right: 2px solid #eee;
        border-bottom: 2px solid #eee;
        padding: 15px !important;
        box-shadow: none !important;
        background-color: #f8f8f8;
      }

      .product-detail-section .ub_similar_items_desktop .scroll-section {
        overflow-x: auto !important;
        padding-bottom: 30px;
      }

      .product-detail-section
        .ub_similar_items_desktop
        .scroll-section::-webkit-scrollbar {
        height: 8px;
      }

      .product-detail-section
        .ub_similar_items_desktop
        .scroll-section::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 10px;
      }

      .product-detail-section
        .ub_similar_items_desktop
        .scroll-section::-webkit-scrollbar-thumb {
        background-color: #999;
        border-radius: 7px;
        border: 0 solid #f1f1f1;
      }

      .product-detail-section
        .ub_similar_items_desktop
        .scroll-section
        .similar-products-table
        tr:first-child
        td
        .details-sec {
        min-height: 285px;
      }

      @media (max-width: 1199px) {
        .product-detail-section .ub_similar_items_desktop .scroll-section {
          overflow-x: unset;
        }
      }

      .product-detail-section
        .ub_similar_items_desktop
        .u-color-swatch-outer-circle
        .u-select-color-option {
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        height: 23px;
        width: 23px;
        box-sizing: border-box;
      }

      .product-detail-section
        .ub_similar_items_desktop
        .u-color-swatch-outer-circle
        .u-select-color-option:hover,
      .product-detail-section
        .ub_similar_items_desktop
        .u-color-swatch-outer-circle
        .u-select-color-option.active {
        border: 1px solid var(--text-color);
      }

      .product-detail-section
        .ub_similar_items_desktop
        .u-color-swatch-outer-circle
        .u-color-swatch-pad
        .u-color-swatch-inner-circle {
        display: inline-block;
        border-radius: 50%;
        height: 17px;
        width: 17px;
        border: 1px solid rgba(0, 0, 0, 0.2);
        box-sizing: border-box;
      }

      .product-detail-section
        .ub_similar_items_desktop
        .u-color-swatch-outer-circle
        .u-color-swatch-pad
        .u-color-swatch-inner-more {
        color: gray;
        font-size: 18px;
        text-decoration-color: gray !important;
      }

      .product-detail-section
        .ub_similar_items_desktop
        .goos-tag-product.brand {
        font-size: 12px;
        color: var(--text-color);
        font-family: var(--font-semibold);
        margin: 0;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        text-align: end;
        max-width: 100px;
        line-height: 1.3;
      }

      .move-up-cursor .go-top {
        right: 30px;
        bottom: 30px;
      }

      .important-info {
        background: #f8f8fa;
      }

      .important-info ul {
        padding: 0px;
      }

      .important-info ul li {
        position: relative;
        padding: 2px 13px;
        word-break: break-word;
        font-size: 14px;
        background-color: #f8f8fa;
        color: #151515;
        font-family: "poppinsregular", sans-serif;
        margin: 10px 0px;
      }

      .important-info ul li:before {
        content: "";
        position: absolute;
        left: 0;
        width: 5px;
        height: 5px;
        background: #c4c4c4;
        border-radius: 50%;
        top: 11px;
        margin: auto;
      }

      .important-info ul li:last-child {
        margin-bottom: 0px;
      }

      .rating-container .rating-stars {
        position: relative;
        cursor: pointer;
        vertical-align: middle;
        display: inline-block;
        overflow: hidden;
        white-space: nowrap;
      }

      .rating-container .rating-input {
        position: absolute;
        cursor: pointer;
        width: 100%;
        height: 1px;
        bottom: 0;
        left: 0;
        font-size: 1px;
        border: none;
        background: 0 0;
        opacity: 0;
        padding: 0;
        margin: 0;
      }

      .rating-container .star {
        display: inline-block;
        margin: 0 2px;
        text-align: center;
      }

      .rating-container .empty-stars {
        color: #ccc !important;
      }

      .rating-container .filled-stars {
        position: absolute;
        left: 0;
        top: 0;
        margin: auto;
        color: #f7b808;
        white-space: nowrap;
        overflow: hidden;
      }

      .rating-container .clear-rating {
        color: #aaa;
        cursor: not-allowed;
        display: inline-block;
        vertical-align: middle;
        font-size: 60%;
        padding-right: 5px;
      }

      .rating-container .caption {
        color: #999;
        display: inline-block;
        vertical-align: middle;
        line-height: 1;
        margin-left: 5px;
        margin-right: 0;
      }

      .rating-container .caption .label {
        display: inline-block;
        padding: 0.25em 0.4em;
        line-height: 1;
        text-align: center;
        vertical-align: baseline;
        border-radius: 0.25rem;
        color: #fff !important;
      }

      .rating-container .caption .label.label-danger {
        background-color: #dc3545 !important;
      }

      .rating-container .caption .label.label-warning {
        background-color: #ffc107 !important;
      }

      .rating-container .caption .label.label-info {
        background-color: #17a2b8 !important;
      }

      .rating-container .caption .label.label-primary {
        background-color: #007bff !important;
      }

      .rating-container .caption .label.label-success {
        background-color: #28a745 !important;
      }

      .rating-container.is-display-only .rating-input,
      .rating-container.is-display-only .rating-stars {
        cursor: default;
      }

      .rating-disabled .rating-input,
      .rating-disabled .rating-stars {
        cursor: not-allowed;
      }

      .rating-rtl {
        float: right;
      }

      .rating-rtl .filled-stars {
        left: auto;
        right: 0;
        transition: none;
        -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
        transform: matrix(-1, 0, 0, 1, 0, 0);
      }

      .rating-rtl.is-star .filled-stars {
        right: 0.06em;
      }

      .rating-rtl.is-heart .empty-stars {
        margin-right: 0.07em;
      }

      .rating-rtl .caption {
        margin-right: 5px;
        margin-left: 0;
      }

      .rating-animate .filled-stars {
        transition: width 0.25s ease;
      }

      .clear-rating-active {
        cursor: pointer !important;
      }

      .clear-rating-active:hover {
        color: #843534;
      }

      .feedback-notice-btn {
        position: fixed;
        left: 20px;
        bottom: 20px;
        box-shadow: 0px 0px 15px #ccc;
        z-index: 99 !important;
      }

      .product-not-found .page-not-found-img {
        max-width: 300px;
        width: 90%;
      }

      .product-not-found .page-not-found-content {
        margin-top: 45px;
      }

      @media (max-width: 576px) {
        .product-not-found .page-not-found-content {
          margin-top: 10px;
        }
      }

      .product-not-found .page-not-found-content p.page-heading {
        font-size: 16px;
        line-height: normal;
        color: #151515;
        font-family: "poppinssemibold", sans-serif;
        margin-bottom: 10px;
        text-transform: uppercase;
        margin-top: 0px;
        font-size: 14px;
      }

      .product-not-found .page-not-found-content p.page-heading strong {
        display: block;
        font-family: "poppinsbold", sans-serif;
        font-size: 30px;
        display: block;
        color: #f7b808;
        font-size: 24px;
      }

      .product-not-found .page-not-found-content .listing {
        margin: 10px 0;
      }

      .product-not-found .page-not-found-content .listing .heading {
        color: #666;
        font-size: 18px;
        margin: 10px 0px;
        font-size: 13px;
      }

      .product-not-found .page-not-found-content .listing ul {
        margin: 0px;
        padding: 0px;
      }

      .product-not-found .page-not-found-content .listing ul li {
        color: #999;
        padding-left: 15px;
        position: relative;
        font-family: "poppinsregular", sans-serif;
        margin-bottom: 10px;
      }

      .product-not-found .page-not-found-content .listing ul li:before {
        position: absolute;
        left: 0px;
        top: 8px;
        width: 4px;
        height: 4px;
        background-color: #f7b808;
        content: "";
        border-radius: 50%;
      }

      .product-not-found .product-card .product-image img {
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
      }

      .product-not-found .product-like .swiper-button-prev::after {
        display: none;
      }

      .product-not-found .product-like .swiper-button-next::after {
        display: none;
      }

      .product-slider .owl-nav .owl-prev,
      .product-thumbnail-slider .owl-nav .owl-prev {
        left: -10px !important;
      }

      .product-slider .owl-nav .owl-next,
      .product-thumbnail-slider .owl-nav .owl-next {
        right: -10px !important;
      }

      .nutritionist-take p {
        font-family: "poppinsregular", sans-serif;
        font-size: 14px;
        color: #151515;
        border-left: 4px solid #f7b808;
        padding-left: 10px;
      }

      .detail-section .search-related-products_list .store_promotion_banner_hr {
        display: flex;
        justify-content: center;
        margin-bottom: 20px;
        margin-top: 20px;
      }

      .detail-section .search-related-products_list .product-inner-list {
        margin: 0px !important;
        padding: 0px !important;
      }

      .detail-section
        .search-related-products_list
        .product-inner-list
        .product-card {
        border-radius: 0px;
      }

      .detail-section
        .search-related-products_list
        .product-inner-list
        .product-card
        .product-store
        .brand_name {
        width: 47%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: end;
      }

      @media (max-width: 1330px) {
        .detail-section
          .search-related-products_list
          .product-inner-list
          .product-card
          .product-store
          .brand_name {
          width: 37%;
        }
      }

      .detail-section
        .search-related-products_list
        .product-inner-list
        .product-card
        .product-store
        .brand_name
        .goos-tag-product {
        font-size: 13px;
        color: #151515;
      }

      @media (max-width: 1330px) {
        .detail-section
          .search-related-products_list
          .product-inner-list
          .product-card
          .product-store
          .brand_name
          .goos-tag-product {
          font-size: 12px;
        }
      }

      .detail-section .out_of_stock_section {
        padding-top: 20px;
        font-family: poppinssemibold, sans-serif;
      }

      .detail-section .out_of_stock_section .product-img {
        width: 200px;
        height: 200px;
        overflow: hidden;
        margin-right: 30px;
        padding: 20px;
        border: 1px solid #ece9e9;
        border-radius: 5px;
      }

      @media screen and (max-width: 1200px) {
        .detail-section .out_of_stock_section .product-img {
          width: 170px;
          height: 160px;
          padding: 16px;
          margin-right: 18px;
        }
      }

      .detail-section .out_of_stock_section .product-img img {
        width: 100%;
        height: 100%;
        object-fit: contain;
      }

      .detail-section .out_of_stock_section .detail_section {
        width: calc(100% - 230px);
      }

      @media screen and (max-width: 1200px) {
        .detail-section .out_of_stock_section .detail_section {
          width: calc(100% - 198px);
        }
      }

      .detail-section .out_of_stock_section .detail_section a {
        font-size: 14px;
        color: #555;
        font-weight: 800;
        line-height: normal;
      }

      @media screen and (max-width: 575px) {
        .detail-section .out_of_stock_section .detail_section a {
          font-size: 12px;
          margin-bottom: 3px;
        }
      }

      .detail-section .out_of_stock_section .detail_section h1 {
        font-size: 16px;
        font-family: poppinsmedium, sans-serif;
        color: #000;
        line-height: 24px;
        margin-bottom: 16px;
        max-width: 718px;
      }

      @media screen and (max-width: 1400px) {
        .detail-section .out_of_stock_section .detail_section h1 {
          max-width: 540px;
        }
      }

      @media screen and (max-width: 1200px) {
        .detail-section .out_of_stock_section .detail_section h1 {
          max-width: 540px;
        }
      }

      .detail-section .out_of_stock_section .stock_text_wrp {
        gap: 12px;
        flex-direction: column-reverse;
      }

      .detail-section .out_of_stock_section .stock_text_wrp .text {
        font-size: 14px;
        font-weight: 600;
        line-height: normal;
        color: #000;
      }

      .detail-section .out_of_stock_section .stock_text_wrp .text span {
        color: #b31000 !important;
        margin-left: 6px !important;
      }

      .detail-section .out_of_stock_section .stock_text_wrp button {
        border: 0;
        background-color: #f7b808;
        padding: 8px 30px;
        font-size: 14px;
        font-weight: 600;
        color: #333;
        border-radius: 5px;
      }

      .detail-section .out_of_stock_section .stock_text_wrp .notifyme-form {
        padding-bottom: 0 !important;
        margin-top: 0 !important;
      }

      .detail-section .out_of_stock_section .stock_text_wrp .stock_flag {
        width: 100%;
        max-width: 575px;
      }

      @media screen and (max-width: 1200px) {
        .detail-section .out_of_stock_section .stock_text_wrp .stock_flag {
          max-width: auto;
        }
      }

      @media screen and (max-width: 1200px) {
        .detail-section .out_of_stock_section .stock_text_wrp .oos_pro {
          display: none !important;
        }
      }

      .detail-section .out_of_stock_section .oos_stock_sticky {
        display: none !important;
      }

      @media screen and (max-width: 1200px) {
        .detail-section .out_of_stock_section .oos_stock_sticky.scrolled {
          display: flex !important;
          position: fixed;
          bottom: 0;
          z-index: 1;
          width: 100%;
          padding: 9px 12px;
          left: 0;
          right: 0;
          border-top: 1px solid #eee;
        }

        .detail-section .out_of_stock_section .oos_stock_sticky.scrolled span {
          width: 50%;
          display: inline-block;
          text-align: center;
          font-size: 17px !important;
          font-family: poppinsregular, sans-serif;
          color: red;
          margin-bottom: 0 !important;
        }

        .detail-section
          .out_of_stock_section
          .oos_stock_sticky.scrolled
          button {
          width: 50%;
          display: inline-block;
          text-align: center;
          padding: 9px 20px;
          font-size: 16px;
        }
      }

      @media screen and (max-width: 1200px) {
        .detail-section .out_of_stock_section {
          margin-bottom: 40px;
        }
      }

      .breadcrumb .breadcrumb-item a {
        cursor: pointer !important;
      }

      .shipping-benefits .modal-dialog {
        width: auto;
        max-width: 600px !important;
        top: 20%;
      }

      .shipping-benefits .modal-dialog .modal-content {
        background-color: #fff;
        position: relative;
        z-index: 1050;
        padding: 30px;
        border: 1px solid #f3f3f3;
        border-radius: 10px;
      }

      .shipping-benefits .modal-dialog .modal-content .btn-close {
        opacity: 1;
        margin-left: auto;
        background: rgba(0, 0, 0, 0);
        font-size: 20px;
        display: flex;
        justify-content: end;
      }

      .shipping-benefits .modal-dialog .modal-content .btn-close:focus {
        box-shadow: none;
      }

      .shipping-benefits .modal-dialog .modal-content .bolt-sign {
        font-size: 23px;
        color: #f7b808;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        margin-right: 10px;
      }

      .shipping-benefits .modal-dialog .modal-content .submit-btn {
        background-color: #f7b808;
        color: #fff;
        font-family: "poppinssemibold", sans-serif;
        border: none;
        border-radius: 5px;
        padding: 5px 20px;
      }

      .shipping-benefits
        .modal-dialog
        .modal-content
        .validatewrap
        .form-control {
        padding: 8px 10px;
        font-size: 12px;
      }

      .shipping-benefits .modal-dialog .modal-content .validatewrap:focus {
        border-color: #e0e0e0 !important;
        box-shadow: none !important;
      }

      .shipping-benefits .modal-dialog .modal-header {
        border-bottom: 0px;
        align-items: center;
        padding: 0px;
      }

      .shipping-benefits .modal-dialog .modal-header .heading-wrap {
        border-bottom: 1px solid #efefef;
        width: 100%;
        display: flex;
        align-items: center;
        padding-bottom: 10px;
      }

      .shipping-benefits .modal-dialog .wrapper .progress-bar-container {
        height: 5px;
        background-color: #eee;
        width: 100%;
        margin-top: 10px;
        border-radius: 5px;
      }

      .shipping-benefits
        .modal-dialog
        .wrapper
        .progress-bar-container
        .progress-bar {
        background-color: #f7b808;
        height: 5px;
        border-radius: 5px;
      }

      .shipping-benefits .modal-dialog .modal-footer {
        border-top: 0px;
        padding: 0px;
        justify-content: flex-start;
      }

      .shipping-benefits .modal-dialog .modal-footer .cart {
        font-size: 22px;
        color: #f7b808;
      }

      .shipping-benefits .modal-dialog .modal-footer .unlock-shipping {
        font-size: 16px;
        font-family: "poppinssemibold", sans-serif;
        color: #464646;
        border-radius: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .shipping-benefits .modal-dialog .modal-title {
        display: flex;
        font-family: "poppinssemibold", sans-serif !important;
        font-size: 20px;
      }

      .shipping-benefits .modal-dialog .shipping-add-more {
        font-size: 15px;
        font-family: "poppinsmedium", sans-serif;
        color: #464646;
        line-height: 21px;
      }

      .shipping-benefits .modal-dialog .shipping-add-more span {
        color: #f7b808;
        font-family: "poppinsbold", sans-serif;
        font-size: 16px;
      }

      .shipping-benefits .modal-dialog .modal-body {
        padding: 0px;
      }

      .shipping-benefits .modal-dialog .modal-body .benifits {
        background: #f7f7f7;
        border-radius: 10px;
        padding: 20px;
        margin: 30px 0px 0px 0px;
        flex-wrap: wrap !important;
      }

      .shipping-benefits .modal-dialog .modal-body .benifits .benifit-icon {
        font-size: 22px;
        color: #f7b808;
      }

      .shipping-benefits
        .modal-dialog
        .modal-body
        .benifits
        .express-shipping-content {
        font-size: 15px;
        color: #464646;
        font-family: "poppinssemibold", sans-serif;
      }

      .shipping-benefits
        .modal-dialog
        .modal-body
        .benifits
        .express-shipping-content
        span {
        font-size: 14px;
      }

      .shipping-benefits .modal-dialog .modal-body .benifits .content {
        font-size: 16px;
        color: #585858;
        font-family: "poppinssemibold", sans-serif;
        display: flex;
        align-items: center;
      }

      .shipping-benefits .modal-dialog .modal-body .benifits .content i {
        color: #000;
        font-size: 14px;
        margin-left: 12px;
      }

      .shipping-benefits
        .modal-dialog
        .modal-body
        .benifits
        .content
        .shipping-types {
        font-size: 15px;
        color: #151515;
        font-family: "poppinsbold", sans-serif;
        margin-left: 10px;
      }

      .shipping-benefits
        .modal-dialog
        .modal-body
        .benifits
        .content
        .shipping-types
        i {
        margin: 0px 7px;
      }

      .shipping-benefits
        .modal-dialog
        .modal-body
        .benifits
        #discounted-shipping
        span
        ins {
        margin-left: 5px;
      }

      .shipping-benefits .btn-close {
        z-index: 1060;
      }

      #shipping-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.7);
        display: none;
        z-index: 1040;
      }

      .card-body .christmas-note span {
        border: 2px solid #ff9041;
        display: block;
        font-size: 12px;
        font-family: "poppinsregular", sans-serif;
        padding: 7px 10px;
        background: #fffff3;
        border-radius: 5px;
        color: #333 !important;
      }

      .ubuy_home_bar .hello_content,
      .ubuy_home_bar .hellobar_content {
        font-family: "poppinssemibold";
      }

      .ubuy_home_bar .hello_content strong,
      .ubuy_home_bar .hellobar_content strong {
        font-family: "poppinsblack";
      }

      .country-change-popup .modal-body .popup-block span.btn {
        font-family: "poppinssemibold", sans-serif !important;
        font-weight: unset !important;
      }

      .country-change-popup .modal-body .content-sec {
        font-family: "poppinssemibold", sans-serif !important;
        font-weight: unset !important;
      }

      .addtocartmodal .modal-content .btn {
        padding: 10px 25px !important;
        font-family: "poppinssemibold";
        font-weight: unset;
      }

      .no-cls {
        min-height: auto;
        max-height: none;
        overflow-y: hidden;
        margin: 0px 10px 10px 0px;
      }

      @media (max-width: 1600px) {
        .no-cls {
          margin: 0px 15px 10px 0px;
        }
      }

      @media (max-width: 1450px) {
        .no-cls {
          margin: 0px 10px 10px 0px;
        }
      }

      @media (max-width: 1380px) {
        .no-cls {
          margin: 0px 18px 10px 0px;
        }
      }

      @media (max-width: 1260px) {
        .no-cls {
          margin: 0px 10px 10px 0px;
        }
      }

      .no-cls.hidden {
        display: none;
      }

      .variations-item {
        margin-bottom: 25px !important;
        border: 0.1px solid #eee;
        border-radius: 10px;
        padding: 10px 20px;
      }

      .variations-item .all-variations {
        max-height: 70px;
        overflow-y: auto;
        transition:
          max-height 0.9s ease-in-out,
          padding 5s ease-in-out !important;
      }

      @media (max-width: 1199px) {
        .variations-item .all-variations {
          max-height: 135px;
        }
      }

      .variations-item .all-variations.more {
        max-height: 300px !important;
        transition:
          max-height 1.5s ease-in-out,
          padding 8.5s ease-in-out !important;
      }

      @media (max-width: 768px) {
        .variations-item {
          padding: 10px 12px;
        }
      }

      .variations-item .select-size {
        top: 22px;
        width: 35%;
        display: flex;
        justify-content: end;
        align-items: center;
      }

      @media (max-width: 1199px) {
        .variations-item .select-size {
          top: 10px;
        }
      }

      @media (max-width: 768px) {
        .variations-item .select-size {
          top: 10px;
        }
      }

      .variations-item .select-size .size-chart {
        font-size: 13px;
        font-family: "poppinssemibold", sans-serif;
        color: #151515 !important;
        line-height: 1;
        background: rgba(0, 0, 0, 0);
        border: none;
        padding: 0;
        border-bottom: 1px solid #151515;
        padding-bottom: 3px;
      }

      @media (max-width: 1199px) {
        .variations-item .select-size .size-chart {
          font-size: 12px;
        }
      }

      .variations-item .veriations-options {
        margin-top: 0px !important;
      }

      .variations-item .veriations-options .radio-check {
        display: flex;
        flex-wrap: wrap;
      }

      .variations-item .variations-button::after {
        content: none !important;
      }

      .variations-item .variations-button strong {
        font-size: 14px;
        line-height: normal;
        margin-left: 0px !important;
      }

      @media (max-width: 768px) {
        .variations-item .variations-button strong {
          font-size: 12px;
        }
      }

      .variations-item .variations-button p {
        margin: 0px !important;
      }

      .variations-item .more-less {
        border-radius: 3px;
        text-align: center;
        font-size: 13px;
        font-weight: 600;
        color: #151515;
        margin: 0;
        cursor: pointer;
        text-align: left;
        position: relative;
      }

      .variations-item .more-less i {
        margin-left: 3px;
      }

      .variations-item::-webkit-scrollbar {
        width: 5px;
      }

      .variations-item::-webkit-scrollbar-track {
        background: #f0f0f0;
      }

      .variations-item::-webkit-scrollbar-thumb {
        background: #f7b808;
        border-radius: 4px;
      }

      .variations-item::-webkit-scrollbar-thumb:hover {
        background: #e68a00;
      }

      .product-slider.swiper {
        padding: 0px 1px;
      }

      .owlslider-product-slider.swiper {
        padding: 0px 1px;
      }

      .owl-internallinks-footer.swiper {
        padding: 4px 0px;
      }

      .main-slider-container .main-product-slider {
        display: flex;
        transition: transform 0.3s ease;
      }

      .main-slider-container .main-product-slider .swiper-slide {
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .main-slider-container .main-product-slider .swiper-slide img {
        height: auto;
        width: auto;
        max-height: 400px !important;
        max-width: 400px !important;
        cursor: crosshair;
      }

      .main-slider-container .main-product-slider .swiper-slide video {
        height: auto;
        width: auto;
        max-height: 400px !important;
        max-width: 400px !important;
        cursor: pointer;
      }

      .main-slider-container
        .main-product-slider
        .swiper-slide
        .zoom-container
        .zoom-image {
        width: 100%;
        height: 100%;
        transition: transform 0.1s ease;
        transform-origin: top left;
        object-fit: contain;
      }

      @media (max-width: 768px) {
        .main-slider-container
          .main-product-slider
          .swiper-slide
          .zoom-container
          .zoom-image {
          pointer-events: none;
        }
      }

      .main-slider-container
        .main-product-slider
        .swiper-slide
        .zoom-container
        .zoom-lens {
        position: absolute;
        pointer-events: none;
        display: none;
      }

      .thumbnail-container {
        width: 100%;
        margin: 25px 0px;
      }

      .thumbnail-container .swiper-slide {
        cursor: pointer;
        border-radius: 10px;
      }

      .thumbnail-container .swiper-slide.swiper-slide-thumb-active {
        border: 1px solid #f7b808;
      }

      .product-img-slider .swiper-button-next {
        width: 30px;
        height: 30px;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px solid #eee !important;
        background: #fff !important;
        top: var(--swiper-navigation-top-offset, 57%);
        right: var(--swiper-navigation-sides-offset, -15px);
      }

      .product-img-slider .swiper-button-next::after {
        display: none;
      }

      .product-img-slider .swiper-button-next::after.swiper-button-disabled i {
        color: #777;
      }

      .product-img-slider .swiper-button-next i {
        font-size: 12px !important;
        color: #333;
      }

      .product-img-slider .swiper-button-prev {
        width: 30px;
        height: 30px;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px solid #eee !important;
        background: #fff !important;
        top: var(--swiper-navigation-top-offset, 57%);
        left: var(--swiper-navigation-sides-offset, -15px);
      }

      .product-img-slider .swiper-button-prev::after {
        display: none;
      }

      .product-img-slider .swiper-button-prev::after.swiper-button-disabled i {
        color: #777;
      }

      .product-img-slider .swiper-button-prev i {
        font-size: 12px !important;
        color: #333;
      }

      .usp-slider-section {
        margin: 0 8px;
      }

      .usp-slider-section .swiper-button-next {
        width: 26px;
        height: 26px;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px solid #eee !important;
        background: #fff !important;
        top: var(--swiper-navigation-top-offset, 57%);
        right: var(--swiper-navigation-sides-offset, -20px);
        z-index: 0;
      }

      .usp-slider-section .swiper-button-next::after {
        display: none;
      }

      .usp-slider-section .swiper-button-next::after.swiper-button-disabled i {
        color: #777;
      }

      .usp-slider-section .swiper-button-next i {
        font-size: 10px !important;
        color: #333;
      }

      .usp-slider-section .swiper-button-prev {
        width: 26px;
        height: 26px;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px solid #eee !important;
        background: #fff !important;
        top: var(--swiper-navigation-top-offset, 57%);
        left: var(--swiper-navigation-sides-offset, -20px);
        z-index: 1;
      }

      .usp-slider-section .swiper-button-prev::after {
        display: none;
      }

      .usp-slider-section .swiper-button-prev::after.swiper-button-disabled i {
        color: #777;
      }

      .usp-slider-section .swiper-button-prev i {
        font-size: 10px !important;
        color: #333;
      }

      .usp-slider-section.swiper-button-next i {
        margin: 0 8px;
      }

      .related-products .swiper-button-next {
        width: 30px;
        height: 30px;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px solid #eee !important;
        background: #fff !important;
        top: var(--swiper-navigation-top-offset, 50%);
        right: var(--swiper-navigation-sides-offset, 0%);
      }

      .related-products .swiper-button-next::after {
        display: none;
      }

      .related-products .swiper-button-next::after.swiper-button-disabled i {
        color: #777;
      }

      .related-products .swiper-button-next i {
        font-size: 12px !important;
        color: #333;
      }

      .related-products .swiper-button-prev {
        width: 30px;
        height: 30px;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px solid #eee !important;
        background: #fff !important;
        top: var(--swiper-navigation-top-offset, 50%);
        left: var(--swiper-navigation-sides-offset, 0%);
      }

      .related-products .swiper-button-prev::after {
        display: none;
      }

      .related-products .swiper-button-prev::after.swiper-button-disabled i {
        color: #777;
      }

      .related-products .swiper-button-prev i {
        font-size: 12px !important;
        color: #333;
      }

      .swiper-interlink {
        padding: 4px 0px;
      }

      .swiper-interlink .swiper-slide {
        width: auto !important;
      }

      .swiper-interlink .swiper-button-next {
        width: 30px;
        height: 35px;
        border-radius: 0%;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 0 !important;
        background: linear-gradient(
          90deg,
          rgba(255, 255, 255, 0) 0%,
          rgb(255, 255, 255) 30%
        ) !important;
        top: var(--swiper-navigation-top-offset, 60%);
        right: var(--swiper-navigation-sides-offset, -10px);
      }

      @media (max-width: 1199px) {
        .swiper-interlink .swiper-button-next {
          left: var(--swiper-navigation-sides-offset, -10px) !important;
        }
      }

      .swiper-interlink .swiper-button-next::after {
        display: none;
      }

      .swiper-interlink .swiper-button-next::after.swiper-button-disabled i {
        color: #777;
      }

      .swiper-interlink .swiper-button-next i {
        font-size: 14px !important;
        color: #333;
      }

      .swiper-interlink .swiper-button-next.swiper-button-disabled {
        display: none !important;
      }

      .swiper-interlink .swiper-button-prev {
        width: 30px;
        height: 35px;
        border-radius: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 0 !important;
        background: linear-gradient(
          270deg,
          rgba(255, 255, 255, 0) -30%,
          rgb(255, 255, 255) 33%
        ) !important;
        top: var(--swiper-navigation-top-offset, 60%);
        left: var(--swiper-navigation-sides-offset, -10px);
      }

      @media (max-width: 1199px) {
        .swiper-interlink .swiper-button-prev {
          right: var(--swiper-navigation-sides-offset, -10px) !important;
        }
      }

      .swiper-interlink .swiper-button-prev::after {
        display: none;
      }

      .swiper-interlink .swiper-button-prev::after.swiper-button-disabled i {
        color: #777;
      }

      .swiper-interlink .swiper-button-prev i {
        font-size: 14px !important;
        color: #333;
      }

      .swiper-interlink .swiper-button-prev.swiper-button-disabled {
        display: none !important;
      }

      .interlink-swiper-two .swiper-slide {
        width: auto !important;
      }

      .interlink-swiper-two .swiper-slide .item.checking a {
        padding: 5px 15px;
        font-size: 13px;
        color: #666;
        border: solid 1px #999;
        border-radius: 50px;
        display: inline-block;
        font-family: "poppinssemibold", sans-serif;
      }

      .interlink-swiper-two .swiper-button-next {
        width: 30px;
        height: 35px;
        border-radius: 0%;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 0 !important;
        background: linear-gradient(
          90deg,
          rgba(255, 255, 255, 0) 0%,
          rgb(255, 255, 255) 30%
        ) !important;
        top: var(--swiper-navigation-top-offset, 60%);
        right: var(--swiper-navigation-sides-offset, -10px);
      }

      .interlink-swiper-two .swiper-button-next::after {
        display: none;
      }

      .interlink-swiper-two
        .swiper-button-next::after.swiper-button-disabled
        i {
        color: #777;
      }

      .interlink-swiper-two .swiper-button-next i {
        font-size: 14px !important;
        color: #333;
      }

      .interlink-swiper-two .swiper-button-next.swiper-button-disabled {
        display: none !important;
      }

      .interlink-swiper-two .swiper-button-prev {
        width: 30px;
        height: 35px;
        border-radius: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 0 !important;
        background: linear-gradient(
          270deg,
          rgba(255, 255, 255, 0) -30%,
          rgb(255, 255, 255) 33%
        ) !important;
        top: var(--swiper-navigation-top-offset, 60%);
        left: var(--swiper-navigation-sides-offset, -10px);
      }

      .interlink-swiper-two .swiper-button-prev::after {
        display: none;
      }

      .interlink-swiper-two
        .swiper-button-prev::after.swiper-button-disabled
        i {
        color: #777;
      }

      .interlink-swiper-two .swiper-button-prev i {
        font-size: 14px !important;
        color: #333;
      }

      .interlink-swiper-two .swiper-button-prev.swiper-button-disabled {
        display: none !important;
      }

      .payment-method-options.swiper {
        margin: 0 8px;
      }

      .show-more.active {
        display: block;
      }

      .show-more.inactive {
        display: none;
      }

      .swiper-wrapper {
        height: auto !important;
      }

      .variations-item ::-webkit-scrollbar {
        width: 5px;
      }

      .variations-item ::-webkit-scrollbar-track {
        background: #f0f0f0;
      }

      .variations-item ::-webkit-scrollbar-thumb {
        background: #f7b808;
        border-radius: 4px;
      }

      .variations-item ::-webkit-scrollbar-thumb:hover {
        background: #e68a00;
      }

      #related-products-carousel.product-slider .swiper-button-prev {
        width: 30px;
        height: 30px;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px solid #eee !important;
        background: #fff !important;
        top: var(--swiper-navigation-top-offset, 57%);
        left: var(--swiper-navigation-sides-offset, 0%);
      }

      #related-products-carousel.product-slider .swiper-button-prev::after {
        display: none;
      }

      #related-products-carousel.product-slider
        .swiper-button-prev::after.swiper-button-disabled
        i {
        color: #777;
      }

      #related-products-carousel.product-slider .swiper-button-prev i {
        font-size: 12px !important;
        color: #333;
      }

      #related-products-carousel.product-slider .swiper-button-next {
        width: 30px;
        height: 30px;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px solid #eee !important;
        background: #fff !important;
        top: var(--swiper-navigation-top-offset, 57%);
        right: var(--swiper-navigation-sides-offset, 0%);
      }

      #related-products-carousel.product-slider .swiper-button-next::after {
        display: none;
      }

      #related-products-carousel.product-slider
        .swiper-button-next::after.swiper-button-disabled
        i {
        color: #777;
      }

      #related-products-carousel.product-slider .swiper-button-next i {
        font-size: 12px !important;
        color: #333;
      }

      #also-viewed-products-carousel.product-slider .swiper-button-prev {
        width: 30px;
        height: 30px;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px solid #eee !important;
        background: #fff !important;
        top: var(--swiper-navigation-top-offset, 57%);
        left: var(--swiper-navigation-sides-offset, 0%);
      }

      #also-viewed-products-carousel.product-slider .swiper-button-prev::after {
        display: none;
      }

      #also-viewed-products-carousel.product-slider
        .swiper-button-prev::after.swiper-button-disabled
        i {
        color: #777;
      }

      #also-viewed-products-carousel.product-slider .swiper-button-prev i {
        font-size: 12px !important;
        color: #333;
      }

      #also-viewed-products-carousel.product-slider .swiper-button-next {
        width: 30px;
        height: 30px;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px solid #eee !important;
        background: #fff !important;
        top: var(--swiper-navigation-top-offset, 57%);
        right: var(--swiper-navigation-sides-offset, 0%);
      }

      #also-viewed-products-carousel.product-slider .swiper-button-next::after {
        display: none;
      }

      #also-viewed-products-carousel.product-slider
        .swiper-button-next::after.swiper-button-disabled
        i {
        color: #777;
      }

      #also-viewed-products-carousel.product-slider .swiper-button-next i {
        font-size: 12px !important;
        color: #333;
      }

      .swiper-button-lock {
        display: none !important;
      }

      .newsletter-subscription {
        background-image: url("https://www.mabosbet.cc/images/stay-connected.svg");
        background-repeat: no-repeat;
        display: block;
        margin: 0 auto;
        width: 100%;
        background-position: center;
        padding: 40px 0px 50px 0px;
        border-radius: 30px;
        background-size: cover;
      }

      .newsletter-subscription .content-sec {
        width: fit-content;
        margin: 0px auto;
        display: flex;
        align-items: center;
      }

      @media screen and (max-width: 992px) {
        .newsletter-subscription .content-sec {
          display: block;
        }
      }

      .newsletter-subscription .content-sec .col {
        position: relative;
      }

      .newsletter-subscription .stay-connected {
        position: relative;
        margin: 0px;
        line-height: 40px;
        font-size: 25px;
        font-family: "poppinsbold", sans-serif;
        margin-right: 50px;
      }

      .newsletter-subscription .stay-connected:before {
        width: 5px;
        height: 100%;
        background-color: #fbb828;
        position: absolute;
        left: -15px;
        top: 0px;
        content: "";
        display: block;
      }

      @media screen and (max-width: 992px) {
        .newsletter-subscription .stay-connected:before {
          content: none;
        }
      }

      @media screen and (max-width: 992px) {
        .newsletter-subscription .stay-connected {
          text-align: center;
          margin-bottom: 20px;
          margin-right: 0px;
        }
      }

      .newsletter-subscription .error {
        position: absolute;
        text-align: center;
        margin: 0px auto;
        left: 0;
        right: 0;
      }

      .newsletter-subscription .input-group {
        width: auto;
        align-items: center;
        max-width: 520px;
        width: 95%;
        margin: 0px auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: #fff !important;
        border-radius: 50px;
        border: solid 1px #ccc;
      }

      .newsletter-subscription .input-group input[type="text"] {
        border: none !important;
        background: none;
        width: 100%;
        font-size: 14px;
        font-family: "poppinsregular", sans-serif;
      }

      .newsletter-subscription .input-group .input-group-text {
        background-color: #f7b808;
        border-radius: 45px !important;
        color: #151515;
        max-height: 51px;
        cursor: pointer;
        overflow: hidden;
        background-color: #f7b808;
        border: 0px;
        color: #151515;
        display: flex;
        font-family: "poppinsblack", sans-serif;
        width: fit-content;
        align-items: center;
      }

      .newsletter-subscription .input-group .input-group-text input {
        background: none;
        border: none;
        padding: 10px 5px 10px 20px;
        height: 40px;
        line-height: 20px;
        font-family: "poppinssemibold", sans-serif;
        color: #151515;
        font-size: 16px;
      }

      @media screen and (max-width: 992px) {
        .newsletter-subscription .input-group .input-group-text input {
          font-size: 13px;
        }
      }

      .newsletter-subscription .input-group .input-group-text em {
        height: 50px;
        display: flex;
        align-items: center;
        font-size: 17px;
        color: #151515;
        justify-content: end;
        width: 20px;
        margin-right: 20px;
      }

      @media screen and (max-width: 992px) {
        .newsletter-subscription .input-group .input-group-text em {
          margin-right: 0px;
          width: 30px;
          height: 40px;
          font-size: 13px;
          justify-content: space-around;
        }
      }

      .footer-top li {
        list-style: none;
        font-size: 14px;
        margin-right: 18px;
        font-family: "poppinsregular", sans-serif;
        width: 100%;
      }

      @media screen and (max-width: 480px) {
        .footer-top li {
          margin-right: 0px;
        }
      }

      .footer-top ul {
        padding: 15px 0px 0px;
      }

      @media screen and (max-width: 768px) {
        .footer-top ul {
          padding-top: 0px;
        }
      }

      .footer-top a {
        font-size: 14px;
        display: inline-block;
        font-family: "poppinsmedium", sans-serif;
        color: #666;
      }

      .footer-top a:hover {
        color: #f7b808;
      }

      .footer-top li {
        cursor: pointer;
        font-size: 14px;
        padding-bottom: 13px;
        display: inline-block;
        font-family: "poppinsmedium", sans-serif;
        color: #666;
      }

      .footer-top li:hover {
        color: #f7b808;
      }

      .footer-top .heading-icon .footer-heading {
        display: flex;
        align-items: center;
        font-size: 16px;
        font-family: "poppinsbold", sans-serif;
        color: #666;
        margin: 0px;
        align-items: center;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
      }

      .footer-top .heading-icon .footer-heading span {
        margin-right: 10px;
        display: block;
        position: relative;
        width: 27px;
        height: 27px;
        background-image: url("https://www.mabosbet.cc/images/homepage-sprite.webp");
        background-position-y: -346px;
      }

      .footer-top .heading-icon .footer-heading .quick-links-sprite {
        background-position-x: 0px;
      }

      .footer-top .heading-icon .footer-heading .ubuy-sprite {
        background-position-x: -32px;
      }

      .footer-top .heading-icon .footer-heading .payment-sprite {
        background-position-x: -64px;
      }

      .footer-top .heading-icon .footer-heading .shipping-sprite {
        background-position-x: -96px;
      }

      .footer-top .heading-icon .footer-heading .cities-covered-sprite {
        background-position-x: -128px;
      }

      .footer-top .heading-icon .footer-heading .support-sprite {
        background-position-x: -160px;
      }

      .footer-top .heading-icon .footer-heading .other-sprite {
        background-position-x: -192px;
      }

      .footer-top .footer-without-anchor ul li {
        color: #666;
        font-family: "poppinssemibold", sans-serif;
        margin-bottom: 10px;
        padding-bottom: 0px;
        cursor: default;
      }

      @media screen and (max-width: 768px) {
        .footer-top .footer-without-anchor ul li {
          margin-left: 0px;
        }
      }

      .footer-top .footer-without-anchor ul.shipping li {
        padding-bottom: 25px;
      }

      .footer-top .footer-without-anchor ul .icon.whatsapp {
        position: relative;
        background: #fff;
        border-radius: 50%;
        font-size: 18px;
        cursor: pointer;
        transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        display: inline-block;
      }

      .footer-top
        .footer-without-anchor
        ul
        .icon.whatsapp:hover
        .whatsapp-info {
        top: -50px;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
      }

      @media screen and (max-width: 1710px) {
        .footer-top
          .footer-without-anchor
          ul
          .icon.whatsapp:hover
          .whatsapp-info {
          left: -176px;
        }
      }

      @media screen and (max-width: 1600px) {
        .footer-top
          .footer-without-anchor
          ul
          .icon.whatsapp:hover
          .whatsapp-info {
          left: -200px;
        }
      }

      @media screen and (max-width: 1200px) {
        .footer-top
          .footer-without-anchor
          ul
          .icon.whatsapp:hover
          .whatsapp-info {
          left: -215px;
        }
      }

      @media screen and (max-width: 991px) {
        .footer-top
          .footer-without-anchor
          ul
          .icon.whatsapp:hover
          .whatsapp-info {
          left: -120px;
        }
      }

      .footer-top .footer-without-anchor ul .icon.whatsapp .whatsapp-info {
        position: absolute;
        font-size: 13px;
        font-family: "poppinsmedium", sans-serif;
        background: #151515;
        color: #fff;
        width: 250px;
        padding: 5px 8px;
        border-radius: 5px;
        box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
        opacity: 0;
        pointer-events: none;
        transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        top: -50px;
        left: -114px;
      }

      @media screen and (max-width: 1710px) {
        .footer-top .footer-without-anchor ul .icon.whatsapp .whatsapp-info {
          left: -176px;
        }
      }

      @media screen and (max-width: 1600px) {
        .footer-top .footer-without-anchor ul .icon.whatsapp .whatsapp-info {
          left: -200px;
        }
      }

      @media screen and (max-width: 1200px) {
        .footer-top .footer-without-anchor ul .icon.whatsapp .whatsapp-info {
          left: -215px;
        }
      }

      @media screen and (max-width: 991px) {
        .footer-top .footer-without-anchor ul .icon.whatsapp .whatsapp-info {
          left: -120px;
        }
      }

      .footer-top
        .footer-without-anchor
        ul
        .icon.whatsapp
        .whatsapp-info::before {
        position: absolute;
        content: "";
        height: 8px;
        width: 8px;
        background: #151515;
        bottom: -3px;
        left: 50%;
        transform: translate(-50%) rotate(45deg);
        transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
      }

      @media screen and (max-width: 1710px) {
        .footer-top
          .footer-without-anchor
          ul
          .icon.whatsapp
          .whatsapp-info::before {
          left: 74%;
        }
      }

      @media screen and (max-width: 1600px) {
        .footer-top
          .footer-without-anchor
          ul
          .icon.whatsapp
          .whatsapp-info::before {
          left: 85%;
        }
      }

      @media screen and (max-width: 1360px) {
        .footer-top
          .footer-without-anchor
          ul
          .icon.whatsapp
          .whatsapp-info::before {
          left: 84%;
        }
      }

      @media screen and (max-width: 1200px) {
        .footer-top
          .footer-without-anchor
          ul
          .icon.whatsapp
          .whatsapp-info::before {
          left: 90%;
        }
      }

      @media screen and (max-width: 991px) {
        .footer-top
          .footer-without-anchor
          ul
          .icon.whatsapp
          .whatsapp-info::before {
          left: 52%;
        }
      }

      .footer-top .footer-widget ul img {
        margin: 0px 10px 0px 0px;
        padding: 10px 0px 0px;
      }

      .footer-top .footer-widget ul li {
        display: -webkit-inline-box;
      }

      .footer-top .footer-widget ul p {
        display: inline-grid;
      }

      .footer-top .footer-widget ul img {
        margin: 0px 10px 0px 0px;
        padding: 10px 0px 0px;
      }

      .footer-top .customer-support {
        border: 1px solid #eee;
        border-radius: 5px;
        padding: 10px 20px;
        display: flex;
      }

      .footer-top .customer-support img {
        height: auto !important;
        max-height: 100%;
      }

      .footer-top .customer-support p {
        line-height: 18px;
        font-size: 13px;
      }

      .footer-top .customer-support .large-font {
        margin-bottom: 5px;
      }

      .footer-top .customer-support .large-font a {
        font-family: "poppinssemibold", sans-serif;
      }

      .footer-top .customer-support .media-body {
        max-width: 90%;
      }

      .footer-top h4 {
        font-size: 14px;
        font-family: "poppinssemibold", sans-serif;
        color: #151515;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
      }

      .footer-top a {
        font-family: "poppinsmedium", sans-serif;
      }

      .footer-top .footer-without-anchor ul li figure img {
        height: auto;
        width: auto;
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
        display: block;
      }

      .footer-top .footer-without-anchor ul li .pay_icon-name {
        margin-left: 10px;
      }

      .footer-top .footer-without-anchor ul .view_more.minus {
        cursor: pointer;
      }

      footer {
        background: #fff;
        padding: 40px 0px 0px;
      }

      footer li a {
        font-size: 13px;
        font-family: "poppinsmedium", sans-serif;
        color: #666;
      }

      footer li a:hover {
        color: #f7b808;
      }

      footer .footer-middle .country {
        line-height: 3;
      }

      @media screen and (max-width: 768px) {
        footer .footer-middle .country {
          margin-bottom: 25px;
        }
      }

      footer .footer-middle .country .country-selector-footer span {
        white-space: nowrap;
        margin-right: 5px;
        font-family: "poppinsregular", sans-serif;
      }

      @media screen and (max-width: 768px) {
        footer .footer-middle .country .country-selector-footer span {
          display: none;
        }
      }

      footer .footer-middle .country .country-selector-footer .dropdown {
        max-height: 300px;
      }

      footer
        .footer-middle
        .country
        .country-selector-footer
        .dropdown
        .country-flag
        span {
        display: block !important;
        white-space: nowrap;
        margin-right: 0px;
      }

      @media screen and (max-width: 768px) {
        footer
          .footer-middle
          .country
          .country-selector-footer
          .dropdown
          .country-flag
          span {
          display: block !important;
        }
      }

      footer
        .footer-middle
        .country
        .country-selector-footer
        .dropdown
        .dropdown-menu {
        padding: 0px;
        max-height: 350px;
        overflow: auto;
        width: 100%;
      }

      footer
        .footer-middle
        .country
        .country-selector-footer
        .dropdown
        .dropdown-menu
        .country-title {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }

      footer .footer-middle .country .country-selector-footer .dropdown-toggle {
        width: 100% !important;
        text-align: left;
        border: none;
        font-size: 14px;
        background: none !important;
        padding: 10px !important;
        margin-left: 10px !important;
        border: solid 1px #ccc !important;
        border-radius: 5px;
        line-height: 1 !important;
        position: relative;
        display: flex;
        align-items: center;
      }

      footer
        .footer-middle
        .country
        .country-selector-footer
        .dropdown-toggle:after {
        content: "";
        font-family: "Font Awesome 6 Free";
        width: 10px;
        padding-left: 15px;
        display: block;
        border: none;
        right: 0;
        top: 0;
        height: 35px;
        padding: 0;
        position: absolute;
        width: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      @media screen and (max-width: 768px) {
        footer
          .footer-middle
          .country
          .country-selector-footer
          .dropdown-toggle {
          margin-left: 0px !important;
        }
      }

      footer .footer-middle .country a.dropdown-item {
        font-size: 14px;
        padding: 6px 38px 6px 15px;
        border-bottom: 1px solid #eee;
        height: 35px;
        transition: none;
        padding-right: 15px;
        line-height: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        display: flex;
        align-items: center;
      }

      footer .footer-middle .country a.dropdown-item img {
        margin-right: 5px;
      }

      footer .footer-middle .form-select {
        border-radius: 10px;
        border-color: #eee;
        font-size: 14px;
      }

      footer .footer-middle .form-select :focus {
        border-color: #eee;
        outline: 0;
        box-shadow: none;
      }

      footer .footer-middle h4 {
        font-size: 14px;
        font-family: "poppinssemibold", sans-serif;
      }

      @media screen and (max-width: 767px) {
        footer .footer-middle h4 {
          font-size: 14px;
        }
      }

      footer .footer-middle ul {
        padding: 0px 12px !important;
      }

      footer .footer-middle ul li {
        justify-content: space-between;
        padding: 0px 30px 0px 0px;
        position: relative;
        display: inline-block;
      }

      @media screen and (max-width: 768px) {
        footer .footer-middle ul li {
          padding: 0px 15px;
          margin-bottom: 8px;
        }
      }

      footer .footer-middle ul li:after {
        content: "";
        position: absolute;
        background: #f7b808;
        left: -20px;
        width: 5px;
        height: 5px;
        top: 40%;
        border-radius: 50px;
      }

      @media screen and (max-width: 768px) {
        footer .footer-middle ul li:after {
          left: 0;
        }
      }

      footer .footer-middle ul li.no-content:after {
        content: none;
      }

      @media screen and (max-width: 768px) {
        footer .footer-middle ul li.no-content:after {
          content: "" !important;
        }
      }

      @media screen and (max-width: 768px) {
        footer .footer-middle ul {
          text-align: left;
        }
      }

      footer .footer-middle hr {
        margin-top: 16px;
      }

      footer .footer-middle .ftrisoimg_con .iso-certified {
        border-left: 1px solid #dbd9d9;
        padding-left: 20px;
        width: 160px !important;
      }

      footer .footer-middle .footer-heading {
        font-family: "poppinssemibold";
      }

      footer .footer-middle .pci-dss-trust {
        font-family: "poppinsbold", sans-serif;
      }

      footer .footer-middle .dropdown .country-title {
        font-family: "poppinsmedium", sans-serif;
      }

      footer .shipping li {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        margin: 0px !important;
      }

      footer .shipping li span.shipping-types {
        display: block;
        margin-top: 5px;
        position: relative;
        width: 36px;
        margin-right: 10px;
        height: 20px;
        background-image: url("https://www.mabosbet.cc/images/homepage-sprite.webp");
        background-position-y: -383px;
      }

      footer .shipping li span.express-shipping-sprite {
        background-position-x: 0px;
      }

      footer .shipping li .viss-express-shipping-sprite {
        background-position-x: -41px;
      }

      footer .shipping li p {
        font-family: "poppinssemibold", sans-serif;
      }

      footer .shipping li p span {
        font-family: "poppinsregular", sans-serif;
      }

      .footer-bottom {
        padding-bottom: 50px !important;
      }

      .footer-bottom p {
        color: #666;
        font-size: 13px;
        font-family: "poppinsmedium", sans-serif;
      }

      .footer-bottom ul {
        text-align: center;
        padding: 0px;
      }

      @media screen and (max-width: 768px) {
        .footer-bottom ul {
          text-align: left;
        }
      }

      .footer-bottom ul li {
        display: inline-block;
      }

      .footer-bottom ul li a {
        padding: 0px 20px;
        color: #666;
      }

      @media screen and (max-width: 768px) {
        .footer-bottom ul li a {
          padding: 0px 10px;
        }
      }

      @media screen and (max-width: 576px) {
        .footer-bottom ul li a {
          padding: 0px 5px;
        }
      }

      .footer-bottom .footer-menu {
        padding: 0px 12px !important;
      }

      .footer-bottom .footer-menu li {
        padding: 0px 15px;
        position: relative;
        display: inline-block;
      }

      @media screen and (max-width: 768px) {
        .footer-bottom .footer-menu li {
          margin-bottom: 8px;
        }
      }

      .footer-bottom .footer-menu li:after {
        content: "";
        position: absolute;
        background: #f7b808;
        right: 100%;
        width: 5px;
        height: 5px;
        top: 40%;
        border-radius: 50px;
      }

      @media screen and (max-width: 768px) {
        .footer-bottom .footer-menu li:after {
          left: 0;
        }
      }

      .footer-bottom .footer-menu li a {
        color: #666;
        text-decoration: none;
        position: relative;
        padding: 0px;
      }

      .footer-bottom .footer-menu li a:hover {
        color: #f7b808;
      }

      .footer-bottom .footer-menu li.no-content:after {
        content: none;
      }

      @media screen and (max-width: 768px) {
        .footer-bottom .footer-menu li.no-content:after {
          content: "" !important;
        }
      }

      @media screen and (max-width: 768px) {
        .footer-bottom .footer-menu {
          text-align: left;
          padding: 0px !important;
        }
      }

      @media (-webkit-device-pixel-ratio: 1.25) {
        .footer-bottom .followus {
          margin-right: 50px;
        }
      }

      .footer-bottom .followus span {
        font-size: 12px;
        font-family: "poppinssemibold", sans-serif;
        padding-right: 20px;
        color: #666;
      }

      @media screen and (max-width: 768px) {
        .footer-bottom .followus span {
          display: none;
        }
      }

      .footer-bottom .followus a i {
        font-size: 19px;
        padding: 0px 8px;
      }

      @media screen and (max-width: 768px) {
        .footer-bottom .followus a i {
          padding: 0px;
          padding-right: 20px;
        }
      }

      .footer-bottom .followus a i.fa-facebook-f {
        color: #1077f0;
      }

      .footer-bottom .followus a i.fa-instagram {
        color: #e41f57;
      }

      .footer-bottom .followus a i.fa-youtube {
        color: red;
      }

      .footer-bottom .followus a i.fa-x-twitter {
        color: #000;
      }

      .footer-bottom .followus a i.fa-pinterest {
        color: #e60023;
      }

      @media screen and (max-width: 768px) {
        .footer-bottom .followus {
          justify-content: left !important;
        }
      }

      @media screen and (max-width: 768px) {
        .footer-bottom {
          text-align: left;
        }
      }

      .footer-bottom .container {
        padding: 0px !important;
      }

      .show-more-content {
        display: none;
      }

      li.show-more {
        display: inline-block;
        cursor: pointer;
        color: #f7b808 !important;
        font-size: 12px;
      }

      .app-icons p {
        font-size: 14px;
        color: #151515;
        font-family: "poppinsmedium";
        margin: 0px;
      }

      .app-icons .play-store,
      .app-icons .app-store {
        height: 50px;
        min-width: 120px;
        margin-right: 10px;
        display: block !important;
        background-image: url("https://www.mabosbet.cc/images/homepage-sprite.webp");
      }

      .app-icons .play-store {
        background-position: -120px -798px;
      }

      .app-icons .app-store {
        background-position: 0 -798px;
      }

      .download-app-card {
        width: 100%;
        position: fixed;
        padding: 20px;
        background: #fff;
        bottom: 0px;
        box-shadow: 0px 0px 10px 5px #eee;
        z-index: 100;
        display: none;
      }

      @media screen and (max-width: 820px) {
        .download-app-card {
          display: block;
        }
      }

      .download-app-card .icon {
        min-width: 50px;
        min-height: 50px;
        margin-right: 10px;
        height: 50px;
        border: solid 1px #eee;
        border-radius: 8px;
        padding: 5px;
      }

      .download-app-card .header-content {
        font-size: 14px;
        color: #151515;
        font-family: "poppinsmedium", sans-serif;
      }

      .download-app-card .header-content p {
        color: #464646;
        font-size: 12px;
        font-family: "poppinsregular", sans-serif;
        margin-bottom: 0px;
      }

      .download-app-card .btn {
        font-size: 14px !important;
        padding: 8px 20px !important;
        width: 100%;
      }

      @media screen and (max-width: 640px) {
        .download-app-card .btn {
          padding: 8px 10px !important;
          font-size: 12px;
        }
      }

      .download-app-card .btn-outline {
        border: solid 1px #151515;
        border-radius: 5px;
        color: #151515;
        font-family: "poppinssemibold" !important;
      }

      .download-app-card .btn-dark {
        border: solid 1px #151515;
        border-radius: 5px;
        color: #fff;
        font-family: "poppinssemibold" !important;
      }

      .download-app-card .rating-stars {
        font-size: 12px;
        color: #f7b808;
      }

      .go-top {
        position: fixed;
        display: none;
        right: 30px;
        bottom: 30px;
        height: 40px;
        width: 40px;
        align-items: center;
        justify-content: center;
        border-radius: 100px;
        background: #f7b808;
        padding: 10px 14px;
        z-index: 99;
        cursor: pointer;
      }

      .go-top em {
        color: #fff;
        font-size: 15px;
      }

      body.dark-mode footer {
        background-color: #151515;
        color: #fff;
      }

      body.dark-mode footer ul li a {
        color: #fff;
      }

      body.dark-mode footer ul li a:hover {
        color: #f7b808;
      }

      body.dark-mode footer .footer-without-anchor ul li {
        color: #fff;
      }

      body.dark-mode footer .heading-icon .footer-heading {
        color: #fff;
      }

      body.dark-mode footer .country-title {
        color: #fff;
      }

      body.dark-mode footer .footer-top .customer-support {
        border-color: #999;
      }

      body.dark-mode footer .footer-top .customer-support img {
        height: auto !important;
        max-height: 100%;
      }

      body.dark-mode footer .footer-middle .country a.dropdown-item {
        background-color: #262626;
        border: none;
      }

      body.dark-mode footer .footer-middle .country a.dropdown-item:hover {
        background-color: #151515;
      }

      body.dark-mode
        footer
        .footer-middle
        .country
        .country-selector-footer
        .dropdown-toggle {
        border: solid 1px hsla(0, 0%, 60%, 0.768627451) !important;
      }

      body.dark-mode
        footer
        .footer-middle
        .country
        .country-selector-footer
        .dropdown-toggle:after {
        color: #fff;
      }

      body.dark-mode footer .footer-heading.pci-dss-trust {
        color: #999 !important;
      }

      body.dark-mode footer .country-flag {
        border-color: #4e4e4e !important;
      }

      body.dark-mode footer .footer-bottom p {
        color: #fff;
      }

      body.dark-mode footer .footer-bottom .footer-menu li a {
        color: #fff;
      }

      body.dark-mode footer .footer-bottom .footer-menu li a:hover {
        color: #f7b808;
      }

      body.dark-mode footer .footer-bottom span {
        color: #fff;
      }

      body.dark-mode footer .footer-bottom .followus a i.fa-x-twitter {
        color: #fff;
      }

      img.lazy {
        max-width: 100% !important;
        max-height: 100% !important;
        width: auto !important;
        height: auto !important;
      }

      .notice-cookie {
        right: 2%;
        position: fixed;
        bottom: 3%;
        left: unset !important;
        max-width: 438px;
        width: auto;
        border-radius: 10px;
        text-align: left;
        padding: 16px 18px !important;
        background-color: #151515 !important;
        z-index: 999;
        box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.2);
      }

      @media screen and (max-width: 575px) {
        .notice-cookie {
          max-width: 96%;
          padding: 14px !important;
          right: 0 !important;
          left: 0 !important;
          margin: 0 auto;
          bottom: 2%;
        }
      }

      .notice-cookie .notice-cookie-text,
      .notice-cookie .notice-cookie-actions {
        display: inline-block;
        margin: 0 2px;
      }

      @media screen and (max-width: 575px) {
        .notice-cookie .notice-cookie-text button,
        .notice-cookie .notice-cookie-actions button {
          width: 100%;
          font-size: 14px !important;
        }
      }

      .notice-cookie .notice-cookie-text p {
        line-height: normal;
        font-size: 12px;
        font-family: "poppinsmedium", sans-serif;
        color: #fff;
      }

      @media screen and (max-width: 575px) {
        .notice-cookie .notice-cookie-text p {
          font-size: 12px;
          margin-bottom: 12px;
        }
      }

      .notice-cookie .notice-cookie-text a {
        color: #f7b808;
        margin: 0 2px;
        font-family: "poppinsbold", sans-serif;
        text-decoration: underline !important;
      }

      .notice-cookie .btn.btn-primary {
        background-color: #f7b808;
        outline: 0;
        padding: 5px 15px;
        border-radius: 5px;
      }

      .notice-cookie-actions.accept .btn {
        font-family: "poppinssemibold", sans-serif;
        background-color: #f7b808 !important;
        border-color: #f7b808 !important;
        color: #151515 !important;
      }

      .notice-cookie-actions.reject .btn {
        background-color: #6c757d !important;
        border-color: #6c757d !important;
        color: #fff !important;
        font-family: "poppinssemibold", sans-serif;
      }

      .notice-cookie .notice-cookie-content {
        width: auto !important;
        padding: 0 !important;
      }

      @media screen and (max-width: 575px) {
        .notice-cookie .noticebtn_wrp {
          display: flex;
          gap: 5px;
        }
      }

      @media screen and (max-width: 575px) {
        .notice-cookie .noticebtn_wrp .notice-cookie-actions {
          width: 48%;
        }
      }

      .dialog-close {
        position: absolute;
        right: -10px;
        top: -10px;
        height: 48px;
        width: 48px;
        border-radius: 100%;
        z-index: 9;
        display: flex;
        font-size: 16px;
        align-items: center;
        justify-content: center;
        background: #fff;
        border: none;
      }

      .dialog-close i,
      .dialog-close em {
        color: #151515 !important;
      }

      @media screen and (max-width: 768px) {
        .dialog-close {
          right: 0px;
          top: 0px;
          font-size: 20px;
        }
      }

      .store-change-popup .storechangemodallabel .fa-long-arrow-alt-right {
        font-size: 16px !important;
      }

      .store-change-popup .storechangemodallabel .store-title {
        font-size: 16px !important;
        color: #151515;
      }

      .store-change-popup .store-flag {
        width: 40px !important;
        height: 27px;
        cursor: pointer;
        border-radius: 5px;
        border: 1px solid #ddd;
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        -ms-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
        margin: auto;
      }

      .store-change-popup .store-flag span {
        width: 40px !important;
        height: 25px;
        border-radius: 5px;
      }

      .store-change-popup .store-flag:hover {
        box-shadow: 0 1px 6px rgba(32, 33, 36, 0.28);
      }

      @media screen and (max-width: 768px) {
        .store-change-popup .store-flag:hover {
          box-shadow: none;
        }
      }

      .store-change-popup .store-flag .us {
        background-position: 0px -65px;
      }

      .store-change-popup .store-flag .uk {
        background-position: -43px -65px;
      }

      .store-change-popup .store-flag .china {
        background-position: -86px -65px;
      }

      .store-change-popup .store-flag .japan {
        background-position: -129px -65px;
      }

      .store-change-popup .store-flag .hongkong {
        background-position: -172px -65px;
      }

      .store-change-popup .store-flag .korea {
        background-position: -215px -65px;
      }

      .store-change-popup .store-flag .india {
        background-position: -301px -65px;
      }

      .store-change-popup .store-flag .turkey {
        background-position: -258px -65px;
      }

      .store-change-popup .store-flag .kuwait {
        background-position: -344px -65px;
      }

      .store-change-popup .store-flag .germany {
        background-position: -387px -65px;
      }

      .store-change-popup .store-flag .eu {
        background-position: -430px -65px;
      }

      .subscription-success .modal-header {
        padding: 0px;
      }

      .subscription-success p i {
        font-size: 20px;
        height: 50px;
        width: 50px;
        border-radius: 100%;
        background-color: #eee;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0px auto;
      }

      .subscription-success h5 {
        font-size: 14px;
        color: #151515;
      }

      .subscription-success.show {
        display: flex;
        align-items: center;
      }

      .country-change-popup .modal-body {
        padding: 40px;
      }

      .country-change-popup .modal-body .icon-sec {
        max-width: 60px;
        max-height: 60px;
        margin: 0px auto;
      }

      .country-change-popup .modal-body .icon-sec img {
        width: 100%;
        height: auto;
        max-width: 70px;
      }

      .country-change-popup .modal-body .content-sec {
        text-align: center;
        line-height: 26px;
        font-size: 17px;
        color: #666;
        margin: 25px 0px;
        font-family: "poppinsmedium", sans-serif;
      }

      .country-change-popup .modal-body .content-sec span {
        color: #151515;
        font-family: "poppinssemibold", sans-serif;
        text-transform: uppercase;
        display: inline;
        align-items: center;
        margin: 0px 5px;
      }

      .country-change-popup .modal-body .content-sec span img {
        max-width: 25px;
        margin-left: 5px;
        border: 1px solid #eee;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
      }

      .country-change-popup .modal-body .popup-block span.btn {
        font-size: 14px !important;
        font-family: "poppinssemibold", sans-serif !important;
        padding: 10px 15px !important;
      }

      .country-change-popup .btn-primary {
        color: #151515 !important;
      }

      @font-face {
        font-family: "poppinsExtraLight";
        src: url("fonts/poppins-ExtraLight.woff2") format("woff2");
        font-weight: 200;
        font-style: normal;
        font-display: swap;
      }

      @font-face {
        font-family: "poppinslight";
        src: url("fonts/poppins-light.woff2") format("woff2");
        font-weight: 300;
        font-style: normal;
        font-display: swap;
      }

      @font-face {
        font-family: "poppinsregular";
        src: url("fonts/poppins-regular.woff2") format("woff2");
        font-weight: 400;
        font-style: normal;
        font-display: swap;
      }

      @font-face {
        font-family: "poppinsmedium";
        src: url("fonts/poppins-medium.woff2") format("woff2");
        font-weight: 500;
        font-style: normal;
        font-display: swap;
      }

      @font-face {
        font-family: "poppinssemibold";
        src: url("fonts/poppins-semibold.woff2") format("woff2");
        font-weight: 600;
        font-style: normal;
        font-display: swap;
      }

      @font-face {
        font-family: "poppinsbold";
        src: url("fonts/poppins-bold.woff2") format("woff2");
        font-weight: 700;
        font-style: normal;
        font-display: swap;
      }

      @font-face {
        font-family: "poppinsExtraBold";
        src: url("fonts/poppins-extraBold.woff2") format("woff2");
        font-weight: 800;
        font-style: normal;
        font-display: swap;
      }

      @font-face {
        font-family: "poppinsblack";
        src: url("fonts/poppins-black.woff2") format("woff2");
        font-weight: 900;
        font-style: normal;
        font-display: swap;
      }

      @font-face {
        font-family: "poppinsExtraLight";
        src: url("fonts/poppins-ExtraLight.woff2") format("woff2");
        font-weight: 200;
        font-style: normal;
        font-display: swap;
      }

      @font-face {
        font-family: "poppinslight";
        src: url("fonts/poppins-light.woff2") format("woff2");
        font-weight: 300;
        font-style: normal;
        font-display: swap;
      }

      @font-face {
        font-family: "poppinsregular";
        src: url("fonts/poppins-regular.woff2") format("woff2");
        font-weight: 400;
        font-style: normal;
        font-display: swap;
      }

      @font-face {
        font-family: "poppinsmedium";
        src: url("fonts/poppins-medium.woff2") format("woff2");
        font-weight: 500;
        font-style: normal;
        font-display: swap;
      }

      @font-face {
        font-family: "poppinssemibold";
        src: url("fonts/poppins-semibold.woff2") format("woff2");
        font-weight: 600;
        font-style: normal;
        font-display: swap;
      }

      @font-face {
        font-family: "poppinsbold";
        src: url("fonts/poppins-bold.woff2") format("woff2");
        font-weight: 700;
        font-style: normal;
        font-display: swap;
      }

      @font-face {
        font-family: "poppinsExtraBold";
        src: url("fonts/poppins-extraBold.woff2") format("woff2");
        font-weight: 800;
        font-style: normal;
        font-display: swap;
      }

      @font-face {
        font-family: "poppinsblack";
        src: url("fonts/poppins-black.woff2") format("woff2");
        font-weight: 900;
        font-style: normal;
        font-display: swap;
      }

      body.compensate-for-scrollbar {
        overflow: hidden;
      }

      .fancybox-active {
        height: auto;
      }

      .fancybox-is-hidden {
        left: -9999px;
        margin: 0;
        position: absolute !important;
        top: -9999px;
        visibility: hidden;
      }

      .fancybox-container {
        -webkit-backface-visibility: hidden;
        height: 100%;
        left: 0;
        outline: none;
        position: fixed;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        top: 0;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        transform: translateZ(0);
        width: 100%;
        z-index: 99992;
      }

      .fancybox-container * {
        box-sizing: border-box;
      }

      .fancybox-bg,
      .fancybox-inner,
      .fancybox-outer,
      .fancybox-stage {
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
      }

      .fancybox-outer {
        -webkit-overflow-scrolling: touch;
        overflow-y: auto;
      }

      .fancybox-bg {
        background: #1e1e1e;
        opacity: 0;
        transition-duration: inherit;
        transition-property: opacity;
        transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
      }

      .fancybox-is-open .fancybox-bg {
        opacity: 0.9;
        transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
      }

      .fancybox-caption,
      .fancybox-infobar,
      .fancybox-navigation .fancybox-button,
      .fancybox-toolbar {
        direction: ltr;
        opacity: 0;
        position: absolute;
        transition:
          opacity 0.25s ease,
          visibility 0s ease 0.25s;
        visibility: hidden;
        z-index: 99997;
      }

      .fancybox-show-caption .fancybox-caption,
      .fancybox-show-infobar .fancybox-infobar,
      .fancybox-show-nav .fancybox-navigation .fancybox-button,
      .fancybox-show-toolbar .fancybox-toolbar {
        opacity: 1;
        transition:
          opacity 0.25s ease 0s,
          visibility 0s ease 0s;
        visibility: visible;
      }

      .fancybox-infobar {
        color: #ccc;
        font-size: 13px;
        -webkit-font-smoothing: subpixel-antialiased;
        height: 44px;
        left: 0;
        line-height: 44px;
        min-width: 44px;
        mix-blend-mode: difference;
        padding: 0 10px;
        pointer-events: none;
        top: 0;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }

      .fancybox-toolbar {
        right: 0;
        top: 0;
      }

      .fancybox-stage {
        direction: ltr;
        overflow: visible;
        transform: translateZ(0);
        z-index: 99994;
      }

      .fancybox-is-open .fancybox-stage {
        overflow: hidden;
      }

      .fancybox-slide {
        -webkit-backface-visibility: hidden;
        display: none;
        height: 100%;
        left: 0;
        outline: none;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        padding: 44px;
        position: absolute;
        text-align: center;
        top: 0;
        transition-property: transform, opacity;
        white-space: normal;
        width: 100%;
        z-index: 99994;
      }

      .fancybox-slide:before {
        content: "";
        display: inline-block;
        font-size: 0;
        height: 100%;
        vertical-align: middle;
        width: 0;
      }

      .fancybox-is-sliding .fancybox-slide,
      .fancybox-slide--current,
      .fancybox-slide--next,
      .fancybox-slide--previous {
        display: block;
      }

      .fancybox-slide--image {
        overflow: hidden;
        padding: 44px 0;
      }

      .fancybox-slide--image:before {
        display: none;
      }

      .fancybox-slide--html {
        padding: 6px;
      }

      .fancybox-content {
        background: #fff;
        display: inline-block;
        margin: 0;
        max-width: 100%;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        padding: 44px;
        position: relative;
        text-align: left;
        vertical-align: middle;
      }

      .fancybox-slide--image .fancybox-content {
        animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
        -webkit-backface-visibility: hidden;
        background: rgba(0, 0, 0, 0);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        left: 0;
        max-width: none;
        overflow: visible;
        padding: 0;
        position: absolute;
        top: 0;
        transform-origin: top left;
        transition-property: transform, opacity;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        z-index: 99995;
      }

      .fancybox-can-zoomOut .fancybox-content {
        cursor: zoom-out;
      }

      .fancybox-can-zoomIn .fancybox-content {
        cursor: zoom-in;
      }

      .fancybox-can-pan .fancybox-content,
      .fancybox-can-swipe .fancybox-content {
        cursor: grab;
      }

      .fancybox-is-grabbing .fancybox-content {
        cursor: grabbing;
      }

      .fancybox-container [data-selectable="true"] {
        cursor: text;
      }

      .fancybox-image,
      .fancybox-spaceball {
        background: rgba(0, 0, 0, 0);
        border: 0;
        height: 100%;
        left: 0;
        margin: 0;
        max-height: none;
        max-width: none;
        padding: 0;
        position: absolute;
        top: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        width: 100%;
      }

      .fancybox-spaceball {
        z-index: 1;
      }

      .fancybox-slide--iframe .fancybox-content,
      .fancybox-slide--map .fancybox-content,
      .fancybox-slide--pdf .fancybox-content,
      .fancybox-slide--video .fancybox-content {
        height: 100%;
        overflow: visible;
        padding: 0;
        width: 100%;
      }

      .fancybox-slide--video .fancybox-content {
        background: #000;
      }

      .fancybox-slide--map .fancybox-content {
        background: #e5e3df;
      }

      .fancybox-slide--iframe .fancybox-content {
        background: #fff;
      }

      .fancybox-iframe,
      .fancybox-video {
        background: rgba(0, 0, 0, 0);
        border: 0;
        display: block;
        height: 100%;
        margin: 0;
        overflow: hidden;
        padding: 0;
        width: 100%;
      }

      .fancybox-iframe {
        left: 0;
        position: absolute;
        top: 0;
      }

      .fancybox-error {
        background: #fff;
        cursor: default;
        max-width: 400px;
        padding: 40px;
        width: 100%;
      }

      .fancybox-error p {
        color: #444;
        font-size: 16px;
        line-height: 20px;
        margin: 0;
        padding: 0;
      }

      .fancybox-button {
        background: rgba(30, 30, 30, 0.6);
        border: 0;
        border-radius: 0;
        box-shadow: none;
        cursor: pointer;
        display: inline-block;
        height: 44px;
        margin: 0;
        padding: 10px;
        position: relative;
        transition: color 0.2s;
        vertical-align: top;
        visibility: inherit;
        width: 44px;
      }

      .fancybox-button,
      .fancybox-button:link,
      .fancybox-button:visited {
        color: #ccc;
      }

      .fancybox-button:hover {
        color: #fff;
      }

      .fancybox-button:focus {
        outline: none;
      }

      .fancybox-button.fancybox-focus {
        outline: 1px dotted;
      }

      .fancybox-button[disabled],
      .fancybox-button[disabled]:hover {
        color: #888;
        cursor: default;
        outline: none;
      }

      .fancybox-button div {
        height: 100%;
      }

      .fancybox-button svg {
        display: block;
        height: 100%;
        overflow: visible;
        position: relative;
        width: 100%;
      }

      .fancybox-button svg path {
        fill: currentColor;
        stroke-width: 0;
      }

      .fancybox-button--fsenter svg:nth-child(2),
      .fancybox-button--fsexit svg:first-child,
      .fancybox-button--pause svg:first-child,
      .fancybox-button--play svg:nth-child(2) {
        display: none;
      }

      .fancybox-progress {
        background: #ff5268;
        height: 2px;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        transform: scaleX(0);
        transform-origin: 0;
        transition-property: transform;
        transition-timing-function: linear;
        z-index: 99998;
      }

      .fancybox-close-small {
        background: rgba(0, 0, 0, 0);
        border: 0;
        border-radius: 0;
        color: #ccc;
        cursor: pointer;
        opacity: 0.8;
        padding: 8px;
        position: absolute;
        right: -12px;
        top: -44px;
        z-index: 401;
      }

      .fancybox-close-small:hover {
        color: #fff;
        opacity: 1;
      }

      .fancybox-slide--html .fancybox-close-small {
        color: currentColor;
        padding: 10px;
        right: 0;
        top: 0;
      }

      .fancybox-slide--image.fancybox-is-scaling .fancybox-content {
        overflow: hidden;
      }

      .fancybox-is-scaling .fancybox-close-small,
      .fancybox-is-zokoible.fancybox-can-pan .fancybox-close-small {
        display: none;
      }

      .fancybox-navigation .fancybox-button {
        background-clip: content-box;
        height: 100px;
        opacity: 0;
        position: absolute;
        top: calc(50% - 50px);
        width: 70px;
      }

      .fancybox-navigation .fancybox-button div {
        padding: 7px;
      }

      .fancybox-navigation .fancybox-button--arrow_left {
        left: 0;
        left: env(safe-area-inset-left);
        padding: 31px 26px 31px 6px;
      }

      .fancybox-navigation .fancybox-button--arrow_right {
        padding: 31px 6px 31px 26px;
        right: 0;
        right: env(safe-area-inset-right);
      }

      .fancybox-caption {
        background: linear-gradient(
          0deg,
          rgba(0, 0, 0, 0.85) 0,
          rgba(0, 0, 0, 0.3) 50%,
          rgba(0, 0, 0, 0.15) 65%,
          rgba(0, 0, 0, 0.075) 75.5%,
          rgba(0, 0, 0, 0.037) 82.85%,
          rgba(0, 0, 0, 0.019) 88%,
          transparent
        );
        bottom: 0;
        color: #eee;
        font-size: 14px;
        font-weight: 400;
        left: 0;
        line-height: 1.5;
        padding: 75px 44px 25px;
        pointer-events: none;
        right: 0;
        text-align: center;
        z-index: 99996;
      }

      @supports (padding: max(0px)) {
        .fancybox-caption {
          padding: 75px max(44px, env(safe-area-inset-right))
            max(25px, env(safe-area-inset-bottom))
            max(44px, env(safe-area-inset-left));
        }
      }

      .fancybox-caption--separate {
        margin-top: -50px;
      }

      .fancybox-caption__body {
        max-height: 50vh;
        overflow: auto;
        pointer-events: all;
      }

      .fancybox-caption a,
      .fancybox-caption a:link,
      .fancybox-caption a:visited {
        color: #ccc;
        text-decoration: none;
      }

      .fancybox-caption a:hover {
        color: #fff;
        text-decoration: underline;
      }

      .fancybox-loading {
        animation: a 1s linear infinite;
        background: rgba(0, 0, 0, 0);
        border: 4px solid #888;
        border-bottom-color: #fff;
        border-radius: 50%;
        height: 50px;
        left: 50%;
        margin: -25px 0 0 -25px;
        opacity: 0.7;
        padding: 0;
        position: absolute;
        top: 50%;
        width: 50px;
        z-index: 99999;
      }

      @keyframes a {
        to {
          transform: rotate(1turn);
        }
      }

      .fancybox-animated {
        transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
      }

      .fancybox-fx-slide.fancybox-slide--previous {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
      }

      .fancybox-fx-slide.fancybox-slide--next {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
      }

      .fancybox-fx-slide.fancybox-slide--current {
        opacity: 1;
        transform: translateZ(0);
      }

      .fancybox-fx-fade.fancybox-slide--next,
      .fancybox-fx-fade.fancybox-slide--previous {
        opacity: 0;
        transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
      }

      .fancybox-fx-fade.fancybox-slide--current {
        opacity: 1;
      }

      .fancybox-fx-zoom-in-out.fancybox-slide--previous {
        opacity: 0;
        transform: scale3d(1.5, 1.5, 1.5);
      }

      .fancybox-fx-zoom-in-out.fancybox-slide--next {
        opacity: 0;
        transform: scale3d(0.5, 0.5, 0.5);
      }

      .fancybox-fx-zoom-in-out.fancybox-slide--current {
        opacity: 1;
        transform: scaleX(1);
      }

      .fancybox-fx-rotate.fancybox-slide--previous {
        opacity: 0;
        transform: rotate(-1turn);
      }

      .fancybox-fx-rotate.fancybox-slide--next {
        opacity: 0;
        transform: rotate(1turn);
      }

      .fancybox-fx-rotate.fancybox-slide--current {
        opacity: 1;
        transform: rotate(0deg);
      }

      .fancybox-fx-circular.fancybox-slide--previous {
        opacity: 0;
        transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
      }

      .fancybox-fx-circular.fancybox-slide--next {
        opacity: 0;
        transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
      }

      .fancybox-fx-circular.fancybox-slide--current {
        opacity: 1;
        transform: scaleX(1) translateZ(0);
      }

      .fancybox-fx-tube.fancybox-slide--previous {
        transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
      }

      .fancybox-fx-tube.fancybox-slide--next {
        transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
      }

      .fancybox-fx-tube.fancybox-slide--current {
        transform: translateZ(0) scale(1);
      }

      @media (max-height: 576px) {
        .fancybox-slide {
          padding-left: 6px;
          padding-right: 6px;
        }

        .fancybox-slide--image {
          padding: 6px 0;
        }

        .fancybox-close-small {
          right: -6px;
        }

        .fancybox-slide--image .fancybox-close-small {
          background: #4e4e4e;
          color: #f2f4f6;
          height: 36px;
          opacity: 1;
          padding: 6px;
          right: 0;
          top: 0;
          width: 36px;
        }

        .fancybox-caption {
          padding-left: 12px;
          padding-right: 12px;
        }

        @supports (padding: max(0px)) {
          .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right));
          }
        }
      }

      .fancybox-share {
        background: #f4f4f4;
        border-radius: 3px;
        max-width: 90%;
        padding: 30px;
        text-align: center;
      }

      .fancybox-share h1 {
        color: #222;
        font-size: 35px;
        font-weight: 700;
        margin: 0 0 20px;
      }

      .fancybox-share p {
        margin: 0;
        padding: 0;
      }

      .fancybox-share__button {
        border: 0;
        border-radius: 3px;
        display: inline-block;
        font-size: 14px;
        font-weight: 700;
        line-height: 40px;
        margin: 0 5px 10px;
        min-width: 130px;
        padding: 0 15px;
        text-decoration: none;
        transition: all 0.2s;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        white-space: nowrap;
      }

      .fancybox-share__button:link,
      .fancybox-share__button:visited {
        color: #fff;
      }

      .fancybox-share__button:hover {
        text-decoration: none;
      }

      .fancybox-share__button--fb {
        background: #3b5998;
      }

      .fancybox-share__button--fb:hover {
        background: #344e86;
      }

      .fancybox-share__button--pt {
        background: #bd081d;
      }

      .fancybox-share__button--pt:hover {
        background: #aa0719;
      }

      .fancybox-share__button--tw {
        background: #1da1f2;
      }

      .fancybox-share__button--tw:hover {
        background: #0d95e8;
      }

      .fancybox-share__button svg {
        height: 25px;
        margin-right: 7px;
        position: relative;
        top: -1px;
        vertical-align: middle;
        width: 25px;
      }

      .fancybox-share__button svg path {
        fill: #fff;
      }

      .fancybox-share__input {
        background: rgba(0, 0, 0, 0);
        border: 0;
        border-bottom: 1px solid #d7d7d7;
        border-radius: 0;
        color: #5d5b5b;
        font-size: 14px;
        margin: 10px 0 0;
        outline: none;
        padding: 10px 15px;
        width: 100%;
      }

      .fancybox-thumbs {
        background: #ddd;
        bottom: 0;
        display: none;
        margin: 0;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        padding: 2px 2px 4px;
        position: absolute;
        right: 0;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        top: 0;
        width: 212px;
        z-index: 99995;
      }

      .fancybox-thumbs-x {
        overflow-x: auto;
        overflow-y: hidden;
      }

      .fancybox-show-thumbs .fancybox-thumbs {
        display: block;
      }

      .fancybox-show-thumbs .fancybox-inner {
        right: 212px;
      }

      .fancybox-thumbs__list {
        font-size: 0;
        height: 100%;
        list-style: none;
        margin: 0;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 0;
        position: absolute;
        position: relative;
        white-space: nowrap;
        width: 100%;
      }

      .fancybox-thumbs-x .fancybox-thumbs__list {
        overflow: hidden;
      }

      .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
        width: 7px;
      }

      .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
        background: #fff;
        border-radius: 10px;
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      }

      .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
        background: #2a2a2a;
        border-radius: 10px;
      }

      .fancybox-thumbs__list a {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        background-color: rgba(0, 0, 0, 0.1);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        cursor: pointer;
        float: left;
        height: 75px;
        margin: 2px;
        max-height: calc(100% - 8px);
        max-width: calc(50% - 4px);
        outline: none;
        overflow: hidden;
        padding: 0;
        position: relative;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        width: 100px;
      }

      .fancybox-thumbs__list a:before {
        border: 6px solid #ff5268;
        bottom: 0;
        content: "";
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        z-index: 99991;
      }

      .fancybox-thumbs__list a:focus:before {
        opacity: 0.5;
      }

      .fancybox-thumbs__list a.fancybox-thumbs-active:before {
        opacity: 1;
      }

      @media (max-width: 576px) {
        .fancybox-thumbs {
          width: 110px;
        }

        .fancybox-show-thumbs .fancybox-inner {
          right: 110px;
        }

        .fancybox-thumbs__list a {
          max-width: calc(100% - 10px);
        }
      }

      .info-box-MABOSBET {
        max-width: 900px;
        margin: 30px auto;
        background: #ffffff;
        border-radius: 16px;
        border: 3px solid #11291c;
        box-shadow: 0 0 18px rgb(0 0 0 / 60%);
        overflow: hidden;
        font-family: Arial, Helvetica, sans-serif;
      }

      .info-header-MABOSBET {
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.25), transparent 50%),
          linear-gradient(
            135deg,
            #9cc4e8 0%,
            #4c82c7 30%,
            #2f6db8 55%,
            #1e4f8f 80%,
            #0f223f 100%
          );
        color: #ffffff;
        text-align: center;
        padding: 18px 14px;
        font-size: 22px;
        font-weight: bold;
      }

      .info-row-MABOSBET {
        display: flex;
        justify-content: space-between;
        padding: 14px 16px;
        border-bottom: 1px solid #e5e5e5;
      }

      .info-row-MABOSBET:last-child {
        border-bottom: none;
      }

      .info-label-MABOSBET {
        font-weight: 600;
        color: #000;
        width: 40%;
      }

      .info-value-MABOSBET {
        font-weight: 700;
        color: #000;
        width: 60%;
      }

      .rating-MABOSBET {
        color: #f7b808;
        letter-spacing: 2px;
      }

      /* RESPONSIVE MOBILE */
      @media (max-width: 600px) {
        .info-label-MABOSBET {
          flex-direction: column;
        }

        .info-label-MABOSBET,
        .info-value-MABOSBET {
          width: 100%;
        }

        .info-label-MABOSBET {
          margin-bottom: 6px;
        }
      }

      /*# sourceMappingURL=detailpage.css.map */
    </style>
  </head>
  <body class="body-desktop">
    <div class="announcement-bar" role="region" aria-label="Announcement">
      <div class="announcement-inner">
        <div class="announcement-badge">
          📰 <span>Highlight Hari Ini:</span>
        </div>
        <div class="announcement-text">
          <span
            >MABOSBET # Situs APK Pusat Game Online Terpercaya Indonesia</span
          >
        </div>
      </div>
    </div>
    <header class="main-header header-sticky new-v5">
      <div class="ubuy_home_bar" style="display: none"></div>
      <div class="wsmenucontainer">
        <div class="container-fluid">
          <nav
            class="navbar navbar-expand d-flex justify-content-between align-self-center p-0">
            <div class="header-left d-flex flex-row-reverse align-items-center">
              <!-- For Mobile -->
              <div class="mobilemenu-wraper d-xl-none d-block">
                <div class="mobile-menu-toggle">
                  <i class="fa-solid fa-bars"></i>
                </div>
                <div class="mobile-menu-wrapper">
                  <aside class="mega-menu" id="mega-menu--mobile">
                    <div
                      class="mega__container"
                      data-active-depth="1"
                      data-active-nav="">
                      <div class="mega__header">
                        <div class="mega__controls">
                          <div class="heading">Explore</div>
                          <button
                            type="button"
                            id="menu-back"
                            aria-label="Close Menu"
                            class="menu-back">
                            <span class="btn__icon">
                              <i class="fa fa-times"></i>
                            </span>
                          </button>
                        </div>
                      </div>
                      <div id="wsitem-loader" class="mega__body"></div>
                    </div>
                  </aside>
                </div>
                <div class="wrapper-bg">
                  <i class="fa fa-times close-menu"></i>
                </div>
              </div>
              <!-- for desktop -->
              <div class="menu-wraper d-xl-block d-none">
                <div
                  id="explore-category"
                  class="explore-btn"
                  href="javascript:void(0)">
                  <img
                    height="23"
                    width="23"
                    class="me-2"
                    src="https://www.mabosbet.cc/images/explore-icon.svg"
                    alt="explore" />Explore
                </div>
                <div class="menu-content" id="wstabitem-loader">
                  <div class="u-loader-sl s1x">
                    <div class="u-loader-outer"></div>
                    <div class="u-loader loading s1x">
                      <div class="loader-spin"></div>
                    </div>
                  </div>
                </div>
              </div>
              <a
                class="navbar-brand me-5"
                href="https://www.mabosbet.cc/"
                title="MABOSBET">
                <img
                  height="auto"
                  width="200"
                  src="https://www.mabosbet.cc/images/mabosbet-logo.png"
                  alt="MABOSBET" />
              </a>
            </div>
            <!-- Header Search Section -->
            <div class="header-center">
              <div class="header-search-bar">
                <form
                  id="search-form-sm"
                  action="https://www.mabosbet.cc/"
                  method="get"
                  class="w-100 d-flex">
                  <!-- Select Category -->
                  <div class="select-category dropdown">
                    <button
                      class="select-category dropdown-toggle"
                      type="button"
                      data-bs-toggle="dropdown"
                      aria-expanded="false">
                      All
                    </button>
                    <ul class="dropdown-menu">
                      <li class="dropdown-item">All</li>
                      <li class="dropdown-item">
                        <a
                          class="search-category-item"
                          href="https://www.mabosbet.cc/"
                          title="Fashion & Lifestyle"
                          >Fashion & Lifestyle</a
                        >
                      </li>
                      <li class="dropdown-item">
                        <a
                          class="search-category-item"
                          href="https://www.mabosbet.cc/"
                          title="Electronics & Gadgets"
                          >Electronics & Gadgets</a
                        >
                      </li>
                      <li class="dropdown-item">
                        <a
                          class="search-category-item"
                          href="https://www.mabosbet.cc/"
                          title="Home & Kitchen Supplies"
                          >Home & Kitchen Supplies</a
                        >
                      </li>
                      <li class="dropdown-item">
                        <a
                          class="search-category-item"
                          href="https://www.mabosbet.cc/"
                          title="Beauty & Self Care"
                          >Beauty & Self Care</a
                        >
                      </li>
                      <li class="dropdown-item">
                        <a
                          class="search-category-item"
                          href="https://www.mabosbet.cc/"
                          title="Toys & Adventures"
                          >Toys & Adventures</a
                        >
                      </li>
                      <li class="dropdown-item">
                        <a
                          class="search-category-item"
                          href="https://www.mabosbet.cc/"
                          title="Sports & Outdoor"
                          >Sports & Outdoor</a
                        >
                      </li>
                      <li class="dropdown-item">
                        <a
                          class="search-category-item"
                          href="https://www.mabosbet.cc/"
                          title="Health, Vitamins & Supplements"
                          >Health, Vitamins & Supplements</a
                        >
                      </li>
                      <li class="dropdown-item">
                        <a
                          class="search-category-item"
                          href="https://www.mabosbet.cc/"
                          title="Pet Care"
                          >Pet Care</a
                        >
                      </li>
                      <li class="dropdown-item">
                        <a
                          class="search-category-item"
                          href="https://www.mabosbet.cc/"
                          title="Auto Parts & Accessories"
                          >Auto Parts & Accessories</a
                        >
                      </li>
                      <li class="dropdown-item">
                        <a
                          class="search-category-item"
                          href="https://www.mabosbet.cc/"
                          title="Books & Literature"
                          >Books & Literature</a
                        >
                      </li>
                      <li class="dropdown-item">
                        <a
                          class="search-category-item"
                          href="https://www.mabosbet.cc/"
                          title="Yoga Clothing & Accessories"
                          >Yoga Clothing & Accessories</a
                        >
                      </li>
                      <li class="dropdown-item">
                        <a
                          class="search-category-item"
                          href="https://www.mabosbet.cc/"
                          title="Baby Care & Gear"
                          >Baby Care & Gear</a
                        >
                      </li>
                      <li class="dropdown-item">
                        <a
                          class="search-category-item"
                          href="https://www.mabosbet.cc/"
                          title="Fishing & Tackle Gear"
                          >Fishing & Tackle Gear</a
                        >
                      </li>
                      <li class="dropdown-item">
                        <a
                          class="search-category-item"
                          href="https://www.mabosbet.cc/"
                          title="Gloves & Mittens"
                          >Gloves & Mittens</a
                        >
                      </li>
                      <li class="dropdown-item">
                        <a
                          class="search-category-item"
                          href="https://www.mabosbet.cc/"
                          title="Health & Supplements"
                          >Health & Supplements</a
                        >
                      </li>
                      <li class="dropdown-item">
                        <a
                          class="search-category-item"
                          href="https://www.mabosbet.cc/"
                          title="Electronics"
                          >Electronics</a
                        >
                      </li>
                      <li class="dropdown-item">
                        <a
                          class="search-category-item"
                          href="https://www.mabosbet.cc/"
                          title="Beauty & Personal Care"
                          >Beauty & Personal Care</a
                        >
                      </li>
                      <li class="dropdown-item">
                        <a
                          class="search-category-item"
                          href="https://www.mabosbet.cc/"
                          title="Fashion"
                          >Fashion</a
                        >
                      </li>
                      <li class="dropdown-item">
                        <a
                          class="search-category-item"
                          href="https://www.mabosbet.cc/"
                          title="Home & Kitchen"
                          >Home & Kitchen</a
                        >
                      </li>
                      <li class="dropdown-item">
                        <a
                          class="search-category-item"
                          href="https://www.mabosbet.cc/"
                          title="Baby Essentials"
                          >Baby Essentials</a
                        >
                      </li>
                      <li class="dropdown-item">
                        <a
                          class="search-category-item"
                          href="https://www.mabosbet.cc/"
                          title="Musical Instruments"
                          >Musical Instruments</a
                        >
                      </li>
                      <li class="dropdown-item">
                        <a
                          class="search-category-item"
                          href="https://www.mabosbet.cc/"
                          title="Grocery & Gourmet Food"
                          >Grocery & Gourmet Food</a
                        >
                      </li>
                      <li class="dropdown-item">
                        <a
                          class="search-category-item"
                          href="https://www.mabosbet.cc/"
                          title="Office Supplies"
                          >Office Supplies</a
                        >
                      </li>
                      <li class="dropdown-item">
                        <a
                          class="search-category-item"
                          href="https://www.mabosbet.cc/"
                          title="Sports Outdoor & Fitness"
                          >Sports Outdoor & Fitness</a
                        >
                      </li>
                      <li class="dropdown-item">
                        <a
                          class="search-category-item"
                          href="https://www.mabosbet.cc/"
                          title="Automotive"
                          >Automotive</a
                        >
                      </li>
                      <li class="dropdown-item">
                        <a
                          class="search-category-item"
                          href="https://www.mabosbet.cc/"
                          title="Household Supplies"
                          >Household Supplies</a
                        >
                      </li>
                      <li class="dropdown-item">
                        <a
                          class="search-category-item"
                          href="https://www.mabosbet.cc/"
                          title="Pet Supplies"
                          >Pet Supplies</a
                        >
                      </li>
                      <li class="dropdown-item">
                        <a
                          class="search-category-item"
                          href="https://www.mabosbet.cc/"
                          title="Arts Crafts & Sewing"
                          >Arts Crafts & Sewing</a
                        >
                      </li>
                      <li class="dropdown-item">
                        <a
                          class="search-category-item"
                          href="https://www.mabosbet.cc/"
                          title="Toys & Games"
                          >Toys & Games</a
                        >
                      </li>
                      <li class="dropdown-item">
                        <a
                          class="search-category-item"
                          href="https://www.mabosbet.cc/"
                          title="Industrial Supplies"
                          >Industrial Supplies</a
                        >
                      </li>
                      <li class="dropdown-item">
                        <a
                          class="search-category-item"
                          href="https://www.mabosbet.cc/"
                          title="Books"
                          >Books</a
                        >
                      </li>
                      <li class="dropdown-item">
                        <a
                          class="search-category-item"
                          href="https://www.mabosbet.cc/"
                          title="Gardening Supplies"
                          >Gardening Supplies</a
                        >
                      </li>
                    </ul>
                  </div>
                  <!-- Hidden Inputs -->
                  <input type="hidden" name="ref_p" value="ser_tp" />
                  <!-- Search Box -->
                  <input
                    type="text"
                    name="q"
                    id="search-box-text-sm"
                    class="form-control"
                    placeholder="Search MABOSBET On Google"
                    aria-label="Text input with dropdown"
                    autocomplete="off"
                    maxlength="300" />
                  <!-- Store Selector -->
                  <div class="select-store dropdown">
                    <button
                      id="select-store-dropdown"
                      class="select-store dropdown-toggle"
                      type="button"
                      data-bs-toggle="dropdown"
                      aria-expanded="false">
                      <span
                        class="d-flex align-items-center"
                        title="United States store"
                        data-store="us"
                        data-href="https://www.a.ubuy.com.kw/en/contacts/index/storeswap?store=us&substore=store">
                        <div
                          class="store-flag bg-light d-flex align-items-center">
                          <span class="us"></span>
                        </div>
                        <span>US</span>
                      </span>
                    </button>
                  </div>
                </form>
              </div>
            </div>
            <ul class="dropdown-menu rounded border-0">
              <li
                test="header"
                class="dropdown-item header-store-dropdown storeswap"
                data-fromstorecode="us"
                data-fromstore="us"
                data-tostore="global"
                data-mstore="*"
                data-store="*"
                data-href="https://www.mabosbet.cc/">
                <span
                  class=""
                  title="Global store"
                  data-href="https://www.mabosbet.cc/">
                  <div class="store-flag bg-light d-flex align-items-center">
                    <i
                      style="width: 25px; text-align: center; color: #f7b808"
                      class="fa fa-globe primary-text"></i>
                  </div>
                  <div class="store-title">Global</div>
                </span>
              </li>
              <li
                test="header"
                class="dropdown-item header-store-dropdown storeswap active"
                data-fromstorecode="us"
                data-fromstore="us"
                data-tostore="us"
                data-mstore="us"
                data-store="us"
                data-href="https://www.mabosbet.cc/">
                <span
                  class=""
                  title="United States store"
                  data-href="https://www.mabosbet.cc/">
                  <div class="store-flag bg-light d-flex align-items-center">
                    <span class="us"></span>
                  </div>
                  <div class="store-title">US</div>
                </span>
              </li>
              <li
                test="header"
                class="dropdown-item header-store-dropdown storeswap"
                data-fromstorecode="us"
                data-fromstore="us"
                data-tostore="uk"
                data-mstore="uk"
                data-store="uk"
                data-href="https://www.mabosbet.cc/">
                <span
                  class=""
                  title="United Kingdom store"
                  data-href="https://www.mabosbet.cc/">
                  <div class="store-flag bg-light d-flex align-items-center">
                    <span class="uk"></span>
                  </div>
                  <div class="store-title">UK</div>
                </span>
              </li>
              <li
                test="header"
                class="dropdown-item header-store-dropdown storeswap"
                data-fromstorecode="us"
                data-fromstore="us"
                data-tostore="eu"
                data-mstore="eu"
                data-store="eu"
                data-href="https://www.mabosbet.cc/">
                <span
                  class=""
                  title="Europe store"
                  data-href="https://www.mabosbet.cc/">
                  <div class="store-flag bg-light d-flex align-items-center">
                    <span class="eu"></span>
                  </div>
                  <div class="store-title">EU</div>
                </span>
              </li>
              <li
                test="header"
                class="dropdown-item header-store-dropdown storeswap"
                data-fromstorecode="us"
                data-fromstore="us"
                data-tostore="china"
                data-mstore="ch"
                data-store="ch"
                data-href="https://www.mabosbet.cc/">
                <span
                  class=""
                  title="China store"
                  data-href="https://www.mabosbet.cc/">
                  <div class="store-flag bg-light d-flex align-items-center">
                    <span class="china"></span>
                  </div>
                  <div class="store-title">CHINA</div>
                </span>
              </li>
              <li
                test="header"
                class="dropdown-item header-store-dropdown storeswap"
                data-fromstorecode="us"
                data-fromstore="us"
                data-tostore="japan"
                data-mstore="jp"
                data-store="jp"
                data-href="https://www.mabosbet.cc/">
                <span
                  class=""
                  title="Japan store"
                  data-href="https://www.mabosbet.cc/">
                  <div class="store-flag bg-light d-flex align-items-center">
                    <span class="japan"></span>
                  </div>
                  <div class="store-title">Japan</div>
                </span>
              </li>
              <li
                test="header"
                class="dropdown-item header-store-dropdown storeswap"
                data-fromstorecode="us"
                data-fromstore="us"
                data-tostore="hongkong"
                data-mstore="hk"
                data-store="hk"
                data-href="https://www.mabosbet.cc/">
                <span
                  class=""
                  title="Hongkong store"
                  data-href="https://www.mabosbet.cc/">
                  <div class="store-flag bg-light d-flex align-items-center">
                    <span class="hongkong"></span>
                  </div>
                  <div class="store-title">Hongkong</div>
                </span>
              </li>
              <li
                test="header"
                class="dropdown-item header-store-dropdown storeswap"
                data-fromstorecode="us"
                data-fromstore="us"
                data-tostore="korea"
                data-mstore="kr"
                data-store="kr"
                data-href="https://www.mabosbet.cc/">
                <span
                  class=""
                  title="Korea store"
                  data-href="https://www.mabosbet.cc/">
                  <div class="store-flag bg-light d-flex align-items-center">
                    <span class="korea"></span>
                  </div>
                  <div class="store-title">Korea</div>
                </span>
              </li>
              <li
                test="header"
                class="dropdown-item header-store-dropdown storeswap"
                data-fromstorecode="us"
                data-fromstore="us"
                data-tostore="turkey"
                data-mstore="tr"
                data-store="tr"
                data-href="https://www.mabosbet.cc/">
                <span
                  class=""
                  title="Turkey store"
                  data-href="https://www.mabosbet.cc/">
                  <div class="store-flag bg-light d-flex align-items-center">
                    <span class="turkey"></span>
                  </div>
                  <div class="store-title">Turkey</div>
                </span>
              </li>
            </ul>
          </nav>
        </div>
      </div>
      <style>
        .n-columns-2 {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          gap: 10px;
          font-weight: 800;
        }
        .n-columns-2 a {
          text-align: center;
          text-decoration: none;
          letter-spacing: 0.6px;
        }
        .login,
        .register {
          color: #fff;
          padding: 13px 10px;
          border-radius: 14px;
          position: relative;
          overflow: hidden;
          isolation: isolate;
          border: 1.5px solid rgba(232, 167, 180, 0.9);
          transition:
            transform 0.22s ease,
            box-shadow 0.22s ease,
            filter 0.22s ease;
          animation: btnPulseMABOSBET 3.8s ease-in-out infinite;
        }
        .login,
        .login-button {
          background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.25), transparent 50%),
            linear-gradient(
              135deg,
              #9cc4e8 0%,
              #4c82c7 30%,
              #2f6db8 55%,
              #1e4f8f 80%,
              #0f223f 100%
            );
          box-shadow:
            0 0 10px rgba(229, 75, 122, 0.38),
            inset 0 1px 0 rgba(255, 255, 255, 0.24);
        }
        .register,
        .register-button {
          background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.25), transparent 50%),
            linear-gradient(
              135deg,
              #9cc4e8 0%,
              #4c82c7 30%,
              #2f6db8 55%,
              #1e4f8f 80%,
              #0f223f 100%
            );
          box-shadow:
            0 0 12px rgba(212, 138, 151, 0.42),
            inset 0 1px 0 rgba(255, 255, 255, 0.26);
          animation-delay: 0.35s;
        }
        .login::before,
        .register::before {
          content: "";
          position: absolute;
          inset: 0;
          background: linear-gradient(
            120deg,
            transparent 0,
            rgba(255, 255, 255, 0.34) 45%,
            transparent 70%
          );
          transform: translateX(-130%);
          animation: softShineMABOSBET 4.8s ease-in-out infinite;
          z-index: -1;
        }
        .login::after,
        .register::after {
          content: "";
          position: absolute;
          inset: 2px;
          border-radius: 12px;
          background:
            radial-gradient(
              circle at 50% 0,
              rgba(245, 194, 203, 0.28),
              transparent 45%
            ),
            linear-gradient(180deg, rgba(255, 255, 255, 0.12), transparent 60%);
          z-index: -2;
          pointer-events: none;
        }
        .login:hover,
        .register:hover {
          color: #fff;
          transform: translateY(-3px);
          filter: brightness(1.08);
          border-color: #f5c2cb;
          box-shadow:
            0 0 14px rgba(229, 75, 122, 0.55),
            0 0 24px rgba(122, 31, 53, 0.35),
            inset 0 0 12px rgba(255, 255, 255, 0.16);
        }
        .login:active,
        .register:active {
          transform: scale(0.97);
        }
        @keyframes btnPulseMABOSBET {
          0%,
          100% {
            transform: translateY(0);
            filter: brightness(1);
          }
          50% {
            transform: translateY(-2px);
            filter: brightness(1.05);
          }
        }
        @keyframes softShineMABOSBET {
          0%,
          70% {
            transform: translateX(-130%);
          }
          100% {
            transform: translateX(130%);
          }
        }
        @media (max-width: 600px) {
          .n-columns-2 {
            gap: 8px;
          }
          .login,
          .register {
            padding: 12px 8px;
            font-size: 14px;
            border-radius: 12px;
          }
          .login::after,
          .register::after {
            border-radius: 10px;
          }
        }
      </style>
      <div class="n-columns-2">
        <a
          href="https://linkku.best/situsmbsn/"
          rel="nofollow noreferrer"
          class="login"
          >LOGIN</a
        >
        <a
          href="https://linkku.best/daftarmbsn/"
          rel="nofollow noreferrer"
          class="register"
          >DAFTAR</a
        >
      </div>
      <ul class="dropdown-menu rounded border-0">
        <li class="dropdown-item">
          <a class="" title="Hong Kong" href="https://www.ubuy.hk/en/">
            <div class="country-flag">
              <span class="hong-kong"></span>
            </div>
            <div class="country-title">Hong Kong</div>
          </a>
        </li>
        <li class="dropdown-item">
          <a class="" title="India" href="https://www.ubuy.co.in/">
            <div class="country-flag">
              <span class="india"></span>
            </div>
            <div class="country-title">India</div>
          </a>
        </li>
        <li class="dropdown-item">
          <a class="" title="Indonesia" href="https://www.ubuy.co.id/en/">
            <div class="country-flag">
              <span class="indonesia"></span>
            </div>
            <div class="country-title">Indonesia</div>
          </a>
        </li>
        <li class="dropdown-item">
          <a class="" title="Japan" href="https://www.u-buy.jp/en/">
            <div class="country-flag">
              <span class="japan"></span>
            </div>
            <div class="country-title">Japan</div>
          </a>
        </li>
        <li class="dropdown-item">
          <a class="" title="Malaysia" href="https://www.ubuy.com.my/en/">
            <div class="country-flag">
              <span class="malaysia"></span>
            </div>
            <div class="country-title">Malaysia</div>
          </a>
        </li>
        <li class="dropdown-item">
          <a class="" title="Maldives" href="https://www.ubuy.mv/en/">
            <div class="country-flag">
              <span class="maldives"></span>
            </div>
            <div class="country-title">Maldives</div>
          </a>
        </li>
        <li class="dropdown-item">
          <a class="" title="Philippines" href="https://www.ubuy.com.ph/">
            <div class="country-flag">
              <span class="philippines"></span>
            </div>
            <div class="country-title">Philippines</div>
          </a>
        </li>
        <li class="dropdown-item">
          <a
            class=""
            target="_blank"
            title="View All Countries"
            href="https://ubuy.com/">
            <div class="country-flag">
              <span class="view-all-countries"></span>
            </div>
            <div class="country-title">View All Countries</div>
          </a>
        </li>
      </ul>
      <ul class="dropdown-menu rounded border-0">
        <li class="welcome-msg">Welcome</li>
        <li class="dropdown-item">
          <a href="https://www.mabosbet.cc/" title="Sign in">
            <span class="signin-sprite"></span>
            Sign in
          </a>
        </li>
        <li class="dropdown-item">
          <a href="https://www.mabosbet.cc/" title="Create an Account">
            <span class="createaccount-sprite"></span>
            Create an Account
          </a>
        </li>
      </ul>
      <div class="mini-cart-wrap d-none">
        <div class="mini-cart-top">
          <style type="text/css">
            .mini-cart-wrap {
              padding-top: 0px !important;
            }
          </style>
          <span class="fw-600 custom-h6">Added to Cart</span>
          <button class="close-cart" aria-label="Close cart">
            <i class="fas fa-times"></i>
          </button>
        </div>
        <div id="cart-popup-items" class="cart-popup-listing"></div>
      </div>
      <div class="cart-overlay"></div>
    </header>
    <section class="detailpage-revamp my-5" id="deskTopView">
      <div class="container">
        <div class="detail-section">
          <div class="row">
            <!-- right side -->
            <div class="col-md-9">
              <div class="row">
                <div class="col-md-6">
                  <div class="product-item">
                    <div class="product-banner">
                      <div
                        class="d-flex justify-content-between align-items-center">
                        <div></div>
                        <a
                          class="wishlist-icon add-to-wishlist"
                          role="button"
                          data-bs-toggle="tooltip"
                          data-bs-placement="top"
                          aria-label="Wishlist"
                          data-bs-original-title="Wishlist">
                          <i class="far fa-heart"></i>
                        </a>
                      </div>
                      <br />
                      <!-- <span  class="wishlist-icon add-to-wishlist"> <i class="fa-solid fa-heart"></i> </span> -->
                      <div class="main-slider-container">
                        <div class="main-product-slider">
                          <div class="slide-item skelton">
                            <a
                              class="skelton"
                              data-fancybox="gallery"
                              href="https://www.mabosbet.cc/">
                              <img
                                data-fancybox="gallery"
                                src="https://www.mabosbet.cc/images/mabosbet-banner.jpg"
                                alt="MABOSBET # Situs APK Pusat Game Online Terpercaya Indonesia" />
                            </a>
                          </div>
                        </div>
                      </div>
                      <!--Ubuy Authentic Seal-->
                      <span class="ubuy-authentic-seal skelton"></span>
                      <!--Ubuy Authentic Seal-->
                    </div>
                    <div class="thumbnail-container">
                      <div class="d-flex justify-content-between">
                        <div class="item thumbnail" data-index="2">
                          <img
                            src="https://www.mabosbet.cc/images/mabosbet-banner.jpg"
                            alt="MABOSBET # Situs APK Pusat Game Online Terpercaya Indonesia" />
                        </div>
                        <div class="item thumbnail" data-index="2">
                          <img
                            src="https://www.mabosbet.cc/images/mabosbet-banner.jpg"
                            alt="MABOSBET # Situs APK Pusat Game Online Terpercaya Indonesia" />
                        </div>
                        <div class="item thumbnail" data-index="2">
                          <img
                            src="https://www.mabosbet.cc/images/mabosbet-banner.jpg"
                            alt="MABOSBET # Situs APK Pusat Game Online Terpercaya Indonesia" />
                        </div>
                        <div class="item thumbnail" data-index="2">
                          <img
                            src="https://www.mabosbet.cc/images/mabosbet-banner.jpg"
                            alt="MABOSBET # Situs APK Pusat Game Online Terpercaya Indonesia" />
                        </div>
                        <div class="item thumbnail" data-index="2">
                          <img
                            src="https://www.mabosbet.cc/images/mabosbet-banner.jpg"
                            alt="MABOSBET # Situs APK Pusat Game Online Terpercaya Indonesia" />
                        </div>
                      </div>
                    </div>
                    <div class="container my-4">
                      <div class="product-article card shadow-sm p-4 rounded">
                        <div class="card-body"></div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-md-6">
                  <div class="single-product-content">
                    <div class="head-content">
                      <div class="d-flex brand-name">
                        <a
                          title="Brand:MABOSBET"
                          class="d-block"
                          href="https://www.mabosbet.cc/"
                          >MABOSBET</a
                        >
                      </div>
                      <p class="h5 font-weight-light brand-name"></p>
                      <h1 class="title">
                        MABOSBET # Situs APK Pusat Game Online Terpercaya
                        Indonesia
                      </h1>
                      <div class="item-id">
                        Yang Terjual:
                        <span class="" id="item_id">356.918.472</span>
                      </div>
                      <div class="price-box">
                        <h2 class="variations-item">
                          Rp4.950<span itemprop="price" content="21"></span>
                        </h2>
                      </div>
                      <div
                        class="rating rating-review d-flex"
                        id="product_avg_rating">
                        <input
                          class="d-none avg-rating-input"
                          id="review_avg"
                          value="0" />
                        <div class="rating-stars variations-item">
                          <span class="star d-inline-block">
                            <i class="fa-solid fa-star"></i>
                          </span>
                          <span class="star d-inline-block">
                            <i class="fa-solid fa-star"></i>
                          </span>
                          <span class="star d-inline-block">
                            <i class="fa-solid fa-star"></i>
                          </span>
                          <span class="star d-inline-block">
                            <i class="fa-solid fa-star"></i>
                          </span>
                          <span class="star d-inline-block">
                            <i class="fa-regular fa-star"></i>
                          </span>
                        </div>
                        <span
                          class="total_review me-4"
                          id="product_total_review"
                          >4.9 rating</span
                        >
                        <a
                          class="write-review"
                          id="write-a-review"
                          role="button">
                          <span>
                            <i class="fas fa-pen"></i>
                            Tinggalkan Ulasan
                          </span>
                        </a>
                      </div>
                      <div
                        class="d-flex justify-content-between align-items-center">
                        <div class="availability">
                          <label>Availability : </label>
                          <span id="availability-status" class="in-stock"
                            >Slot Gacor</span
                          >
                        </div>
                        <div class="product-store">
                          <img src="https://www.mabosbet.cc/images/us-store.svg" class="mr-1" />
                          <span>Fakta dan Informasi: MABOSBET</span>
                        </div>
                      </div>
                    </div>
                    <!-- middle content -->
                    <div class="middle-content">
                      <form
                        action="#"
                        method="post"
                        id="product_addtocart_form">
                        <input
                          type="hidden"
                          id="csrftoken"
                          name="csrftoken"
                          value="enQ3Y3VudzRKeldMT3hxU2pWalQ=" />
                        <input
                          name="form_key"
                          value="e79dce5e6891cc821a6ff8309ea83091"
                          type="hidden" />
                        <div class="product-variations" id="product-variations">
                          <div class="variations-item">
                            <button
                              class="variations-button collapsed"
                              data-heading="Black/White-001"
                              id="colorSelect"
                              type="button"
                              data-bs-toggle="collapse"
                              data-bs-target="#colorSelect-content"
                              aria-expanded="false">
                              Color :
                              <strong class="d-inline-block ms-1">Blue</strong>
                            </button>
                            <div
                              id="colorSelect-content"
                              class="accordion-collapse collapse"
                              aria-labelledby="ColorSelect"
                              data-bs-parent="#product-variations">
                              <div class="veriations-options">
                                <ul class="radio-check" id="select_Color"></ul>
                              </div>
                            </div>
                          </div>
                        </div>
                      </form>
                    </div>
                    <div class="bottom-content">
                      <div class="free-express-shipping">
                        <div class="d-flex align-items-center">
                          <div class="text-free-delevery">
                            <p>
                              Di tengah bermunculannya berbagai opsi,<a
                                href="https://www.mabosbet.cc/">
                                Mabosbet</a
                              >
                              berhasil menarik perhatian sebagai salah satu
                              platform game online yang diklaim memiliki tingkat
                              kemenangan dan kepercayaan tinggi oleh para
                              penggemar hiburan online tanah air. Sekarang mari
                              kita bedah berdasarkan parameter pengalaman
                              pengguna, standar keamanan, dan transparansi
                              sistem.
                            </p>

                            <h2>
                              <strong
                                >1. Pengalaman Pengguna yang Responsif</strong
                              >
                            </h2>

                            <p>
                              Sebuah platform terpercaya tidak hanya dinilai
                              dari jenis permainannya, melainkan bagaimana
                              mereka memperlakukan pengguna. Mabosbet memahami
                              bahwa kenyamanan adalah kunci utama.
                            </p>

                            <ul>
                              <li>
                                <strong>Antarmuka yang Ramah Pengguna:</strong>
                                Navigasi yang lancar baik di perangkat mobile
                                maupun desktop.
                              </li>
                              <li>
                                <strong>Layanan Pelanggan 24/7:</strong>
                                Ketersediaan tim support yang responsif untuk
                                menyelesaikan kendala teknis atau pertanyaan
                                seputar mekanisme permainan secara instan.
                              </li>
                            </ul>

                            <h2>
                              <strong
                                >2. Keahlian Teknis dalam Penyediaan
                                Sistem</strong
                              >
                            </h2>

                            <p>
                              Platform game online yang solid wajib didukung
                              oleh infrastruktur teknologi mutakhir. Keahlian
                              ini tercermin dari kerja sama platform dengan
                              penyedia perangkat lunak (software providers)
                              global yang memiliki reputasi internasional.
                            </p>

                            <p>
                              Dengan sistem yang terintegrasi secara
                              profesional, permainan dapat berjalan stabil tanpa
                              lag, adil (fair play), dan bebas dari manipulasi
                              digital yang merugikan pemain.
                            </p>

                            <h2>
                              <strong
                                >3. Otoritas dan Reputasi di Komunitas</strong
                              >
                            </h2>

                            <p>
                              Mabosbet membangun reputasinya melalui ulasan
                              positif yang tersebar di berbagai komunitas dan
                              forum diskusi game online di Indonesia.
                            </p>

                            <blockquote>
                              <strong>Catatan Penting:</strong> Otoritas sebuah
                              platform tumbuh secara organik. Ketika sebuah
                              situs secara konsisten menepati komitmennya
                              seperti proses transaksi yang cepat dan akurat
                              maka secara otomatis komunitas akan memberikan
                              pengakuan tertinggi.
                            </blockquote>

                            <h2>
                              <strong>4. Kepercayaan dan Keamanan Data</strong>
                            </h2>

                            <p>
                              Faktor paling krusial dalam industri hiburan
                              online adalah tingkat keamanan sistem. Platform
                              yang bertanggung jawab harus mampu menjamin bahwa
                              seluruh data dan aktivitas pengguna terlindungi
                              dengan maksimal.
                            </p>

                            <p>
                              Dalam mengimplementasikan aspek kepercayaan dan
                              keamanan (trustworthiness), platform ini
                              menerapkan tiga pilar proteksi utama yang saling
                              terintegrasi:
                            </p>

                            <ol>
                              <li>
                                <strong
                                  >Proteksi Data (Enkripsi SSL Tingkat
                                  Tinggi):</strong
                                >
                                Berfungsi penuh untuk mengamankan data pribadi
                                serta akun pengguna dari risiko akses ilegal
                                oleh pihak ketiga.
                              </li>

                              <li>
                                <strong
                                  >Gerbang Transaksi (Jalur Pembayaran
                                  Terverifikasi):</strong
                                >
                                Menjamin seluruh proses pemrosesan dana, baik
                                deposit maupun penarikan, berjalan secara
                                transparan, aman, dan lancar.
                              </li>

                              <li>
                                <strong
                                  >Keadilan Sistem (Penggunaan Teknologi
                                  RNG):</strong
                                >
                                Memastikan setiap peluang dan hasil permainan
                                yang keluar murni bersifat adil dan acak tanpa
                                adanya intervensi dari pihak mana pun.
                              </li>
                            </ol>

                            <h2><strong>Kesimpulan</strong></h2>

                            <p>
                              Menemukan platform game online yang mampu
                              menyelaraskan kenyamanan akses, keahlian
                              teknologi, dan reputasi positif di komunitas
                              adalah langkah awal untuk mendapatkan pengalaman
                              hiburan terbaik.<strong> Mabosbet</strong>
                              berupaya menjawab kebutuhan tersebut dengan
                              menyediakan sistem yang stabil dan terpercaya bagi
                              para penggemarnya di Indonesia.
                            </p>

                            <p>
                              Sebagai pengguna yang bijak, penting untuk selalu
                              mengutamakan regulasi diri dan prinsip responsible
                              gaming. Memilih platform yang mengedepankan
                              keamanan data serta keadilan sistem bukan hanya
                              tentang mencari kemenangan, melainkan tentang
                              kenyamanan dan rasa aman dalam menikmati hiburan
                              digital jangka panjang.
                            </p>

                            <div class="progress w-100 progress-bar-container">
                              <div
                                id="progress-bar"
                                class="progress-bar"
                                title="progressbar"
                                aria-label="link to progress bar"
                                role="progressbar"
                                style="width: 0%"
                                aria-valuenow="0"
                                aria-valuemin="0"
                                aria-valuemax="100"></div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <style>
                        .border-box {
                          border: 1.5px solid rgba(232, 167, 180, 0.55);
                          border-radius: 18px;
                          padding: 16px;
                          display: flex;
                          flex-wrap: wrap;
                          justify-content: center;
                          gap: 15px;
                          background:
                            radial-gradient(
                              circle at top center,
                              rgba(212, 138, 151, 0.18),
                              transparent 36%
                            ),
                            linear-gradient(
                              145deg,
                              #121212 0,
                              #2a0f18 38%,
                              #4a3414 72%,
                              #121212 100%
                            );
                          box-shadow:
                            0 0 18px rgba(229, 75, 122, 0.16),
                            inset 0 1px 0 rgba(255, 255, 255, 0.08),
                            inset 0 0 14px rgba(245, 194, 203, 0.05);
                        }
                        .border-box .card {
                          flex: 1 1 calc(20% - 15px);
                          max-width: 100px;
                          aspect-ratio: 1/1;
                          display: flex;
                          align-items: center;
                          justify-content: center;
                          position: relative;
                          overflow: hidden;
                          border-radius: 14px;
                          background:
                            linear-gradient(
                              180deg,
                              rgba(255, 255, 255, 0.14),
                              transparent 42%
                            ),
                            linear-gradient(
                              145deg,
                              #252525 0,
                              #4a3414 58%,
                              #121212 100%
                            );
                          border: 1px solid rgba(232, 167, 180, 0.38);
                          box-shadow:
                            inset 0 1px 0 rgba(255, 255, 255, 0.1),
                            0 4px 10px rgba(0, 0, 0, 0.28),
                            0 0 10px rgba(229, 75, 122, 0.08);
                          transition:
                            transform 0.22s ease,
                            box-shadow 0.22s ease,
                            border-color 0.22s ease,
                            filter 0.22s ease;
                          animation: cardSoftFloat 4s ease-in-out infinite;
                          isolation: isolate;
                        }
                        .border-box .card::before {
                          content: "";
                          position: absolute;
                          inset: 0;
                          background: linear-gradient(
                            120deg,
                            transparent 20%,
                            rgba(255, 255, 255, 0.22) 48%,
                            transparent 72%
                          );
                          transform: translateX(-130%);
                          animation: cardLightSweep 5.8s ease-in-out infinite;
                          pointer-events: none;
                          z-index: 0;
                        }
                        .border-box .card::after {
                          content: "";
                          position: absolute;
                          inset: 1px;
                          border-radius: 12px;
                          background:
                            radial-gradient(
                              circle at top center,
                              rgba(245, 194, 203, 0.14),
                              transparent 45%
                            ),
                            linear-gradient(
                              180deg,
                              rgba(255, 255, 255, 0.08),
                              transparent 58%
                            );
                          pointer-events: none;
                          z-index: 1;
                        }
                        .border-box .card:hover {
                          transform: translateY(-5px) scale(1.03);
                          border-color: #f5c2cb;
                          filter: brightness(1.07);
                          box-shadow:
                            inset 0 1px 0 rgba(255, 255, 255, 0.14),
                            0 8px 18px rgba(0, 0, 0, 0.35),
                            0 0 14px rgba(229, 75, 122, 0.24),
                            0 0 24px rgba(122, 31, 53, 0.18);
                        }
                        .border-box .card img {
                          width: 84%;
                          height: 84%;
                          object-fit: contain;
                          position: relative;
                          z-index: 2;
                          filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.25))
                            drop-shadow(0 0 4px rgba(245, 194, 203, 0.14));
                        }
                        @keyframes cardSoftFloat {
                          0%,
                          100% {
                            transform: translateY(0);
                            filter: brightness(1);
                          }
                          50% {
                            transform: translateY(-3px);
                            filter: brightness(1.04);
                          }
                        }
                        @keyframes cardLightSweep {
                          0%,
                          68% {
                            transform: translateX(-130%);
                          }
                          100% {
                            transform: translateX(130%);
                          }
                        }
                        @media (max-width: 768px) {
                          .border-box {
                            gap: 12px;
                            padding: 14px;
                          }
                          .border-box .card {
                            flex: 1 1 calc(33.33% - 10px);
                          }
                        }
                        @media (max-width: 480px) {
                          .border-box {
                            gap: 10px;
                            border-radius: 15px;
                          }
                          .border-box .card {
                            flex: 1 1 calc(50% - 10px);
                            border-radius: 12px;
                          }
                          .border-box .card::after {
                            border-radius: 10px;
                          }
                        }
                      </style>
                      <div class="border-box">
                        <div class="card">
                          <img
                            src="https://upload.wikimedia.org/wikipedia/commons/f/f3/Logo_Bank_BJB_Syariah.png?_=20240216020930"
                            alt="Bank BJB Syariah" />
                        </div>
                        <div class="card">
                          <img
                            src="https://www.mabosbet.cc/images/250px-BNPParibas_logo.svg.png"
                            alt="Bank BNP Paribas" />
                        </div>
                        <div class="card">
                          <img
                            src="https://www.mabosbet.cc/images/960px-Logo_Bank_Bali.svg.png"
                            alt="Bank BPD Bali" />
                        </div>
                        <div class="card">
                          <img
                            src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/b1/Logo_BRK_Syariah.png/960px-Logo_BRK_Syariah.png?_=20220830155547"
                            alt="Bank BRK Syariah" />
                        </div>
                        <div class="card">
                          <img
                            src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/5c/Bank_Central_Asia.svg/960px-Bank_Central_Asia.svg.png?_=20200318082802"
                            alt="Bank Central Asia" />
                        </div>
                        <hr class="separator" />
                        <div
                          style="width: 56px; height: 26px; display: block"
                          class="card">
                          <img
                            src="https://upload.wikimedia.org/wikipedia/commons/8/8f/Logo_Bank_Aceh_Syariah.png?_=20210611122105"
                            alt="Bank Aceh Syariah"
                            style="
                              width: 100%;
                              height: 100%;
                              object-fit: contain;
                            " />
                        </div>
                        <div
                          style="width: 56px; height: 26px; display: block"
                          class="card">
                          <img
                            src="https://upload.wikimedia.org/wikipedia/commons/e/ed/Allo_Bank_logo.png?_=20241226071204"
                            alt="Bank Allo"
                            style="
                              width: 100%;
                              height: 100%;
                              object-fit: contain;
                            " />
                        </div>
                        <div
                          style="width: 56px; height: 26px; display: block"
                          class="card">
                          <img
                            src="https://upload.wikimedia.org/wikipedia/commons/thumb/8/8d/Amar_Bank.png/960px-Amar_Bank.png?_=20231109181605"
                            alt="Bank Amar"
                            style="
                              width: 100%;
                              height: 100%;
                              object-fit: contain;
                            " />
                        </div>
                        <div
                          style="width: 56px; height: 26px; display: block"
                          class="card">
                          <img
                            src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c2/ANZ-Logo-2009.svg/500px-ANZ-Logo-2009.svg.png?_=20160501050344"
                            alt="Bank ANZ"
                            style="
                              width: 100%;
                              height: 100%;
                              object-fit: contain;
                            " />
                        </div>
                      </div>
                    </div>
                    <div class="seller-info fs-6 mt-3">
                      Dioperasikan oleh :
                      <a
                        class="seller-modal-link font-normal theme-color"
                        data-bs-toggle="modal"
                        data-bs-target="#seller-info"
                        href="https://www.mabosbet.cc/"
                        >Slot Gampang Menang
                      </a>
                    </div>
                    <div class="prime-text">
                      Noted: Mabosbet merupakan platform game online yang
                      memiliki tingkat kemenangan dan kepercayaan tertinggi di
                      mata penggemar hiburan online di Indonesia.

                      <a
                        class="font-normal theme-color"
                        href="https://mabosbetlogin.us.com/"
                        target="_blank"
                        >KLIK DISINI
                      </a>
                      .
                    </div>
                  </div>
                  <style>
                    .info-box-MABOSBET {
                      background:
                        radial-gradient(
                          circle at top center,
                          rgb(212 201 138 / 18%),
                          transparent 36%
                        ),
                        linear-gradient(
                          145deg,
                          #121212 0,
                          #2a1f0f 42%,
                          #4a4214 75%,
                          #121212 100%
                        );
                      border: 1.5px solid rgba(232, 167, 180, 0.58);
                      border-radius: 18px;
                      padding: 16px;
                      font-family: Arial, sans-serif;
                      box-shadow:
                        0 0 14px rgba(229, 75, 122, 0.22),
                        inset 0 1px 0 rgba(255, 255, 255, 0.12);
                      overflow: hidden;
                      position: relative;
                    }
                    .info-box-MABOSBET::before {
                      content: "";
                      position: absolute;
                      inset: 0;
                      background: linear-gradient(
                        120deg,
                        transparent 22%,
                        rgba(255, 255, 255, 0.18) 48%,
                        transparent 74%
                      );
                      transform: translateX(-130%);
                      animation: infoShineMABOSBET 5.8s ease-in-out infinite;
                      pointer-events: none;
                    }
                    .info-header-MABOSBET {
                      text-align: center;
                      color: #f5c2cb;
                      font-size: 22px;
                      font-weight: 900;
                      margin-bottom: 15px;
                      letter-spacing: 0.8px;
                      text-shadow: 0 0 8px rgb(229 203 75 / 42%);
                      position: relative;
                      z-index: 1;
                    }
                    .info-row-MABOSBET {
                      position: relative;
                      z-index: 1;
                      display: flex;
                      justify-content: space-between;
                      gap: 12px;
                      align-items: center;
                      margin-bottom: 9px;
                      padding: 11px 12px;
                      border-radius: 13px;
                      background: rgb(238 202 43 / 72%);
                      border: 1px solid rgba(232, 167, 180, 0.32);
                      box-shadow: inset 0 0 9px rgba(245, 194, 203, 0.06);
                      transition:
                        transform 0.22s ease,
                        box-shadow 0.22s ease,
                        border-color 0.22s ease,
                        filter 0.22s ease;
                    }
                    .info-row-MABOSBET:hover {
                      transform: translateY(-2px);
                      filter: brightness(1.06);
                      border-color: rgba(245, 194, 203, 0.72);
                      box-shadow:
                        0 0 12px rgba(229, 75, 122, 0.22),
                        inset 0 0 10px rgba(255, 255, 255, 0.06);
                    }
                    .info-label-MABOSBET {
                      color: #212529;
                      font-size: 13.5px;
                      font-weight: 800;
                    }
                    .info-value-MABOSBET {
                      color: #fff;
                      font-size: 13.5px;
                      font-weight: 900;
                      text-align: right;
                    }
                    .rating-MABOSBET {
                      color: #f5c2cb;
                      text-shadow: 0 0 6px rgb(229 203 75 / 42%);
                    }
                    .rating-MABOSBET strong {
                      color: #fff;
                      margin-left: 5px;
                    }
                    @keyframes infoShineMABOSBET {
                      0%,
                      68% {
                        transform: translateX(-130%);
                      }
                      100% {
                        transform: translateX(130%);
                      }
                    }
                    @media (max-width: 600px) {
                      .info-box-MABOSBET {
                        padding: 13px;
                        border-radius: 15px;
                      }
                      .info-header-MABOSBET {
                        font-size: 19px;
                      }
                      .info-row-MABOSBET {
                        padding: 10px;
                        gap: 8px;
                      }
                      .info-label-MABOSBET,
                      .info-value-MABOSBET {
                        font-size: 12.8px;
                      }
                    }
                  </style>
                  <div class="info-box-MABOSBET">
                    <div class="info-header-MABOSBET">
                      Mengenal Lebih Dekat MABOSBET
                    </div>
                    <div class="info-row-MABOSBET">
                      <span class="info-label-MABOSBET">Nama Platform</span
                      ><span class="info-value-MABOSBET">MABOSBET</span>
                    </div>
                    <div class="info-row-MABOSBET">
                      <span class="info-label-MABOSBET">Kategori Hiburan</span
                      ><span class="info-value-MABOSBET"
                        >Slot, Taruhan Olahraga, Kasino, dan berbagai pilihan
                        permainan lainnya</span
                      >
                    </div>
                    <div class="info-row-MABOSBET">
                      <span class="info-label-MABOSBET">Minimal Deposit</span
                      ><span class="info-value-MABOSBET"
                        >Mulai dari Rp10.000</span
                      >
                    </div>
                    <div class="info-row-MABOSBET">
                      <span class="info-label-MABOSBET"
                        >Minimal Penarikan Dana</span
                      ><span class="info-value-MABOSBET"
                        >Mulai dari Rp50.000</span
                      >
                    </div>
                    <div class="info-row-MABOSBET">
                      <span class="info-label-MABOSBET">Metode Transaksi</span
                      ><span class="info-value-MABOSBET"
                        >Bank Lokal, E-Wallet, dan QRIS</span
                      >
                    </div>
                    <div class="info-row-MABOSBET">
                      <span class="info-label-MABOSBET">Akses Perangkat</span
                      ><span class="info-value-MABOSBET"
                        >Mendukung Desktop, Tablet, dan Smartphone</span
                      >
                    </div>
                    <div class="info-row-MABOSBET">
                      <span class="info-label-MABOSBET">Ulasan Pengguna</span
                      ><span class="info-value-MABOSBET rating-MABOSBET"
                        >❀❀❀❀❀<strong>356.918.472+</strong></span
                      >
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <style>
          .MABOSBET-rtp-box {
            background:
              radial-gradient(
                circle at top center,
                rgba(156, 196, 232, 0.18),
                transparent 36%
              ),
              linear-gradient(
                145deg,
                #0f223f 0%,
                #1a3c69 42%,
                #3f7fcb 75%,
                #0f223f 100%
              );
            border: 1.5px solid rgba(232, 167, 180, 0.58);
            border-radius: 18px;
            padding: 16px;
            box-shadow:
              0 0 14px rgba(229, 75, 122, 0.22),
              inset 0 1px 0 rgba(255, 255, 255, 0.12);
            font-family: Arial, sans-serif;
          }
          .MABOSBET-rtp-title {
            text-align: center;
            color: #f5c2cb;
            font-size: 22px;
            font-weight: 900;
            margin-bottom: 14px;
            letter-spacing: 0.8px;
            text-shadow: 0 0 8px rgb(229 203 75 / 42%);
          }
          .MABOSBET-rtp-list {
            display: grid;
            gap: 10px;
          }
          .MABOSBET-rtp-item {
            position: relative;
            overflow: hidden;
            background: linear-gradient(
              135deg,
              #f7b808,
              rgba(18, 18, 18, 0.94)
            );
            border: 1px solid rgba(232, 167, 180, 0.34);
            border-radius: 14px;
            padding: 12px;
            box-shadow:
              inset 0 0 10px rgba(245, 194, 203, 0.06),
              0 4px 10px rgba(0, 0, 0, 0.24);
            animation: rtpPulseMABOSBET 3.8s ease-in-out infinite;
          }
          .MABOSBET-rtp-item::before {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(
              120deg,
              transparent 22%,
              rgba(255, 255, 255, 0.18) 48%,
              transparent 74%
            );
            transform: translateX(-130%);
            animation: rtpShineMABOSBET 5.8s ease-in-out infinite;
            z-index: 0;
          }
          .MABOSBET-rtp-name {
            position: relative;
            z-index: 1;
            display: flex;
            justify-content: space-between;
            align-items: center;
            color: #fff;
            font-size: 14px;
            font-weight: 900;
            margin-bottom: 8px;
          }
          .MABOSBET-rtp-percent {
            color: #f5c2cb;
            text-shadow: 0 0 6px rgb(229 203 75 / 42%);
          }
          .MABOSBET-rtp-bar {
            position: relative;
            z-index: 1;
            height: 9px;
            background: rgba(0, 0, 0, 0.42);
            border-radius: 20px;
            overflow: hidden;
            border: 1px solid rgba(232, 167, 180, 0.25);
          }
          .MABOSBET-rtp-fill {
            height: 100%;
            border-radius: 20px;
            background: linear-gradient(
              90deg,
              #fdac23,
              #b5572d,
              #d4c58a,
              #f5c2cb
            );
            box-shadow: 0 0 10px rgb(229 203 75 / 42%);
            animation: rtpGlowMABOSBET 3s ease-in-out infinite;
          }
          .rtp-98 {
            width: 98%;
          }
          .rtp-96 {
            width: 96%;
          }
          .rtp-94 {
            width: 94%;
          }
          .rtp-92 {
            width: 92%;
          }
          @keyframes rtpPulseMABOSBET {
            0%,
            100% {
              filter: brightness(1);
            }
            50% {
              filter: brightness(1.05);
            }
          }
          @keyframes rtpShineMABOSBET {
            0%,
            68% {
              transform: translateX(-130%);
            }
            100% {
              transform: translateX(130%);
            }
          }
          @keyframes rtpGlowMABOSBET {
            0%,
            100% {
              filter: brightness(1);
            }
            50% {
              filter: brightness(1.1);
            }
          }
          @media (max-width: 600px) {
            .MABOSBET-rtp-box {
              padding: 13px;
              border-radius: 15px;
            }
            .MABOSBET-rtp-title {
              font-size: 19px;
            }
            .MABOSBET-rtp-name {
              font-size: 13.5px;
            }
            .MABOSBET-rtp-item {
              padding: 11px;
              border-radius: 12px;
            }
          }
        </style>
        <div class="MABOSBET-rtp-box">
          <div class="MABOSBET-rtp-title">RTP MABOSBET HARI INI</div>
          <div class="MABOSBET-rtp-list">
            <div class="MABOSBET-rtp-item">
              <div class="MABOSBET-rtp-name">
                <span>Gates of Olympus</span
                ><span class="MABOSBET-rtp-percent">98%</span>
              </div>
              <div class="MABOSBET-rtp-bar">
                <div class="MABOSBET-rtp-fill rtp-98"></div>
              </div>
            </div>
            <div class="MABOSBET-rtp-item">
              <div class="MABOSBET-rtp-name">
                <span>Sweet Bonanza</span
                ><span class="MABOSBET-rtp-percent">96%</span>
              </div>
              <div class="MABOSBET-rtp-bar">
                <div class="MABOSBET-rtp-fill rtp-96"></div>
              </div>
            </div>
            <div class="MABOSBET-rtp-item">
              <div class="MABOSBET-rtp-name">
                <span>Mahjong Ways</span
                ><span class="MABOSBET-rtp-percent">94%</span>
              </div>
              <div class="MABOSBET-rtp-bar">
                <div class="MABOSBET-rtp-fill rtp-94"></div>
              </div>
            </div>
            <div class="MABOSBET-rtp-item">
              <div class="MABOSBET-rtp-name">
                <span>Starlight Princess</span
                ><span class="MABOSBET-rtp-percent">92%</span>
              </div>
              <div class="MABOSBET-rtp-bar">
                <div class="MABOSBET-rtp-fill rtp-92"></div>
              </div>
            </div>
          </div>
        </div>
        <style>
          .MABOSBET-menu-box {
            background:
              radial-gradient(
                circle at top center,
                rgba(156, 196, 232, 0.18),
                transparent 36%
              ),
              linear-gradient(
                145deg,
                #0f223f 0%,
                #1a3c69 42%,
                #3f7fcb 75%,
                #0f223f 100%
              );
            border: 1.5px solid rgba(232, 167, 180, 0.58);
            border-radius: 18px;
            padding: 16px;
            box-shadow:
              0 0 14px rgba(229, 75, 122, 0.22),
              inset 0 1px 0 rgba(255, 255, 255, 0.12);
            font-family: Arial, sans-serif;
          }
          .MABOSBET-menu-title {
            text-align: center;
            color: #f5c2cb;
            font-size: 22px;
            font-weight: 900;
            margin-bottom: 14px;
            letter-spacing: 0.8px;
            text-shadow: 0 0 8px rgb(229 203 75 / 42%);
          }
          .MABOSBET-menu {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 10px;
            margin-bottom: 16px;
          }
          .MABOSBET-menu a {
            text-align: center;
            text-decoration: none;
            color: #fff;
            padding: 12px 10px;
            border-radius: 14px;
            font-weight: 800;
            background:
              linear-gradient(
                180deg,
                rgba(255, 255, 255, 0.25),
                transparent 50%
              ),
              linear-gradient(
                135deg,
                #9cc4e8 0%,
                #4c82c7 30%,
                #2f6db8 55%,
                #1e4f8f 80%,
                #0f223f 100%
              );
            border: 1px solid rgba(232, 167, 180, 0.72);
            position: relative;
            overflow: hidden;
            transition:
              transform 0.22s ease,
              box-shadow 0.22s ease,
              filter 0.22s ease;
            animation: menuPulseMABOSBET 3.8s ease-in-out infinite;
            isolation: isolate;
          }
          .MABOSBET-menu a::before {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(
              120deg,
              transparent 22%,
              rgba(255, 255, 255, 0.24) 48%,
              transparent 74%
            );
            transform: translateX(-130%);
            animation: menuShineMABOSBET 5.8s ease-in-out infinite;
            z-index: -1;
          }
          .MABOSBET-menu a::after {
            content: "";
            position: absolute;
            inset: 1px;
            border-radius: 12px;
            background:
              radial-gradient(
                circle at 50% 0,
                rgba(245, 194, 203, 0.22),
                transparent 45%
              ),
              linear-gradient(
                180deg,
                rgba(255, 255, 255, 0.12),
                transparent 58%
              );
            pointer-events: none;
            z-index: -1;
          }
          .MABOSBET-menu a:hover {
            color: #fff;
            transform: translateY(-3px);
            filter: brightness(1.08);
            box-shadow:
              0 0 15px rgba(229, 75, 122, 0.45),
              0 0 22px rgba(122, 31, 53, 0.25);
          }
          .MABOSBET-content {
            background: rgba(18, 18, 18, 0.58);
            border: 1px solid rgba(232, 167, 180, 0.35);
            border-radius: 16px;
            padding: 14px;
            margin-top: 12px;
            box-shadow: inset 0 0 12px rgba(245, 194, 203, 0.06);
          }
          .MABOSBET-content h3 {
            color: #f5c2cb;
            margin: 0 0 8px;
            font-size: 18px;
            text-shadow: 0 0 6px rgba(229, 75, 122, 0.32);
          }
          .MABOSBET-content p {
            color: #f3e8ee;
            font-size: 14px;
            line-height: 1.6;
            margin: 0 0 10px;
          }
          .MABOSBET-review {
            background: linear-gradient(
              135deg,
              rgb(122 118 31 / 34%),
              rgb(210 212 138 / 14%)
            );
            border-left: 4px solid #d4c58a;
            border-radius: 12px;
            padding: 12px;
            margin-bottom: 10px;
            box-shadow: inset 0 0 10px rgba(245, 194, 203, 0.05);
          }
          .MABOSBET-review strong {
            color: #f5c2cb;
          }
          @keyframes menuPulseMABOSBET {
            0%,
            100% {
              filter: brightness(1);
              transform: translateY(0);
            }
            50% {
              filter: brightness(1.05);
              transform: translateY(-2px);
            }
          }
          @keyframes menuShineMABOSBET {
            0%,
            68% {
              transform: translateX(-130%);
            }
            100% {
              transform: translateX(130%);
            }
          }
          @media (max-width: 600px) {
            .MABOSBET-menu-box {
              padding: 13px;
              border-radius: 15px;
            }
            .MABOSBET-menu-title {
              font-size: 19px;
            }
            .MABOSBET-menu {
              gap: 8px;
            }
            .MABOSBET-menu a {
              padding: 11px 8px;
              font-size: 14px;
              border-radius: 12px;
            }
            .MABOSBET-content h3 {
              font-size: 16px;
            }
            .MABOSBET-content p {
              font-size: 13.5px;
            }
          }
        </style>
        <div class="MABOSBET-menu-box">
          <div class="MABOSBET-menu-title">RUANG INFORMASI MABOSBET</div>

          <div class="MABOSBET-menu">
            <a href="#faq-MABOSBET">FAQ</a>
            <a href="#review-MABOSBET">REVIEW</a>
          </div>

          <div class="MABOSBET-content" id="faq-MABOSBET">
            <h3>FAQ MABOSBET</h3>
            <p>
              <strong
                >Apa yang membuat MABOSBET menjadi platform yang
                terpercaya?</strong
              ><br />
              MABOSBET adalah situs slot online akses termudah dan terpercaya di
              Indonesia. Kami menyediakan platform taruhan digital dengan
              keamanan tingkat tinggi dan server yang sangat stabil, memastikan
              pengalaman bermain yang nyaman dan menguntungkan bagi setiap
              member.
            </p>

            <p>
              <strong
                >Bagaimana sistem keamanan melindungi data pribadi saya?</strong
              ><br />
              Prosesnya sangat cepat! Anda hanya perlu mengunjungi link resmi
              atau alternatif MABOSBET, lalu masukkan username dan password Anda
              di kolom login. Setelah login Slot777 berhasil, Anda bisa langsung
              mengakses ratusan permainan gacor yang tersedia di lobi kami.
            </p>

            <p>
              <strong
                >Apakah hasil permainan di platform ini dijamin adil?</strong
              ><br />
              Ya, benar! Kami menggunakan infrastruktur server premium dari
              jaringan Slot777. Hal ini memastikan setiap putaran mesin slot
              Anda berjalan mulus tanpa lag atau gangguan jaringan, sehingga
              peluang untuk meraih maxwin tidak akan terlewatkan.
            </p>

            <p>
              <strong
                >Mengapa proses transaksi di platform ini dinilai aman?</strong
              ><br />
              Karena platform ini bekerja sama dengan jaringan perbankan utama
              dan penyedia e-wallet resmi yang terverifikasi, menjamin setiap
              proses deposit dan penarikan dana berjalan transparan dan tepat
              waktu.
            </p>

            <p>
              <strong
                >Bagaimana cara mendapatkan bantuan jika terjadi kendala
                teknis?</strong
              ><br />
              Anda dapat langsung menghubungi tim customer support ahli yang
              bersertifikat. Layanan ini tersedia 24/7 non-stop dan siap
              menyelesaikan masalah teknis Anda secara instan dan profesional.
            </p>

            <p>
              <strong>Apakah platform ini kompatibel di semua perangkat?</strong
              ><br />
              Ya. Melalui keahlian optimasi infrastruktur digital, platform ini
              dirancang responsif sehingga menjamin navigasi yang ringan,
              stabil, dan lancar baik diakses lewat desktop maupun smartphone.
            </p>

            <p>
              <strong
                >Bagaimana platform ini membuktikan otoritasnya di
                komunitas?</strong
              ><br />
              Otoritas platform tumbuh organik melalui ulasan positif di
              berbagai forum diskusi. Reputasi ini terjaga karena komitmen
              platform yang selalu menepati janji layanan, terutama kecepatan
              transaksi.
            </p>

            <p>
              <strong
                >Apa komitmen platform ini terhadap aturan main yang
                sehat?</strong
              ><br />
              Platform ini secara aktif mengampanyekan responsible gaming.
              Tujuannya adalah mengedukasi pengguna agar memiliki kontrol diri
              yang baik dan memperlakukan platform murni sebagai sarana hiburan
              digital yang sehat.
            </p>
          </div>

          <div class="MABOSBET-content" id="review-MABOSBET">
            <h3>Apa Kata Pengguna MABOSBET</h3>

            <div class="MABOSBET-review">
              <p>
                <strong>Budi Santoso</strong><br />
                Main di MABOSBET memang mantap, benar-benar situs slot online
                akses termudah. Gak pernah ada kendala blokir atau loading lama
                pas mau main.
              </p>
            </div>

            <div class="MABOSBET-review">
              <p>
                <strong>Rina Cuan</strong><br />
                Sejak daftar dan login Slot777 di sini, game kerasa lancar
                banget tanpa lag. Menang berapapun langsung masuk ke rekening
                dalam hitungan menit.
              </p>
            </div>

            <div class="MABOSBET-review">
              <p>
                <strong>Hendra JP</strong><br />
                MABOSBET juara! Situs slot online akses termudah yang pernah
                saya coba. Tinggal login Slot777, langsung bisa nikmati ratusan
                game gacor dengan gampang.
              </p>
            </div>

            <div class="MABOSBET-review">
              <p>
                <strong>Tika Spin88</strong><br />
                Sangat praktis diakses lewat HP. Proses login Slot777 cepat dan
                permainannya sangat enteng dimainkan kapan saja dan di mana
                saja.
              </p>
            </div>

            <div class="MABOSBET-review">
              <p>
                <strong>Anton Maxwin</strong><br />
                Baru kali ini nemu situs slot online akses termudah yang ngasih
                bonus nyata tanpa syarat yang ribet. Pokoknya MABOSBET memang
                platform paling top.
              </p>
            </div>

            <div class="MABOSBET-review">
              <p>
                <strong>Sari Hoki</strong><br />
                Pelayanan CS-nya sangat ramah 24 jam. Tiap kali login Slot777 di
                MABOSBET selalu merasa aman dan nyaman karena ini situs
                terpercaya dan anti rungkad.
              </p>
            </div>
          </div>
        </div>
        <style>
          .MABOSBET-pola-box {
            background:
              radial-gradient(
                circle at top center,
                rgba(156, 196, 232, 0.18),
                transparent 36%
              ),
              linear-gradient(
                145deg,
                #0f223f 0%,
                #1a3c69 42%,
                #3f7fcb 75%,
                #0f223f 100%
              );
            border: 1.5px solid rgba(232, 167, 180, 0.58);
            border-radius: 18px;
            padding: 16px;
            font-family: Arial, sans-serif;
            box-shadow:
              0 0 14px rgba(229, 75, 122, 0.22),
              inset 0 1px 0 rgba(255, 255, 255, 0.12);
            overflow: hidden;
            position: relative;
          }
          .MABOSBET-pola-title {
            text-align: center;
            color: #f5c2cb;
            font-size: 22px;
            font-weight: 900;
            margin-bottom: 14px;
            letter-spacing: 0.8px;
            text-shadow: 0 0 8px rgb(229 203 75 / 42%);
          }
          .MABOSBET-pola-list {
            display: grid;
            gap: 10px;
          }
          .MABOSBET-pola-item {
            position: relative;
            overflow: hidden;
            background: linear-gradient(
              135deg,
              #f7b808,
              rgba(18, 18, 18, 0.94)
            );
            border: 1px solid rgba(232, 167, 180, 0.34);
            border-radius: 14px;
            padding: 12px;
            box-shadow:
              inset 0 0 10px rgba(245, 194, 203, 0.06),
              0 4px 10px rgba(0, 0, 0, 0.24);
            animation: polaPulseMABOSBET 3.8s ease-in-out infinite;
          }
          .MABOSBET-pola-item::before {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(
              120deg,
              transparent 22%,
              rgba(255, 255, 255, 0.18) 48%,
              transparent 74%
            );
            transform: translateX(-130%);
            animation: polaShineMABOSBET 5.8s ease-in-out infinite;
            z-index: 0;
          }
          .MABOSBET-pola-name {
            position: relative;
            z-index: 1;
            display: flex;
            justify-content: space-between;
            align-items: center;
            color: #fff;
            font-size: 14px;
            font-weight: 900;
            margin-bottom: 8px;
          }
          .MABOSBET-pola-rng {
            color: #f5c2cb;
            text-shadow: 0 0 6px rgb(229 203 75 / 42%);
          }
          .MABOSBET-pola-desc {
            position: relative;
            z-index: 1;
            color: #f3e8ee;
            font-size: 13.5px;
            line-height: 1.5;
            margin: 0;
          }
          .MABOSBET-pola-badge {
            display: inline-block;
            margin-top: 8px;
            padding: 5px 9px;
            border-radius: 20px;
            background: rgba(245, 194, 203, 0.12);
            border: 1px solid rgba(232, 167, 180, 0.28);
            color: #f5c2cb;
            font-size: 12px;
            font-weight: 800;
          }
          @keyframes polaPulseMABOSBET {
            0%,
            100% {
              filter: brightness(1);
              transform: translateY(0);
            }
            50% {
              filter: brightness(1.05);
              transform: translateY(-2px);
            }
          }
          @keyframes polaShineMABOSBET {
            0%,
            68% {
              transform: translateX(-130%);
            }
            100% {
              transform: translateX(130%);
            }
          }
          @media (max-width: 600px) {
            .MABOSBET-pola-box {
              padding: 13px;
              border-radius: 15px;
            }
            .MABOSBET-pola-title {
              font-size: 19px;
            }
            .MABOSBET-pola-item {
              padding: 11px;
              border-radius: 12px;
            }
            .MABOSBET-pola-name {
              font-size: 13.5px;
            }
            .MABOSBET-pola-desc {
              font-size: 13px;
            }
          }
        </style>
        <div class="MABOSBET-pola-box">
          <div class="MABOSBET-pola-title">
            Panduan Pola RNG MABOSBET Hari Ini
          </div>
          <div class="MABOSBET-pola-list">
            <div class="MABOSBET-pola-item">
              <div class="MABOSBET-pola-name">
                Mode Santai<span class="MABOSBET-pola-rng">RNG 78%</span>
              </div>
              <p class="MABOSBET-pola-desc">
                Spin manual 10x, lanjut auto 30x, jeda sebentar lalu ulangi
                pola.
              </p>
              <span class="MABOSBET-pola-badge">Stabil</span>
            </div>
            <div class="MABOSBET-pola-item">
              <div class="MABOSBET-pola-name">
                Mode Turbo<span class="MABOSBET-pola-rng">RNG 84%</span>
              </div>
              <p class="MABOSBET-pola-desc">
                Auto spin 50x, naikkan tempo saat scatter mulai sering muncul.
              </p>
              <span class="MABOSBET-pola-badge">Agresif</span>
            </div>
            <div class="MABOSBET-pola-item">
              <div class="MABOSBET-pola-name">
                Mode Maxwin<span class="MABOSBET-pola-rng">RNG 91%</span>
              </div>
              <p class="MABOSBET-pola-desc">
                Gunakan pola bertahap: manual 20x, turbo 30x, lalu stop 1 menit.
              </p>
              <span class="MABOSBET-pola-badge">Rekomendasi</span>
            </div>
          </div>
        </div>
        <!-- sidebar -->
        <div class="col-md-3">
          <div class="sidebar">
            <div class="card">
              <div class="card-body p-0">
                <!-- product details -->
                <div class="product-details">
                  <h2 class="heading d-flex justify-content-between">
                    Rp5.000
                  </h2>
                  <div class="description">
                    Mabosbet merupakan platform game online yang memiliki
                    tingkat kemenangan dan kepercayaan tertinggi di mata
                    penggemar hiburan online di Indonesia.

                    <div class="mt-2">362.497 Ulasan</div>
                  </div>
                  <div class="mt-2 mb-0"></div>
                  <p class="fw w-100"></p>
                </div>
                <!-- Product Shop -->
                <div class="product-shop">
                  <div class="quantity-input">
                    <button class="btn minus-btn" type="button">-</button>
                    <input
                      type="text"
                      id="number"
                      class="form-control"
                      value="1" />
                    <label class="sr-only" for="number"></label>
                    <button class="btn plus-btn" type="button">+</button>
                  </div>
                  <!-- Tombol DAFTAR dengan link -->
                  <a
                    href="https://mabosbetlogin.us.com/"
                    target="_blank"
                    class="btn add-to-cart-btn"
                    id="add-to-cart-btn"
                    >DAFTAR
                  </a>
                  <!-- Tombol LOGIN dengan link -->
                  <a
                    href="https://mabosbetlogin.us.com/"
                    target="_blank"
                    class="btn buy-now-btn"
                    id="buy-now-btn"
                    >LOGIN
                  </a>
                  <span class="text-success mt-2 d-block"
                    >Pencarian Teratas</span
                  >
                </div>
                <!-- product features -->
                <div class="product-features">
                  <div class="content">
                    <ul class="features-points">
                      <li>MABOSBET</li>
                      <li>SLOT777 MABOSBET</li>
                      <li>SLOT GACOR MABOSBET</li>
                      <li>LOGIN MABOSBET</li>
                      <li>SLOT777</li>
                      <li>SLOT 777</li>
                      <li>SLOT777 JP</li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <br />
      </div>

      <div
        class="error text-danger"
        data-msg="Please enter a valid email address."
        id="validate-newsletter"></div>

      <div class="footer-top">
        <div class="row">
          <div class="col-xl-2 col-sm-6 mb-3 col-lg-4 col-12">
            <div class="heading-icon mb-3">
              <p class="footer-heading">
                <span class="quick-links-sprite"></span>
                QUICK LINKS
              </p>
            </div>
            <hr />
            <ul>
              <li>
                <a href="https://www.mabosbet.cc/" title="About Us MABOSBET"
                  >About Us MABOSBET</a
                >
              </li>
              <li>
                <a href="https://www.mabosbet.cc/" title="Contact Us MABOSBET"
                  >Contact Us MABOSBET</a
                >
              </li>
              <li>
                <a href="https://www.mabosbet.cc/" title="Quotation Request"
                  >Quotation Request</a
                >
              </li>
              <li>
                <a href="https://www.mabosbet.cc/" title="Intellectual Property"
                  >Intellectual Property</a
                >
              </li>
              <li>
                <a href="https://www.mabosbet.cc/" title="Sitemap">Sitemap</a>
              </li>
              <li>
                <a href="https://www.mabosbet.cc/" title="Track Order"
                  >Track Order</a
                >
              </li>
              <li>
                <a
                  href="https://www.mabosbet.cc/"
                  title="Customs tariffs and fees"
                  >Customs tariffs and fees</a
                >
              </li>
              <li>
                <a href="https://www.mabosbet.cc/" title="Shipping Policy"
                  >Shipping Policy</a
                >
              </li>
              <li>
                <a href="https://www.mabosbet.cc/" title="Micro Influencer"
                  >Micro Influencer</a
                >
              </li>
              <li>
                <a href="https://www.mabosbet.cc/" title="Ubuy Membership"
                  >Ubuy Membership</a
                >
              </li>
              <li>
                <a href="https://www.mabosbet.cc/" title="Ubuy Warranty"
                  >Ubuy Warranty</a
                >
              </li>
              <li>
                <a href="https://www.mabosbet.cc/" title="Healthcare Disclaimer"
                  >Healthcare Disclaimer</a
                >
              </li>
            </ul>
          </div>
          <div class="col-xl-2 col-sm-6 mb-3 col-lg-4 col-12">
            <div class="heading-icon">
              <p class="footer-heading">
                <span class="ubuy-sprite"></span>
                UBUY
              </p>
            </div>
            <hr />
            <ul>
              <li class="m-0">
                <a href="https://www.mabosbet.cc/" title="Download App MABOSBET"
                  >Download App MABOSBET</a
                >
              </li>
              <li>
                <a href="https://www.mabosbet.cc/" title="Brands List"
                  >Brands List</a
                >
              </li>
              <li class="m-0">
                <a href="https://www.mabosbet.cc/" title="Customer Reviews"
                  >Customer Reviews</a
                >
              </li>
              <li class="m-0">
                <a href="https://www.mabosbet.cc/" title="Return Policy"
                  >Return Policy</a
                >
              </li>
              <li class="m-0">
                <a target="_blank" href="https://www.mabosbet.cc/" title="Blog"
                  >Blog</a
                >
              </li>
              <li class="m-0">
                <a href="https://www.mabosbet.cc/" title="FAQ">FAQ</a>
              </li>
              <li class="m-0">
                <a href="https://www.mabosbet.cc/" title="About Ucredit"
                  >About Ucredit</a
                >
              </li>
              <li class="m-0">
                <a
                  target="_blank"
                  href="https://www.mabosbet.cc/"
                  title="MABOSBET Affiliates"
                  >MABOSBET Affiliates</a
                >
              </li>
            </ul>
          </div>
          <div
            class="col-xl-2 col-sm-6 mb-3 col-lg-4 col-12 footer-without-anchor">
            <div class="heading-icon">
              <p class="footer-heading">
                <span class="payment-sprite"></span>
                PAYMENT
              </p>
            </div>
            <hr />
            <ul>
              <li class="text-nowrap">
                <div class="d-flex align-items-center">
                  <figure class="m-0">
                    <img
                      width="65"
                      height="42"
                      alt="Paypal payment"
                      title="Paypal"
                      src="https://www.mabosbet.cc/images/payment_methods-175369014491.png" />
                  </figure>
                  <div class="pay_icon-name">Paypal</div>
                </div>
              </li>
              <li class="text-nowrap">
                <div class="d-flex align-items-center">
                  <figure class="m-0">
                    <img
                      width="65"
                      height="42"
                      alt="Visa payment"
                      title="Visa"
                      src="https://www.mabosbet.cc/images/payment_methods-175368113152.png" />
                  </figure>
                  <div class="pay_icon-name">Visa</div>
                </div>
              </li>
              <li class="text-nowrap">
                <div class="d-flex align-items-center">
                  <figure class="m-0">
                    <img
                      width="65"
                      height="42"
                      alt="Mastercard payment"
                      title="Mastercard"
                      src="https://www.mabosbet.cc/images/payment_methods-175368114244.png" />
                  </figure>
                  <div class="pay_icon-name">Mastercard</div>
                </div>
              </li>
            </ul>
          </div>
          <div
            class="col-xl-2 col-sm-6 mb-3 col-lg-4 col-12 footer-without-anchor footer-widget">
            <div class="heading-icon">
              <p class="footer-heading">
                <span class="shipping-sprite"></span>
                SHIPPING
              </p>
            </div>
            <hr />
            <ul class="shipping">
              <li class="row">
                <span class="shipping-types express-shipping-sprite"></span>
                <p class="m-0">Express Shipping<span>Fast Delivery</span></p>
              </li>
              <li class="row">
                <span
                  class="shipping-types viss-express-shipping-sprite"></span>
                <p class="m-0">
                  Standard Shipping<span>10+ Business Days</span>
                </p>
              </li>
            </ul>
          </div>
          <div class="col-xl-2 col-sm-6 mb-3 col-lg-4 col-12">
            <div class="heading-icon">
              <p class="footer-heading">
                <span class="cities-covered-sprite"></span>
                CITIES COVERED
              </p>
            </div>
            <hr />
            <ul class="mb-0">
              <li>
                <a href="https://www.mabosbet.cc/" title="Slot Gacor"
                  >Slot Gacor</a
                >
              </li>
            </ul>
            <a
              href="https://www.mabosbet.cc/"
              class="view_more_cities text-dark"
              title="View more cities">
              View More Cities <i class="fa-solid fa-angle-right"></i>
            </a>
          </div>
          <div
            class="col-xl-2 col-sm-6 mb-3 col-lg-4 col-12 footer-without-anchor">
            <div class="heading-icon">
              <p class="footer-heading">
                <span class="other-sprite"></span>
                Other
              </p>
            </div>
            <hr />
            <div class="app-icons">
              <p>Download our App</p>
              <div class="d-flex mt-3 flex-wrap gap-1">
                <a
                  class="app-store d-none m-0"
                  aria-label="App Store"
                  href="https://ubys.us/apps/?type=apps&utm_source=inhd-ubapp&utm_medium=ubuy-website-abroad&utm_term=bottom-icon&utm_campaign=app-install-ubuy-abroad-web-BTM"
                  target="_blank"></a>
                <a
                  class="play-store d-none m-0"
                  aria-label="Play Store"
                  href="https://www.mabosbet.cc/&referrer=utm_source%3Dinhd-ubapp%26utm_medium%3Dubuy-website-abroad%26utm_term%3Dbottom-icon%26utm_campaign%3Dapp-install-ubuy-abroad-web-BTM"
                  target="_blank"></a>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div
        class="col-xl-9 col-lg-9 col-md-8 col-sm-12 mt-md-2 mb-md-0 mb-sm-2 d-flex justify-content-center justify-content-md-start flex-column">
        <p
          class="footer-heading pci-dss-trust"
          style="font-size: 16px; color: #666; font-weight: bold">
          DIOPERASIKAN OLEH MABOSBET
        </p>
        <div class="ftrisoimg_con d-flex gap-4 align-items-center mt-2">
          <a href="https://www.mabosbet.cc/" title="PCI DSS" target="_blank">
            <img
              width="200"
              height="36"
              src="https://www.mabosbet.cc/images/mabosbet-logo.png"
              data-src="https://www.mabosbet.cc/images/mabosbet-logo.png"
              alt="PCI Security Standards Council"
              style="max-width: 100%"
              class="" />
          </a>
          <div>
            <a title="ISO Certified" target="_blank">
              <img
                style="
                  border-left: 1px solid #dbd9d9;
                  padding-left: 20px;
                  width: auto;
                "
                src="https://www.mabosbet.cc/images/mabosbet-favicon.ico"
                data-src="https://www.mabosbet.cc/images/mabosbet-favicon.ico"
                width="139"
                height="38"
                alt="iso certified"
                class="" />
            </a>
          </div>
        </div>
      </div>
      <hr />
      <div class="footer-bottom pb-4">
        <div class="container">
          <div class="row">
            <div class="col-md-12 col-sm-12 col-lg-3 col-12">
              <p>Copyright © 2018–2026 MABOSBET. All Rights Reserved.</p>
            </div>
            <div class="col-md-12 col-sm-12 col-lg-6 col-12">
              <ul class="footer-menu">
                <li class="no-content">
                  <a href="https://www.mabosbet.cc/" title="Terms & Conditions"
                    >Terms & Conditions</a
                  >
                </li>
                <li>
                  <a href="https://www.mabosbet.cc/" title="Privacy Policy"
                    >Privacy Policy</a
                  >
                </li>
                <li>
                  <a href="https://www.mabosbet.cc/" title="About Us"
                    >About Us</a
                  >
                </li>
                <li>
                  <a href="https://www.mabosbet.cc/" title="Contact Us"
                    >Contact Us</a
                  >
                </li>
              </ul>
            </div>
            <div class="col-md-12 col-sm-12 col-lg-3 col-12">
              <div class="followus d-flex justify-content-start">
                <span class="mr-5">Follow Us</span>
                <div class="social-footer">
                  <a
                    href="https://www.mabosbet.cc/"
                    title="Facebook"
                    target="_blank">
                    <i class="fa-brands fa-facebook-f"></i>
                  </a>
                  <a
                    href="https://www.mabosbet.cc/"
                    title="Instagram"
                    target="_blank">
                    <i class="fa-brands fa-instagram"></i>
                  </a>
                  <a
                    href="https://www.mabosbet.cc/"
                    title="Youtube"
                    target="_blank">
                    <i class="fa-brands fa-youtube"></i>
                  </a>
                  <a
                    href="https://www.mabosbet.cc/"
                    title="Twitter"
                    target="_blank">
                    <i class="fa-brands fa-x-twitter"></i>
                  </a>
                  <a
                    href="https://www.mabosbet.cc/"
                    title="Pinterest"
                    target="_blank">
                    <i class="fa-brands fa-pinterest"></i>
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <style>
        .newsletter-subscription .content-sec {
          width: 100%;
          max-width: 800px;
          margin: 0 auto;
          padding: 22px;
          position: relative;
          overflow: hidden;
          border-radius: 20px;
          border: 1.5px solid rgba(255, 213, 74, 0.68);
          background:
            radial-gradient(
              circle at top left,
              rgba(255, 213, 74, 0.18),
              transparent 34%
            ),
            radial-gradient(
              circle at bottom right,
              rgba(0, 255, 136, 0.14),
              transparent 36%
            ),
            linear-gradient(135deg, #050505 0, #073d1c 56%, #050505 100%);
          box-shadow:
            0 0 18px rgba(0, 255, 136, 0.22),
            0 0 26px rgba(255, 213, 74, 0.16),
            inset 0 0 16px rgba(255, 255, 255, 0.05);
          animation: newsletterAuraMABOSBET 4s ease-in-out infinite;
        }
        .newsletter-subscription .content-sec::before {
          content: "";
          position: absolute;
          inset: 0;
          background: linear-gradient(
            120deg,
            transparent 25%,
            rgba(255, 213, 74, 0.16),
            transparent 75%
          );
          transform: translateX(-120%);
          animation: newsletterShineMABOSBET 6s linear infinite;
          pointer-events: none;
        }
        .newsletter-subscription .content-sec::after {
          content: "";
          position: absolute;
          inset: 1px;
          border-radius: 19px;
          border: 1px solid rgba(255, 255, 255, 0.08);
          pointer-events: none;
        }
        @keyframes newsletterAuraMABOSBET {
          0%,
          100% {
            box-shadow:
              0 0 18px rgba(0, 255, 136, 0.22),
              0 0 26px rgba(255, 213, 74, 0.16),
              inset 0 0 16px rgba(255, 255, 255, 0.05);
          }
          50% {
            box-shadow:
              0 0 24px rgba(0, 255, 136, 0.34),
              0 0 34px rgba(255, 213, 74, 0.24),
              inset 0 0 18px rgba(255, 255, 255, 0.07);
          }
        }
        @keyframes newsletterShineMABOSBET {
          0% {
            transform: translateX(-120%);
          }
          100%,
          55% {
            transform: translateX(120%);
          }
        }
        @media screen and (max-width: 768px) {
          .container {
            max-width: 100%;
            width: 100%;
            padding: 0 25px;
          }
          .newsletter-subscription .content-sec {
            padding: 18px;
            border-radius: 16px;
          }
        }
        @media screen and (max-width: 480px) {
          .container {
            padding: 0 14px;
          }
          .newsletter-subscription .content-sec {
            padding: 15px;
            border-radius: 14px;
          }
        }
      </style>
      <div class="top-purches-popup"></div>
      <script src="js/script-menu-min.js" async=""></script>
      <script>
        $(document).ready(function () {
          var buttonprev = $(".owl-prev");
          var buttonnext = $(".owl-next");
          buttonprev.attr("role", "button");
          buttonnext.attr("role", "button");
        });
        var is_multiple_slider = "false";
        var slider_status = false;
        if (is_multiple_slider == "true") {
          slider_status = true;
        }

        var importCountry =
          '["US","UK","Japan","Germany","Hong Kong","Korea","China","Turkey"]';
        var referer = "";
        var isDetailPageOpen = "1";

        function fetchData(
          geturl,
          tag_id,
          action,
          init_slider = false,
          referer = "",
          isDetailPageOpen = "",
          token = "",
        ) {
          jQuery.ajax({
            url: geturl,
            data: {
              importCountries: importCountry,
              referer: referer,
              isDetailPageOpen: isDetailPageOpen,
              token: token,
            },
            type: "POST",
            success: function (resp) {
              if (action == "html") {
                jQuery(tag_id).after(resp);
              } else {
                jQuery(tag_id).append(resp);
              }
              if (init_slider == true) {
              }
            },
          });
        }

        function getCartData() {
          jQuery.ajax({
            url: "https://www.mabosbet.cc/",
            dataType: "html",
            type: "GET",
            data: {
              version: "v5",
            },
            success: function (resp) {
              var menuHtml = resp;
              if (jQuery.trim(menuHtml) != "") {
                var obj = jQuery.parseJSON(menuHtml);
                if (jQuery.trim(obj.userAcountHtml) != "") {
                  jQuery(".header-account").html(obj.userAcountHtml);
                }
                jQuery("#user_cart_count").html(obj.cartcount);
                jQuery("#user_cart_count_sm").html(obj.cartcount);
                if (obj.cartcount > 0) {
                  jQuery("#user_cart_count").addClass("active");
                } else {
                  jQuery("#user_cart_count").removeClass("active");
                }
                if (jQuery.trim(obj.select_store_html) != "") {
                  jQuery("#select-store-dropdown").html(obj.select_store_html);
                  jQuery(".header-store-dropdown").removeClass("active");
                  jQuery(
                    '.header-store-dropdown[data-store="' +
                      obj.currentStore.toLowerCase() +
                      '"]',
                  ).addClass("active");
                }
              }
            },
            complete: function () {},
          });
        }

        function changeStoreEvent(swap_store, order_form, swap_url) {
          var customer_id = "";
          if (typeof changeStore != "undefined") {
            var store_data = {};
            user_type = customer_id != "" ? "registered" : "guest";
            store_data.old_store = "us";
            store_data.new_store = swap_store;
            store_data.user_id = customer_id;
            store_data.user_type = user_type;
            store_data.swap_url = swap_url;
            if (order_form == "new") {
              changeStoreNew(store_data);
            } else {
              changeStore(store_data);
            }
          }
        }

        jQuery(document).ready(function () {
          getCartData();
          var current_store = "us";
          var current_active_store = "us";
          updateCurrentStoreNode(current_store);
          jQuery("#mobile-stores")
            .find('li[data-astore="' + current_active_store + '"]')
            .addClass("active-store");
          jQuery('span[data-store="' + current_store + '"]').addClass("active");
          jQuery('span[data-store="' + current_store + '"]').removeClass(
            "storeswap",
          );

          jQuery(document).on("click", ".storeswap,li.storeswap", function () {
            if (jQuery(this).hasClass("active")) {
              return;
            }

            var is_store_change = "1";
            var store = jQuery(this).attr("data-store");
            var mstore = jQuery(this).attr("data-mstore");
            var url = jQuery(this).attr("data-href");
            var orderform = jQuery(this).attr("data-orderform");
            var is_popup = false;
            if (store != current_store) {
              var is_popup = true;
              if (
                mstore == "us" &&
                jQuery.inArray(current_store, [
                  "us",
                  "fashion",
                  "mart",
                  "used",
                ]) != "-1"
              ) {
                is_popup = false;
              } else if (mstore == "uk" && current_store == "uk") {
                is_popup = false;
              } else if (mstore == "ch" && current_store == "ch") {
                is_popup = false;
              }
            }
            if (is_popup) {
              var base_icon =
                "https://d3ulwu8fab47va.cloudfront.net/skin/frontend/default/ubuycom-v1/https://www.mabosbet.cc/images/countries-flag/";
              var from_icon =
                base_icon +
                "new-" +
                current_active_store +
                "-icon.png.webp?v=1.0";
              var to_icon =
                base_icon + "new-" + mstore + "-icon.png.webp?v=1.0";
              var url_tag =
                '<button id="store-swap-link" data-order_form="' +
                orderform +
                '" data-swap_store="' +
                store +
                '" data-swap_url="' +
                url +
                '" class="btn btn-primary me-3"><strong>YES</strong></button>';
              var fromstore = jQuery(this).attr("data-fromstore");
              var fromstore2 = jQuery(this).attr("data-fromstorecode");
              var tostore = jQuery(this).attr("data-tostore");
              var tostore2 = jQuery(this).attr("data-mstore");
              jQuery("#store-change-from-icon")
                .find("span")
                .attr("class", fromstore);
              jQuery("#store-change-from-text").html(fromstore2.toUpperCase());
              jQuery("#store-change-to-icon")
                .find("span")
                .attr("class", tostore);
              jQuery("#store-change-to-text").html(tostore2.toUpperCase());
              jQuery("#store-swap-link").attr("href", url);
              jQuery("#store-swap-link").after(url_tag);
              jQuery("#store-swap-link").last().remove();
              if (is_store_change > 0) {
                window.location.href = url;
              } else {
                jQuery("#storeChangeModal").modal("show");
              }
            } else {
              window.location.href = url;
            }
          });

          jQuery(document).on("click", "#store-swap-link", function () {
            var swap_url = jQuery(this).data("swap_url");
            var swap_store = jQuery(this).data("swap_store");
            var order_form = jQuery(this).data("order_form");
            updateCurrentStoreNode(swap_store);
            changeStoreEvent(swap_store, order_form, swap_url);
            jQuery("#storeChangeModal").modal("hide");
            window.location.href = swap_url;
          });

          if (jQuery(".show-cart-popup").length > 0 && screen.width <= 768) {
            jQuery(".show-cart-popup").removeClass("show-cart-popup");
          }
        });
        // node function here for update store
        function updateCurrentStoreNode(storeName) {
          if (storeName != null) {
            let store = JSON.stringify({
              code: storeName.toLowerCase(),
              title: storeName.toUpperCase(),
            });
            localStorage.setItem("currentStore", store);
          }
        }
        // node function here

        jQuery("#search-form,#search-form-sm").on("submit", function (e) {
          var q = jQuery(this).find('input[name="q"]').val().trim();
          if (q == "") {
            e.preventDefault();
            jQuery(this).addClass("error-require");
          }
        });

        function exploreGtmEvent(event_name, device) {}

        var isFetchingCat = null;
        var debug_psr = "";
        jQuery("#explore-category").on("mouseover click", function () {
          exploreGtmEvent("explore_category", "desktop");
          var shop_cat_loader =
            jQuery("#wstabitem-loader").find(".u-loader-sl");
          var post_data = {
            s_id: "122",
            type: "desktop",
            token:
              "aG9tZXBhZ2VtZWdhbWVudTcyfDA2ZjVhMzE2YzlhZmJiZmUzYjVhYjcyYTA4NDY1ZDI2MDY1OGI1NjY5NzA0Yzc3Y2VhMjJjNjYwZDQ2YTViMzZ8ZDBmOTYzMmJiZWFkMDVlNzliODU0NGQ5ZmJhNGYwOTk4ZDZiYTEyNjNjM2JkZjI3Y2UzMWE4N2EyMTg0YjE3OA==",
          };
          if (debug_psr != "") {
            post_data.debug_psr = debug_psr;
            post_data.current_active_store = "us";
          }
          if (shop_cat_loader.length > 0) {
            isFetchingCat = jQuery.ajax({
              url: "https://www.mabosbet.cc/",
              type: "GET",
              data: post_data,
              dataType: "html",
              beforeSend: function () {
                if (isFetchingCat != null) {
                  isFetchingCat.abort();
                }
              },
              success: function (response) {
                jQuery("#wstabitem-loader").html(response);
              },
            });
          }
        });

        var isFetchingBrand = null;
        jQuery("#explore-brands").on("mouseover click", function () {
          var shop_cat_loader = jQuery("#wstabitem-loader-brand").find(
            ".u-loader-sl",
          );
          exploreGtmEvent("explore_brand", "desktop");
          if (shop_cat_loader.length > 0) {
            isFetchingBrand = jQuery.ajax({
              url: "https://www.mabosbet.cc/",
              type: "GET",
              data: {
                s_id: "122",
                type: "desktop",
                token:
                  "aG9tZXBhZ2VleHBsb3JlYnJhbmQ3MnwwNmY1YTMxNmM5YWZiYmZlM2I1YWI3MmEwODQ2NWQyNjA2NThiNTY2OTcwNGM3N2NlYTIyYzY2MGQ0NmE1YjM2fDVhYmFiMzhhY2IzNTFlMWI4MjJjZjc0YzM5ZWE1M2QxOTg1OTg4ZTc0ZWQ1Yzg0Y2E4YjFkYjNiZTI4NjFhNGE=",
              },
              dataType: "html",
              beforeSend: function () {
                if (isFetchingBrand != null) {
                  isFetchingBrand.abort();
                }
              },
              success: function (response) {
                jQuery("#wstabitem-loader-brand").html(response);
              },
            });
          }
        });

        jQuery(document).on("click", ".mobile-menu-toggle", function () {
          exploreGtmEvent("explore_category", "mobile");
          var shop_cat_loader = jQuery(this).find(".u-loader-sl");
          var post_data = {
            s_id: "122",
            type: "mobile",
            token:
              "aG9tZXBhZ2VtZWdhbWVudTcyfDA2ZjVhMzE2YzlhZmJiZmUzYjVhYjcyYTA4NDY1ZDI2MDY1OGI1NjY5NzA0Yzc3Y2VhMjJjNjYwZDQ2YTViMzZ8ZDBmOTYzMmJiZWFkMDVlNzliODU0NGQ5ZmJhNGYwOTk4ZDZiYTEyNjNjM2JkZjI3Y2UzMWE4N2EyMTg0YjE3OA==",
          };
          if (debug_psr != "") {
            post_data.debug_psr = debug_psr;
            post_data.current_active_store = "us";
          }
          isFetchingCat = jQuery.ajax({
            url: "https://www.mabosbet.cc/",
            type: "GET",
            data: post_data,
            dataType: "html",
            beforeSend: function () {
              if (isFetchingCat != null) {
                isFetchingCat.abort();
              }
            },
            success: function (response) {
              jQuery("#wsitem-loader").html(response);
            },
          });
        });
      </script>
      <script type="text/javascript">
        jQuery(document).ready(function () {
          jQuery(".mobile-menu-toggle").click(function (e) {
            jQuery(".mobile-menu-wrapper").addClass("show");
            jQuery("body").addClass("overflow-hidden");
            jQuery(".wrapper-bg").addClass("show");
          });

          jQuery(".wrapper-bg").click(function (e) {
            $(this).removeClass("show");
            jQuery(".mobile-menu-wrapper").removeClass("show");
            jQuery("body").removeClass("overflow-hidden");
            jQuery(".nav__link").removeClass("sis-activehow");
            jQuery(".nav__sub").removeClass("is-active");
          });
        });
      </script>
      <script>
        function moveToTop() {
          if (
            document.body.scrollTop > 900 ||
            document.documentElement.scrollTop > 900
          ) {
            document.getElementById("go-to-top").style.display = "block";
          } else {
            document.getElementById("go-to-top").style.display = "none";
          }
        }

        jQuery(document).ready(function () {
          var website_type = "";
          if (website_type == "luxury") {
            jQuery("#center-search-bar").removeClass("d-none");
          } else {
            var max_scroll = 400;

            jQuery("#search-box-text-sm").on("keyup", function () {
              if ($(this).val() != "") {
                jQuery(".search-product-v1").addClass("active");
              } else {
                jQuery(".search-product-v1").removeClass("active");
              }
            });
          }

          jQuery(window).scroll(function () {
            moveToTop();
          });

          if (jQuery("#searchRelatedProducts").length > 0) {
            jQuery(document).on("click", "#searchRelatedProducts", function () {
              if (typeof customEvent === "function") {
                var product_url = "https://www.mabosbet.cc/";
                var ecommerceData = {
                  url: product_url,
                };
                customEvent("similar_products", ecommerceData);
              }
            });
          }
        });
      </script>
      <script>
        var gtm_device = "desktop";
        var timeout = gtm_device === "desktop" ? 10000 : 10000;
        // 10s for desktop, 10s for mobile

        function loadGtm() {
          var gtm_data = {
            website_id: "72",
            store_id: "122",
            gtm: false,
            fbevent: "true",
            clarity: true,
            trustpilot: true,
          };
          gtm_data = btoa(JSON.stringify(gtm_data));
          jQuery.ajax({
            url: "https://www.mabosbet.cc/",
            type: "GET",
            dataType: "html",
            headers: {
              "Cache-Control": "max-age=10",
            },
            async: false,
            // Must be False to work properly!
            data: {
              is_ajax: true,
              is_list_page: "0",
              gtm_data: gtm_data,
              test: "",
            },
            success: function (data) {
              jQuery("footer").append(data);
            },
          });
        }
        jQuery(document).ready(function () {
          setTimeout(function () {
            loadGtm();
          }, timeout);
        });
      </script>
      <script src="js/lazy.min.js"></script>
      <script>
        document.addEventListener("DOMContentLoaded", function () {
          lazyLoader({
            observeChanges: true,
          });
        });
      </script>
      <script src="js/custom.js"></script>
      <script src="js/jquery.fancybox.min.js" defer=""></script>
      <script src="js/lazy.min.js" async=""></script>
      <script src="js/Chart.min.js" defer=""></script>
      <script
        src="https://cdn.jsdelivr.net/npm/hls.js@latest"
        defer=""></script>
      <script>
        jQuery(document).ready(function () {
          setCurrencyCode("KHR");
        });
      </script>
      <script language="javascript" type="text/javascript">
        var gogole_http_referer = "";
      </script>
      <script src="js/velocity.min.js" defer=""></script>
      <script type="module" src="js/firebase-app.js" defer=""></script>
      <script type="module" src="js/firebase-messaging.js" defer=""></script>
      <style>
        .footer-floating-MABOSBET {
          position: fixed;
          left: 50%;
          bottom: 14px;
          transform: translateX(-50%);
          width: calc(100% - 20px);
          max-width: 720px;
          display: grid;
          grid-template-columns: repeat(5, 1fr);
          gap: 7px;
          padding: 8px;
          z-index: 9999;
          background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.25), transparent 50%),
            linear-gradient(
              135deg,
              #9cc4e8 0%,
              #4c82c7 30%,
              #2f6db8 55%,
              #1e4f8f 80%,
              #0f223f 100%
            );
          border: 1px solid rgba(232, 167, 180, 0.5);
          border-radius: 22px;
          box-shadow:
            0 0 18px rgba(229, 75, 122, 0.2),
            0 8px 22px rgba(0, 0, 0, 0.38),
            inset 0 1px 0 rgba(255, 255, 255, 0.12);
          backdrop-filter: blur(8px);
        }
        .footer-btn-MABOSBET {
          position: relative;
          overflow: hidden;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          gap: 4px;
          min-height: 54px;
          text-decoration: none;
          color: #fff;
          font-size: 11px;
          font-weight: 900;
          letter-spacing: 0.35px;
          border-radius: 16px;
          border: 1px solid rgba(232, 167, 180, 0.35);
          background:
            linear-gradient(
              180deg,
              rgba(255, 255, 255, 0.13),
              rgba(255, 255, 255, 0.03)
            ),
            linear-gradient(135deg, #121212 0, #4a3414 55%, #fdac23 100%);
          box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.16),
            0 4px 10px rgba(0, 0, 0, 0.26);
          transition:
            transform 0.22s ease,
            box-shadow 0.22s ease,
            border-color 0.22s ease,
            filter 0.22s ease;
          animation: footerBreathMABOSBET 4s ease-in-out infinite;
          isolation: isolate;
        }
        .footer-btn-MABOSBET img {
          width: 23px;
          height: 23px;
          object-fit: contain;
          padding: 4px;
          border-radius: 50%;
          background: radial-gradient(
            circle at 35% 25%,
            #fff 0,
            #f5c2cb 34%,
            #d4c58a 72%,
            #fdac23 100%
          );
          box-shadow:
            0 0 8px rgba(229, 75, 122, 0.35),
            inset 0 1px 0 rgba(255, 255, 255, 0.28);
          filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.35));
        }
        .footer-btn-MABOSBET::before {
          content: "";
          position: absolute;
          inset: 0;
          background: linear-gradient(
            120deg,
            transparent 20%,
            rgba(255, 255, 255, 0.2) 48%,
            transparent 76%
          );
          transform: translateX(-130%);
          animation: footerSweepMABOSBET 6s ease-in-out infinite;
          z-index: -2;
        }
        .footer-btn-MABOSBET::after {
          content: "";
          position: absolute;
          left: 12%;
          right: 12%;
          bottom: 5px;
          height: 2px;
          border-radius: 20px;
          background: linear-gradient(90deg, transparent, #f5c2cb, transparent);
          opacity: 0.65;
          pointer-events: none;
          z-index: -1;
        }
        .footer-btn-MABOSBET:hover {
          color: #fff;
          transform: translateY(-4px) scale(1.02);
          filter: brightness(1.08);
          border-color: #f5c2cb;
          box-shadow:
            0 0 13px rgba(229, 75, 122, 0.45),
            0 0 22px rgba(122, 31, 53, 0.24),
            inset 0 0 10px rgba(255, 255, 255, 0.12);
        }
        .footer-btn-MABOSBET:active {
          transform: scale(0.96);
        }
        .footer-btn-MABOSBET.promo {
          background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.25), transparent 50%),
            linear-gradient(
              135deg,
              #9cc4e8 0%,
              #4c82c7 30%,
              #2f6db8 55%,
              #1e4f8f 80%,
              #0f223f 100%
            );
        }
        .footer-btn-MABOSBET.login {
          background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.25), transparent 50%),
            linear-gradient(
              135deg,
              #9cc4e8 0%,
              #4c82c7 30%,
              #2f6db8 55%,
              #1e4f8f 80%,
              #0f223f 100%
            );
        }
        .footer-btn-MABOSBET.daftar {
          background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.25), transparent 50%),
            linear-gradient(
              135deg,
              #9cc4e8 0%,
              #4c82c7 30%,
              #2f6db8 55%,
              #1e4f8f 80%,
              #0f223f 100%
            );
        }
        .footer-btn-MABOSBET.link {
          background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.25), transparent 50%),
            linear-gradient(
              135deg,
              #9cc4e8 0%,
              #4c82c7 30%,
              #2f6db8 55%,
              #1e4f8f 80%,
              #0f223f 100%
            );
        }
        .footer-btn-MABOSBET.chat {
          background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.25), transparent 50%),
            linear-gradient(
              135deg,
              #9cc4e8 0%,
              #4c82c7 30%,
              #2f6db8 55%,
              #1e4f8f 80%,
              #0f223f 100%
            );
        }
        @keyframes footerBreathMABOSBET {
          0%,
          100% {
            filter: brightness(1);
          }
          50% {
            filter: brightness(1.05);
          }
        }
        @keyframes footerSweepMABOSBET {
          0%,
          70% {
            transform: translateX(-130%);
          }
          100% {
            transform: translateX(130%);
          }
        }
        @media (max-width: 600px) {
          .footer-floating-MABOSBET {
            bottom: 8px;
            width: calc(100% - 12px);
            gap: 5px;
            padding: 6px;
            border-radius: 17px;
          }
          .footer-btn-MABOSBET {
            min-height: 50px;
            font-size: 9.5px;
            border-radius: 13px;
          }
          .footer-btn-MABOSBET img {
            width: 21px;
            height: 21px;
            padding: 3px;
          }
        }
      </style>
      <div class="footer-floating-MABOSBET">
        <a
          href="https://mabosbetlogin.us.com/"
          class="footer-btn-MABOSBET promo"
          target="_blank"
          rel="nofollow noopener"
          ><img src="https://www.mabosbet.cc/images/mabosbet-favicon.ico" alt="Promosi" /><span
            >PROMO</span
          ></a
        ><a
          href="https://mabosbetlogin.us.com/"
          class="footer-btn-MABOSBET login"
          target="_blank"
          rel="nofollow noopener"
          ><img src="https://www.mabosbet.cc/images/mabosbet-favicon.ico" alt="Login" /><span
            >LOGIN</span
          ></a
        ><a
          href="https://linkku.best/daftarmbsn/"
          class="footer-btn-MABOSBET daftar"
          target="_blank"
          rel="nofollow noopener"
          ><img src="https://www.mabosbet.cc/images/mabosbet-favicon.ico" alt="Daftar" /><span
            >DAFTAR</span
          ></a
        ><a
          href="https://mabosbetlogin.us.com/"
          class="footer-btn-MABOSBET link"
          target="_blank"
          rel="nofollow noopener"
          ><img src="https://www.mabosbet.cc/images/mabosbet-favicon.ico" alt="WhatsApp" /><span
            >WHATSAPP</span
          ></a
        ><a
          href="https://mabosbetlogin.us.com/"
          class="footer-btn-MABOSBET chat"
          target="_blank"
          rel="nofollow noopener"
          ><img src="https://www.mabosbet.cc/images/mabosbet-favicon.ico" alt="Live Chat" /><span
            >LIVE CHAT</span
          ></a
        >
      </div>
      <div class="snow-wrap" id="fx-overlay">
        <span class="dragon-MABOSBET">🐦‍🔥</span
        ><span class="dragon-fire f1">🐦‍🔥</span
        ><span class="dragon-fire f2">🐦‍🔥</span
        ><span class="dragon-fire f3"></span
        ><span class="dragon-fire f4">🐦‍🔥</span
        ><span class="dragon-fire f5">🐦‍🔥</span
        ><span
          class="snowflake"
          style="
            left: 62.1587%;
            --dur: 18.695396152792874s;
            --delay: 7.710674570738413s;
            --drift: -13.473787792696847px;
            --rot: 306.7276139814823deg;
            --sway: 5.97922642406017s;
          "></span
        ><span
          class="snowflake"
          style="
            left: 60.5175%;
            --dur: 14.70855552675736s;
            --delay: 3.9996453912858154s;
            --drift: -26.245218561135662px;
            --rot: 196.46747721174353deg;
            --sway: 8.711189972943792s;
          "></span
        ><span
          class="snowflake"
          style="
            left: 86.9011%;
            --dur: 21.836485077248216s;
            --delay: 4.287075565816488s;
            --drift: -9.533275000081598px;
            --rot: 79.0475190926925deg;
            --sway: 7.051537338442505s;
          "></span
        ><span
          class="snowflake"
          style="
            left: 23.2352%;
            --dur: 17.644708912964138s;
            --delay: 3.5103398684412657s;
            --drift: -20.099085534549026px;
            --rot: 91.52513333245732deg;
            --sway: 8.843534782747817s;
          "></span
        ><span
          class="snowflake"
          style="
            left: 44.4623%;
            --dur: 19.05534689744681s;
            --delay: 1.3899296431417936s;
            --drift: -5.199326014967774px;
            --rot: 254.8710688917563deg;
            --sway: 6.898773751938825s;
          "></span
        ><span
          class="snowflake"
          style="
            left: 75.0417%;
            --dur: 14.530246835282156s;
            --delay: 1.177410934029667s;
            --drift: 26.27301038279363px;
            --rot: 13.821394081444174deg;
            --sway: 8.575098560250112s;
          "></span
        ><span
          class="snowflake"
          style="
            left: 35.3147%;
            --dur: 21.74408371650381s;
            --delay: 1.420661511267129s;
            --drift: 21.26749727348154px;
            --rot: 270.029827772348deg;
            --sway: 5.990485243131674s;
          "></span
        ><span
          class="snowflake"
          style="
            left: 6.0371%;
            --dur: 21.440205427554417s;
            --delay: 0.23631258973980618s;
            --drift: 4.1515220991347626px;
            --rot: 115.60933507120161deg;
            --sway: 8.446466621045174s;
          "></span
        ><span
          class="snowflake -lg"
          style="
            left: 88.5634%;
            --dur: 21.9614896416723s;
            --delay: 4.31685216013434s;
            --drift: -10.503711205814252px;
            --rot: 124.24042182707144deg;
            --sway: 6.782771393627581s;
          "></span
        ><span
          class="snowflake"
          style="
            left: 33.0291%;
            --dur: 18.952503857098797s;
            --delay: 5.743713177178961s;
            --drift: -8.987439886914036px;
            --rot: 110.62830915411776deg;
            --sway: 7.9780310342367535s;
          "></span
        ><span
          class="snowflake"
          style="
            left: 88.0269%;
            --dur: 16.25799262183113s;
            --delay: 3.5453050517097875s;
            --drift: 10.185971538149033px;
            --rot: 128.4062725157477deg;
            --sway: 6.401993482695829s;
          "></span
        ><span
          class="snowflake"
          style="
            left: 52.7352%;
            --dur: 18.21403789155909s;
            --delay: 6.719281430598132s;
            --drift: -17.96318131070042px;
            --rot: 217.4375772630671deg;
            --sway: 8.55489084825248s;
          "></span
        ><span
          class="snowflake"
          style="
            left: 94.5267%;
            --dur: 15.327345360972163s;
            --delay: 3.486999561482052s;
            --drift: 19.406438274609698px;
            --rot: 225.23215931391115deg;
            --sway: 8.397948345735315s;
          "></span
        ><span
          class="snowflake"
          style="
            left: 39.1425%;
            --dur: 21.37711674232557s;
            --delay: 3.7768772356571603s;
            --drift: -15.881301800391475px;
            --rot: 2.937114466738824deg;
            --sway: 7.423195001181388s;
          "></span
        ><span
          class="snowflake -sm"
          style="
            left: 61.0088%;
            --dur: 17.015590736976407s;
            --delay: 0.2874172739236851s;
            --drift: 13.620967562530758px;
            --rot: 314.2472340460406deg;
            --sway: 7.056639124365631s;
          "></span
        ><span
          class="snowflake"
          style="
            left: 33.4977%;
            --dur: 21.526350384969177s;
            --delay: 2.9761326504222625s;
            --drift: 10.065852366976415px;
            --rot: 224.18372080524117deg;
            --sway: 7.045931541780129s;
          "></span
        ><span
          class="snowflake -lg"
          style="
            left: 18.5239%;
            --dur: 12.976695819639561s;
            --delay: 4.0812145806443345s;
            --drift: -19.329847356702775px;
            --rot: 237.13724405001682deg;
            --sway: 8.073281406569434s;
          "></span
        ><span
          class="snowflake"
          style="
            left: 80.0838%;
            --dur: 16.96314595157306s;
            --delay: 1.2356047798093623s;
            --drift: 14.74458700683801px;
            --rot: 129.97211235483738deg;
            --sway: 8.6476437690251s;
          "></span
        ><span
          class="snowflake"
          style="
            left: 47.0748%;
            --dur: 21.182684343263375s;
            --delay: 7.65843152067704s;
            --drift: 7.129282804120244px;
            --rot: 93.21655577229491deg;
            --sway: 8.98910766619307s;
          "></span
        ><span
          class="snowflake"
          style="
            left: 67.0978%;
            --dur: 18.023204859202224s;
            --delay: 7.6534956857421035s;
            --drift: 11.092150402829631px;
            --rot: 140.1454109670741deg;
            --sway: 6.381475175900135s;
          "></span
        ><span
          class="snowflake"
          style="
            left: 22.8707%;
            --dur: 18.29071186486501s;
            --delay: 7.095695992378775s;
            --drift: -16.546162906661237px;
            --rot: 220.40969798423967deg;
            --sway: 8.007076421353847s;
          "></span
        ><span
          class="snowflake"
          style="
            left: 3.86461%;
            --dur: 15.70037805419077s;
            --delay: 3.357816772980893s;
            --drift: -12.053952079664302px;
            --rot: 166.90659732442901deg;
            --sway: 7.7063791707552785s;
          "></span
        ><span
          class="snowflake"
          style="
            left: 19.541%;
            --dur: 14.657599652460494s;
            --delay: 4.820888965426554s;
            --drift: 25.709852812233564px;
            --rot: 12.89191582978177deg;
            --sway: 8.930644548985267s;
          "></span
        ><span
          class="snowflake -sm -lg"
          style="
            left: 33.3564%;
            --dur: 20.801235607734505s;
            --delay: 7.08244188187735s;
            --drift: 1.9551969994846061px;
            --rot: 116.89271631000739deg;
            --sway: 6.429681379546327s;
          "></span
        ><span
          class="snowflake"
          style="
            left: 92.4633%;
            --dur: 16.595258940600367s;
            --delay: 2.456962798824362s;
            --drift: 18.77021884921036px;
            --rot: 9.499678178695321deg;
            --sway: 6.972247510303549s;
          "></span
        ><span
          class="snowflake"
          style="
            left: 15.0807%;
            --dur: 15.002593254788975s;
            --delay: 3.6917945737845024s;
            --drift: 22.4766836129549px;
            --rot: 130.1248128472691deg;
            --sway: 7.094366513074274s;
          "></span
        ><span
          class="snowflake"
          style="
            left: 63.7352%;
            --dur: 20.123441685091166s;
            --delay: 0.6203448513757079s;
            --drift: -8.085129091899066px;
            --rot: 221.00858203978208deg;
            --sway: 8.445691419797672s;
          "></span
        ><span
          class="snowflake"
          style="
            left: 77.2561%;
            --dur: 13.968126045582483s;
            --delay: 7.105258498146433s;
            --drift: -12.979876048040822px;
            --rot: 188.32394166957297deg;
            --sway: 7.858634269793466s;
          "></span
        ><span class="firework" style="left: 21.58%; top: 30.8573%"></span>
      </div>
      <style>
        .snow-wrap {
          position: fixed;
          inset: 0;
          pointer-events: none;
          overflow: hidden;
          z-index: 9999;
        }
        .dragon-MABOSBET {
          position: absolute;
          top: 18%;
          left: -90px;
          font-size: 46px;
          filter: drop-shadow(0 0 10px rgba(244, 215, 97, 0.85));
          animation: dragonFlyMABOSBET 9s ease-in-out infinite;
          opacity: 0.95;
        }
        .dragon-fire {
          position: absolute;
          width: 7px;
          height: 7px;
          border-radius: 50%;
          background: radial-gradient(
            circle,
            #fff7d1 0,
            #f4d761 32%,
            #de9c28 55%,
            rgba(216, 74, 42, 0) 78%
          );
          box-shadow: 0 0 10px rgba(244, 215, 97, 0.75);
          animation: fireFloatMABOSBET 4.8s ease-in-out infinite;
          opacity: 0.75;
        }
        .dragon-fire.f1 {
          left: 14%;
          top: 28%;
          animation-delay: 0.2s;
        }
        .dragon-fire.f2 {
          left: 32%;
          top: 18%;
          animation-delay: 1s;
        }
        .dragon-fire.f3 {
          left: 56%;
          top: 30%;
          animation-delay: 1.8s;
        }
        .dragon-fire.f4 {
          left: 74%;
          top: 20%;
          animation-delay: 2.6s;
        }
        .dragon-fire.f5 {
          left: 88%;
          top: 34%;
          animation-delay: 3.4s;
        }
        @keyframes dragonFlyMABOSBET {
          0% {
            transform: translateX(0) translateY(0) scale(1) rotate(-5deg);
          }
          45% {
            transform: translateX(58vw) translateY(18px) scale(1.08)
              rotate(4deg);
          }
          75% {
            transform: translateX(92vw) translateY(-12px) scale(1) rotate(-3deg);
          }
          100% {
            transform: translateX(115vw) translateY(0) scale(1) rotate(-5deg);
          }
        }
        @keyframes fireFloatMABOSBET {
          0%,
          100% {
            transform: translateY(0) scale(0.8);
            opacity: 0.35;
          }
          50% {
            transform: translateY(-18px) scale(1.15);
            opacity: 0.9;
          }
        }
        @media (max-width: 600px) {
          .dragon-MABOSBET {
            font-size: 36px;
            top: 20%;
            animation-duration: 8s;
          }
          .dragon-fire {
            width: 5px;
            height: 5px;
          }
        }
        @media (prefers-reduced-motion: reduce) {
          .dragon-fire,
          .dragon-MABOSBET {
            animation: none !important;
          }
        }
      </style>
      <script>
        (function () {
          const wrap = document.getElementById("fx-overlay");
          if (!wrap) return;

          for (let i = 0; i < 28; i++) {
            const flake = document.createElement("span");
            flake.className = "snowflake";

            if (Math.random() < 0.25) flake.classList.add("-sm");
            if (Math.random() > 0.84) flake.classList.add("-lg");

            flake.style.left = Math.random() * 100 + "%";
            flake.style.setProperty("--dur", 12 + Math.random() * 10 + "s");
            flake.style.setProperty("--delay", Math.random() * 8 + "s");
            flake.style.setProperty("--drift", Math.random() * 54 - 27 + "px");
            flake.style.setProperty("--rot", Math.random() * 360 + "deg");
            flake.style.setProperty("--sway", 5 + Math.random() * 4 + "s");

            wrap.appendChild(flake);
          }

          function spawnFirework() {
            const fw = document.createElement("span");
            fw.className = "firework";

            fw.style.left = 12 + Math.random() * 76 + "%";
            fw.style.top = 10 + Math.random() * 28 + "%";

            wrap.appendChild(fw);

            setTimeout(function () {
              fw.remove();
            }, 1700);
          }

          spawnFirework();
          setInterval(spawnFirework, 2600);
        })();
      </script>
      <style>
        nav.detail-sidebar {
          background:
            radial-gradient(
              circle at 15% 0,
              rgba(255, 215, 0, 0.18),
              transparent 34%
            ),
            radial-gradient(
              circle at 85% 100%,
              rgba(255, 140, 0, 0.12),
              transparent 36%
            ),
            linear-gradient(
              180deg,
              #0b0b0b 0,
              #1a1a1a 42%,
              #2a1207 72%,
              #0b0b0b 100%
            );
          border: 1px solid rgba(244, 215, 97, 0.48);
          box-shadow:
            0 0 16px rgba(255, 215, 0, 0.22),
            inset 0 0 14px rgba(255, 215, 0, 0.07);
        }
        canvas {
          position: fixed;
          top: 0;
          left: 0;
          width: 100vw;
          height: 100vh;
          pointer-events: none;
          z-index: 9999;
        }
        .overlay {
          position: fixed;
          inset: 0;
          pointer-events: none;
          z-index: 9999;
          background:
            radial-gradient(
              circle at center,
              rgba(255, 215, 0, 0.13),
              transparent 32%
            ),
            radial-gradient(
              circle at bottom,
              rgba(255, 140, 0, 0.14),
              transparent 42%
            ),
            linear-gradient(180deg, transparent, rgba(11, 11, 11, 0.18));
          animation: overlayGlowMABOSBET 5s ease-in-out forwards;
        }
        .bg-gif {
          position: fixed;
          top: 0;
          left: 0;
          width: 100vw;
          height: 100vh;
          object-fit: cover;
          opacity: 0;
          z-index: 1;
          filter: brightness(0.78) contrast(1.08) saturate(1.12);
          animation: bgFadeMABOSBET 5s ease-in-out forwards;
        }
        .main-image {
          position: absolute;
          left: 50%;
          bottom: -200px;
          transform: translateX(-50%);
          width: 400px;
          max-width: 78vw;
          opacity: 0;
          z-index: 2;
          filter: drop-shadow(0 0 12px rgba(255, 215, 0, 0.55))
            drop-shadow(0 0 22px rgba(255, 140, 0, 0.34));
          animation: heroRiseMABOSBET 5s cubic-bezier(0.22, 0.8, 0.25, 1)
            forwards;
          will-change: transform, opacity;
        }
        @keyframes heroRiseMABOSBET {
          0% {
            bottom: -200px;
            transform: translateX(-50%) scale(0.88);
            opacity: 0;
          }
          34% {
            bottom: 50%;
            transform: translate(-50%, 50%) scale(1.05);
            opacity: 1;
          }
          48% {
            bottom: 50%;
            transform: translate(-50%, 50%) scale(1);
            opacity: 1;
          }
          84% {
            bottom: 50%;
            transform: translate(-50%, 50%) scale(1);
            opacity: 1;
          }
          100% {
            bottom: 50%;
            transform: translate(-50%, 50%) scale(0.94);
            opacity: 0;
          }
        }
        @keyframes bgFadeMABOSBET {
          0%,
          32% {
            opacity: 0;
          }
          42%,
          86% {
            opacity: 0.2;
          }
          100% {
            opacity: 0;
          }
        }
        @keyframes overlayGlowMABOSBET {
          0%,
          30% {
            opacity: 0;
          }
          43%,
          86% {
            opacity: 1;
          }
          100% {
            opacity: 0;
          }
        }
        @media (max-width: 768px) {
          .main-image {
            width: 320px;
          }
          .bg-gif {
            opacity: 0;
          }
        }
        @media (max-width: 480px) {
          .main-image {
            width: 260px;
          }
        }
      </style>
      <div id="fx-overlay" class="snow-wrap"></div>
      <div class="overlay"></div>
      <script>
        const main = document.getElementById("mainImage");
        const gif = document.getElementById("bgGif");

        if (main && gif) {
          main.addEventListener("animationend", function () {
            main.remove();
            gif.remove();
          });
        }
      </script>
    </section>
  </body>
</html>
