<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>
      Goosay | Fight, Hotel, Visa, Holiday, Insurance, City Tour, Adventure
    </title>
    <script src="https://cdn.tailwindcss.com"></script>

    <link rel="stylesheet" href="./assets/css/style.css" />
    <link
      rel="icon"
      type="image/png"
      href="./assets/images-goosay/favicon-96x96.png"
      sizes="96x96"
    />
    <link
      rel="icon"
      type="image/svg+xml"
      href="./assets/images-goosay/favicon.svg"
    />
    <link rel="shortcut icon" href="./assets/images-goosay/favicon.ico" />
    <link
      rel="apple-touch-icon"
      sizes="180x180"
      href="./assets/images-goosay/apple-touch-icon.png"
    />
    <link rel="manifest" href="./assets/images-goosay/site.webmanifest" />
  </head>
  <body class="bg-gray-100 font-sans pt-20">
    <!-- Navbar -->
    <nav
      class="navbar w-full fixed top-0 z-50 px-6 py-4 flex items-center justify-between transition-colors duration-300"
      style="background-color: transparent"
    >
      <div class="flex items-center gap-12">
        <a href="#" class="flex items-center gap-2">
          <img
            src="./assets/images-goosay/brands/GS logo.png"
            alt="Goosay logo"
            class="h-10 md:h-12 w-auto object-contain"
          />
        </a>

        <div class="hidden md:flex items-center gap-6">
          <a
            href="#"
            onclick="setActiveTab('flights')"
            class="font-medium transition-colors flex items-center gap-1.5 text-white nav-tab"
            data-tab="flights"
          >
            <svg
              xmlns="http://www.w3.org/2000/svg"
              width="16"
              height="16"
              viewBox="0 0 24 24"
              fill="none"
              stroke="currentColor"
              stroke-width="2"
              stroke-linecap="round"
              stroke-linejoin="round"
              class="h-4 w-4"
            >
              <path
                d="M17.8 19.2 16 11l3.5-3.5C21 6 21.5 4 21 3c-1-.5-3 0-4.5 1.5L13 8 4.8 6.2c-.5-.1-.9.1-1.1.5l-.3.5c-.2.5-.1 1 .3 1.3L9 12l-2 3H4l-1 1 3 2 2 3 1-1v-3l3-2 3.5 5.3c.3.4.8.5 1.3.3l.5-.2c.4-.3.6-.7.5-1.2z"
              ></path>
            </svg>
            Flights
          </a>
          <a
            href="#"
            onclick="setActiveTab('hotels')"
            class="font-medium transition-colors flex items-center gap-1.5 text-white hover:text-black nav-tab"
            data-tab="hotels"
          >
            <svg
              xmlns="http://www.w3.org/2000/svg"
              width="16"
              height="16"
              viewBox="0 0 24 24"
              fill="none"
              stroke="currentColor"
              stroke-width="2"
              stroke-linecap="round"
              stroke-linejoin="round"
              class="h-4 w-4"
            >
              <path d="M19 21V5a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2v16"></path>
              <path d="M2 21h20"></path>
              <path d="M12 7v.01"></path>
              <path d="M7 7v.01"></path>
              <path d="M17 7v.01"></path>
              <path d="M7 12v.01"></path>
              <path d="M12 12v.01"></path>
              <path d="M17 12v.01"></path>
              <path d="M7 17v.01"></path>
              <path d="M12 17v.01"></path>
              <path d="M17 17v.01"></path>
            </svg>
            Hotel
          </a>
          <a
            href="#"
            onclick="setActiveTab('tours')"
            class="font-medium transition-colors flex items-center gap-1.5 text-white hover:text-black nav-tab"
            data-tab="tours"
          >
            <svg
              xmlns="http://www.w3.org/2000/svg"
              version="1.1"
              xmlns:xlink="http://www.w3.org/1999/xlink"
              width="16"
              height="16"
              x="0"
              y="0"
              viewBox="0 0 488.1 488.1"
              style="enable-background: new 0 0 488.1 488.1"
              xml:space="preserve"
              class=""
            >
              <g>
                <path
                  fill-rule="evenodd"
                  d="M299.9 86.8c14.2-6.3 30.3-9.8 46.2-9.8 9.2 0 18 1.1 26.3 3.2 3.3.8 6.5-2 6-5.4l-1.2-9.6c-1-16-19.3-28.9-41.2-28.9-22.5 0-44 13.5-44 30.2l1 16c.3 3.5 3.8 5.7 6.9 4.3zM487.3 361.9l-.5-2.9c0-.2-.1-.4-.1-.6l-18.5-94c-2.4-21.7-18.2-40.6-41.2-52.3l-8.8-68.3c0-29-32.8-52.7-72.1-52.7s-76.7 23.5-76.7 52.6c0 1.4.1 2.9.3 4.3l.5 7.4c-7.8-2.8-16.7-4.4-26.1-4.4-9.5 0-18.4 1.6-26.3 4.5l.5-7.5c.2-1.4.3-2.8.3-4.3 0-29-37.5-52.6-76.7-52.6-39.3 0-72.1 23.7-72.1 52.7L61 212.1c-23 11.6-38.8 30.6-41.2 52.3l-18.5 94c0 .2-.1.4-.1.6l-.5 2.9c-.4 3-.7 6-.7 9.1 0 44.6 46.7 80.8 104.2 80.8s104.2-36.2 104.2-80.8v-37c10.3 4.8 22.6 7.5 35.7 7.5s25.3-2.7 35.6-7.4V371c0 44.6 46.7 80.8 104.2 80.8 57.4 0 104.2-36.2 104.2-80.8-.1-3.1-.4-6.1-.8-9.1zm-383.1 60.8c-40.7 0-75.1-23.7-75.1-51.7 0-28.1 34.4-51.7 75.1-51.7s75.1 23.7 75.1 51.7c0 28-34.4 51.7-75.1 51.7zm139.9-106.8c-17.1 0-31-9.7-31-21.6s13.9-21.6 31-21.6 31 9.7 31 21.6c0 11.9-13.9 21.6-31 21.6zm139.7 106.8c-40.7 0-75.1-23.7-75.1-51.7 0-28.1 34.4-51.7 75.1-51.7s75.1 23.7 75.1 51.7-34.4 51.7-75.1 51.7zM115.5 80.2c8.3-2.1 17.2-3.2 26.3-3.2 15.9 0 32.1 3.5 46.2 9.8 3.1 1.4 6.6-.8 6.8-4.2l1-16c0-16.7-21.5-30.2-44-30.2-21.9 0-40.1 12.9-41.2 28.9l-1.2 9.6c-.4 3.3 2.7 6.2 6.1 5.3z"
                  clip-rule="evenodd"
                  fill="currentColor"
                  opacity="1"
                ></path>
              </g>
            </svg>
            Activities
          </a>

          <a
            href="/cruise"
            class="font-medium text-white hover:text-black transition-colors flex items-center gap-1.5 nav-tab"
            data-tab="cruise"
          >
            <svg
              xmlns="http://www.w3.org/2000/svg"
              width="16"
              height="16"
              viewBox="0 0 24 24"
              fill="none"
              stroke="currentColor"
              stroke-width="2"
              stroke-linecap="round"
              stroke-linejoin="round"
              class="h-4 w-4"
            >
              <path
                d="M2 21c.6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1 .6.5 1.2 1 2.5 1 2.5 0 2.5-2 5-2 1.3 0 1.9.5 2.5 1"
              ></path>
              <path
                d="M19.38 20A11.6 11.6 0 0 0 21 14l-9-4-9 4c0 2.9.94 5.34 2.81 7.76"
              ></path>
              <path d="M19 13V7a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2v6"></path>
            </svg>
            Cruise
          </a>
          <a
            href="/holidays"
            class="font-medium text-white hover:text-black transition-colors flex items-center gap-1.5 nav-tab"
            data-tab="holidays"
          >
            <svg
              xmlns="http://www.w3.org/2000/svg"
              version="1.1"
              xmlns:xlink="http://www.w3.org/1999/xlink"
              width="16"
              height="16"
              x="0"
              y="0"
              viewBox="0 0 512 512"
              style="enable-background: new 0 0 512 512"
              xml:space="preserve"
              class=""
            >
              <g>
                <path
                  fill-rule="evenodd"
                  d="m63.04 508.88 33.25-12.03a66.327 66.327 0 0 1 45.15 0l30.95 11.2a66.327 66.327 0 0 0 45.15 0l30.95-11.2a66.327 66.327 0 0 1 45.15 0l30.95 11.2a66.327 66.327 0 0 0 45.15 0l30.95-11.2a66.327 66.327 0 0 1 45.15 0l33.25 12.03c5.88 2.13 12.57.4 16.43-4.52 10.8-13.78 10.23-35.37-7.25-46.51-62.68-40.59-137.21-70.87-217.19-70.55-79.97-.32-154.51 29.95-217.19 70.55-17.48 11.13-18.05 32.73-7.25 46.51 3.86 4.92 10.55 6.65 16.43 4.52zM109.98 95.84c3.38-28.13 10.35-55.43 20.78-81.43-70.4 30.06-116.72 99.1-121.39 170.74-.3 4.79 1.44 9.66 4.77 13.6 3.45 4.08 6.9 8.17 10.35 12.29 4.82 5.73 12.3 8.78 19.39 7.78 18.77-2.64 37.49-5.63 56.13-8.97 6.86-1.22 12.17-6.27 13.91-13.09-6.7-33.38-7.99-67.09-3.93-100.93zM372.46 93.31C334.29 32.51 260.72-6.21 184.5.82c47.9 39.9 83.08 92.25 101.51 152.42 4.78 5.18 11.84 7.08 18.46 4.9 17.99-5.92 35.88-12.19 53.65-18.8 6.7-2.5 11.84-8.74 13.36-16.07 1.08-5.26 2.17-10.5 3.27-15.73 1.05-5.05.27-10.16-2.27-14.23zM266.95 372.02l-47.71-188.61c10.91-2.89 21.78-5.89 32.62-9.02 6.86-1.99 12.1-7.95 13.6-15.38.22-1.06.43-2.12.65-3.18C246.55 95.06 208.72 42.78 157.63 5.48c-.17.04-.35.08-.52.13-.17.04-.35.09-.52.14-27.21 57.1-35.63 121.09-23.95 183.84l2.08 2.5c4.85 5.83 12.3 8.58 19.28 7.06 11.03-2.4 22.02-4.93 32.99-7.57l46.15 182.45c11.34-1.24 22.62-1.9 33.82-2zM400.12 203.34c-34.36 0-62.22 27.86-62.22 62.22s27.86 62.22 62.22 62.22 62.22-27.86 62.22-62.22-27.86-62.22-62.22-62.22z"
                  clip-rule="evenodd"
                  fill="currentColor"
                  opacity="1"
                ></path>
              </g>
            </svg>
            Holidays
          </a>
          <a
            href="/global-visa"
            class="font-medium text-white hover:text-black transition-colors flex items-center gap-1.5 nav-tab"
            data-tab="global-visa"
          >
            <svg
              xmlns="http://www.w3.org/2000/svg"
              version="1.1"
              xmlns:xlink="http://www.w3.org/1999/xlink"
              width="16"
              height="16"
              x="0"
              y="0"
              viewBox="0 0 64 64"
              style="enable-background: new 0 0 64 64"
              xml:space="preserve"
              class=""
            >
              <g>
                <path
                  fill-rule="evenodd"
                  d="M44 6a3 3 0 0 0-1.25-2.4A3 3 0 0 0 40 3.18L20.47 10H44zM33 39.5c.48 0 1.81-2.4 2-7h-4c.19 4.6 1.52 7 2 7zM33 23.5c-.48 0-1.81 2.4-2 7h4c-.19-4.6-1.52-7-2-7zM30.24 39A19.19 19.19 0 0 1 29 32.5h-3.93a8 8 0 0 0 5.17 6.5zM30.24 24a8 8 0 0 0-5.17 6.5H29a19.19 19.19 0 0 1 1.24-6.5zM14 15v44a3 3 0 0 0 3 3h32a3 3 0 0 0 3-3V15a3 3 0 0 0-3-3H17a3 3 0 0 0-3 3zm27 37.5H25a1 1 0 0 1 0-2h16a1 1 0 0 1 0 2zm-13-4a1 1 0 0 1 1-1h8a1 1 0 0 1 0 2h-8a1 1 0 0 1-1-1zm5-27a10 10 0 1 1-10 10 10 10 0 0 1 10-10zM40.93 30.5a8 8 0 0 0-5.17-6.5A19.19 19.19 0 0 1 37 30.5zM40.93 32.5H37a19.19 19.19 0 0 1-1.24 6.5 8 8 0 0 0 5.17-6.5z"
                  clip-rule="evenodd"
                  fill="currentColor"
                  opacity="1"
                ></path>
              </g>
            </svg>
            Global visa
          </a>

          <a
            href="#"
            class="font-medium text-white hover:text-black transition-colors flex items-center gap-1.5 nav-tab"
            data-tab="Study-abroad"
          >
            <svg
              xmlns="http://www.w3.org/2000/svg"
              width="16"
              height="16"
              viewBox="0 0 21 22"
              style="enable-background: new 0 0 21 22"
            >
              <path
                d="M4.61251 11.8585C4.51775 11.8354 4.43187 11.8238 4.35488 11.8238C4.29566 11.8296 4.20978 11.844 4.09725 11.8672C3.98473 11.8903 3.90774 11.9222 3.86628 11.9627C3.90774 11.9627 3.92846 11.9742 3.92846 11.9974C3.97584 11.9684 4.02322 11.9424 4.0706 11.9193C4.11798 11.8961 4.17128 11.8845 4.23051 11.8845C4.28973 11.8961 4.35488 11.9135 4.42595 11.9366C4.49702 11.9598 4.56809 11.9945 4.63916 12.0408C4.71023 12.0871 4.78722 12.1247 4.87014 12.1536C4.95305 12.1825 5.04485 12.197 5.14553 12.197C5.19883 12.197 5.24917 12.1941 5.29655 12.1883L5.43869 12.171C5.3617 12.1362 5.27582 12.1015 5.18106 12.0668C5.08631 12.0321 4.99155 11.9945 4.89679 11.954C4.80203 11.9135 4.70727 11.8817 4.61251 11.8585Z"
                fill="currentColor"
              />

              <path
                d="M6.22046 12.3359C6.01909 12.2549 5.797 12.2143 5.55418 12.2143C5.53641 12.2722 5.51272 12.3069 5.48311 12.3185C5.4535 12.3301 5.42389 12.359 5.39427 12.4053C5.48903 12.4284 5.59564 12.44 5.71409 12.44C5.80292 12.4342 5.8888 12.4226 5.97171 12.4053C6.05463 12.3879 6.13754 12.3648 6.22046 12.3359Z"
                fill="currentColor"
              />

              <path
                d="M4.07409 7.53693C3.99118 7.46172 3.87273 7.42411 3.71875 7.42411H3.66943C4.94316 6.2636 6.60708 5.50657 8.44789 5.3614L8.85186 4.31704H7.78286C3.38143 4.93926 0 8.64009 0 13.1125C0 18.0209 4.07292 22 9.09713 22C14.1213 22 18.1943 18.0209 18.1943 13.1125C18.1943 12.0181 17.9918 10.97 17.6215 10.0019L16.3748 10.0019C13.8276 10.0019 12.4919 9.54589 12.1425 9.3179C11.9944 9.49727 11.8493 9.63903 11.7072 9.74317C11.5651 9.84732 11.4348 9.95147 11.3163 10.0556C11.1979 10.1598 11.1179 10.2928 11.0765 10.4549C11.035 10.6169 11.0557 10.8483 11.1386 11.1492L10.9166 11.7046L11.2364 11.8695C11.2127 11.8869 11.1801 11.8985 11.1386 11.9042C11.0972 11.91 11.0705 11.8985 11.0587 11.8695L11.1298 12.1299L11.3341 12.1559L11.2364 12.234C11.2304 12.2803 11.2452 12.3208 11.2808 12.3556C11.3163 12.3903 11.3548 12.4221 11.3963 12.451C11.4377 12.48 11.4821 12.5089 11.5295 12.5378C11.5769 12.5667 11.6154 12.5986 11.645 12.6333L11.6272 12.6593C11.6272 12.723 11.6717 12.7895 11.7605 12.8589C11.8493 12.9284 11.95 12.992 12.0625 13.0499C12.1751 13.1077 12.2876 13.1569 12.4001 13.1974C12.5127 13.2379 12.5985 13.2582 12.6578 13.2582C12.7466 13.2582 12.8384 13.2408 12.9331 13.2061C13.0279 13.1714 13.1167 13.1424 13.1997 13.1193L13.173 13.1801L13.3151 13.1974C13.3921 13.1858 13.4721 13.1743 13.555 13.1627C13.6379 13.1511 13.7149 13.128 13.786 13.0933C13.8571 13.0586 13.9311 13.0267 14.0081 12.9978C14.0851 12.9689 14.1621 12.9457 14.2391 12.9284L14.1857 12.9718C14.316 13.0643 14.4641 13.1338 14.6299 13.1801C14.7958 13.2263 14.9557 13.2582 15.1097 13.2755C15.1333 13.3218 15.1481 13.3768 15.1541 13.4404C15.16 13.5041 15.157 13.5735 15.1452 13.6487C15.1333 13.7239 15.1215 13.7963 15.1097 13.8657C15.0978 13.9351 15.0889 13.9901 15.083 14.0306C15.2192 14.262 15.3288 14.4414 15.4117 14.5687C15.4946 14.696 15.545 14.8146 15.5627 14.9245C15.5805 15.0345 15.5894 15.1242 15.5894 15.1936C15.5894 15.263 15.5775 15.3469 15.5538 15.4453C15.5301 15.5436 15.5094 15.6565 15.4917 15.7838C15.4739 15.911 15.465 16.0788 15.465 16.2871C15.465 16.4781 15.5005 16.6632 15.5716 16.8426C15.6427 17.022 15.7167 17.1984 15.7937 17.372L15.6769 17.4904C14.2438 19.5421 11.8315 20.8891 9.09713 20.8891C8.43539 20.8891 7.79251 20.8102 7.1778 20.6615L7.22255 20.6219C7.29362 20.5293 7.37358 20.4165 7.46241 20.2834C7.55125 20.1503 7.6312 20.0086 7.70227 19.8581C7.77334 19.7077 7.82368 19.5602 7.8533 19.4155C7.88291 19.2709 7.8681 19.1436 7.80888 19.0336C7.82664 19.051 7.84145 19.0452 7.8533 19.0163C7.86514 18.9874 7.86514 18.9671 7.8533 18.9555L8.22641 19.2333C8.35078 19.2333 8.47515 19.1928 8.59952 19.1118C8.7239 19.0308 8.8305 18.9295 8.91934 18.808C9.00818 18.6865 9.08221 18.5592 9.14143 18.4261C9.20066 18.293 9.23027 18.1686 9.23027 18.0529C9.43755 17.9256 9.63003 17.8273 9.80771 17.7578C9.98538 17.6884 10.1423 17.6016 10.2785 17.4975C10.4148 17.3933 10.5154 17.2631 10.5806 17.1069C10.6457 16.9507 10.6665 16.725 10.6428 16.4299L10.9448 16.1175C10.9271 16.0076 10.8678 15.8803 10.7671 15.7356C10.6665 15.591 10.5214 15.4463 10.3318 15.3017C10.1423 15.157 9.94096 15.0124 9.72775 14.8677C9.51455 14.7231 9.29838 14.5987 9.07925 14.4945C8.86012 14.3904 8.65875 14.3036 8.47515 14.2342C8.29156 14.1647 8.14646 14.13 8.03985 14.13C8.01616 14.1069 7.97471 14.075 7.91548 14.0345C7.85626 13.994 7.78815 13.9478 7.71116 13.8957C7.63416 13.8436 7.56309 13.8002 7.49795 13.7655C7.4328 13.7308 7.39134 13.7105 7.37358 13.7047L7.39134 13.6353C7.38542 13.6064 7.35877 13.5861 7.31139 13.5746C7.26401 13.563 7.24032 13.5369 7.24032 13.4964C7.19294 13.4733 7.12187 13.4502 7.02711 13.427C6.93235 13.4039 6.83167 13.372 6.72507 13.3315C6.61846 13.291 6.51778 13.2592 6.42302 13.2361C6.32826 13.2129 6.26608 13.2014 6.23646 13.2014C5.97588 13.2071 5.75971 13.2505 5.58795 13.3315C5.4162 13.4125 5.27999 13.5659 5.17931 13.7915L4.99275 13.7481C5.01051 13.806 5.03124 13.8667 5.05493 13.9304C5.07862 13.994 5.09047 14.0548 5.09047 14.1127C5.08455 14.1994 5.06382 14.2862 5.02828 14.373C4.99275 14.4598 4.94241 14.5408 4.87726 14.616C4.81211 14.6913 4.74993 14.7665 4.6907 14.8417C4.63148 14.9169 4.5841 14.995 4.54856 15.076L4.68182 15.1368C4.61075 15.2525 4.59298 15.3885 4.62852 15.5447C4.66405 15.7009 4.71143 15.8687 4.77066 16.0481C4.82988 16.2274 4.90983 16.4184 5.01051 16.6209C5.1112 16.8234 5.203 17.0288 5.28591 17.2371C5.36882 17.4454 5.43989 17.6508 5.49912 17.8533C5.55834 18.0558 5.58795 18.2496 5.58795 18.4348C5.58795 18.5621 5.56723 18.6865 5.52577 18.808C5.48431 18.9295 5.44582 19.051 5.41028 19.1725C5.37475 19.294 5.34513 19.4155 5.32144 19.537C5.29775 19.6585 5.30072 19.78 5.33033 19.9015L5.35272 19.9767C2.84416 18.6679 1.13714 16.0849 1.13714 13.1125C1.13714 12.7341 1.16481 12.362 1.21827 11.998L1.36457 12.0674C1.52448 12.1831 1.69919 12.293 1.88871 12.3972C2.07823 12.5013 2.28255 12.5968 2.50168 12.6836C2.72081 12.7704 2.93698 12.8398 3.15019 12.8919C3.3634 12.9439 3.56476 12.9729 3.75428 12.9787L4.07409 13.5081C4.08594 13.5312 4.0889 13.5225 4.08298 13.482C4.07706 13.4415 4.07113 13.4155 4.06521 13.4039L4.77591 13.7945L5.07795 13.6383C4.94173 13.5804 4.8144 13.4878 4.69595 13.3605C4.5775 13.2332 4.46202 13.1088 4.34949 12.9873C4.23696 12.8658 4.12147 12.7733 4.00303 12.7096C3.88458 12.646 3.75428 12.6604 3.61214 12.753L3.49665 12.7009C3.52627 12.5621 3.57365 12.4348 3.63879 12.3191C3.70394 12.2033 3.76317 12.0818 3.81647 11.9545C3.65064 12.024 3.48185 12.0847 3.3101 12.1368C3.13835 12.1889 2.96363 12.2149 2.78596 12.2149C2.57867 12.2091 2.43357 12.1484 2.35066 12.0327C2.26774 11.9169 2.22629 11.7665 2.22629 11.5813L2.27959 11.1908C2.36843 11.1098 2.45726 11.049 2.5461 11.0085C2.63494 10.968 2.73562 10.9449 2.84815 10.9391C2.96067 10.9333 3.07024 10.9362 3.17684 10.9478C3.28345 10.9594 3.38709 10.9709 3.48777 10.9825L3.30121 10.861L3.68321 10.8263C3.92011 10.8263 4.12147 10.8841 4.2873 10.9999C4.45313 11.1156 4.5775 11.2834 4.66042 11.5032C4.67226 11.4049 4.67522 11.3094 4.6693 11.2168C4.66338 11.1243 4.66042 11.0288 4.66042 10.9304C4.67226 10.7626 4.71964 10.6353 4.80256 10.5485C4.88547 10.4618 4.97727 10.3952 5.07795 10.3489C5.17863 10.3026 5.25266 10.2737 5.30004 10.2621C5.34742 10.2506 5.32966 10.2448 5.24674 10.2448C5.2349 10.2506 5.2349 10.2477 5.24674 10.2361C5.25859 10.2245 5.28228 10.2159 5.31781 10.2101C5.35335 10.2043 5.38296 10.1927 5.40665 10.1753V10.0799C5.38888 10.051 5.36519 10.022 5.33558 9.99309C5.30597 9.96416 5.28228 9.93234 5.26451 9.89762C5.24674 9.86291 5.23786 9.83687 5.23786 9.81951L5.22009 9.78479L5.33558 9.84555C5.3415 9.83398 5.33854 9.81662 5.32669 9.79347C5.31485 9.77033 5.30893 9.74718 5.30893 9.72404C5.30893 9.7009 5.31189 9.68065 5.31781 9.66329C5.32373 9.64593 5.34742 9.63725 5.38888 9.63725L5.42441 9.64593L5.38 9.94969L5.44218 9.92366V9.68065L6.25948 9.3682L6.22395 9.22066C6.37201 9.15123 6.51415 9.07601 6.65036 8.995C6.78658 8.914 6.91391 8.82432 7.03236 8.72596L6.51711 8.56106C6.52895 8.49162 6.56449 8.44244 6.62371 8.41351C6.68294 8.38458 6.76881 8.35565 6.88134 8.32672C6.99387 8.29779 7.10639 8.27465 7.21892 8.25729C7.33145 8.23993 7.44101 8.2139 7.54762 8.17918C7.65422 8.14446 7.7401 8.10107 7.80524 8.04899C7.87039 7.99692 7.90296 7.92749 7.90296 7.8407C7.89704 7.77127 7.8467 7.69605 7.75194 7.61505C7.65718 7.53404 7.54169 7.45593 7.40548 7.38071C7.26926 7.30549 7.13601 7.24185 7.00571 7.18977C6.87542 7.1377 6.78066 7.10009 6.72143 7.07695L6.40162 7.31996C6.28909 7.18688 6.20618 7.07695 6.15288 6.99016C6.09958 6.90337 6.03739 6.83683 5.96632 6.79054C5.89525 6.74425 5.81234 6.71243 5.71758 6.69507C5.62282 6.67771 5.4866 6.66903 5.30893 6.66903C5.26747 6.66903 5.21713 6.68929 5.1579 6.72979C5.09868 6.77029 5.05426 6.79922 5.02465 6.81658L5.25562 7.45882L4.96246 7.86674L4.98023 8.05767L4.83809 8.16182C4.7078 8.15603 4.60415 8.11553 4.52716 8.04032C4.45017 7.9651 4.37614 7.8812 4.30507 7.78862L4.07409 7.53693Z"
                fill="currentColor"
              />

              <path
                d="M20.4437 3.41898C20.8956 3.7237 21.0963 4.26259 20.9557 4.7922L20.0256 8.30574C19.9466 8.60474 19.6339 8.78471 19.3277 8.70745C19.0216 8.63019 18.8372 8.32481 18.9163 8.02581L19.5112 5.77571L14.9882 6.19735C14.4894 6.24426 13.9889 6.20404 13.5096 6.08311C13.0304 5.96218 12.5719 5.7604 12.1583 5.48325L8.15975 2.8067C7.70627 2.50332 7.50321 1.96441 7.64341 1.43412C7.78292 0.904224 8.2273 0.528111 8.77473 0.47615L13.6283 0.0194708C14.6333 -0.0759156 15.6439 0.181408 16.476 0.742125L20.4437 3.41898Z"
                fill="currentColor"
              />

              <path
                d="M9.62055 5.14102L9.10055 7.10783C10.3019 7.93024 13.5368 9.47338 16.8655 9.06666L17.3861 7.09769L15.0972 7.31115C13.8367 7.42872 12.5527 7.10416 11.5102 6.40599L9.62055 5.14102Z"
                fill="currentColor"
              />
            </svg>
            Study Abroad
          </a>

          <a
            href="#"
            class="font-medium text-white hover:text-black transition-colors flex items-center gap-1.5 nav-tab"
            data-tab="more"
          >
            <svg
              xmlns="http://www.w3.org/2000/svg"
              version="1.1"
              xmlns:xlink="http://www.w3.org/1999/xlink"
              width="16"
              height="16"
              x="0"
              y="0"
              viewBox="0 0 469.333 469.333"
              style="enable-background: new 0 0 469.333 469.333"
              xml:space="preserve"
              class=""
            >
              <g>
                <path
                  fill-rule="evenodd"
                  d="M437.332 192h-160V32c0-17.664-14.336-32-32-32H224c-17.664 0-32 14.336-32 32v160H32c-17.664 0-32 14.336-32 32v21.332c0 17.664 14.336 32 32 32h160v160c0 17.664 14.336 32 32 32h21.332c17.664 0 32-14.336 32-32v-160h160c17.664 0 32-14.336 32-32V224c0-17.664-14.336-32-32-32z"
                  clip-rule="evenodd"
                  fill="currentColor"
                  opacity="1"
                ></path>
              </g>
            </svg>
            More
          </a>
        </div>
      </div>

      <div class="flex items-center gap-2" id="nav-action">
        <div class="relative group">
          <button
            class="bg-[#0d1e36] text-white border-none h-9 px-3 hover:bg-[#162a47] rounded flex items-center"
          >
            <span class="font-medium">DH AED</span>
            <svg
              xmlns="http://www.w3.org/2000/svg"
              width="16"
              height="16"
              viewBox="0 0 24 24"
              fill="none"
              stroke="currentColor"
              stroke-width="2"
              stroke-linecap="round"
              stroke-linejoin="round"
              class="h-4 w-4 ml-1"
            >
              <polyline points="6 9 12 15 18 9"></polyline>
            </svg>
          </button>
          <div
            class="hidden group-hover:block absolute right-0 mt-1 w-40 bg-white shadow-lg rounded-md z-10"
          >
            <div class="curncee">
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/af.png"
                  alt="Afghanistan"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">AFN</span> - Afghanistan
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/al.png"
                  alt="Albania"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">ALL</span> - Albania
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/dz.png"
                  alt="Algeria"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">DZD</span> - Algeria
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/ao.png"
                  alt="Angola"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">AOA</span> - Angola
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/ar.png"
                  alt="Argentina"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">ARS</span> - Argentina
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/am.png"
                  alt="Armenia"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">AMD</span> - Armenia
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/au.png"
                  alt="Australia"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">AUD</span> - Australia
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/at.png"
                  alt="Austria"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">EUR</span> - Austria
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/az.png"
                  alt="Azerbaijan"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">AZN</span> - Azerbaijan
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/bh.png"
                  alt="Bahrain"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">BHD</span> - Bahrain
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/bd.png"
                  alt="Bangladesh"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">BDT</span> - Bangladesh
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/by.png"
                  alt="Belarus"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">BYN</span> - Belarus
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/be.png"
                  alt="Belgium"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">EUR</span> - Belgium
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/bz.png"
                  alt="Belize"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">BZD</span> - Belize
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/bj.png"
                  alt="Benin"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">XOF</span> - Benin
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/bt.png"
                  alt="Bhutan"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">BTN</span> - Bhutan
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/bo.png"
                  alt="Bolivia"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">BOB</span> - Bolivia
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/ba.png"
                  alt="Bosnia"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">BAM</span> - Bosnia & Herzegovina
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/bw.png"
                  alt="Botswana"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">BWP</span> - Botswana
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/br.png"
                  alt="Brazil"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">BRL</span> - Brazil
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/bn.png"
                  alt="Brunei"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">BND</span> - Brunei
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/bg.png"
                  alt="Bulgaria"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">BGN</span> - Bulgaria
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/bf.png"
                  alt="Burkina Faso"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">XOF</span> - Burkina Faso
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/bi.png"
                  alt="Burundi"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">BIF</span> - Burundi
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/kh.png"
                  alt="Cambodia"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">KHR</span> - Cambodia
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/cm.png"
                  alt="Cameroon"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">XAF</span> - Cameroon
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/ca.png"
                  alt="Canada"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">CAD</span> - Canada
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/cl.png"
                  alt="Chile"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">CLP</span> - Chile
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/cn.png"
                  alt="China"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">CNY</span> - China
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/co.png"
                  alt="Colombia"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">COP</span> - Colombia
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/cd.png"
                  alt="Congo"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">CDF</span> - Congo (DR)
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/cr.png"
                  alt="Costa Rica"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">CRC</span> - Costa Rica
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/hr.png"
                  alt="Croatia"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">EUR</span> - Croatia
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/cu.png"
                  alt="Cuba"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">CUP</span> - Cuba
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/cy.png"
                  alt="Cyprus"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">EUR</span> - Cyprus
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/cz.png"
                  alt="Czech Republic"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">CZK</span> - Czech Republic
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/dk.png"
                  alt="Denmark"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">DKK</span> - Denmark
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/dj.png"
                  alt="Djibouti"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">DJF</span> - Djibouti
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/do.png"
                  alt="Dominican Republic"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">DOP</span> - Dominican Republic
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/ec.png"
                  alt="Ecuador"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">USD</span> - Ecuador
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/eg.png"
                  alt="Egypt"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">EGP</span> - Egypt
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/et.png"
                  alt="Ethiopia"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">ETB</span> - Ethiopia
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/fj.png"
                  alt="Fiji"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">FJD</span> - Fiji
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/fi.png"
                  alt="Finland"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">EUR</span> - Finland
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/fr.png"
                  alt="France"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">EUR</span> - France
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/ga.png"
                  alt="Gabon"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">XAF</span> - Gabon
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/gm.png"
                  alt="Gambia"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">GMD</span> - Gambia
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/ge.png"
                  alt="Georgia"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">GEL</span> - Georgia
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/de.png"
                  alt="Germany"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">EUR</span> - Germany
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/gh.png"
                  alt="Ghana"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">GHS</span> - Ghana
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/gr.png"
                  alt="Greece"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">EUR</span> - Greece
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/gt.png"
                  alt="Guatemala"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">GTQ</span> - Guatemala
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/gn.png"
                  alt="Guinea"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">GNF</span> - Guinea
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/gy.png"
                  alt="Guyana"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">GYD</span> - Guyana
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/ht.png"
                  alt="Haiti"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">HTG</span> - Haiti
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/hn.png"
                  alt="Honduras"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">HNL</span> - Honduras
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/hk.png"
                  alt="Hong Kong"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">HKD</span> - Hong Kong
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/hu.png"
                  alt="Hungary"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">HUF</span> - Hungary
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/is.png"
                  alt="Iceland"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">ISK</span> - Iceland
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/in.png"
                  alt="India"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">INR</span> - India
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/id.png"
                  alt="Indonesia"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">IDR</span> - Indonesia
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/ir.png"
                  alt="Iran"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">IRR</span> - Iran
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/iq.png"
                  alt="Iraq"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">IQD</span> - Iraq
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/ie.png"
                  alt="Ireland"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">EUR</span> - Ireland
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/il.png"
                  alt="Israel"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">ILS</span> - Israel
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/it.png"
                  alt="Italy"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">EUR</span> - Italy
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/jm.png"
                  alt="Jamaica"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">JMD</span> - Jamaica
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/jp.png"
                  alt="Japan"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">JPY</span> - Japan
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/jo.png"
                  alt="Jordan"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">JOD</span> - Jordan
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/kz.png"
                  alt="Kazakhstan"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">KZT</span> - Kazakhstan
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/ke.png"
                  alt="Kenya"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">KES</span> - Kenya
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/kw.png"
                  alt="Kuwait"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">KWD</span> - Kuwait
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/kg.png"
                  alt="Kyrgyzstan"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">KGS</span> - Kyrgyzstan
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/la.png"
                  alt="Laos"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">LAK</span> - Laos
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/lv.png"
                  alt="Latvia"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">EUR</span> - Latvia
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/lb.png"
                  alt="Lebanon"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">LBP</span> - Lebanon
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/ly.png"
                  alt="Libya"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">LYD</span> - Libya
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/lt.png"
                  alt="Lithuania"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">EUR</span> - Lithuania
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/lu.png"
                  alt="Luxembourg"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">EUR</span> - Luxembourg
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/mg.png"
                  alt="Madagascar"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">MGA</span> - Madagascar
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/mw.png"
                  alt="Malawi"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">MWK</span> - Malawi
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/my.png"
                  alt="Malaysia"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">MYR</span> - Malaysia
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/mv.png"
                  alt="Maldives"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">MVR</span> - Maldives
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/ml.png"
                  alt="Mali"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">XOF</span> - Mali
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/mt.png"
                  alt="Malta"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">EUR</span> - Malta
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/mr.png"
                  alt="Mauritania"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">MRU</span> - Mauritania
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/mu.png"
                  alt="Mauritius"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">MUR</span> - Mauritius
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/mx.png"
                  alt="Mexico"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">MXN</span> - Mexico
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/md.png"
                  alt="Moldova"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">MDL</span> - Moldova
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/mn.png"
                  alt="Mongolia"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">MNT</span> - Mongolia
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/ma.png"
                  alt="Morocco"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">MAD</span> - Morocco
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/mz.png"
                  alt="Mozambique"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">MZN</span> - Mozambique
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/mm.png"
                  alt="Myanmar"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">MMK</span> - Myanmar
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/na.png"
                  alt="Namibia"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">NAD</span> - Namibia
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/np.png"
                  alt="Nepal"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">NPR</span> - Nepal
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/nl.png"
                  alt="Netherlands"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">EUR</span> - Netherlands
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/nz.png"
                  alt="New Zealand"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">NZD</span> - New Zealand
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/ni.png"
                  alt="Nicaragua"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">NIO</span> - Nicaragua
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/ne.png"
                  alt="Niger"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">XOF</span> - Niger
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/ng.png"
                  alt="Nigeria"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">NGN</span> - Nigeria
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/no.png"
                  alt="Norway"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">NOK</span> - Norway
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/om.png"
                  alt="Oman"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">OMR</span> - Oman
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/pk.png"
                  alt="Pakistan"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">PKR</span> - Pakistan
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/pa.png"
                  alt="Panama"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">PAB</span> - Panama
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/pg.png"
                  alt="Papua New Guinea"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">PGK</span> - Papua New Guinea
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/py.png"
                  alt="Paraguay"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">PYG</span> - Paraguay
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/pe.png"
                  alt="Peru"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">PEN</span> - Peru
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/ph.png"
                  alt="Philippines"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">PHP</span> - Philippines
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/pl.png"
                  alt="Poland"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">PLN</span> - Poland
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/pt.png"
                  alt="Portugal"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">EUR</span> - Portugal
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/qa.png"
                  alt="Qatar"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">QAR</span> - Qatar
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/ro.png"
                  alt="Romania"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">RON</span> - Romania
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/ru.png"
                  alt="Russia"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">RUB</span> - Russia
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/rw.png"
                  alt="Rwanda"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">RWF</span> - Rwanda
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/sa.png"
                  alt="Saudi Arabia"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">SAR</span> - Saudi Arabia
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/sn.png"
                  alt="Senegal"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">XOF</span> - Senegal
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/rs.png"
                  alt="Serbia"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">RSD</span> - Serbia
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/sl.png"
                  alt="Sierra Leone"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">SLL</span> - Sierra Leone
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/sg.png"
                  alt="Singapore"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">SGD</span> - Singapore
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/sk.png"
                  alt="Slovakia"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">EUR</span> - Slovakia
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/si.png"
                  alt="Slovenia"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">EUR</span> - Slovenia
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/so.png"
                  alt="Somalia"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">SOS</span> - Somalia
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/za.png"
                  alt="South Africa"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">ZAR</span> - South Africa
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/kr.png"
                  alt="South Korea"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">KRW</span> - South Korea
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/es.png"
                  alt="Spain"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">EUR</span> - Spain
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/lk.png"
                  alt="Sri Lanka"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">LKR</span> - Sri Lanka
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/sd.png"
                  alt="Sudan"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">SDG</span> - Sudan
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/se.png"
                  alt="Sweden"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">SEK</span> - Sweden
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/ch.png"
                  alt="Switzerland"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">CHF</span> - Switzerland
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/sy.png"
                  alt="Syria"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">SYP</span> - Syria
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/tw.png"
                  alt="Taiwan"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">TWD</span> - Taiwan
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/tz.png"
                  alt="Tanzania"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">TZS</span> - Tanzania
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/th.png"
                  alt="Thailand"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">THB</span> - Thailand
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/tg.png"
                  alt="Togo"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">XOF</span> - Togo
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/tt.png"
                  alt="Trinidad and Tobago"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">TTD</span> - Trinidad & Tobago
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/tn.png"
                  alt="Tunisia"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">TND</span> - Tunisia
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/tr.png"
                  alt="Turkey"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">TRY</span> - Turkey
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/ug.png"
                  alt="Uganda"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">UGX</span> - Uganda
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/ua.png"
                  alt="Ukraine"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">UAH</span> - Ukraine
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/ae.png"
                  alt="UAE"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">AED</span> - United Arab Emirates
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/gb.png"
                  alt="United Kingdom"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">GBP</span> - United Kingdom
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/us.png"
                  alt="United States"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">USD</span> - United States
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/uy.png"
                  alt="Uruguay"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">UYU</span> - Uruguay
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/uz.png"
                  alt="Uzbekistan"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">UZS</span> - Uzbekistan
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/ve.png"
                  alt="Venezuela"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">VES</span> - Venezuela
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/vn.png"
                  alt="Vietnam"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">VND</span> - Vietnam
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/ye.png"
                  alt="Yemen"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">YER</span> - Yemen
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/zm.png"
                  alt="Zambia"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">ZMW</span> - Zambia
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/zw.png"
                  alt="Zimbabwe"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                <span class="font-semibold">ZWL</span> - Zimbabwe
              </a>
            </div>
          </div>
        </div>
        <div class="relative group">
          <button
            class="bg-[#0d1e36] text-white border-none h-9 px-3 hover:bg-[#162a47] rounded flex items-center"
          >
            <span class="font-medium">UAE</span>
            <svg
              xmlns="http://www.w3.org/2000/svg"
              width="16"
              height="16"
              viewBox="0 0 24 24"
              fill="none"
              stroke="currentColor"
              stroke-width="2"
              stroke-linecap="round"
              stroke-linejoin="round"
              class="h-4 w-4 ml-1"
            >
              <polyline points="6 9 12 15 18 9"></polyline>
            </svg>
          </button>
          <div
            class="hidden group-hover:block absolute right-0 mt-1 w-40 bg-white shadow-lg rounded-md z-10"
          >
            <div class="contry">
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/af.png"
                  alt="Afghanistan"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Afghanistan
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/al.png"
                  alt="Albania"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Albania
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/dz.png"
                  alt="Algeria"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Algeria
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/ao.png"
                  alt="Angola"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Angola
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/ar.png"
                  alt="Argentina"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Argentina
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/am.png"
                  alt="Armenia"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Armenia
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/au.png"
                  alt="Australia"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Australia
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/at.png"
                  alt="Austria"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Austria
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/az.png"
                  alt="Azerbaijan"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Azerbaijan
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/bh.png"
                  alt="Bahrain"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Bahrain
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/bd.png"
                  alt="Bangladesh"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Bangladesh
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/by.png"
                  alt="Belarus"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Belarus
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/be.png"
                  alt="Belgium"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Belgium
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/bz.png"
                  alt="Belize"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Belize
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/bj.png"
                  alt="Benin"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Benin
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/bt.png"
                  alt="Bhutan"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Bhutan
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/bo.png"
                  alt="Bolivia"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Bolivia
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/ba.png"
                  alt="Bosnia"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Bosnia & Herzegovina
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/bw.png"
                  alt="Botswana"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Botswana
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/br.png"
                  alt="Brazil"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Brazil
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/bn.png"
                  alt="Brunei"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Brunei
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/bg.png"
                  alt="Bulgaria"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Bulgaria
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/bf.png"
                  alt="Burkina Faso"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Burkina Faso
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/bi.png"
                  alt="Burundi"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Burundi
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/kh.png"
                  alt="Cambodia"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Cambodia
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/cm.png"
                  alt="Cameroon"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Cameroon
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/ca.png"
                  alt="Canada"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Canada
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/cl.png"
                  alt="Chile"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Chile
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/cn.png"
                  alt="China"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                China
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/co.png"
                  alt="Colombia"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Colombia
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/cd.png"
                  alt="Congo"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Congo (DR)
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/cr.png"
                  alt="Costa Rica"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Costa Rica
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/hr.png"
                  alt="Croatia"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Croatia
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/cu.png"
                  alt="Cuba"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Cuba
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/cy.png"
                  alt="Cyprus"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Cyprus
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/cz.png"
                  alt="Czech Republic"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Czech Republic
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/dk.png"
                  alt="Denmark"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Denmark
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/dj.png"
                  alt="Djibouti"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Djibouti
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/do.png"
                  alt="Dominican Republic"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Dominican Republic
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/ec.png"
                  alt="Ecuador"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Ecuador
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/eg.png"
                  alt="Egypt"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Egypt
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/et.png"
                  alt="Ethiopia"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Ethiopia
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/fj.png"
                  alt="Fiji"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Fiji
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/fi.png"
                  alt="Finland"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Finland
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/fr.png"
                  alt="France"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                France
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/ga.png"
                  alt="Gabon"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Gabon
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/gm.png"
                  alt="Gambia"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Gambia
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/ge.png"
                  alt="Georgia"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Georgia
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/de.png"
                  alt="Germany"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Germany
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/gh.png"
                  alt="Ghana"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Ghana
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/gr.png"
                  alt="Greece"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Greece
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/gt.png"
                  alt="Guatemala"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Guatemala
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/gn.png"
                  alt="Guinea"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Guinea
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/gy.png"
                  alt="Guyana"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Guyana
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/ht.png"
                  alt="Haiti"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Haiti
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/hn.png"
                  alt="Honduras"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Honduras
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/hk.png"
                  alt="Hong Kong"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Hong Kong
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/hu.png"
                  alt="Hungary"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Hungary
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/is.png"
                  alt="Iceland"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Iceland
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/in.png"
                  alt="India"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                India
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/id.png"
                  alt="Indonesia"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Indonesia
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/ir.png"
                  alt="Iran"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Iran
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/iq.png"
                  alt="Iraq"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Iraq
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/ie.png"
                  alt="Ireland"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Ireland
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/il.png"
                  alt="Israel"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Israel
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/it.png"
                  alt="Italy"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Italy
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/jm.png"
                  alt="Jamaica"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Jamaica
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/jp.png"
                  alt="Japan"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Japan
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/jo.png"
                  alt="Jordan"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Jordan
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/kz.png"
                  alt="Kazakhstan"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Kazakhstan
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/ke.png"
                  alt="Kenya"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Kenya
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/kw.png"
                  alt="Kuwait"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Kuwait
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/kg.png"
                  alt="Kyrgyzstan"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Kyrgyzstan
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/la.png"
                  alt="Laos"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Laos
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/lv.png"
                  alt="Latvia"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Latvia
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/lb.png"
                  alt="Lebanon"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Lebanon
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/ly.png"
                  alt="Libya"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Libya
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/lt.png"
                  alt="Lithuania"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Lithuania
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/lu.png"
                  alt="Luxembourg"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Luxembourg
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/mg.png"
                  alt="Madagascar"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Madagascar
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/mw.png"
                  alt="Malawi"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Malawi
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/my.png"
                  alt="Malaysia"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Malaysia
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/mv.png"
                  alt="Maldives"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Maldives
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/ml.png"
                  alt="Mali"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Mali
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/mt.png"
                  alt="Malta"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Malta
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/mr.png"
                  alt="Mauritania"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Mauritania
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/mu.png"
                  alt="Mauritius"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Mauritius
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/mx.png"
                  alt="Mexico"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Mexico
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/md.png"
                  alt="Moldova"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Moldova
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/mn.png"
                  alt="Mongolia"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Mongolia
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/ma.png"
                  alt="Morocco"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Morocco
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/mz.png"
                  alt="Mozambique"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Mozambique
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/mm.png"
                  alt="Myanmar"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Myanmar
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/na.png"
                  alt="Namibia"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Namibia
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/np.png"
                  alt="Nepal"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Nepal
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/nl.png"
                  alt="Netherlands"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Netherlands
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/nz.png"
                  alt="New Zealand"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                New Zealand
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/ni.png"
                  alt="Nicaragua"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Nicaragua
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/ne.png"
                  alt="Niger"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Niger
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/ng.png"
                  alt="Nigeria"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Nigeria
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/no.png"
                  alt="Norway"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Norway
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/om.png"
                  alt="Oman"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Oman
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/pk.png"
                  alt="Pakistan"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Pakistan
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/pa.png"
                  alt="Panama"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Panama
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/pg.png"
                  alt="Papua New Guinea"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Papua New Guinea
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/py.png"
                  alt="Paraguay"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Paraguay
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/pe.png"
                  alt="Peru"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Peru
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/ph.png"
                  alt="Philippines"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Philippines
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/pl.png"
                  alt="Poland"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Poland
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/pt.png"
                  alt="Portugal"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Portugal
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/qa.png"
                  alt="Qatar"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Qatar
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/ro.png"
                  alt="Romania"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Romania
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/ru.png"
                  alt="Russia"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Russia
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/rw.png"
                  alt="Rwanda"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Rwanda
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/sa.png"
                  alt="Saudi Arabia"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Saudi Arabia
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/sn.png"
                  alt="Senegal"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Senegal
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/rs.png"
                  alt="Serbia"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Serbia
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/sl.png"
                  alt="Sierra Leone"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Sierra Leone
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/sg.png"
                  alt="Singapore"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Singapore
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/sk.png"
                  alt="Slovakia"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Slovakia
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/si.png"
                  alt="Slovenia"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Slovenia
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/so.png"
                  alt="Somalia"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Somalia
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/za.png"
                  alt="South Africa"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                South Africa
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/kr.png"
                  alt="South Korea"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                South Korea
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/es.png"
                  alt="Spain"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Spain
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/lk.png"
                  alt="Sri Lanka"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Sri Lanka
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/sd.png"
                  alt="Sudan"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Sudan
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/se.png"
                  alt="Sweden"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Sweden
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/ch.png"
                  alt="Switzerland"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Switzerland
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/sy.png"
                  alt="Syria"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Syria
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/tw.png"
                  alt="Taiwan"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Taiwan
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/tz.png"
                  alt="Tanzania"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Tanzania
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/th.png"
                  alt="Thailand"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Thailand
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/tg.png"
                  alt="Togo"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Togo
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/tt.png"
                  alt="Trinidad and Tobago"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Trinidad & Tobago
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/tn.png"
                  alt="Tunisia"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Tunisia
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/tr.png"
                  alt="Turkey"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Turkey
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/ug.png"
                  alt="Uganda"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Uganda
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/ua.png"
                  alt="Ukraine"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Ukraine
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/ae.png"
                  alt="UAE"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                United Arab Emirates
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/gb.png"
                  alt="United Kingdom"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                United Kingdom
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/us.png"
                  alt="United States"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                United States
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/uy.png"
                  alt="Uruguay"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Uruguay
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/uz.png"
                  alt="Uzbekistan"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Uzbekistan
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/ve.png"
                  alt="Venezuela"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Venezuela
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/vn.png"
                  alt="Vietnam"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Vietnam
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/ye.png"
                  alt="Yemen"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Yemen
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/zm.png"
                  alt="Zambia"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Zambia
              </a>
              <a
                href="#"
                class="flex items-center gap-2 px-4 py-2 text-sm text-gray-700 hover:bg-gray-100"
              >
                <img
                  src="https://flagcdn.com/w20/zw.png"
                  alt="Zimbabwe"
                  class="w-5 h-4 object-cover rounded-sm"
                />
                Zimbabwe
              </a>
            </div>
          </div>
        </div>
        <button
          class="bg-[#0d1e36] text-white border-none h-9 px-4 hover:bg-[#162a47] rounded"
        >
          <span class="font-medium text-sm">عربي</span>
        </button>

        <button
          class="auth-button bg-red-600 hover:bg-red-700 h-9 px-4 text-white rounded"
          onclick="openAuthModal()"
        >
          LOGIN / REGISTER
        </button>
        <div class="auth-modal-overlay" id="authModalOverlay">
          <div class="auth-container">
            <button class="auth-close-btn" onclick="closeAuthModal()">
              &times;
            </button>

            <div class="content-section">
              <div class="content-carousel">
                <div class="content-slide active" data-slide="0">
                  <div class="discount-icon">
                    <div class="sparkles">
                      <div class="sparkle"></div>
                      <div class="sparkle"></div>
                      <div class="sparkle"></div>
                      <div class="sparkle"></div>
                    </div>
                  </div>
                  <h2>Exclusive Discounts</h2>
                  <p class="subtitle">
                    Login to enjoy exclusive discounts, early access,
                    personalized recommendations, and a seamless checkout
                    experience
                  </p>
                </div>

                <div class="content-slide" data-slide="1">
                  <div class="rewards-icon">
                    <div class="sparkles">
                      <div class="sparkle"></div>
                      <div class="sparkle"></div>
                      <div class="sparkle"></div>
                      <div class="sparkle"></div>
                    </div>
                  </div>
                  <h2>Loyalty Rewards</h2>
                  <p class="subtitle">
                    Earn points with every booking, unlock premium features, and
                    get rewarded for your travel adventures
                  </p>
                </div>

                <div class="content-slide" data-slide="2">
                  <div class="travel-icon">
                    <div class="sparkles">
                      <div class="sparkle"></div>
                      <div class="sparkle"></div>
                      <div class="sparkle"></div>
                      <div class="sparkle"></div>
                    </div>
                  </div>
                  <h2>Smart Travel</h2>
                  <p class="subtitle">
                    Get AI-powered recommendations, instant booking
                    confirmations, and 24/7 customer support for worry-free
                    travel
                  </p>
                </div>
              </div>
            </div>

            <div class="progress-dots">
              <div class="dot active"></div>
              <div class="dot"></div>
              <div class="dot"></div>
            </div>

            <div class="auth-options">
              <div class="email-form">
                <input
                  type="email"
                  id="emailInput"
                  placeholder="Please enter an email address"
                  class="email-input"
                />
                <button class="continue-btn" onclick="handleEmailContinue()">
                  Continue
                </button>
              </div>

              <div class="divider">
                <span>More Sign In Methods</span>
              </div>

              <div class="social-options">
                <button
                  class="social-icon-btn facebook"
                  onclick="handleFacebookLogin()"
                >
                  <div class="social-circle facebook-circle">
                    <span class="fb-icon">f</span>
                  </div>
                  <span class="social-label">Facebook</span>
                </button>

                <button
                  class="social-icon-btn google"
                  onclick="handleGoogleLogin()"
                >
                  <div class="social-circle google-circle">
                    <span class="google-g">G</span>
                  </div>
                  <span class="social-label">Google</span>
                </button>

                <button
                  class="social-icon-btn apple"
                  onclick="handleAppleLogin()"
                >
                  <div class="social-circle apple-circle">
                    <span class="apple-icon">🍎</span>
                  </div>
                  <span class="social-label">Apple</span>
                </button>
              </div>
            </div>

            <div class="auth-terms">
              By clicking "Continue," you agree to our
              <a href="#" onclick="showTerms('privacy')">Privacy Policy</a> and
              <a href="#" onclick="showTerms('terms')">Terms & Conditions</a>
            </div>
          </div>
        </div>
      </div>
      <div class="ham" id="burger">
        <svg
          xmlns="http://www.w3.org/2000/svg"
          version="1.1"
          xmlns:xlink="http://www.w3.org/1999/xlink"
          width="30"
          height="30"
          x="0"
          y="0"
          viewBox="0 0 64 64"
          style="enable-background: new 0 0 512 512"
          xml:space="preserve"
          class=""
        >
          <g>
            <path
              d="M53 21H11c-1.7 0-3-1.3-3-3s1.3-3 3-3h42c1.7 0 3 1.3 3 3s-1.3 3-3 3zM53 35H11c-1.7 0-3-1.3-3-3s1.3-3 3-3h42c1.7 0 3 1.3 3 3s-1.3 3-3 3zM53 49H11c-1.7 0-3-1.3-3-3s1.3-3 3-3h42c1.7 0 3 1.3 3 3s-1.3 3-3 3z"
              fill="#ffffff"
              opacity="1"
              data-original="#000000"
              class=""
            ></path>
          </g>
        </svg>
      </div>
      <div class="navlinks-direction">
        <div class="clossmu">
          <svg
            xmlns="http://www.w3.org/2000/svg"
            version="1.1"
            xmlns:xlink="http://www.w3.org/1999/xlink"
            width="30"
            height="30"
            x="0"
            y="0"
            viewBox="0 0 24 24"
            style="enable-background: new 0 0 512 512"
            xml:space="preserve"
            class=""
          >
            <g>
              <path
                fill="#ffffff"
                fill-rule="evenodd"
                d="M5 17.586a1 1 0 1 0 1.415 1.415L12 13.414 17.586 19A1 1 0 0 0 19 17.586L13.414 12 19 6.414A1 1 0 0 0 17.585 5L12 10.586 6.414 5A1 1 0 0 0 5 6.414L10.586 12z"
                clip-rule="evenodd"
                opacity="1"
                data-original="#000000"
                class=""
              ></path>
            </g>
          </svg>
        </div>

        <li><a href="#">Login/Sign-up now</a></li>
        <li><a href="#">View/Mange Trips</a></li>
        <li><a href="#">Find Booking</a></li>
        <li><a href="#">eSIM / SIM</a></li>
        <li><a href="#">Offers</a></li>
        <li><a href="#">Language</a></li>
        <li>
          <a href="#"
            ><span class="minicon"
              ><svg
                width="24"
                height="25"
                viewBox="0 0 24 25"
                fill="none"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path fill="0000" d="M0 .622h24v24H0z"></path>
                <rect
                  x="1.175"
                  y="6.122"
                  width="20.231"
                  height="11.739"
                  rx="1.5"
                  fill="#fff"
                  stroke="#757575"
                ></rect>
                <rect
                  x="2.789"
                  y="7.695"
                  width="20.231"
                  height="11.739"
                  rx="1.5"
                  fill="#fff"
                  stroke="#757575"
                ></rect>
                <path
                  fill-rule="evenodd"
                  clip-rule="evenodd"
                  d="M15.559 13.565a2.654 2.654 0 1 1-5.308 0 2.654 2.654 0 0 1 5.308 0zm-1.062 0a1.592 1.592 0 1 1-3.185 0 1.592 1.592 0 0 1 3.185 0zM9.295 13.565a1.168 1.168 0 1 1-2.335 0 1.168 1.168 0 0 1 2.335 0zm-1.167.53a.53.53 0 1 0 0-1.061.53.53 0 0 0 0 1.061zM17.682 14.732a1.168 1.168 0 1 0 0-2.335 1.168 1.168 0 0 0 0 2.335zm.53-1.167a.53.53 0 1 1-1.061 0 .53.53 0 0 1 1.062 0z"
                  fill="#757575"
                ></path>
                <path
                  fill-rule="evenodd"
                  clip-rule="evenodd"
                  d="M19.045 9.842c-.081-.281-.312-.524-.605-.524H7.37c-.294 0-.524.243-.606.524-.224.772-.931 1.376-1.824 1.55-.288.055-.528.287-.528.58v3.185c0 .293.24.525.528.581.893.173 1.6.777 1.824 1.55.082.28.312.523.605.523H18.44c.293 0 .524-.242.605-.524.224-.772.932-1.376 1.825-1.549.287-.056.527-.288.527-.581v-3.185c0-.293-.24-.525-.527-.58-.893-.174-1.6-.777-1.825-1.55zM5.474 12.353c1-.292 1.854-.999 2.228-1.973h10.405c.375.974 1.228 1.681 2.229 1.973v2.423c-1 .292-1.854 1-2.229 1.973H7.702c-.374-.974-1.228-1.68-2.228-1.973v-2.423z"
                  fill="#757575"
                ></path>
                <rect
                  x="6"
                  y="11.622"
                  width="4"
                  height="4"
                  rx="2"
                  fill="#fff"
                ></rect>
                <rect
                  x="16"
                  y="11.622"
                  width="3"
                  height="4"
                  rx="1"
                  fill="#fff"
                ></rect></svg></span
            >Currency</a
          >
        </li>
        <li>
          <a href="#">Contacts US </a
          ><span class="righticon"
            ><svg
              xmlns="http://www.w3.org/2000/svg"
              width="16"
              height="16"
              viewBox="0 0 24 24"
              fill="none"
              stroke="currentColor"
              stroke-width="2"
              stroke-linecap="round"
              stroke-linejoin="round"
              class="h-4 w-4 ml-1"
            >
              <polyline points="6 9 12 15 18 9"></polyline></svg
          ></span>
        </li>
        <li><a href="#">Goosay Rewards</a></li>
        <br />
        <div class="flex flex-wrap gap-3" id="appdownload">
          <a
            target="_blank"
            class="apple-ion"
            data-tracking-id="download_ios_app"
            href="#"
            style="cursor: pointer"
          >
            <svg
              width="6.75rem"
              height="3.25rem"
              viewBox="0 0 175 60"
              fill="none"
              xmlns="http://www.w3.org/2000/svg"
            >
              <rect
                width="174"
                height="59"
                x="0.5"
                y="0.5"
                fill="#10151F"
                rx="7.5"
              ></rect>
              <rect
                width="174"
                height="59"
                x="0.5"
                y="0.5"
                stroke="url(#:R9lbl56n9uuu9cqnhja:-linear-gradient)"
                rx="7.5"
              ></rect>
              <g clip-path="url(#:R9lbl56n9uuu9cqnhja:-clip-path)">
                <path
                  fill="#fff"
                  d="M48.056 38.938a17.403 17.403 0 0 1-1.72 3.093c-.905 1.29-1.646 2.183-2.217 2.679-.885.814-1.833 1.23-2.848 1.254-.729 0-1.608-.207-2.631-.628-1.027-.419-1.97-.626-2.833-.626-.904 0-1.875.207-2.912.626-1.04.42-1.877.64-2.517.662-.974.041-1.944-.387-2.913-1.288-.618-.54-1.392-1.464-2.318-2.773-.994-1.399-1.811-3.02-2.451-4.87-.686-1.996-1.03-3.93-1.03-5.802 0-2.145.464-3.994 1.392-5.544a8.162 8.162 0 0 1 2.914-2.948 7.84 7.84 0 0 1 3.94-1.112c.774 0 1.788.239 3.048.709 1.257.472 2.064.71 2.418.71.264 0 1.16-.279 2.68-.836 1.437-.517 2.65-.732 3.643-.647 2.693.217 4.715 1.278 6.06 3.19-2.407 1.46-3.598 3.503-3.575 6.124.022 2.042.763 3.74 2.218 5.09a7.289 7.289 0 0 0 2.217 1.454c-.178.515-.366 1.01-.565 1.483ZM41.88 14.641c0 1.6-.585 3.094-1.75 4.477-1.406 1.645-3.107 2.595-4.952 2.445a4.982 4.982 0 0 1-.037-.607c0-1.536.669-3.18 1.856-4.525.593-.68 1.347-1.246 2.262-1.698.913-.444 1.776-.69 2.588-.733.023.214.033.428.033.64Z"
                ></path>
              </g>
              <path
                fill="#fff"
                d="M62.784 20H59.96v-8.727h2.915c.855 0 1.59.174 2.203.524a3.454 3.454 0 0 1 1.41 1.496c.33.647.495 1.424.495 2.33 0 .91-.167 1.69-.499 2.344a3.5 3.5 0 0 1-1.432 1.509c-.625.35-1.38.524-2.267.524Zm-1.508-1.15h1.436c.664 0 1.217-.126 1.657-.376.44-.252.77-.618.989-1.095.219-.48.328-1.065.328-1.755 0-.685-.11-1.266-.328-1.743a2.319 2.319 0 0 0-.967-1.087c-.43-.247-.962-.37-1.598-.37h-1.517v6.425Zm9.998 1.282c-.614 0-1.15-.14-1.607-.422a2.845 2.845 0 0 1-1.065-1.18c-.253-.506-.38-1.097-.38-1.773 0-.679.127-1.273.38-1.781a2.839 2.839 0 0 1 1.065-1.185c.458-.281.993-.422 1.607-.422s1.149.14 1.606.422c.458.281.813.676 1.066 1.185.253.508.379 1.102.379 1.781 0 .676-.127 1.267-.38 1.773-.252.505-.607.899-1.065 1.18-.457.281-.993.422-1.606.422Zm.004-1.07c.398 0 .727-.105.989-.315.261-.21.454-.49.58-.84.127-.349.191-.734.191-1.154 0-.418-.064-.801-.192-1.15a1.874 1.874 0 0 0-.58-.849c-.26-.213-.59-.32-.988-.32-.4 0-.733.107-.997.32a1.903 1.903 0 0 0-.584.848c-.125.35-.187.733-.187 1.15 0 .421.062.806.187 1.156.128.35.323.629.584.84.264.21.596.314.997.314Zm5.689.938-1.926-6.545h1.317l1.282 4.806h.064l1.287-4.807h1.317l1.278 4.786h.064l1.274-4.785h1.317L82.32 20h-1.3l-1.329-4.726h-.098L78.262 20h-1.295Zm9.757-3.886V20H85.45v-6.545h1.223v1.065h.081a1.87 1.87 0 0 1 .708-.835c.324-.21.731-.316 1.223-.316.446 0 .836.094 1.172.282.335.184.595.46.78.826.184.367.276.82.276 1.36V20H89.64v-4.01c0-.474-.123-.845-.37-1.112-.248-.27-.587-.405-1.019-.405-.295 0-.558.064-.788.192a1.379 1.379 0 0 0-.541.562c-.131.245-.197.54-.197.887Zm7.172-4.841V20h-1.274v-8.727h1.274Zm4.471 8.86c-.613 0-1.149-.142-1.606-.423a2.844 2.844 0 0 1-1.065-1.18c-.253-.506-.38-1.097-.38-1.773 0-.679.127-1.273.38-1.781a2.838 2.838 0 0 1 1.065-1.185c.457-.281.993-.422 1.607-.422.613 0 1.149.14 1.606.422.457.281.813.676 1.065 1.185.253.508.38 1.102.38 1.781 0 .676-.127 1.267-.38 1.773-.252.505-.608.899-1.065 1.18-.457.281-.993.422-1.607.422Zm.005-1.07c.397 0 .727-.106.988-.316.262-.21.455-.49.58-.84.128-.349.192-.734.192-1.154 0-.418-.064-.801-.192-1.15a1.874 1.874 0 0 0-.58-.849c-.26-.213-.59-.32-.988-.32-.401 0-.733.107-.997.32a1.905 1.905 0 0 0-.584.848c-.125.35-.188.733-.188 1.15 0 .421.063.806.188 1.156.128.35.322.629.584.84.264.21.596.314.997.314Zm6.374 1.082c-.415 0-.79-.077-1.125-.23a1.897 1.897 0 0 1-.797-.678c-.193-.295-.29-.658-.29-1.086 0-.37.071-.674.213-.912.142-.239.334-.428.575-.567a3.02 3.02 0 0 1 .81-.316c.298-.07.602-.125.912-.161l.955-.111c.244-.031.421-.081.532-.15.111-.068.166-.178.166-.332v-.03c0-.372-.105-.66-.315-.865-.207-.204-.517-.306-.929-.306-.429 0-.767.095-1.014.285a1.532 1.532 0 0 0-.507.626l-1.198-.272c.142-.398.35-.719.623-.963.275-.248.592-.426.95-.537.358-.114.734-.17 1.129-.17.261 0 .538.03.831.093.296.06.571.17.827.332.258.162.47.394.635.695.164.298.247.686.247 1.163V20h-1.244v-.895h-.052a1.817 1.817 0 0 1-.37.486c-.165.159-.377.291-.635.396a2.464 2.464 0 0 1-.929.158Zm.277-1.023c.352 0 .653-.07.903-.209.253-.139.445-.32.575-.545.134-.227.201-.47.201-.729v-.844a.673.673 0 0 1-.264.128c-.128.037-.275.07-.439.098l-.482.073-.392.05a3.167 3.167 0 0 0-.678.159c-.201.073-.363.18-.485.32-.12.135-.179.317-.179.545 0 .315.116.554.349.716.233.159.53.238.891.238Zm7.1 1.006c-.528 0-1-.135-1.415-.405-.411-.273-.735-.66-.971-1.163-.233-.506-.35-1.113-.35-1.82 0-.707.118-1.312.354-1.815.239-.503.565-.888.98-1.155a2.55 2.55 0 0 1 1.411-.4c.406 0 .733.067.98.204.25.133.443.29.579.469.14.179.248.336.324.473h.077v-3.243h1.274V20h-1.244v-1.018h-.107a3.3 3.3 0 0 1-.332.477 1.847 1.847 0 0 1-.588.469c-.25.133-.574.2-.972.2Zm.281-1.087c.367 0 .677-.096.929-.29.256-.196.449-.467.58-.814.134-.346.2-.75.2-1.21 0-.454-.065-.852-.196-1.193a1.747 1.747 0 0 0-.575-.797c-.253-.19-.565-.285-.938-.285-.383 0-.703.1-.958.298-.256.199-.449.47-.58.814a3.316 3.316 0 0 0-.192 1.163c0 .438.066.831.196 1.18.131.35.324.627.58.832.258.201.577.302.954.302Zm10.714 1.091c-.614 0-1.15-.14-1.607-.422a2.847 2.847 0 0 1-1.065-1.18c-.253-.506-.38-1.097-.38-1.773 0-.679.127-1.273.38-1.781a2.841 2.841 0 0 1 1.065-1.185c.457-.281.993-.422 1.607-.422.613 0 1.149.14 1.606.422.457.281.813.676 1.065 1.185.253.508.38 1.102.38 1.781 0 .676-.127 1.267-.38 1.773a2.84 2.84 0 0 1-1.065 1.18c-.457.281-.993.422-1.606.422Zm.004-1.07c.398 0 .727-.105.988-.315.262-.21.455-.49.58-.84.128-.349.192-.734.192-1.154 0-.418-.064-.801-.192-1.15a1.87 1.87 0 0 0-.58-.849c-.261-.213-.59-.32-.988-.32-.401 0-.733.107-.997.32a1.9 1.9 0 0 0-.584.848c-.125.35-.188.733-.188 1.15 0 .421.063.806.188 1.156.128.35.322.629.584.84.264.21.596.314.997.314Zm5.743-2.948V20h-1.274v-6.545h1.223v1.065h.08a1.87 1.87 0 0 1 .708-.835c.324-.21.732-.316 1.223-.316.446 0 .837.094 1.172.282.335.184.595.46.78.826.184.367.277.82.277 1.36V20h-1.274v-4.01c0-.474-.124-.845-.371-1.112-.247-.27-.587-.405-1.019-.405-.296 0-.559.064-.789.192a1.378 1.378 0 0 0-.541.562c-.13.245-.196.54-.196.887Zm12.129-2.66v1.023h-3.575v-1.023h3.575Zm-2.617-1.568h1.275v6.192c0 .247.037.433.11.558a.578.578 0 0 0 .286.252c.119.042.249.064.388.064.102 0 .191-.007.268-.022.077-.014.137-.025.179-.034l.23 1.053a2.494 2.494 0 0 1-.826.136 2.244 2.244 0 0 1-.938-.179 1.606 1.606 0 0 1-.703-.58c-.179-.26-.269-.589-.269-.984v-6.456Zm5.441 4.228V20h-1.274v-8.727h1.257v3.247h.081c.154-.352.388-.632.703-.84.316-.207.728-.31 1.236-.31.449 0 .841.092 1.176.276.338.185.6.46.784.827.188.364.281.818.281 1.364V20h-1.274v-4.01c0-.48-.123-.852-.37-1.116-.248-.268-.591-.401-1.032-.401-.301 0-.571.064-.809.192a1.387 1.387 0 0 0-.559.562c-.133.245-.2.54-.2.887Zm8.766 4.018c-.645 0-1.2-.138-1.666-.413a2.806 2.806 0 0 1-1.074-1.172c-.25-.506-.375-1.098-.375-1.777 0-.67.125-1.262.375-1.773.253-.511.605-.91 1.057-1.197.454-.287.985-.43 1.593-.43.37 0 .728.06 1.074.183.347.122.658.313.933.575.276.261.493.6.652 1.018.16.415.239.92.239 1.513v.452h-5.203v-.955h3.954c0-.335-.068-.632-.204-.89a1.545 1.545 0 0 0-.575-.618 1.612 1.612 0 0 0-.861-.226c-.358 0-.671.088-.938.264-.264.173-.468.4-.613.682a1.969 1.969 0 0 0-.213.908v.745c0 .438.076.81.23 1.117.156.307.373.541.652.703.278.159.603.238.976.238.241 0 .461-.034.66-.102a1.37 1.37 0 0 0 .848-.831l1.206.218c-.097.355-.27.666-.52.933-.247.264-.558.47-.933.618a3.492 3.492 0 0 1-1.274.217ZM62.2 43h-2.33l5.235-14.546h2.535L72.874 43h-2.33l-4.111-11.903h-.114L62.2 43Zm.39-5.696h7.557v1.847H62.59v-1.847Zm12.215 9.787v-15h2.073v1.768h.178c.123-.227.3-.49.533-.788.232-.298.554-.559.966-.781.411-.227.956-.341 1.633-.341.88 0 1.667.222 2.358.668.691.445 1.233 1.086 1.626 1.924.398.838.597 1.847.597 3.026 0 1.179-.197 2.19-.59 3.032-.392.839-.932 1.485-1.619 1.94-.686.45-1.47.674-2.35.674-.663 0-1.206-.111-1.627-.334-.417-.222-.743-.483-.98-.781a5.924 5.924 0 0 1-.547-.795h-.128v5.788h-2.123Zm2.08-9.545c0 .767.112 1.439.334 2.017.223.577.545 1.03.966 1.356.422.322.938.483 1.549.483.634 0 1.164-.168 1.59-.504.427-.341.749-.803.966-1.385.223-.583.334-1.238.334-1.967 0-.72-.109-1.367-.327-1.94-.213-.572-.535-1.025-.965-1.356-.427-.331-.96-.497-1.598-.497-.616 0-1.137.159-1.563.476-.421.317-.741.76-.959 1.328s-.326 1.23-.326 1.989Zm10.263 9.545v-15h2.074v1.768h.178c.123-.227.3-.49.532-.788.232-.298.554-.559.966-.781.412-.227.957-.341 1.634-.341.88 0 1.666.222 2.358.668.691.445 1.233 1.086 1.626 1.924.398.838.597 1.847.597 3.026 0 1.179-.197 2.19-.59 3.032-.393.839-.932 1.485-1.62 1.94-.686.45-1.47.674-2.35.674-.663 0-1.205-.111-1.626-.334-.417-.222-.744-.483-.98-.781a5.905 5.905 0 0 1-.547-.795h-.128v5.788h-2.124Zm2.081-9.545c0 .767.112 1.439.334 2.017.223.577.544 1.03.966 1.356.421.322.937.483 1.548.483.635 0 1.165-.168 1.591-.504.426-.341.748-.803.966-1.385.223-.583.334-1.238.334-1.967 0-.72-.109-1.367-.327-1.94-.213-.572-.535-1.025-.966-1.356-.426-.331-.959-.497-1.598-.497-.615 0-1.136.159-1.562.476-.422.317-.741.76-.96 1.328s-.326 1.23-.326 1.989Zm23.66-5.27c-.076-.673-.389-1.194-.938-1.563-.549-.374-1.24-.561-2.074-.561-.596 0-1.112.095-1.548.284-.436.185-.774.44-1.016.767a1.815 1.815 0 0 0-.355 1.101c0 .346.081.644.242.895.165.25.381.462.646.632.27.166.559.305.867.419.307.109.603.199.887.27l1.421.37c.464.113.94.267 1.427.46.488.195.94.45 1.357.768.417.317.753.71 1.008 1.179.261.469.391 1.03.391 1.683 0 .824-.213 1.556-.639 2.195-.422.639-1.035 1.143-1.84 1.513-.8.369-1.768.554-2.905.554-1.089 0-2.031-.173-2.826-.519-.796-.346-1.418-.836-1.868-1.47-.45-.64-.699-1.397-.746-2.273h2.202c.042.526.213.964.511 1.314.303.346.689.604 1.158.774.473.166.992.249 1.555.249.621 0 1.172-.097 1.655-.291.488-.2.871-.474 1.151-.824.279-.355.419-.77.419-1.243 0-.431-.123-.784-.37-1.058-.241-.275-.57-.502-.987-.682a9.632 9.632 0 0 0-1.399-.476l-1.719-.469c-1.164-.317-2.088-.784-2.77-1.399-.677-.616-1.015-1.43-1.015-2.443 0-.838.227-1.57.682-2.195.454-.625 1.07-1.11 1.846-1.456.777-.35 1.653-.525 2.628-.525.985 0 1.854.173 2.607.518.757.346 1.354.822 1.789 1.428.436.601.663 1.292.682 2.074h-2.116Zm9.859-.185v1.705h-5.958V32.09h5.958Zm-4.36-2.614h2.123v10.32c0 .412.062.722.185.93a.964.964 0 0 0 .476.42c.199.07.414.106.646.106.17 0 .32-.012.447-.036l.299-.056.383 1.754a3.567 3.567 0 0 1-.525.142c-.228.052-.512.08-.853.085a3.739 3.739 0 0 1-1.562-.298 2.68 2.68 0 0 1-1.172-.966c-.298-.436-.447-.983-.447-1.64v-10.76Zm11.187 13.743c-1.022 0-1.915-.234-2.677-.703s-1.354-1.125-1.776-1.967c-.421-.843-.632-1.828-.632-2.955 0-1.132.211-2.121.632-2.969.422-.847 1.014-1.505 1.776-1.974.762-.469 1.655-.703 2.677-.703 1.023 0 1.916.234 2.678.703s1.354 1.127 1.776 1.974c.421.848.632 1.837.632 2.97 0 1.126-.211 2.11-.632 2.954-.422.843-1.014 1.498-1.776 1.967-.762.469-1.655.703-2.678.703Zm.008-1.782c.662 0 1.212-.176 1.647-.526.436-.35.758-.817.966-1.4.213-.582.32-1.223.32-1.924 0-.696-.107-1.335-.32-1.917-.208-.588-.53-1.059-.966-1.414-.435-.355-.985-.533-1.647-.533-.668 0-1.222.178-1.662.533-.436.355-.76.826-.973 1.414a5.64 5.64 0 0 0-.313 1.917c0 .7.104 1.342.313 1.925.213.582.537 1.049.973 1.399.44.35.994.526 1.662.526ZM137.031 43V32.09h2.053v1.734h.113a2.642 2.642 0 0 1 1.051-1.385 3.01 3.01 0 0 1 1.719-.511 9.04 9.04 0 0 1 .902.05v2.03a3.809 3.809 0 0 0-.454-.078 4.35 4.35 0 0 0-.654-.05c-.502 0-.949.107-1.342.32a2.373 2.373 0 0 0-1.264 2.138V43h-2.124Zm11.987.22c-1.075 0-2.001-.23-2.777-.689a4.676 4.676 0 0 1-1.79-1.953c-.416-.843-.625-1.83-.625-2.962 0-1.117.209-2.102.625-2.954.422-.852 1.009-1.518 1.762-1.996.757-.478 1.643-.717 2.656-.717a5.35 5.35 0 0 1 1.79.305 4.337 4.337 0 0 1 1.555.96c.459.435.821 1 1.087 1.696.265.692.397 1.532.397 2.522v.753h-8.672v-1.591h6.591c0-.559-.113-1.054-.341-1.485a2.574 2.574 0 0 0-.958-1.03c-.408-.25-.886-.376-1.435-.376-.597 0-1.117.147-1.563.44-.44.29-.781.668-1.022 1.137a3.277 3.277 0 0 0-.355 1.513v1.242c0 .73.127 1.35.383 1.861.261.512.623.902 1.087 1.172.464.265 1.006.398 1.626.398.403 0 .77-.057 1.101-.17.332-.119.618-.294.859-.526.242-.232.427-.519.554-.86l2.01.363a3.635 3.635 0 0 1-.866 1.555c-.412.44-.93.784-1.555 1.03-.621.241-1.329.362-2.124.362Z"
              ></path>
              <defs>
                <linearGradient
                  id=":R9lbl56n9uuu9cqnhja:-linear-gradient"
                  x1="6.629"
                  x2="126.733"
                  y1="12.632"
                  y2="-41.379"
                  gradientUnits="userSpaceOnUse"
                >
                  <stop stop-color="#DB519E"></stop>
                  <stop offset="0.499" stop-color="#B14BF4"></stop>
                  <stop offset="1" stop-color="#6A6AFB"></stop>
                </linearGradient>
                <clipPath id=":R9lbl56n9uuu9cqnhja:-clip-path">
                  <path fill="#fff" d="M19 14h32v32H19z"></path>
                </clipPath>
              </defs></svg
          ></a>
          <a
            target="_blank"
            class="android-ion"
            data-tracking-id="download_android_app"
            href="#"
            style="cursor: pointer"
            ><svg
              xmlns="http://www.w3.org/2000/svg"
              width="6.75rem"
              height="3.25rem"
              viewBox="0 0 175 60"
              fill="none"
            >
              <rect
                width="174"
                height="59"
                x="0.5"
                y="0.5"
                fill="#10151F"
                rx="7.5"
              ></rect>
              <rect
                width="174"
                height="59"
                x="0.5"
                y="0.5"
                stroke="url(#:Ralbl56n9uuu9cqnhja:)"
                rx="7.5"
              ></rect>
              <path
                fill="#EA4335"
                d="m25.552 29.282-13.246 14.06.002.007a3.577 3.577 0 0 0 5.27 2.158l.043-.025 14.91-8.603-6.98-7.597Z"
              ></path>
              <path
                fill="#FBBC04"
                d="m38.953 26.889-.013-.01-6.437-3.73L25.25 29.6l7.277 7.276 6.403-3.694a3.58 3.58 0 0 0 .021-6.294Z"
              ></path>
              <path
                fill="#4285F4"
                d="M12.306 16.658c-.08.294-.122.601-.122.92v24.843c0 .319.041.628.122.92l13.702-13.699-13.702-12.984Z"
              ></path>
              <path
                fill="#34A853"
                d="m25.65 30 6.855-6.854-14.893-8.635a3.586 3.586 0 0 0-5.306 2.143v.004L25.649 30Z"
              ></path>
              <path
                fill="#fff"
                d="M55.681 14.03a2.665 2.665 0 0 0-.332-.695 2.124 2.124 0 0 0-1.142-.865 2.621 2.621 0 0 0-.797-.115c-.492 0-.935.126-1.33.38-.395.252-.707.623-.937 1.112-.228.485-.341 1.08-.341 1.785 0 .708.115 1.306.345 1.794.23.489.545.86.946 1.112.4.253.856.38 1.368.38.474 0 .888-.097 1.24-.29.355-.193.63-.466.822-.818.196-.355.294-.773.294-1.253l.341.064h-2.497v-1.087h3.43v.993c0 .733-.156 1.37-.468 1.91-.31.536-.739.95-1.287 1.243-.546.293-1.17.44-1.875.44-.79 0-1.483-.183-2.08-.546-.594-.364-1.057-.88-1.389-1.547-.332-.67-.499-1.466-.499-2.386 0-.696.097-1.321.29-1.875a4.071 4.071 0 0 1 .814-1.41c.352-.39.766-.687 1.24-.892a3.882 3.882 0 0 1 1.564-.31c.472 0 .91.069 1.317.208.409.14.773.337 1.09.592a3.354 3.354 0 0 1 1.224 2.076H55.68Zm5.8 6.102c-.644 0-1.2-.138-1.665-.413a2.804 2.804 0 0 1-1.074-1.172c-.25-.506-.375-1.098-.375-1.777 0-.67.125-1.261.375-1.773.253-.511.605-.91 1.057-1.197.454-.287.985-.43 1.593-.43.37 0 .728.06 1.074.183.347.122.658.313.933.575.276.261.493.6.652 1.018.16.415.239.92.239 1.513v.452h-5.203v-.955h3.954c0-.335-.068-.632-.204-.89a1.548 1.548 0 0 0-.575-.618 1.608 1.608 0 0 0-.861-.226c-.358 0-.67.088-.938.264-.264.173-.468.4-.613.682a1.968 1.968 0 0 0-.213.908v.745c0 .438.076.81.23 1.117.156.307.373.541.652.703.278.159.603.238.976.238.241 0 .461-.034.66-.102a1.37 1.37 0 0 0 .848-.831l1.206.218c-.097.355-.27.666-.52.933a2.52 2.52 0 0 1-.933.618 3.493 3.493 0 0 1-1.274.217Zm7.278-6.678v1.023h-3.575v-1.022h3.575Zm-2.616-1.568h1.274v6.192c0 .247.037.433.11.558a.578.578 0 0 0 .286.252c.12.042.249.064.388.064.102 0 .192-.007.268-.022l.18-.034.23 1.053a2.497 2.497 0 0 1-.827.136 2.243 2.243 0 0 1-.938-.179 1.608 1.608 0 0 1-.703-.58c-.179-.26-.268-.589-.268-.984v-6.456ZM73.344 20v-6.545h1.275V20h-1.275Zm.644-7.555a.81.81 0 0 1-.571-.222.72.72 0 0 1-.235-.537c0-.21.079-.39.235-.537.159-.15.35-.226.57-.226.222 0 .411.076.568.226a.706.706 0 0 1 .238.537c0 .208-.08.386-.238.537a.795.795 0 0 1-.567.222Zm5.4 1.01v1.022h-3.575v-1.022h3.575Zm-2.616-1.569h1.274v6.192c0 .247.037.433.11.558a.578.578 0 0 0 .286.252c.12.042.249.064.388.064.102 0 .191-.007.268-.022l.18-.034.23 1.053a2.497 2.497 0 0 1-.827.136 2.243 2.243 0 0 1-.938-.179 1.608 1.608 0 0 1-.703-.58c-.179-.26-.269-.589-.269-.984v-6.456Zm9.958 8.246c-.613 0-1.149-.14-1.606-.422a2.844 2.844 0 0 1-1.065-1.18c-.253-.506-.38-1.097-.38-1.773 0-.679.127-1.273.38-1.781a2.838 2.838 0 0 1 1.065-1.185c.457-.281.993-.422 1.606-.422.613 0 1.149.14 1.606.422.457.281.813.676 1.065 1.185.253.508.38 1.102.38 1.781 0 .676-.127 1.267-.38 1.773-.252.505-.608.899-1.065 1.18-.457.281-.993.422-1.607.422Zm.005-1.07c.397 0 .727-.105.988-.315.262-.21.455-.49.58-.84.128-.349.192-.734.192-1.154 0-.418-.064-.801-.192-1.15a1.874 1.874 0 0 0-.58-.849c-.261-.213-.59-.32-.988-.32-.401 0-.733.107-.997.32a1.905 1.905 0 0 0-.584.848c-.125.35-.188.733-.188 1.15 0 .421.063.806.188 1.156.128.35.322.629.584.84.264.21.596.314.997.314Zm5.743-2.948V20h-1.274v-6.545h1.223v1.065h.08a1.87 1.87 0 0 1 .708-.835c.324-.21.732-.316 1.223-.316.446 0 .837.094 1.172.282.335.184.595.46.78.826.184.367.277.82.277 1.36V20h-1.274v-4.01c0-.474-.124-.845-.371-1.112-.247-.27-.587-.405-1.019-.405-.295 0-.558.064-.788.192a1.378 1.378 0 0 0-.541.562c-.13.245-.196.54-.196.887ZM60.258 33.05a4.44 4.44 0 0 0-.554-1.158 3.54 3.54 0 0 0-.817-.88 3.43 3.43 0 0 0-1.087-.562 4.368 4.368 0 0 0-1.328-.191c-.819 0-1.558.21-2.216.632-.658.421-1.179 1.039-1.562 1.853-.379.81-.568 1.802-.568 2.976 0 1.18.191 2.176.575 2.99.383.815.909 1.433 1.577 1.854s1.427.632 2.28.632c.79 0 1.479-.161 2.066-.483a3.365 3.365 0 0 0 1.37-1.364c.328-.591.491-1.287.491-2.088l.568.107h-4.162v-1.811h5.718v1.655c0 1.221-.26 2.282-.782 3.181a5.32 5.32 0 0 1-2.145 2.074c-.909.488-1.95.732-3.125.732-1.316 0-2.471-.303-3.465-.91-.99-.605-1.762-1.465-2.316-2.577-.554-1.118-.83-2.444-.83-3.978 0-1.16.16-2.201.482-3.125.322-.923.774-1.707 1.357-2.35a5.923 5.923 0 0 1 2.066-1.485 6.47 6.47 0 0 1 2.607-.518c.786 0 1.518.116 2.195.348a5.919 5.919 0 0 1 1.818.987 5.589 5.589 0 0 1 2.038 3.459h-2.251Zm9.561 10.17c-1.023 0-1.915-.234-2.677-.703-.763-.469-1.355-1.125-1.776-1.967s-.632-1.828-.632-2.955c0-1.132.21-2.121.632-2.969.422-.847 1.013-1.505 1.776-1.974.762-.469 1.654-.703 2.677-.703 1.023 0 1.915.234 2.678.703.762.469 1.354 1.127 1.775 1.974.422.848.632 1.837.632 2.97 0 1.126-.21 2.11-.632 2.954-.422.843-1.014 1.498-1.776 1.967-.762.469-1.655.703-2.678.703Zm.007-1.782c.663 0 1.212-.176 1.648-.526.435-.35.757-.817.966-1.4.213-.582.32-1.223.32-1.924 0-.696-.107-1.335-.32-1.917-.209-.588-.53-1.059-.966-1.414-.436-.355-.985-.533-1.648-.533-.667 0-1.221.178-1.662.533-.436.355-.76.826-.973 1.414a5.654 5.654 0 0 0-.312 1.917c0 .7.104 1.342.312 1.925.213.582.538 1.049.973 1.399.44.35.995.526 1.662.526ZM81.87 43.22c-1.023 0-1.915-.234-2.678-.703-.762-.469-1.354-1.125-1.775-1.967s-.632-1.828-.632-2.955c0-1.132.21-2.121.632-2.969.421-.847 1.013-1.505 1.775-1.974.763-.469 1.655-.703 2.678-.703s1.915.234 2.677.703c.763.469 1.355 1.127 1.776 1.974.421.848.632 1.837.632 2.97 0 1.126-.21 2.11-.632 2.954-.422.843-1.014 1.498-1.776 1.967-.762.469-1.655.703-2.678.703Zm.007-1.782c.663 0 1.212-.176 1.648-.526.435-.35.757-.817.966-1.4.213-.582.32-1.223.32-1.924 0-.696-.107-1.335-.32-1.917-.209-.588-.53-1.059-.966-1.414-.436-.355-.985-.533-1.648-.533-.668 0-1.222.178-1.662.533-.436.355-.76.826-.973 1.414a5.654 5.654 0 0 0-.312 1.917c0 .7.104 1.342.312 1.925.213.582.537 1.049.973 1.399.44.35.994.526 1.662.526Zm12.022 5.88c-.866 0-1.612-.113-2.237-.34-.62-.228-1.127-.529-1.52-.903a3.787 3.787 0 0 1-.88-1.228l1.825-.753c.128.208.298.428.511.66.218.237.512.438.88.604.375.166.856.249 1.443.249.805 0 1.47-.197 1.995-.59.526-.388.789-1.008.789-1.86V41.01h-.135c-.128.232-.313.49-.554.775-.237.284-.564.53-.98.738-.417.209-.96.313-1.627.313-.861 0-1.638-.202-2.33-.604-.686-.407-1.23-1.006-1.633-1.797-.398-.795-.596-1.773-.596-2.933s.196-2.154.59-2.983c.397-.829.941-1.463 1.633-1.904.691-.445 1.475-.667 2.35-.667.678 0 1.224.114 1.641.34.417.223.741.484.973.782.237.298.42.561.547.788h.156v-1.768h2.081v11.15c0 .938-.218 1.707-.653 2.309-.436.601-1.025 1.046-1.769 1.335-.738.289-1.572.433-2.5.433Zm-.02-6.243c.61 0 1.126-.142 1.547-.426.426-.289.748-.7.966-1.236.223-.54.334-1.186.334-1.939 0-.733-.109-1.38-.327-1.938s-.537-.995-.958-1.307c-.422-.317-.943-.476-1.563-.476-.64 0-1.172.166-1.598.497-.426.327-.748.772-.966 1.335-.213.564-.32 1.193-.32 1.89 0 .714.11 1.342.327 1.882.218.54.54.96.966 1.264.431.303.961.454 1.591.454Zm9.914-12.62V43h-2.124V28.454h2.124Zm7.558 14.765c-1.074 0-2-.23-2.777-.689a4.673 4.673 0 0 1-1.789-1.953c-.417-.843-.625-1.83-.625-2.961 0-1.118.208-2.103.625-2.955.421-.852 1.008-1.518 1.761-1.996.758-.478 1.643-.717 2.656-.717.616 0 1.212.102 1.79.305a4.328 4.328 0 0 1 1.555.96c.46.435.822 1 1.087 1.697.265.69.398 1.531.398 2.52v.754h-8.672v-1.591h6.591c0-.559-.114-1.054-.341-1.485a2.576 2.576 0 0 0-.959-1.03c-.407-.25-.885-.376-1.435-.376-.596 0-1.117.147-1.562.44-.44.29-.781.668-1.023 1.137a3.29 3.29 0 0 0-.355 1.513v1.243c0 .729.128 1.349.384 1.86.26.512.622.902 1.086 1.172.464.265 1.006.398 1.627.398.402 0 .769-.057 1.101-.17.331-.119.617-.294.859-.526.241-.232.426-.519.554-.86l2.01.363a3.637 3.637 0 0 1-.867 1.555c-.412.44-.93.784-1.555 1.03-.62.241-1.328.362-2.124.362Zm12.5-.22V28.454h5.185c1.132 0 2.069.206 2.813.618.743.412 1.299.976 1.669 1.69.369.711.554 1.511.554 2.401 0 .895-.187 1.7-.561 2.415-.37.71-.929 1.274-1.677 1.69-.743.412-1.678.618-2.805.618h-3.565v-1.86h3.366c.715 0 1.295-.124 1.74-.37.445-.25.772-.592.98-1.023.209-.43.313-.92.313-1.47 0-.549-.104-1.037-.313-1.463a2.237 2.237 0 0 0-.987-1.001c-.445-.242-1.032-.362-1.761-.362h-2.756V43h-2.195Zm14.747-14.545V43h-2.124V28.454h2.124Zm6.031 14.787c-.691 0-1.316-.128-1.875-.384a3.16 3.16 0 0 1-1.328-1.13c-.322-.492-.483-1.095-.483-1.81 0-.616.118-1.122.355-1.52.237-.398.557-.713.959-.945a4.999 4.999 0 0 1 1.349-.525 13.437 13.437 0 0 1 1.52-.27l1.591-.185c.407-.052.703-.135.888-.249.185-.113.277-.298.277-.553v-.05c0-.62-.175-1.101-.526-1.442-.345-.34-.861-.511-1.548-.511-.715 0-1.278.158-1.69.476-.407.312-.689.66-.845 1.044l-1.996-.455c.237-.663.582-1.198 1.037-1.605a4.2 4.2 0 0 1 1.584-.895 6.18 6.18 0 0 1 1.882-.284c.435 0 .897.052 1.385.156.492.1.951.284 1.377.554.431.27.784.656 1.059 1.158.274.497.412 1.143.412 1.939V43h-2.074v-1.492h-.085a3.05 3.05 0 0 1-.618.81 3.29 3.29 0 0 1-1.059.66c-.43.176-.947.263-1.548.263Zm.462-1.705c.587 0 1.089-.116 1.505-.348.422-.232.741-.535.959-.91.223-.378.334-.783.334-1.214V37.66c-.076.076-.222.147-.44.213a6.836 6.836 0 0 1-.732.164 82.32 82.32 0 0 1-.802.12c-.261.033-.479.062-.654.086-.412.052-.788.14-1.129.262-.336.123-.606.3-.81.533-.199.227-.298.53-.298.909 0 .526.194.923.582 1.193.389.265.883.398 1.485.398Zm8.702 5.554a4.44 4.44 0 0 1-.867-.078 2.73 2.73 0 0 1-.582-.156l.511-1.74c.389.104.734.149 1.037.134.303-.014.571-.127.803-.34.237-.214.445-.562.625-1.044l.263-.725-3.992-11.051h2.273l2.763 8.466h.113l2.763-8.466h2.28l-4.496 12.365a4.925 4.925 0 0 1-.795 1.442 3.09 3.09 0 0 1-1.151.895c-.445.199-.961.298-1.548.298Z"
              ></path>
              <defs>
                <linearGradient
                  id=":Ralbl56n9uuu9cqnhja:"
                  x1="6.629"
                  x2="126.733"
                  y1="12.632"
                  y2="-41.379"
                  gradientUnits="userSpaceOnUse"
                >
                  <stop stop-color="#DB519E"></stop>
                  <stop offset="0.499" stop-color="#B14BF4"></stop>
                  <stop offset="1" stop-color="#6A6AFB"></stop>
                </linearGradient>
              </defs>
            </svg>
          </a>
        </div>
      </div>
    </nav>
    <div class="section heox">
      <img
        id="background-image"
        class="background-image"
        src="./assets/images-goosay/cont-image/flightsbg.png"
        alt="Background image"
        loading="eager"
      />

      <!-- Main Content -->
      <div class="main-content container mx-auto py-10 text-center">
        <h1
          id="main-heading"
          class="text-5xl font-bold text-white mb-4 drop-shadow-lg"
        >
          WHERE TO FLY?
        </h1>
        <p id="submain-heading" class="text-white mb-8 drop-shadow-lg">
          Discover unbeatable flight deals to Various destinations worldwide
        </p>

        <!-- Card -->
        <div class="max-w-5xl mx-auto cardsection-tab">
          <div class="space-y-6">
            <!-- Tabs -->
            <div class="flex justify-between items-center mb-6">
              <div class="flex gap-4 tabA1">
                <button
                  data-tab="flights"
                  class="card-tab-button bg-black text-white hover:text-black px-4 py-2 rounded flex items-center"
                >
                  <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="16"
                    height="16"
                    viewBox="0 0 24 24"
                    fill="none"
                    stroke="currentColor"
                    stroke-width="2"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                    class="mr-2 h-4 w-4"
                  >
                    <path
                      d="M17.8 19.2 16 11l3.5-3.5C21 6 21.5 4 21 3c-1-.5-3 0-4.5 1.5L13 8 4.8 6.2c-.5-.1-.9.1-1.1.5l-.3.5c-.2.5-.1 1 .3 1.3L9 12l-2 3H4l-1 1 3 2 2 3 1-1v-3l3-2 3.5 5.3c.3.4.8.5 1.3.3l.5-.2c.4-.3.6-.7.5-1.2z"
                    ></path>
                  </svg>
                  Flights
                </button>
                <button
                  data-tab="hotels"
                  class="card-tab-button text-gray-500 hover:text-black px-4 py-2 rounded flex items-center"
                >
                  <svg
                    class="mr-2 h-4 w-4"
                    fill="none"
                    stroke="currentColor"
                    viewBox="0 0 24 24"
                    xmlns="http://www.w3.org/2000/svg"
                  >
                    <path
                      stroke-linecap="round"
                      stroke-linejoin="round"
                      stroke-width="2"
                      d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"
                    ></path>
                  </svg>
                  Hotels
                </button>
                <button
                  data-tab="tours"
                  class="card-tab-button text-gray-500 hover:text-black px-4 py-2 rounded flex items-center"
                >
                  <svg
                    xmlns="http://www.w3.org/2000/svg"
                    version="1.1"
                    xmlns:xlink="http://www.w3.org/1999/xlink"
                    width="16"
                    height="16"
                    x="0"
                    y="0"
                    viewBox="0 0 488.1 488.1"
                    style="enable-background: new 0 0 488.1 488.1"
                    xml:space="preserve"
                    class="mr-2 h-4 w-4"
                  >
                    <g>
                      <path
                        fill-rule="evenodd"
                        d="M299.9 86.8c14.2-6.3 30.3-9.8 46.2-9.8 9.2 0 18 1.1 26.3 3.2 3.3.8 6.5-2 6-5.4l-1.2-9.6c-1-16-19.3-28.9-41.2-28.9-22.5 0-44 13.5-44 30.2l1 16c.3 3.5 3.8 5.7 6.9 4.3zM487.3 361.9l-.5-2.9c0-.2-.1-.4-.1-.6l-18.5-94c-2.4-21.7-18.2-40.6-41.2-52.3l-8.8-68.3c0-29-32.8-52.7-72.1-52.7s-76.7 23.5-76.7 52.6c0 1.4.1 2.9.3 4.3l.5 7.4c-7.8-2.8-16.7-4.4-26.1-4.4-9.5 0-18.4 1.6-26.3 4.5l.5-7.5c.2-1.4.3-2.8.3-4.3 0-29-37.5-52.6-76.7-52.6-39.3 0-72.1 23.7-72.1 52.7L61 212.1c-23 11.6-38.8 30.6-41.2 52.3l-18.5 94c0 .2-.1.4-.1.6l-.5 2.9c-.4 3-.7 6-.7 9.1 0 44.6 46.7 80.8 104.2 80.8s104.2-36.2 104.2-80.8v-37c10.3 4.8 22.6 7.5 35.7 7.5s25.3-2.7 35.6-7.4V371c0 44.6 46.7 80.8 104.2 80.8 57.4 0 104.2-36.2 104.2-80.8-.1-3.1-.4-6.1-.8-9.1zm-383.1 60.8c-40.7 0-75.1-23.7-75.1-51.7 0-28.1 34.4-51.7 75.1-51.7s75.1 23.7 75.1 51.7c0 28-34.4 51.7-75.1 51.7zm139.9-106.8c-17.1 0-31-9.7-31-21.6s13.9-21.6 31-21.6 31 9.7 31 21.6c0 11.9-13.9 21.6-31 21.6zm139.7 106.8c-40.7 0-75.1-23.7-75.1-51.7 0-28.1 34.4-51.7 75.1-51.7s75.1 23.7 75.1 51.7-34.4 51.7-75.1 51.7zM115.5 80.2c8.3-2.1 17.2-3.2 26.3-3.2 15.9 0 32.1 3.5 46.2 9.8 3.1 1.4 6.6-.8 6.8-4.2l1-16c0-16.7-21.5-30.2-44-30.2-21.9 0-40.1 12.9-41.2 28.9l-1.2 9.6c-.4 3.3 2.7 6.2 6.1 5.3z"
                        clip-rule="evenodd"
                        fill="currentColor"
                        opacity="1"
                      ></path>
                    </g>
                  </svg>
                  Activities
                </button>
              </div>
              <div class="flex gap-4">
                <a
                  href="#"
                  class="text-gray-500 flex hover:text-black px-4 py-2"
                  id="chator"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    version="1.1"
                    xmlns:xlink="http://www.w3.org/1999/xlink"
                    width="16"
                    height="16"
                    x="0"
                    y="0"
                    viewBox="0 0 68 68"
                    style="enable-background: new 0 0 512 512"
                    xml:space="preserve"
                    class="mr-2 h-5 w-5"
                  >
                    <g>
                      <path
                        d="M15.99 6.247h12.67v2.801h3.78V5.216a3 3 0 0 0-3-3H15.215a3 3 0 0 0-3 3v3.832h3.774zM35.527 41.124c.01-1.76 1.27-3.28 2.98-3.61.75-.15 1.47-.33 2.18-.54v-16.27c0-1.66-1.35-3-3-3h-5.25v-7.16h-3.78v7.16h-12.67v-7.16h-3.77v7.16h-5.23c-1.66 0-3 1.34-3 3v38.52c0 1.65 1.34 3 3 3h1.59v2.43c0 .62.51 1.13 1.13 1.13h3.12c.62 0 1.13-.51 1.13-1.13v-2.43h15.85v2.43c0 .62.51 1.13 1.13 1.13h3.46c.62 0 1.13-.51 1.13-1.13v-2.43h2.16c1.38 0 2.54-.94 2.89-2.22l-.02-.02c-3.42-4.69-5.06-10.85-5.03-18.86zm-23.12 13.63a.749.749 0 1 1-1.5 0v-29.58c0-.42.34-.75.75-.75.42 0 .75.33.75.75zm7.12 0a.749.749 0 1 1-1.5 0v-29.58c0-.42.33-.75.75-.75.41 0 .75.33.75.75zm7.11 0a.749.749 0 1 1-1.5 0v-29.58c0-.42.34-.75.75-.75.42 0 .75.33.75.75zm7.12 0a.749.749 0 1 1-1.5 0v-29.58c0-.42.33-.75.75-.75.41 0 .75.33.75.75z"
                        fill="currentColor"
                        opacity="1"
                        data-original="#000000"
                        class=""
                      ></path>
                      <path
                        d="M62.253 38.982c-3.25-.634-7.188-2.21-10.64-4.15-.68-.38-1.51-.38-2.19 0-2.55 1.43-4.93 2.51-7.24 3.25-1.15.39-2.27.68-3.39.9-1.03.2-1.76 1.11-1.77 2.15-.03 8.52 1.94 14.12 4.74 17.96 2.26 3.08 5.04 5.03 7.77 6.45.62.32 1.36.32 1.98 0 2.3-1.21 4.21-2.58 5.81-4.18 1.49-1.49 2.74-3.22 3.72-5.15 0 0 .01-.01.01-.02 2.01-3.98 2.99-8.92 2.96-15.05 0-1.05-.73-1.96-1.76-2.16zm-3.71 15.897c-.867 1.68-1.898 3.102-3.11 4.314-1.135 1.134-2.474 2.141-4.094 3.079a1.638 1.638 0 0 1-1.62.016c-4.042-2.283-9.444-6.757-9.756-19.227-.037-.746.484-1.438 1.238-1.626 1.864-.453 5.215-1.617 8.546-3.413.484-.26 1.06-.26 1.542 0 3.017 1.633 5.81 2.749 8.541 3.412.747.186 1.271.87 1.253 1.627-.113 4.78-.944 8.646-2.54 11.818z"
                        fill="currentColor"
                        opacity="1"
                        data-original="#000000"
                        class=""
                      ></path>
                      <path
                        d="M59.47 42.89c-2.851-.692-5.762-1.854-8.894-3.548a.122.122 0 0 0-.118.001c-3.455 1.863-6.953 3.076-8.898 3.548-.052.014-.1.067-.098.115.29 11.595 4.957 15.695 8.99 17.973a.14.14 0 0 0 .128-.002c1.513-.875 2.752-1.804 3.793-2.845a15.479 15.479 0 0 0 2.793-3.854c1.531-3.042 2.31-6.7 2.417-11.253.001-.057-.051-.12-.112-.135zm-5.31 4.658-4.455 4.454a.748.748 0 0 1-1.06 0l-1.768-1.768a.75.75 0 1 1 1.06-1.06l1.238 1.237 3.924-3.923a.75.75 0 1 1 1.06 1.06z"
                        fill="currentColor"
                        opacity="1"
                        data-original="#000000"
                        class=""
                      ></path>
                    </g>
                  </svg>
                  Insurance</a
                >
                <a
                  href="#"
                  class="text-gray-500 flex hover:text-black px-4 py-2"
                  id="chator"
                  ><svg
                    xmlns="http://www.w3.org/2000/svg"
                    version="1.1"
                    xmlns:xlink="http://www.w3.org/1999/xlink"
                    width="16"
                    height="16"
                    x="0"
                    y="0"
                    viewBox="0 0 100 100"
                    style="enable-background: new 0 0 100 100"
                    xml:space="preserve"
                    class="mr-2 h-6 w-6"
                  >
                    <g>
                      <path
                        fill-rule="evenodd"
                        d="M85 56.667C85 44.694 75.3 35 63.333 35 51.367 35 41.67 44.694 41.67 56.667c-2.76 0-5 2.239-5 5v16.666c0 2.761 2.24 5 5 5h10c.918 0 1.663-.745 1.663-1.666V70c0-1.833-.667-4.675-1.487-6.315l-3.509-7.018c0-8.288 6.709-15 14.997-15 8.281 0 15 6.712 15 15l-3.509 7.018c-.82 1.641-1.491 4.482-1.491 6.315v12.051A18.42 18.42 0 0 1 63.333 85H60v5h3.333c6.384 0 12.162-2.549 16.406-6.667H85a5 5 0 0 0 5-5V61.667a5 5 0 0 0-5-5zm-21.667-26.667c1.133 0 2.24.094 3.334.231V16.667C66.667 13.001 63.665 10 60 10H16.667C13 10 10 13.001 10 16.667v20c0 3.666 3 6.667 6.667 6.667v10l16.667-10h6.945C44.897 35.377 53.489 30 63.333 30zM50 23.333a3.33 3.33 0 0 1 3.333 3.333A3.333 3.333 0 1 1 50 23.333zM26.667 30a3.333 3.333 0 1 1 0-6.667 3.333 3.333 0 0 1 0 6.667zM35 26.667a3.333 3.333 0 1 1 6.667 0 3.333 3.333 0 0 1-6.667 0z"
                        clip-rule="evenodd"
                        fill="currentColor"
                        opacity="1"
                      ></path>
                    </g>
                  </svg>
                  Customer Support</a
                >
              </div>
            </div>

            <!-- Flights Tab -->
            <div id="flights" class="tab-content active">
              <div class="flex gap-4 mb-6 tabB1">
                <button
                  data-type="one-way"
                  class="flight-type-button active bg-black text-white hover:bg-black/90 px-4 py-2 rounded"
                >
                  One Way
                </button>
                <button
                  data-type="round-trip"
                  class="flight-type-button border border-gray-300 text-gray-700 hover:bg-gray-100 px-4 py-2 rounded"
                >
                  Round Trip
                </button>
                <button
                  data-type="multi-city"
                  class="flight-type-button border border-gray-300 text-gray-700 hover:bg-gray-100 px-4 py-2 rounded"
                >
                  Multi City
                </button>
              </div>
              <!-- Standard Flight Inputs (One Way/Round Trip) -->
              <div id="flights-standard" class="flex putflight">
                <div class="grid grid-cols-2 md:grid-cols-4 gap-4 inallflight">
                  <div class="fields-row">
                    <div class="fromto-groupx">
                      <!-- FROM -->
                      <div class="field-wrap formx">
                        <div class="field-label">From</div>
                        <div class="field-input-area" id="fromTrigger">
                          <div class="field-city placeholder" id="fromCity">
                            Select city
                          </div>
                          <div class="field-meta" id="fromMeta"></div>
                        </div>
                        <div class="dropdown" id="fromDropdown">
                          <div class="search-wrap">
                            <input
                              class="search-input"
                              id="fromSearch"
                              placeholder="Search city, airport or code…"
                              autocomplete="off"
                            />
                          </div>
                          <div class="options-list" id="fromList"></div>
                        </div>
                      </div>

                      <!-- SWAP -->
                      <button class="swap-btn" id="swapBtn">
                        <svg
                          width="16"
                          height="16"
                          viewBox="0 0 24 24"
                          fill="none"
                          stroke="currentColor"
                          stroke-width="2"
                          stroke-linecap="round"
                          stroke-linejoin="round"
                        >
                          <path d="M8 3L4 7l4 4M4 7h16M16 21l4-4-4-4M20 17H4" />
                        </svg>
                      </button>

                      <!-- TO -->
                      <div class="field-wrap tox">
                        <div class="field-label">To</div>
                        <div class="field-input-area" id="toTrigger">
                          <div class="field-city placeholder" id="toCity">
                            Select city
                          </div>
                          <div class="field-meta" id="toMeta"></div>
                        </div>
                        <div class="dropdown dropdown-right" id="toDropdown">
                          <div class="search-wrap">
                            <input
                              class="search-input"
                              id="toSearch"
                              placeholder="Search city, airport or code…"
                              autocomplete="off"
                            />
                          </div>
                          <div class="options-list" id="toList"></div>
                        </div>
                      </div>
                    </div>

                    <!-- DEPART DATE -->
                    <div class="date-groupx">
                      <div
                        class="field-wrap flights-depart-date border-left w-full"
                      >
                        <div class="field-label">Depart</div>
                        <div class="field-input-area">
                          <input
                            type="date"
                            id="flightsDepartDate"
                            class="date-input"
                          />
                        </div>
                      </div>

                      <!-- RETURN DATE -->
                      <div
                        class="field-wrap flights-return-date border-left hidden w-full"
                      >
                        <div class="field-label">Return</div>
                        <div class="field-input-area">
                          <input
                            type="date"
                            id="flightsReturnDate"
                            class="date-input"
                          />
                        </div>
                      </div>
                    </div>

                    <!-- TRAVELLERS & CLASS -->
                    <div class="field-wrap travellers-field">
                      <div class="field-label">Travellers</div>
                      <div class="field-input-area" id="tvlTrigger">
                        <div class="field-city" id="tvlSummary">
                          1 Traveller
                        </div>
                        <div class="field-meta" id="tvlClass">Economy</div>
                      </div>
                      <div
                        class="dropdown dropdown-right tvl-dropdown"
                        id="tvlDropdown"
                      >
                        <div class="tvl-body">
                          <div class="tvl-row">
                            <div class="tvl-label">
                              <span class="tvl-name">Adults</span>
                            </div>
                            <div class="tvl-counter">
                              <button class="tvl-btn" id="adultMinus" disabled>
                                −
                              </button>
                              <span class="tvl-count" id="adultCount">1</span>
                              <button class="tvl-btn" id="adultPlus">+</button>
                            </div>
                          </div>
                          <div class="tvl-row">
                            <div class="tvl-label">
                              <span class="tvl-name">Children</span>
                              <span class="tvl-sub">2 – 12 Years</span>
                            </div>
                            <div class="tvl-counter">
                              <button class="tvl-btn" id="childMinus" disabled>
                                −
                              </button>
                              <span class="tvl-count" id="childCount">0</span>
                              <button class="tvl-btn" id="childPlus">+</button>
                            </div>
                          </div>
                          <div class="tvl-row">
                            <div class="tvl-label">
                              <span class="tvl-name">Infants</span>
                              <span class="tvl-sub">0 – 23 Months</span>
                            </div>
                            <div class="tvl-counter">
                              <button class="tvl-btn" id="infantMinus" disabled>
                                −
                              </button>
                              <span class="tvl-count" id="infantCount">0</span>
                              <button class="tvl-btn" id="infantPlus">+</button>
                            </div>
                          </div>
                        </div>
                        <div class="tvl-class">
                          <div class="tvl-class-title">Cabin Class</div>
                          <div class="radio-group">
                            <label class="radio-label"
                              ><input
                                type="radio"
                                name="cabinClass"
                                value="Economy"
                                checked
                              /><span>Economy</span></label
                            >
                            <label class="radio-label"
                              ><input
                                type="radio"
                                name="cabinClass"
                                value="Premium Economy"
                              /><span>Premium Economy</span></label
                            >
                            <label class="radio-label"
                              ><input
                                type="radio"
                                name="cabinClass"
                                value="Business"
                              /><span>Business</span></label
                            >
                            <label class="radio-label"
                              ><input
                                type="radio"
                                name="cabinClass"
                                value="First Class"
                              /><span>First Class</span></label
                            >
                          </div>
                        </div>
                        <div class="tvl-footer">
                          <button class="apply-btn" id="applyBtn">Apply</button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <!-- Multi-City Inputs -->
              <div id="flights-multi-city" class="multi-city-container">
                <div class="flex">
                  <div class="autocomplete-container col-span-2 md:col-span-1">
                    <input
                      type="text"
                      placeholder="Origin"
                      class="flights-multi-origin-1 w-full p-2 border rounded"
                    />
                    <div
                      class="autocomplete-dropdown flights-multi-origin-1-dropdown"
                    ></div>
                  </div>
                  <button
                    class="flights-multi-swap-1 absolute left-1/2 transform -translate-x-1/2 top-1/2 -translate-y-1/2 md:left-[20.5%] rounded-full bg-white shadow-md hover:bg-gray-100 p-1 w-6 h-6 z-10"
                  >
                    <svg
                      class="h-3 w-3"
                      fill="none"
                      stroke="currentColor"
                      viewBox="0 0 24 24"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <path
                        stroke-linecap="round"
                        stroke-linejoin="round"
                        stroke-width="2"
                        d="M7 16V8m0 0L3 12m4-4l4 4m6 4V8m0 0l4 4m-4-4l-4 4"
                      ></path>
                    </svg>
                  </button>
                  <div class="autocomplete-container col-span-2 md:col-span-1">
                    <input
                      type="text"
                      placeholder="Destination"
                      class="flights-multi-destination-1 w-full p-2 border rounded"
                    />
                    <div
                      class="autocomplete-dropdown flights-multi-destination-1-dropdown"
                    ></div>
                  </div>
                  <input
                    type="date"
                    class="flights-multi-depart-1 col-span-2 md:col-span-1 p-2 border rounded w-32"
                  />
                </div>
                <div class="flex">
                  <div class="autocomplete-container col-span-2 md:col-span-1">
                    <input
                      type="text"
                      placeholder="Origin"
                      class="flights-multi-origin-2 w-full p-2 border rounded"
                    />
                    <div
                      class="autocomplete-dropdown flights-multi-origin-2-dropdown"
                    ></div>
                  </div>
                  <button
                    class="flights-multi-swap-2 absolute left-1/2 transform -translate-x-1/2 top-1/2 -translate-y-1/2 md:left-[20.5%] rounded-full bg-white shadow-md hover:bg-gray-100 p-1 w-6 h-6 z-10"
                  >
                    <svg
                      class="h-3 w-3"
                      fill="none"
                      stroke="currentColor"
                      viewBox="0 0 24 24"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <path
                        stroke-linecap="round"
                        stroke-linejoin="round"
                        stroke-width="2"
                        d="M7 16V8m0 0L3 12m4-4l4 4m6 4V8m0 0l4 4m-4-4l-4 4"
                      ></path>
                    </svg>
                  </button>
                  <div class="autocomplete-container col-span-2 md:col-span-1">
                    <input
                      type="text"
                      placeholder="Destination"
                      class="flights-multi-destination-2 w-full p-2 border rounded"
                    />
                    <div
                      class="autocomplete-dropdown flights-multi-destination-2-dropdown"
                    ></div>
                  </div>
                  <input
                    type="date"
                    class="flights-multi-depart-2 col-span-2 md:col-span-1 p-2 border rounded w-32"
                  />
                </div>
                <div class="flex">
                  <div class="autocomplete-container col-span-2 md:col-span-1">
                    <input
                      type="text"
                      placeholder="Origin"
                      class="flights-multi-origin-3 w-full p-2 border rounded"
                    />
                    <div
                      class="autocomplete-dropdown flights-multi-origin-3-dropdown"
                    ></div>
                  </div>
                  <button
                    class="flights-multi-swap-3 absolute left-1/2 transform -translate-x-1/2 top-1/2 -translate-y-1/2 md:left-[20.5%] rounded-full bg-white shadow-md hover:bg-gray-100 p-1 w-6 h-6 z-10"
                  >
                    <svg
                      class="h-3 w-3"
                      fill="none"
                      stroke="currentColor"
                      viewBox="0 0 24 24"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <path
                        stroke-linecap="round"
                        stroke-linejoin="round"
                        stroke-width="2"
                        d="M7 16V8m0 0L3 12m4-4l4 4m6 4V8m0 0l4 4m-4-4l-4 4"
                      ></path>
                    </svg>
                  </button>
                  <div class="autocomplete-container col-span-2 md:col-span-1">
                    <input
                      type="text"
                      placeholder="Destination"
                      class="flights-multi-destination-3 w-full p-2 border rounded"
                    />
                    <div
                      class="autocomplete-dropdown flights-multi-destination-3-dropdown"
                    ></div>
                  </div>
                  <input
                    type="date"
                    class="flights-multi-depart-3 col-span-2 md:col-span-1 p-2 border rounded w-32"
                  />
                </div>
              </div>
              <div
                class="flex items-center justify-between flex-wrap mt-4 w-full searo"
              >
                <button
                  class="search-flight-btn bg-black text-white px-8 py-4 text-lg hover:bg-black/90 rounded"
                >
                  Search Flights
                </button>
                <div class="flex gap-6">
                  <a href="#" class="text-blue-500 hover:underline" id="chator"
                    >My Booking</a
                  >
                  <a href="#" class="text-blue-500 hover:underline" id="chator"
                    >Flight Status</a
                  >
                </div>
              </div>
            </div>

            <div
              id="loadingPopup"
              class="fixed inset-0 z-50 hidden flex items-center justify-center bg-white/90 backdrop-blur-sm"
            >
              <div class="text-center">
                <div class="relative">
                  <div
                    class="w-24 h-24 mb-4 mx-auto bg-black rounded-full flex items-center justify-center animate-bounce"
                  >
                    <span class="text-white font-bold text-2xl">L</span>
                  </div>
                  <div
                    class="absolute inset-0 w-24 h-24 mx-auto border-4 border-black/10 border-t-black rounded-full animate-spin"
                  ></div>
                </div>
                <h2 class="text-xl font-semibold text-black mt-4">
                  Finding the best flights...
                </h2>
                <p class="text-gray-500">Searching...k</p>
              </div>
            </div>

            <!-- Hotels Tab -->
            <div id="hotels" class="tab-content">
              <div class="flex gap-4 mb-6 flex-wrap">
                <button
                  data-type="single"
                  class="hotel-type-button active bg-black text-white hover:bg-black/90 px-4 py-2 rounded"
                >
                  Single Room
                </button>
                <button
                  data-type="double"
                  class="hotel-type-button border border-gray-300 text-gray-700 hover:bg-gray-100 px-4 py-2 rounded"
                >
                  Double Room
                </button>
                <button
                  data-type="suite"
                  class="hotel-type-button border border-gray-300 text-gray-700 hover:bg-gray-100 px-4 py-2 rounded"
                >
                  Suite
                </button>
                <select class="w-[140px] p-2 border rounded">
                  <option value="standard">Standard</option>
                  <option value="deluxe">Deluxe</option>
                  <option value="premium">Premium</option>
                </select>
              </div>
              <div
                id="hotels-standard"
                class="grid grid-cols-2 md:grid-cols-4 gap-4"
              >
                <input
                  type="text"
                  placeholder="Destination"
                  class="col-span-2 p-2 border rounded"
                />
                <input
                  type="date"
                  placeholder="Check-in"
                  class="col-span-1 p-2 border rounded"
                />
                <input
                  type="date"
                  placeholder="Check-out"
                  class="col-span-1 p-2 border rounded"
                />
              </div>
              <div id="hotels-details" class="hotel-details">
                <div class="grid grid-cols-2 md:grid-cols-4 gap-4 mt-4">
                  <select
                    class="col-span-2 md:col-span-1 p-2 border rounded hotels-guests"
                  >
                    <option value="1">1 Guest</option>
                  </select>
                  <select
                    class="col-span-2 md:col-span-1 p-2 border rounded hotels-children hidden"
                  >
                    <option value="0">No Children</option>
                  </select>
                  <select
                    class="col-span-2 md:col-span-1 p-2 border rounded hotels-guests hidden"
                  >
                    <option value="2">2 Guests</option>
                  </select>
                  <select
                    class="col-span-2 md:col-span-1 p-2 border rounded hotels-children hidden"
                  >
                    <option value="0">No Children</option>
                    <option value="1">1 Child</option>
                  </select>
                  <select
                    class="col-span-2 md:col-span-2 p-2 border rounded hotels-guests hidden"
                  >
                    <option value="4">4 Guests</option>
                  </select>
                  <select
                    class="col-span-2 md:col-span-2 p-2 border rounded hotels-children hidden"
                  >
                    <option value="0">No Children</option>
                    <option value="1">1 Child</option>
                    <option value="2">2 Children</option>
                  </select>
                </div>
              </div>
              <div
                class="flex items-center justify-between flex-wrap mt-4 w-full"
              >
                <button
                  class="bg-black text-white px-8 py-4 text-lg hover:bg-black/90 rounded"
                >
                  Search Hotels
                </button>
                <div class="flex gap-6">
                  <a href="#" class="text-blue-500 hover:underline"
                    >My Reservations</a
                  >
                  <a href="#" class="text-blue-500 hover:underline"
                    >Special Offers</a
                  >
                </div>
              </div>
            </div>

            <!-- Tours Tab -->
            <div id="tours" class="tab-content">
              <div class="flex gap-4 mb-6 flex-wrap">
                <button
                  data-type="city"
                  class="tour-type-button active bg-black text-white hover:bg-black/90 px-4 py-2 rounded"
                >
                  City Tour
                </button>
                <button
                  data-type="adventure"
                  class="tour-type-button border border-gray-300 text-gray-700 hover:bg-gray-100 px-4 py-2 rounded"
                >
                  Adventure
                </button>
                <button
                  data-type="cultural"
                  class="tour-type-button border border-gray-300 text-gray-700 hover:bg-gray-100 px-4 py-2 rounded"
                >
                  Cultural
                </button>
                <select class="w-[140px] p-2 border rounded">
                  <option value="group">Group Tour</option>
                  <option value="private">Private Tour</option>
                  <option value="family">Family Tour</option>
                </select>
              </div>
              <div
                id="tours-standard"
                class="grid grid-cols-2 md:grid-cols-4 gap-4"
              >
                <input
                  type="text"
                  placeholder="Destination"
                  class="col-span-2 p-2 border rounded"
                />
                <input
                  type="date"
                  placeholder="Start Date"
                  class="col-span-1 p-2 border rounded"
                />
                <input
                  type="date"
                  placeholder="End Date"
                  class="col-span-1 p-2 border rounded"
                />
              </div>
              <div id="tours-details" class="tour-details">
                <div class="grid grid-cols-2 md:grid-cols-4 gap-4 mt-4">
                  <select
                    class="col-span-1 md:col-span-1 p-2 border rounded tours-adults"
                  >
                    <option value="1">1 Adult</option>
                    <option value="2">2 Adults</option>
                    <option value="3">3 Adults</option>
                    <option value="4">4 Adults</option>
                  </select>
                  <select
                    class="col-span-1 md:col-span-1 p-2 border rounded tours-children hidden"
                  >
                    <option value="0">No Children</option>
                  </select>
                  <select
                    class="col-span-1 md:col-span-1 p-2 border rounded tours-adults hidden"
                  >
                    <option value="1">1 Adult</option>
                    <option value="2">2 Adults</option>
                    <option value="3">3 Adults</option>
                    <option value="4">4 Adults</option>
                    <option value="5">5 Adults</option>
                    <option value="6">6 Adults</option>
                  </select>
                  <select
                    class="col-span-1 md:col-span-1 p-2 border rounded tours-children hidden"
                  >
                    <option value="0">No Children</option>
                    <option value="1">1 Child</option>
                    <option value="2">2 Children</option>
                  </select>
                  <select
                    class="col-span-2 md:col-span-2 p-2 border rounded tours-adults hidden"
                  >
                    <option value="2">2 Adults</option>
                    <option value="4">4 Adults</option>
                    <option value="6">6 Adults</option>
                    <option value="8">8 Adults</option>
                  </select>
                  <select
                    class="col-span-2 md:col-span-2 p-2 border rounded tours-children hidden"
                  >
                    <option value="0">No Children</option>
                    <option value="1">1 Child</option>
                    <option value="2">2 Children</option>
                    <option value="3">3 Children</option>
                  </select>
                  <select
                    class="col-span-2 md:col-span-2 p-2 border rounded tours-language"
                  >
                    <option value="english">English</option>
                    <option value="spanish">Spanish</option>
                    <option value="french">French</option>
                    <option value="german">German</option>
                  </select>
                </div>
              </div>
              <div
                class="flex items-center justify-between flex-wrap mt-4 w-full"
              >
                <button
                  class="bg-black text-white px-8 py-4 text-lg hover:bg-black/90 rounded"
                >
                  Search Tours
                </button>
                <div class="flex gap-6">
                  <a href="#" class="text-blue-500 hover:underline"
                    >My Bookings</a
                  >
                  <a href="#" class="text-blue-500 hover:underline"
                    >Popular Tours</a
                  >
                </div>
              </div>
            </div>

            <!-- Chartered Flight Tab -->
            <div id="charteredFlight" class="tab-content">
              <div class="flex gap-4 mb-6 flex-wrap">
                <button
                  data-type="one-way"
                  class="flight-type-button active px-4 py-2 rounded"
                >
                  One Way
                </button>
                <button
                  data-type="round-trip"
                  class="flight-type-button px-4 py-2 rounded"
                >
                  Round Trip
                </button>
                <button
                  data-type="multi-city"
                  class="flight-type-button px-4 py-2 rounded"
                >
                  Multi-City
                </button>
                <select class="w-[140px] p-2 border rounded">
                  <option value="business">Business</option>
                  <option value="first">First Class</option>
                  <option value="luxury">Luxury</option>
                </select>
              </div>
              <!-- Standard Chartered Flight Inputs (One Way/Round Trip) -->
              <div
                id="chartered-flights-standard"
                class="grid grid-cols-2 md:grid-cols-5 gap-4"
              >
                <div class="autocomplete-container col-span-2 md:col-span-1">
                  <input
                    type="text"
                    placeholder="Origin"
                    class="chartered-flights-origin w-full p-2 border rounded"
                  />
                  <div
                    class="autocomplete-dropdown chartered-flights-origin-dropdown"
                  ></div>
                </div>
                <button
                  class="flights-swap absolute left-1/2 transform -translate-x-1/2 md:static md:transform-none rounded-full bg-white shadow-md hover:bg-gray-100 p-2 w-10 h-10"
                >
                  <svg
                    width="11"
                    height="10"
                    viewBox="0 0 11 10"
                    fill="none"
                    xmlns="http://www.w3.org/2000/svg"
                  >
                    <path
                      d="M2.52 1.354a.5.5 0 10-.707-.708L.48 1.98a.5.5 0 000 .707L1.813 4.02a.5.5 0 00.707-.707l-.48-.48h6.793a.5.5 0 100-1H2.04l.48-.48zM8.48 5.98a.5.5 0 000 .707l.48.48H2.167a.5.5 0 100 1H8.96l-.48.48a.5.5 0 10.707.707L10.52 8.02a.5.5 0 000-.707L9.187 5.98a.5.5 0 00-.707 0z"
                      fill="currentColor"
                    ></path>
                  </svg>
                </button>
                <div class="autocomplete-container col-span-2 md:col-span-1">
                  <input
                    type="text"
                    placeholder="Destination"
                    class="chartered-flights-destination w-full p-2 border rounded"
                  />
                  <div
                    class="autocomplete-dropdown chartered-flights-destination-dropdown"
                  ></div>
                </div>
                <input
                  type="date"
                  class="chartered-flights-depart-date col-span-2 md:col-span-1 p-2 border rounded"
                />
                <input
                  type="date"
                  class="chartered-flights-return-date col-span-2 md:col-span-1 p-2 border rounded hidden"
                />
                <select class="col-span-2 md:col-span-1 p-2 border rounded">
                  <option value="1">1 Passenger</option>
                  <option value="2">2 Passengers</option>
                  <option value="4">4 Passengers</option>
                  <option value="6">6 Passengers</option>
                  <option value="8">8 Passengers</option>
                </select>
              </div>
              <!-- Multi-City Inputs for Chartered Flights -->
              <div
                id="chartered-flights-multi-city"
                class="multi-city-container"
              >
                <div
                  class="grid grid-cols-2 md:grid-cols-5 gap-4 relative mb-4"
                >
                  <div class="autocomplete-container col-span-2 md:col-span-1">
                    <input
                      type="text"
                      placeholder="Origin"
                      class="chartered-flights-multi-origin-1 w-full p-2 border rounded"
                    />
                    <div
                      class="autocomplete-dropdown chartered-flights-multi-origin-1-dropdown"
                    ></div>
                  </div>
                  <button
                    class="chartered-flights-multi-swap-1 absolute left-1/2 transform -translate-x-1/2 md:static md:transform-none rounded-full bg-white shadow-md hover:bg-gray-100 p-2"
                  >
                    <svg
                      class="h-4 w-4"
                      fill="none"
                      stroke="currentColor"
                      viewBox="0 0 24 24"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <path
                        stroke-linecap="round"
                        stroke-linejoin="round"
                        stroke-width="2"
                        d="M7 16V8m0 0L3 12m4-4l4 4m6 4V8m0 0l4 4m-4-4l-4 4"
                      ></path>
                    </svg>
                  </button>
                  <div class="autocomplete-container col-span-2 md:col-span-1">
                    <input
                      type="text"
                      placeholder="Destination"
                      class="chartered-flights-multi-destination-1 w-full p-2 border rounded"
                    />
                    <div
                      class="autocomplete-dropdown chartered-flights-multi-destination-1-dropdown"
                    ></div>
                  </div>
                  <input
                    type="date"
                    class="chartered-flights-multi-depart-1 col-span-2 md:col-span-1 p-2 border rounded"
                  />
                </div>
                <div
                  class="grid grid-cols-2 md:grid-cols-5 gap-4 relative mb-4"
                >
                  <div class="autocomplete-container col-span-2 md:col-span-1">
                    <input
                      type="text"
                      placeholder="Origin"
                      class="chartered-flights-multi-origin-2 w-full p-2 border rounded"
                    />
                    <div
                      class="autocomplete-dropdown chartered-flights-multi-origin-2-dropdown"
                    ></div>
                  </div>
                  <button
                    class="chartered-flights-multi-swap-2 absolute left-1/2 transform -translate-x-1/2 md:static md:transform-none rounded-full bg-white shadow-md hover:bg-gray-100 p-2"
                  >
                    <svg
                      class="h-4 w-4"
                      fill="none"
                      stroke="currentColor"
                      viewBox="0 0 24 24"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <path
                        stroke-linecap="round"
                        stroke-linejoin="round"
                        stroke-width="2"
                        d="M7 16V8m0 0L3 12m4-4l4 4m6 4V8m0 0l4 4m-4-4l-4 4"
                      ></path>
                    </svg>
                  </button>
                  <div class="autocomplete-container col-span-2 md:col-span-1">
                    <input
                      type="text"
                      placeholder="Destination"
                      class="chartered-flights-multi-destination-2 w-full p-2 border rounded"
                    />
                    <div
                      class="autocomplete-dropdown chartered-flights-multi-destination-2-dropdown"
                    ></div>
                  </div>
                  <input
                    type="date"
                    class="chartered-flights-multi-depart-2 col-span-2 md:col-span-1 p-2 border rounded"
                  />
                </div>
                <div
                  class="grid grid-cols-2 md:grid-cols-5 gap-4 relative mb-4"
                >
                  <div class="autocomplete-container col-span-2 md:col-span-1">
                    <input
                      type="text"
                      placeholder="Origin"
                      class="chartered-flights-multi-origin-3 w-full p-2 border rounded"
                    />
                    <div
                      class="autocomplete-dropdown chartered-flights-multi-origin-3-dropdown"
                    ></div>
                  </div>
                  <button
                    class="chartered-flights-multi-swap-3 absolute left-1/2 transform -translate-x-1/2 md:static md:transform-none rounded-full bg-white shadow-md hover:bg-gray-100 p-2"
                  >
                    <svg
                      class="h-4 w-4"
                      fill="none"
                      stroke="currentColor"
                      viewBox="0 0 24 24"
                      xmlns="http://www.w3.org/2000/svg"
                    >
                      <path
                        stroke-linecap="round"
                        stroke-linejoin="round"
                        stroke-width="2"
                        d="M7 16V8m0 0L3 12m4-4l4 4m6 4V8m0 0l4 4m-4-4l-4 4"
                      ></path>
                    </svg>
                  </button>
                  <div class="autocomplete-container col-span-2 md:col-span-1">
                    <input
                      type="text"
                      placeholder="Destination"
                      class="chartered-flights-multi-destination-3 w-full p-2 border rounded"
                    />
                    <div
                      class="autocomplete-dropdown chartered-flights-multi-destination-3-dropdown"
                    ></div>
                  </div>
                  <input
                    type="date"
                    class="chartered-flights-multi-depart-3 col-span-2 md:col-span-1 p-2 border rounded"
                  />
                </div>
              </div>
              <div
                class="flex items-center justify-between flex-wrap mt-4 w-full"
              >
                <button
                  class="bg-black text-white px-8 py-4 text-lg hover:bg-black/90 rounded"
                >
                  Request Chartered Flight
                </button>
                <div class="flex gap-6">
                  <a href="#" class="text-blue-500 hover:underline"
                    >Private Jet Options</a
                  >
                  <a href="#" class="text-blue-500 hover:underline"
                    >Charter Conditions</a
                  >
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!--popular Destination section-->
    <section class="bg-gray-900 text-white py-12">
      <div class="container mx-auto px-6">
        <div class="header">
          <div class="headertext-box">
            <div class="headderh1text">Most Popular Experiences in</div>
            <span class="country-text" id="countryText">Dubai</span>
          </div>
          <p id="headerDescription">
            Dubai brings culture, nature, thrills, and record‑breaking
            attractions together in one place.
          </p>
        </div>

        <div
          class="experiences-grid grid gap-6 sm:grid-cols-2 lg:grid-cols-4"
          id="experiencesGrid"
        ></div>
      </div>

      <!--<div class="container mx-auto px-6">
        <div class="header mb-8 text-center max-w-3xl mx-auto">
          <h1 class="text-3xl md:text-4xl font-bold mb-3">
            Most Popular Experiences in Dubai
          </h1>
          <p class="text-gray-300">
            Culture, nature, thrills, and record-breaking experiences—Dubai is
            the place to seek out everything you imagine and beyond. Find it all
            here!
          </p>
        </div>

        <div class="experiences-grid grid gap-6 sm:grid-cols-2 lg:grid-cols-4 grid gap-6 sm:grid-cols-2 lg:grid-cols-4">
          <div
            class="experience-card bg-white/5 rounded-lg overflow-hidden hover:shadow-lg transition bg-white/5 rounded-lg overflow-hidden hover:shadow-lg transition"
          >
            <img
              src="https://images.unsplash.com/photo-1544551763-46a013bb70d5?w=400&h=250&fit=crop"
              alt="Atlantis Aquaventure Waterpark"
              class="card-image w-full h-40 object-cover w-full h-40 object-cover"
            />
            <div class="card-content p-4 p-4p-4p-4">
              <h3 class="card-title font-semibold text-lg mb-2">
                Atlantis Aquaventure Waterpark
              </h3>
              <div class="flex items-center justify-between">
                <div
                  class="card-rating items-center justify-between text-sm mb-2 items-center justify-between text-sm mb-2"
                >
                  <div class="stars text-yellow-400 text-yellow-400">
                    <span class="star">★</span><span class="star">★</span
                    ><span class="star">★</span><span class="star">★</span
                    ><span class="star">★</span>
                  </div>
                  <span class="review-count text-gray-300 text-gray-300">277 Reviews</span>
                </div>
                <div class="pricing text-sm">
                  <span class="price font-semibold ml-2-label text-gray-300 text-gray-300">Per Person from</span>
                  <span class="price font-semibold ml-2 font-semibold ml-2">AED 330.00</span>
                </div>
              </div>
            </div>
          </div>

          <div
            class="experience-card bg-white/5 rounded-lg overflow-hidden hover:shadow-lg transition bg-white/5 rounded-lg overflow-hidden hover:shadow-lg transition"
          >
            <img
              src="https://images.unsplash.com/photo-1578662996442-48f60103fc96?w=400&h=250&fit=crop"
              alt="AYA Universe Dubai"
              class="card-image w-full h-40 object-cover w-full h-40 object-cover"
            />
            <div class="card-content p-4 p-4p-4p-4">
              <h3 class="card-title font-semibold text-lg mb-2">
                AYA Universe Dubai
              </h3>
              <div class="flex items-center justify-between">
                <div
                  class="card-rating items-center justify-between text-sm mb-2 items-center justify-between text-sm mb-2"
                >
                  <div class="stars text-yellow-400 text-yellow-400">
                    <span class="star">★</span><span class="star">★</span
                    ><span class="star">★</span><span class="star">★</span
                    ><span class="star">★</span>
                  </div>
                  <span class="review-count text-gray-300 text-gray-300">110 Reviews</span>
                </div>
                <div class="pricing text-sm">
                  <span class="price font-semibold ml-2-label text-gray-300 text-gray-300">Per Person from</span>
                  <span class="price font-semibold ml-2 font-semibold ml-2"
                    >AED 99.00
                    <span class="original-price font-semibold ml-2 line-through opacity-70 ml-1"
                      >AED 135.00</span
                    ></span
                  >
                </div>
              </div>
            </div>
          </div>

          <div
            class="experience-card bg-white/5 rounded-lg overflow-hidden hover:shadow-lg transition bg-white/5 rounded-lg overflow-hidden hover:shadow-lg transition"
          >
            <img
              src="https://images.unsplash.com/photo-1512453979798-5ea266f8880c?w=400&h=250&fit=crop"
              alt="Burj Khalifa At The Top Tickets"
              class="card-image w-full h-40 object-cover w-full h-40 object-cover"
            />
            <div class="card-content p-4 p-4p-4p-4">
              <h3 class="card-title font-semibold text-lg mb-2">
                Burj Khalifa At The Top Tickets
              </h3>
              <div class="flex items-center justify-between">
                <div
                  class="card-rating items-center justify-between text-sm mb-2 items-center justify-between text-sm mb-2"
                >
                  <div class="stars text-yellow-400 text-yellow-400">
                    <span class="star">★</span><span class="star">★</span
                    ><span class="star">★</span><span class="star">★</span
                    ><span class="star">★</span>
                  </div>
                  <span class="review-count text-gray-300 text-gray-300">374 Reviews</span>
                </div>
                <div class="pricing text-sm">
                  <span class="price font-semibold ml-2-label text-gray-300 text-gray-300">Per Person from</span>
                  <span class="price font-semibold ml-2 font-semibold ml-2">AED 309.00</span>
                </div>
              </div>
            </div>
          </div>

          <div
            class="experience-card bg-white/5 rounded-lg overflow-hidden hover:shadow-lg transition bg-white/5 rounded-lg overflow-hidden hover:shadow-lg transition"
          >
            <img
              src="https://images.unsplash.com/photo-1512453979798-5ea266f8880c?w=400&h=250&fit=crop"
              alt="Burj Khalifa Sky Tickets"
              class="card-image w-full h-40 object-cover w-full h-40 object-cover"
            />
            <div class="card-content p-4 p-4p-4p-4">
              <h3 class="card-title font-semibold text-lg mb-2">
                Burj Khalifa Sky Tickets
              </h3>
              <div class="flex items-center justify-between">
                <div
                  class="card-rating items-center justify-between text-sm mb-2 items-center justify-between text-sm mb-2"
                >
                  <div class="stars text-yellow-400 text-yellow-400">
                    <span class="star">★</span><span class="star">★</span
                    ><span class="star">★</span><span class="star">★</span
                    ><span class="star">★</span>
                  </div>
                  <span class="review-count text-gray-300 text-gray-300">97 Reviews</span>
                </div>
                <div class="pricing text-sm">
                  <span class="price font-semibold ml-2-label text-gray-300 text-gray-300">Per Person from</span>
                  <span class="price font-semibold ml-2 font-semibold ml-2">AED 399.00</span>
                </div>
              </div>
            </div>
          </div>

          <div
            class="experience-card bg-white/5 rounded-lg overflow-hidden hover:shadow-lg transition bg-white/5 rounded-lg overflow-hidden hover:shadow-lg transition"
          >
            <img
              src="https://images.unsplash.com/photo-1544551763-46a013bb70d5?w=400&h=250&fit=crop"
              alt="Dhow Cruise Dinner - Marina"
              class="card-image w-full h-40 object-cover w-full h-40 object-cover"
            />
            <div class="card-content p-4 p-4p-4p-4">
              <h3 class="card-title font-semibold text-lg mb-2">
                Dhow Cruise Dinner - Marina
              </h3>
              <div class="flex items-center justify-between">
                <div
                  class="card-rating items-center justify-between text-sm mb-2 items-center justify-between text-sm mb-2"
                >
                  <div class="stars text-yellow-400 text-yellow-400">
                    <span class="star">★</span><span class="star">★</span
                    ><span class="star">★</span><span class="star">★</span
                    ><span class="star">★</span>
                  </div>
                  <span class="review-count text-gray-300 text-gray-300">284 Reviews</span>
                </div>
                <div class="pricing text-sm">
                  <span class="price font-semibold ml-2-label text-gray-300 text-gray-300">Per Person from</span>
                  <span class="price font-semibold ml-2 font-semibold ml-2">AED 140.00</span>
                </div>
              </div>
            </div>
          </div>

          <div
            class="experience-card bg-white/5 rounded-lg overflow-hidden hover:shadow-lg transition bg-white/5 rounded-lg overflow-hidden hover:shadow-lg transition"
          >
            <img
              src="https://images.unsplash.com/photo-1559827260-dc66d52bef19?w=400&h=250&fit=crop"
              alt="Dubai Aquarium and Underwater Zoo"
              class="card-image w-full h-40 object-cover w-full h-40 object-cover"
            />
            <div class="card-content p-4 p-4p-4p-4">
              <h3 class="card-title font-semibold text-lg mb-2">
                Dubai Aquarium and Underwater Zoo
              </h3>
              <div class="flex items-center justify-between">
                <div
                  class="card-rating items-center justify-between text-sm mb-2 items-center justify-between text-sm mb-2"
                >
                  <div class="stars text-yellow-400 text-yellow-400">
                    <span class="star">★</span><span class="star">★</span
                    ><span class="star">★</span><span class="star">★</span
                    ><span class="star">★</span>
                  </div>
                  <span class="review-count text-gray-300 text-gray-300">105 Reviews</span>
                </div>
                <div class="pricing text-sm">
                  <span class="price font-semibold ml-2-label text-gray-300 text-gray-300">Per Person from</span>
                  <span class="price font-semibold ml-2 font-semibold ml-2"
                    >AED 145.00
                    <span class="original-price font-semibold ml-2 line-through opacity-70 ml-1"
                      >AED 199.00</span
                    ></span
                  >
                </div>
              </div>
            </div>
          </div>

          <div
            class="experience-card bg-white/5 rounded-lg overflow-hidden hover:shadow-lg transition bg-white/5 rounded-lg overflow-hidden hover:shadow-lg transition"
          >
            <img
              src="https://images.unsplash.com/photo-1559827260-dc66d52bef19?w=400&h=250&fit=crop"
              alt="Dubai Dolphinarium"
              class="card-image w-full h-40 object-cover w-full h-40 object-cover"
            />
            <div class="card-content p-4 p-4p-4p-4">
              <h3 class="card-title font-semibold text-lg mb-2">
                Dubai Dolphinarium
              </h3>
              <div class="flex items-center justify-between">
                <div
                  class="card-rating items-center justify-between text-sm mb-2 items-center justify-between text-sm mb-2"
                >
                  <div class="stars text-yellow-400 text-yellow-400">
                    <span class="star">★</span><span class="star">★</span
                    ><span class="star">★</span><span class="star">★</span
                    ><span class="star">★</span>
                  </div>
                  <span class="review-count text-gray-300 text-gray-300">89 Reviews</span>
                </div>
                <div class="pricing text-sm">
                  <span class="price font-semibold ml-2-label text-gray-300 text-gray-300">Per Person from</span>
                  <span class="price font-semibold ml-2 font-semibold ml-2">AED 50.00</span>
                </div>
              </div>
            </div>
          </div>

          <div
            class="experience-card bg-white/5 rounded-lg overflow-hidden hover:shadow-lg transition bg-white/5 rounded-lg overflow-hidden hover:shadow-lg transition"
          >
            <img
              src="https://images.unsplash.com/photo-1512453979798-5ea266f8880c?w=400&h=250&fit=crop"
              alt="Dubai Frame"
              class="card-image w-full h-40 object-cover w-full h-40 object-cover"
            />
            <div class="card-content p-4 p-4p-4p-4">
              <h3 class="card-title font-semibold text-lg mb-2">Dubai Frame</h3>
              <div class="flex items-center justify-between">
                <div
                  class="card-rating items-center justify-between text-sm mb-2 items-center justify-between text-sm mb-2"
                >
                  <div class="stars text-yellow-400 text-yellow-400">
                    <span class="star">★</span><span class="star">★</span
                    ><span class="star">★</span><span class="star">★</span
                    ><span class="star">★</span>
                  </div>
                  <span class="review-count text-gray-300 text-gray-300">271 Reviews</span>
                </div>
                <div class="pricing text-sm">
                  <span class="price font-semibold ml-2-label text-gray-300 text-gray-300">Per Person from</span>
                  <span class="price font-semibold ml-2 font-semibold ml-2"
                    >AED 52.00
                    <span class="original-price font-semibold ml-2 line-through opacity-70 ml-1"
                      >AED 52.50</span
                    ></span
                  >
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>-->
    </section>
    <!--review section-->
    <section class="section Customer-Rv py-12">
      <div class="header mb-8 text-center max-w-3xl mx-auto">
        <h2 class="text-3xl md:text-4xl font-bold mb-3">
          What Our Customers Say
        </h2>
        <p class="text-gray-300">
          Don't just take our word for it. Here's what real people are saying
          about Goosay
        </p>
      </div>
      <br />
      <div class="marquee">
        <ul class="marquee__content">
          <div class="reviewing-slide6">
            <img
              src="./assets/img/momo/philipines shippers.png"
              alt=""
              class="reviewing-slide7"
            />
            <div class="reviewing-slide8">
              <h3 class="reviewing-slide9">Maria Lopez</h3>
              <p class="reviewing-slide10">
                Delivery took longer than expected due to Customs clearance
                causing some anxiety but arrived Safe
              </p>
            </div>
          </div>
          <div class="reviewing-slide11">
            <img
              src="./assets/img/momo/East-African shipper.jpg"
              alt=""
              class="reviewing-slide12"
            />
            <div class="reviewing-slide13">
              <h3 class="reviewing-slide14">Mark Mbogo</h3>
              <p class="reviewing-slide15">
                it's great to have a dependable service, that makes it easy to
                support loved ones back home
              </p>
            </div>
          </div>
          <div class="reviewing-slide16">
            <img
              src="./assets/img/momo/china shipper.png"
              alt=""
              class="reviewing-slide17"
            />
            <div class="reviewing-slide18">
              <h3 class="reviewing-slide19">Lowy Yushu</h3>
              <p class="reviewing-slide20">
                Whether it's small packages or full containers, they help us
                navigate complex international regulations.
              </p>
            </div>
          </div>
          <div class="reviewing-slide21">
            <img
              src="./assets/img/momo/Dubai shipper.png"
              alt=""
              class="reviewing-slide22"
            />
            <div class="reviewing-slide23">
              <h3 class="reviewing-slide24">Mohammed Alrahmani</h3>
              <p class="reviewing-slide25">
                It is easy to manage multiple shipments through their
                user-friendly online dashboard.
              </p>
            </div>
          </div>
        </ul>
        <!-- Mirrors the content above -->
        <ul class="marquee__content" aria-hidden="true">
          <div class="reviewing-slide6">
            <img
              src="./assets/img/momo/philipines shippers.png"
              alt="customer-pic"
              class="reviewing-slide7"
            />
            <div class="reviewing-slide8">
              <h3 class="reviewing-slide9">Maria Lopez</h3>
              <p class="reviewing-slide10">
                Delivery took longer than expected due to Customs clearance
                causing some anxiety but arrived Safe
              </p>
            </div>
          </div>
          <div class="reviewing-slide11">
            <img
              src="./assets/img/momo/East-African shipper.jpg"
              alt=""
              class="reviewing-slide12"
            />
            <div class="reviewing-slide13">
              <h3 class="reviewing-slide14">Mark Mbogo</h3>
              <p class="reviewing-slide15">
                it's great to have a dependable service, that makes it easy to
                support loved ones back home
              </p>
            </div>
          </div>
          <div class="reviewing-slide16">
            <img
              src="./assets/img/momo/china shipper.png"
              alt=""
              class="reviewing-slide17"
            />
            <div class="reviewing-slide18">
              <h3 class="reviewing-slide19">Lowy Yushu</h3>
              <p class="reviewing-slide20">
                Whether it's small packages or whole containers, they help us
                navigate complex international regulations.
              </p>
            </div>
          </div>
          <div class="reviewing-slide21">
            <img
              src="./assets/img/momo/Dubai shipper.png"
              alt=""
              class="reviewing-slide22"
            />
            <div class="reviewing-slide23">
              <h3 class="reviewing-slide24">Mohammed Alrahmani</h3>
              <p class="reviewing-slide25">
                It is easy to manage multiple shipments through their
                user-friendly online dashboard.
              </p>
            </div>
          </div>
        </ul>
      </div>
      <br />

      <!--=========================================== reverse Verion ========================-->
      <div class="marquee-back">
        <ul class="markuee__content">
          <div class="reviewing-slide6">
            <img
              src="./assets/img/momo/GHSHPP.png"
              alt=""
              class="reviewing-slide7"
            />
            <div class="reviewing-slide8">
              <h3 class="reviewing-slide9">Elvis Addai</h3>
              <p class="reviewing-slide10">
                Amazing shipping experience Fast, reliable, and efficient. Cargo
                arrived in perfect condition.
              </p>
            </div>
          </div>
          <div class="reviewing-slide11">
            <img
              src="./assets/img/momo/uk shippers.png"
              alt=""
              class="reviewing-slide12"
            />
            <div class="reviewing-slide13">
              <h3 class="reviewing-slide14">Sophia Brown</h3>
              <p class="reviewing-slide15">
                Homeway Express, you are the best. My family is super happy
                because they received their Christmas gifts.
              </p>
            </div>
          </div>
          <div class="reviewing-slide16">
            <img
              src="./assets/img/momo/india shipper.png"
              alt=""
              class="reviewing-slide17"
            />
            <div class="reviewing-slide18">
              <h3 class="reviewing-slide19">Surya Bajwa</h3>
              <p class="reviewing-slide20">
                As a small business owner, I'm thrilled with this shipping
                service! Their rates are competitive, saving us money without
                sacrificing quality
              </p>
            </div>
          </div>
          <div class="reviewing-slide21">
            <img
              src="./assets/img/momo/nija.png"
              alt=""
              class="reviewing-slide22"
            />
            <div class="reviewing-slide23">
              <h3 class="reviewing-slide24">Shola Ayodele</h3>
              <p class="reviewing-slide25">
                This shipping partner has seriously leveled up my online selling
                game, receiving supplies on time.
              </p>
            </div>
          </div>
        </ul>
        <!-- Mirrors the content above -->
        <ul class="markuee__content" aria-hidden="true">
          <div class="reviewing-slide6">
            <img
              src="./assets/img/momo/GHSHPP.png"
              alt=""
              class="reviewing-slide7"
            />
            <div class="reviewing-slide8">
              <h3 class="reviewing-slide9">Elvis Addai</h3>
              <p class="reviewing-slide10">
                Amazing shipping experience Fast, reliable, and efficient. Cargo
                arrived in perfect condition.
              </p>
            </div>
          </div>
          <div class="reviewing-slide11">
            <img
              src="./assets/img/momo/uk shippers.png"
              alt=""
              class="reviewing-slide12"
            />
            <div class="reviewing-slide13">
              <h3 class="reviewing-slide14">Sophia Brown</h3>
              <p class="reviewing-slide15">
                Homeway Express, you are the best. My family is super happy
                because they received their Christmas gifts.
              </p>
            </div>
          </div>
          <div class="reviewing-slide16">
            <img
              src="./assets/img/momo/india shipper.png"
              alt=""
              class="reviewing-slide17"
            />
            <div class="reviewing-slide18">
              <h3 class="reviewing-slide19">Surya Bajwa</h3>
              <p class="reviewing-slide20">
                As a small business owner, I'm thrilled with this shipping
                service! Their rates are competitive, saving us money
              </p>
            </div>
          </div>
          <div class="reviewing-slide21">
            <img
              src="./assets/img/momo/nija.png"
              alt=""
              class="reviewing-slide22"
            />
            <div class="reviewing-slide23">
              <h3 class="reviewing-slide24">Shola Ayodele</h3>
              <p class="reviewing-slide25">
                This shipping partner has seriously leveled up my online selling
                game, receiving supplies on time.
              </p>
            </div>
          </div>
        </ul>
      </div>
    </section>

    <!-- Footer Section -->
    <section class="bg-gray-900 text-white py-12">
      <div class="container mx-auto px-6">
        <!-- First row of links -->
        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 mb-12">
          <!-- About us column -->
          <div>
            <h3 class="text-xl font-semibold mb-4" id="footernav">About us</h3>
            <ul class="space-y-3" id="footernavlinks">
              <li>
                <a href="#" class="text-gray-400 hover:text-white">Our Story</a>
              </li>
              <li>
                <a
                  href="#"
                  class="text-gray-400 hover:text-white flex items-center gap-1"
                >
                  Careers
                  <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="12"
                    height="12"
                    viewBox="0 0 24 24"
                    fill="none"
                    stroke="currentColor"
                    stroke-width="2"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                    class="w-3 h-3"
                  >
                    <path
                      d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"
                    ></path>
                    <polyline points="15 3 21 3 21 9"></polyline>
                    <line x1="10" y1="14" x2="21" y2="3"></line>
                  </svg>
                </a>
              </li>

              <li>
                <a href="#" class="text-gray-400 hover:text-white"
                  >Our Sustainability</a
                >
              </li>
              <li>
                <a href="#" class="text-gray-400 hover:text-white"
                  >Our people</a
                >
              </li>
              <li>
                <a href="#" class="text-gray-400 hover:text-white"
                  >Our communities</a
                >
              </li>
            </ul>
          </div>

          <!-- Help column -->
          <div>
            <h3 class="text-xl font-semibold mb-4" id="footernav">Help</h3>
            <ul class="space-y-3" id="footernavlinks">
              <li>
                <a href="#" class="text-gray-400 hover:text-white"
                  >Help and Contact</a
                >
              </li>
              <li>
                <a href="#" class="text-gray-400 hover:text-white"
                  >Travel Updates</a
                >
              </li>
              <li>
                <a href="#" class="text-gray-400 hover:text-white"
                  >Special Assistance</a
                >
              </li>
              <li>
                <a href="#" class="text-gray-400 hover:text-white"
                  >Frequently asked questions</a
                >
              </li>
            </ul>
          </div>

          <!-- Book column -->
          <div>
            <h3 class="text-xl font-semibold mb-4" id="footernav">Book</h3>
            <ul class="space-y-3" id="footernavlinks">
              <li>
                <a href="#" class="text-gray-400 hover:text-white"
                  >Book flights & hotels</a
                >
              </li>
              <li>
                <a href="#" class="text-gray-400 hover:text-white"
                  >Get a visa</a
                >
              </li>
              <li>
                <a href="#" class="text-gray-400 hover:text-white"
                  >Book Activities</a
                >
              </li>
              <li>
                <a href="#" class="text-gray-400 hover:text-white"
                  >Travel services</a
                >
              </li>

              <li>
                <a href="#" class="text-gray-400 hover:text-white"
                  >Planning your trip</a
                >
              </li>
            </ul>
          </div>

          <!-- Manage column -->
          <div>
            <h3 class="text-xl font-semibold mb-4" id="footernav">Manage</h3>
            <ul class="space-y-3" id="footernavlinks">
              <li>
                <a href="#" class="text-gray-400 hover:text-white"
                  >Manage your booking</a
                >
              </li>
              <li>
                <a href="#" class="text-gray-400 hover:text-white"
                  >Manage Corporate Bookings</a
                >
              </li>
              <li>
                <a href="#" class="text-gray-400 hover:text-white"
                  >Make Payments</a
                >
              </li>
              <li>
                <a href="#" class="text-gray-400 hover:text-white"
                  >Chauffeur drive</a
                >
              </li>
              <li>
                <a href="#" class="text-gray-400 hover:text-white"
                  >Flight status</a
                >
              </li>
            </ul>
          </div>
        </div>

        <!-- Second row of links -->
        <div
          class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 mb-12"
          id="senrow"
        >
          <!-- Before you fly column -->
          <div>
            <h3 class="text-xl font-semibold mb-4" id="footernav">
              Before you fly
            </h3>
            <ul class="space-y-3" id="footernavlinks">
              <li>
                <a href="#" class="text-gray-400 hover:text-white">Baggage</a>
              </li>
              <li>
                <a href="#" class="text-gray-400 hover:text-white"
                  >Visa and passport information</a
                >
              </li>
              <li>
                <a href="#" class="text-gray-400 hover:text-white">Health</a>
              </li>
              <li>
                <a href="#" class="text-gray-400 hover:text-white"
                  >Travel information</a
                >
              </li>
              <li>
                <a href="#" class="text-gray-400 hover:text-white"
                  >Dubai International</a
                >
              </li>
              <li>
                <a href="#" class="text-gray-400 hover:text-white"
                  >To and from the airport</a
                >
              </li>
              <li>
                <a href="#" class="text-gray-400 hover:text-white"
                  >Rules and notices</a
                >
              </li>
            </ul>
          </div>

          <!-- Where to fly column -->
          <div>
            <h3 class="text-xl font-semibold mb-4" id="footernav">
              Where to fly
            </h3>
            <ul class="space-y-3" id="footernavlinks">
              <li>
                <a href="#" class="text-gray-400 hover:text-white"
                  >Flights to all countries</a
                >
              </li>
              <li>
                <a href="#" class="text-gray-400 hover:text-white">Africa</a>
              </li>
              <li>
                <a href="#" class="text-gray-400 hover:text-white"
                  >Asia and Pacific</a
                >
              </li>
              <li>
                <a href="#" class="text-gray-400 hover:text-white">Europe</a>
              </li>
              <li>
                <a href="#" class="text-gray-400 hover:text-white"
                  >North America and South America</a
                >
              </li>
              <li>
                <a href="#" class="text-gray-400 hover:text-white"
                  >Middle East</a
                >
              </li>
            </ul>
          </div>

          <!-- Experience column -->
          <div>
            <h3 class="text-xl font-semibold mb-4" id="footernav">
              Experience
            </h3>
            <ul class="space-y-3" id="footernavlinks">
              <li>
                <a href="#" class="text-gray-400 hover:text-white"
                  >Safari Experience</a
                >
              </li>
              <li>
                <a href="#" class="text-gray-400 hover:text-white"
                  >Adventure Experience</a
                >
              </li>
              <li>
                <a href="#" class="text-gray-400 hover:text-white"
                  >What's on your flight</a
                >
              </li>
              <li>
                <a href="#" class="text-gray-400 hover:text-white"
                  >GOOSAY rewards experience</a
                >
              </li>

              <li>
                <a href="#" class="text-gray-400 hover:text-white"
                  >Local Market Shopping
                </a>
              </li>
            </ul>
          </div>

          <!-- Loyalty column -->
          <div>
            <h3 class="text-xl font-semibold mb-4" id="footernav">Loyalty</h3>
            <ul class="space-y-3" id="footernavlinks">
              <li>
                <a href="#" class="text-gray-400 hover:text-white"
                  >Join Goosay Rewards</a
                >
              </li>
              <li>
                <a href="#" class="text-gray-400 hover:text-white">Offers</a>
              </li>
              <li>
                <a href="#" class="text-gray-400 hover:text-white"
                  >Our partners</a
                >
              </li>
              <li>
                <a href="#" class="text-gray-400 hover:text-white"
                  >Business Rewards benefits</a
                >
              </li>

              <li>
                <a href="#" class="text-gray-400 hover:text-white"
                  >Goosay Affilate</a
                >
              </li>
            </ul>
          </div>
        </div>

        <!-- Third row - subscription and social media -->
        <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
          <!-- Subscribe column -->
          <div>
            <h3 class="text-xl font-semibold mb-4">
              Subscribe to our special offers
            </h3>
            <p class="text-gray-400 mb-4">
              Save with our latest fares and offers.
            </p>
            <a
              href="#"
              class="text-gray-400 hover:text-white underline mb-4 block"
              >Unsubscribe or change your preferences</a
            >

            <div class="flex flex-col sm:flex-row gap-2 mb-6">
              <input
                type="email"
                placeholder="Email address"
                class="bg-white border border-gray-300 text-black p-2 rounded w-full sm:w-auto"
              />
              <button
                class="bg-gray-800 hover:bg-gray-700 text-white p-2 rounded"
              >
                Subscribe
              </button>
            </div>

            <p class="text-sm text-gray-400">
              For details on how we use your information, please see our
              <a href="#" class="underline">privacy policy</a>.
            </p>
          </div>

          <!-- App column -->
          <div>
            <h3 class="text-xl font-semibold mb-4">Goosay App</h3>
            <p class="text-gray-400 mb-4">
              Book and manage your flights on the go.
            </p>
            <div class="flex flex-wrap gap-3">
              <a
                target="_blank"
                class="apple-ion"
                data-tracking-id="download_ios_app"
                href="#"
                style="cursor: pointer"
              >
                <svg
                  width="9.75rem"
                  height="3.25rem"
                  viewBox="0 0 175 60"
                  fill="none"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <rect
                    width="174"
                    height="59"
                    x="0.5"
                    y="0.5"
                    fill="#10151F"
                    rx="7.5"
                  ></rect>
                  <rect
                    width="174"
                    height="59"
                    x="0.5"
                    y="0.5"
                    stroke="url(#:R9lbl56n9uuu9cqnhja:-linear-gradient)"
                    rx="7.5"
                  ></rect>
                  <g clip-path="url(#:R9lbl56n9uuu9cqnhja:-clip-path)">
                    <path
                      fill="#fff"
                      d="M48.056 38.938a17.403 17.403 0 0 1-1.72 3.093c-.905 1.29-1.646 2.183-2.217 2.679-.885.814-1.833 1.23-2.848 1.254-.729 0-1.608-.207-2.631-.628-1.027-.419-1.97-.626-2.833-.626-.904 0-1.875.207-2.912.626-1.04.42-1.877.64-2.517.662-.974.041-1.944-.387-2.913-1.288-.618-.54-1.392-1.464-2.318-2.773-.994-1.399-1.811-3.02-2.451-4.87-.686-1.996-1.03-3.93-1.03-5.802 0-2.145.464-3.994 1.392-5.544a8.162 8.162 0 0 1 2.914-2.948 7.84 7.84 0 0 1 3.94-1.112c.774 0 1.788.239 3.048.709 1.257.472 2.064.71 2.418.71.264 0 1.16-.279 2.68-.836 1.437-.517 2.65-.732 3.643-.647 2.693.217 4.715 1.278 6.06 3.19-2.407 1.46-3.598 3.503-3.575 6.124.022 2.042.763 3.74 2.218 5.09a7.289 7.289 0 0 0 2.217 1.454c-.178.515-.366 1.01-.565 1.483ZM41.88 14.641c0 1.6-.585 3.094-1.75 4.477-1.406 1.645-3.107 2.595-4.952 2.445a4.982 4.982 0 0 1-.037-.607c0-1.536.669-3.18 1.856-4.525.593-.68 1.347-1.246 2.262-1.698.913-.444 1.776-.69 2.588-.733.023.214.033.428.033.64Z"
                    ></path>
                  </g>
                  <path
                    fill="#fff"
                    d="M62.784 20H59.96v-8.727h2.915c.855 0 1.59.174 2.203.524a3.454 3.454 0 0 1 1.41 1.496c.33.647.495 1.424.495 2.33 0 .91-.167 1.69-.499 2.344a3.5 3.5 0 0 1-1.432 1.509c-.625.35-1.38.524-2.267.524Zm-1.508-1.15h1.436c.664 0 1.217-.126 1.657-.376.44-.252.77-.618.989-1.095.219-.48.328-1.065.328-1.755 0-.685-.11-1.266-.328-1.743a2.319 2.319 0 0 0-.967-1.087c-.43-.247-.962-.37-1.598-.37h-1.517v6.425Zm9.998 1.282c-.614 0-1.15-.14-1.607-.422a2.845 2.845 0 0 1-1.065-1.18c-.253-.506-.38-1.097-.38-1.773 0-.679.127-1.273.38-1.781a2.839 2.839 0 0 1 1.065-1.185c.458-.281.993-.422 1.607-.422s1.149.14 1.606.422c.458.281.813.676 1.066 1.185.253.508.379 1.102.379 1.781 0 .676-.127 1.267-.38 1.773-.252.505-.607.899-1.065 1.18-.457.281-.993.422-1.606.422Zm.004-1.07c.398 0 .727-.105.989-.315.261-.21.454-.49.58-.84.127-.349.191-.734.191-1.154 0-.418-.064-.801-.192-1.15a1.874 1.874 0 0 0-.58-.849c-.26-.213-.59-.32-.988-.32-.4 0-.733.107-.997.32a1.903 1.903 0 0 0-.584.848c-.125.35-.187.733-.187 1.15 0 .421.062.806.187 1.156.128.35.323.629.584.84.264.21.596.314.997.314Zm5.689.938-1.926-6.545h1.317l1.282 4.806h.064l1.287-4.807h1.317l1.278 4.786h.064l1.274-4.785h1.317L82.32 20h-1.3l-1.329-4.726h-.098L78.262 20h-1.295Zm9.757-3.886V20H85.45v-6.545h1.223v1.065h.081a1.87 1.87 0 0 1 .708-.835c.324-.21.731-.316 1.223-.316.446 0 .836.094 1.172.282.335.184.595.46.78.826.184.367.276.82.276 1.36V20H89.64v-4.01c0-.474-.123-.845-.37-1.112-.248-.27-.587-.405-1.019-.405-.295 0-.558.064-.788.192a1.379 1.379 0 0 0-.541.562c-.131.245-.197.54-.197.887Zm7.172-4.841V20h-1.274v-8.727h1.274Zm4.471 8.86c-.613 0-1.149-.142-1.606-.423a2.844 2.844 0 0 1-1.065-1.18c-.253-.506-.38-1.097-.38-1.773 0-.679.127-1.273.38-1.781a2.838 2.838 0 0 1 1.065-1.185c.457-.281.993-.422 1.607-.422.613 0 1.149.14 1.606.422.457.281.813.676 1.065 1.185.253.508.38 1.102.38 1.781 0 .676-.127 1.267-.38 1.773-.252.505-.608.899-1.065 1.18-.457.281-.993.422-1.607.422Zm.005-1.07c.397 0 .727-.106.988-.316.262-.21.455-.49.58-.84.128-.349.192-.734.192-1.154 0-.418-.064-.801-.192-1.15a1.874 1.874 0 0 0-.58-.849c-.26-.213-.59-.32-.988-.32-.401 0-.733.107-.997.32a1.905 1.905 0 0 0-.584.848c-.125.35-.188.733-.188 1.15 0 .421.063.806.188 1.156.128.35.322.629.584.84.264.21.596.314.997.314Zm6.374 1.082c-.415 0-.79-.077-1.125-.23a1.897 1.897 0 0 1-.797-.678c-.193-.295-.29-.658-.29-1.086 0-.37.071-.674.213-.912.142-.239.334-.428.575-.567a3.02 3.02 0 0 1 .81-.316c.298-.07.602-.125.912-.161l.955-.111c.244-.031.421-.081.532-.15.111-.068.166-.178.166-.332v-.03c0-.372-.105-.66-.315-.865-.207-.204-.517-.306-.929-.306-.429 0-.767.095-1.014.285a1.532 1.532 0 0 0-.507.626l-1.198-.272c.142-.398.35-.719.623-.963.275-.248.592-.426.95-.537.358-.114.734-.17 1.129-.17.261 0 .538.03.831.093.296.06.571.17.827.332.258.162.47.394.635.695.164.298.247.686.247 1.163V20h-1.244v-.895h-.052a1.817 1.817 0 0 1-.37.486c-.165.159-.377.291-.635.396a2.464 2.464 0 0 1-.929.158Zm.277-1.023c.352 0 .653-.07.903-.209.253-.139.445-.32.575-.545.134-.227.201-.47.201-.729v-.844a.673.673 0 0 1-.264.128c-.128.037-.275.07-.439.098l-.482.073-.392.05a3.167 3.167 0 0 0-.678.159c-.201.073-.363.18-.485.32-.12.135-.179.317-.179.545 0 .315.116.554.349.716.233.159.53.238.891.238Zm7.1 1.006c-.528 0-1-.135-1.415-.405-.411-.273-.735-.66-.971-1.163-.233-.506-.35-1.113-.35-1.82 0-.707.118-1.312.354-1.815.239-.503.565-.888.98-1.155a2.55 2.55 0 0 1 1.411-.4c.406 0 .733.067.98.204.25.133.443.29.579.469.14.179.248.336.324.473h.077v-3.243h1.274V20h-1.244v-1.018h-.107a3.3 3.3 0 0 1-.332.477 1.847 1.847 0 0 1-.588.469c-.25.133-.574.2-.972.2Zm.281-1.087c.367 0 .677-.096.929-.29.256-.196.449-.467.58-.814.134-.346.2-.75.2-1.21 0-.454-.065-.852-.196-1.193a1.747 1.747 0 0 0-.575-.797c-.253-.19-.565-.285-.938-.285-.383 0-.703.1-.958.298-.256.199-.449.47-.58.814a3.316 3.316 0 0 0-.192 1.163c0 .438.066.831.196 1.18.131.35.324.627.58.832.258.201.577.302.954.302Zm10.714 1.091c-.614 0-1.15-.14-1.607-.422a2.847 2.847 0 0 1-1.065-1.18c-.253-.506-.38-1.097-.38-1.773 0-.679.127-1.273.38-1.781a2.841 2.841 0 0 1 1.065-1.185c.457-.281.993-.422 1.607-.422.613 0 1.149.14 1.606.422.457.281.813.676 1.065 1.185.253.508.38 1.102.38 1.781 0 .676-.127 1.267-.38 1.773a2.84 2.84 0 0 1-1.065 1.18c-.457.281-.993.422-1.606.422Zm.004-1.07c.398 0 .727-.105.988-.315.262-.21.455-.49.58-.84.128-.349.192-.734.192-1.154 0-.418-.064-.801-.192-1.15a1.87 1.87 0 0 0-.58-.849c-.261-.213-.59-.32-.988-.32-.401 0-.733.107-.997.32a1.9 1.9 0 0 0-.584.848c-.125.35-.188.733-.188 1.15 0 .421.063.806.188 1.156.128.35.322.629.584.84.264.21.596.314.997.314Zm5.743-2.948V20h-1.274v-6.545h1.223v1.065h.08a1.87 1.87 0 0 1 .708-.835c.324-.21.732-.316 1.223-.316.446 0 .837.094 1.172.282.335.184.595.46.78.826.184.367.277.82.277 1.36V20h-1.274v-4.01c0-.474-.124-.845-.371-1.112-.247-.27-.587-.405-1.019-.405-.296 0-.559.064-.789.192a1.378 1.378 0 0 0-.541.562c-.13.245-.196.54-.196.887Zm12.129-2.66v1.023h-3.575v-1.023h3.575Zm-2.617-1.568h1.275v6.192c0 .247.037.433.11.558a.578.578 0 0 0 .286.252c.119.042.249.064.388.064.102 0 .191-.007.268-.022.077-.014.137-.025.179-.034l.23 1.053a2.494 2.494 0 0 1-.826.136 2.244 2.244 0 0 1-.938-.179 1.606 1.606 0 0 1-.703-.58c-.179-.26-.269-.589-.269-.984v-6.456Zm5.441 4.228V20h-1.274v-8.727h1.257v3.247h.081c.154-.352.388-.632.703-.84.316-.207.728-.31 1.236-.31.449 0 .841.092 1.176.276.338.185.6.46.784.827.188.364.281.818.281 1.364V20h-1.274v-4.01c0-.48-.123-.852-.37-1.116-.248-.268-.591-.401-1.032-.401-.301 0-.571.064-.809.192a1.387 1.387 0 0 0-.559.562c-.133.245-.2.54-.2.887Zm8.766 4.018c-.645 0-1.2-.138-1.666-.413a2.806 2.806 0 0 1-1.074-1.172c-.25-.506-.375-1.098-.375-1.777 0-.67.125-1.262.375-1.773.253-.511.605-.91 1.057-1.197.454-.287.985-.43 1.593-.43.37 0 .728.06 1.074.183.347.122.658.313.933.575.276.261.493.6.652 1.018.16.415.239.92.239 1.513v.452h-5.203v-.955h3.954c0-.335-.068-.632-.204-.89a1.545 1.545 0 0 0-.575-.618 1.612 1.612 0 0 0-.861-.226c-.358 0-.671.088-.938.264-.264.173-.468.4-.613.682a1.969 1.969 0 0 0-.213.908v.745c0 .438.076.81.23 1.117.156.307.373.541.652.703.278.159.603.238.976.238.241 0 .461-.034.66-.102a1.37 1.37 0 0 0 .848-.831l1.206.218c-.097.355-.27.666-.52.933-.247.264-.558.47-.933.618a3.492 3.492 0 0 1-1.274.217ZM62.2 43h-2.33l5.235-14.546h2.535L72.874 43h-2.33l-4.111-11.903h-.114L62.2 43Zm.39-5.696h7.557v1.847H62.59v-1.847Zm12.215 9.787v-15h2.073v1.768h.178c.123-.227.3-.49.533-.788.232-.298.554-.559.966-.781.411-.227.956-.341 1.633-.341.88 0 1.667.222 2.358.668.691.445 1.233 1.086 1.626 1.924.398.838.597 1.847.597 3.026 0 1.179-.197 2.19-.59 3.032-.392.839-.932 1.485-1.619 1.94-.686.45-1.47.674-2.35.674-.663 0-1.206-.111-1.627-.334-.417-.222-.743-.483-.98-.781a5.924 5.924 0 0 1-.547-.795h-.128v5.788h-2.123Zm2.08-9.545c0 .767.112 1.439.334 2.017.223.577.545 1.03.966 1.356.422.322.938.483 1.549.483.634 0 1.164-.168 1.59-.504.427-.341.749-.803.966-1.385.223-.583.334-1.238.334-1.967 0-.72-.109-1.367-.327-1.94-.213-.572-.535-1.025-.965-1.356-.427-.331-.96-.497-1.598-.497-.616 0-1.137.159-1.563.476-.421.317-.741.76-.959 1.328s-.326 1.23-.326 1.989Zm10.263 9.545v-15h2.074v1.768h.178c.123-.227.3-.49.532-.788.232-.298.554-.559.966-.781.412-.227.957-.341 1.634-.341.88 0 1.666.222 2.358.668.691.445 1.233 1.086 1.626 1.924.398.838.597 1.847.597 3.026 0 1.179-.197 2.19-.59 3.032-.393.839-.932 1.485-1.62 1.94-.686.45-1.47.674-2.35.674-.663 0-1.205-.111-1.626-.334-.417-.222-.744-.483-.98-.781a5.905 5.905 0 0 1-.547-.795h-.128v5.788h-2.124Zm2.081-9.545c0 .767.112 1.439.334 2.017.223.577.544 1.03.966 1.356.421.322.937.483 1.548.483.635 0 1.165-.168 1.591-.504.426-.341.748-.803.966-1.385.223-.583.334-1.238.334-1.967 0-.72-.109-1.367-.327-1.94-.213-.572-.535-1.025-.966-1.356-.426-.331-.959-.497-1.598-.497-.615 0-1.136.159-1.562.476-.422.317-.741.76-.96 1.328s-.326 1.23-.326 1.989Zm23.66-5.27c-.076-.673-.389-1.194-.938-1.563-.549-.374-1.24-.561-2.074-.561-.596 0-1.112.095-1.548.284-.436.185-.774.44-1.016.767a1.815 1.815 0 0 0-.355 1.101c0 .346.081.644.242.895.165.25.381.462.646.632.27.166.559.305.867.419.307.109.603.199.887.27l1.421.37c.464.113.94.267 1.427.46.488.195.94.45 1.357.768.417.317.753.71 1.008 1.179.261.469.391 1.03.391 1.683 0 .824-.213 1.556-.639 2.195-.422.639-1.035 1.143-1.84 1.513-.8.369-1.768.554-2.905.554-1.089 0-2.031-.173-2.826-.519-.796-.346-1.418-.836-1.868-1.47-.45-.64-.699-1.397-.746-2.273h2.202c.042.526.213.964.511 1.314.303.346.689.604 1.158.774.473.166.992.249 1.555.249.621 0 1.172-.097 1.655-.291.488-.2.871-.474 1.151-.824.279-.355.419-.77.419-1.243 0-.431-.123-.784-.37-1.058-.241-.275-.57-.502-.987-.682a9.632 9.632 0 0 0-1.399-.476l-1.719-.469c-1.164-.317-2.088-.784-2.77-1.399-.677-.616-1.015-1.43-1.015-2.443 0-.838.227-1.57.682-2.195.454-.625 1.07-1.11 1.846-1.456.777-.35 1.653-.525 2.628-.525.985 0 1.854.173 2.607.518.757.346 1.354.822 1.789 1.428.436.601.663 1.292.682 2.074h-2.116Zm9.859-.185v1.705h-5.958V32.09h5.958Zm-4.36-2.614h2.123v10.32c0 .412.062.722.185.93a.964.964 0 0 0 .476.42c.199.07.414.106.646.106.17 0 .32-.012.447-.036l.299-.056.383 1.754a3.567 3.567 0 0 1-.525.142c-.228.052-.512.08-.853.085a3.739 3.739 0 0 1-1.562-.298 2.68 2.68 0 0 1-1.172-.966c-.298-.436-.447-.983-.447-1.64v-10.76Zm11.187 13.743c-1.022 0-1.915-.234-2.677-.703s-1.354-1.125-1.776-1.967c-.421-.843-.632-1.828-.632-2.955 0-1.132.211-2.121.632-2.969.422-.847 1.014-1.505 1.776-1.974.762-.469 1.655-.703 2.677-.703 1.023 0 1.916.234 2.678.703s1.354 1.127 1.776 1.974c.421.848.632 1.837.632 2.97 0 1.126-.211 2.11-.632 2.954-.422.843-1.014 1.498-1.776 1.967-.762.469-1.655.703-2.678.703Zm.008-1.782c.662 0 1.212-.176 1.647-.526.436-.35.758-.817.966-1.4.213-.582.32-1.223.32-1.924 0-.696-.107-1.335-.32-1.917-.208-.588-.53-1.059-.966-1.414-.435-.355-.985-.533-1.647-.533-.668 0-1.222.178-1.662.533-.436.355-.76.826-.973 1.414a5.64 5.64 0 0 0-.313 1.917c0 .7.104 1.342.313 1.925.213.582.537 1.049.973 1.399.44.35.994.526 1.662.526ZM137.031 43V32.09h2.053v1.734h.113a2.642 2.642 0 0 1 1.051-1.385 3.01 3.01 0 0 1 1.719-.511 9.04 9.04 0 0 1 .902.05v2.03a3.809 3.809 0 0 0-.454-.078 4.35 4.35 0 0 0-.654-.05c-.502 0-.949.107-1.342.32a2.373 2.373 0 0 0-1.264 2.138V43h-2.124Zm11.987.22c-1.075 0-2.001-.23-2.777-.689a4.676 4.676 0 0 1-1.79-1.953c-.416-.843-.625-1.83-.625-2.962 0-1.117.209-2.102.625-2.954.422-.852 1.009-1.518 1.762-1.996.757-.478 1.643-.717 2.656-.717a5.35 5.35 0 0 1 1.79.305 4.337 4.337 0 0 1 1.555.96c.459.435.821 1 1.087 1.696.265.692.397 1.532.397 2.522v.753h-8.672v-1.591h6.591c0-.559-.113-1.054-.341-1.485a2.574 2.574 0 0 0-.958-1.03c-.408-.25-.886-.376-1.435-.376-.597 0-1.117.147-1.563.44-.44.29-.781.668-1.022 1.137a3.277 3.277 0 0 0-.355 1.513v1.242c0 .73.127 1.35.383 1.861.261.512.623.902 1.087 1.172.464.265 1.006.398 1.626.398.403 0 .77-.057 1.101-.17.332-.119.618-.294.859-.526.242-.232.427-.519.554-.86l2.01.363a3.635 3.635 0 0 1-.866 1.555c-.412.44-.93.784-1.555 1.03-.621.241-1.329.362-2.124.362Z"
                  ></path>
                  <defs>
                    <linearGradient
                      id=":R9lbl56n9uuu9cqnhja:-linear-gradient"
                      x1="6.629"
                      x2="126.733"
                      y1="12.632"
                      y2="-41.379"
                      gradientUnits="userSpaceOnUse"
                    >
                      <stop stop-color="#DB519E"></stop>
                      <stop offset="0.499" stop-color="#B14BF4"></stop>
                      <stop offset="1" stop-color="#6A6AFB"></stop>
                    </linearGradient>
                    <clipPath id=":R9lbl56n9uuu9cqnhja:-clip-path">
                      <path fill="#fff" d="M19 14h32v32H19z"></path>
                    </clipPath>
                  </defs></svg
              ></a>
              <a
                target="_blank"
                class="android-ion"
                data-tracking-id="download_android_app"
                href="#"
                style="cursor: pointer"
                ><svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="9.75rem"
                  height="3.25rem"
                  viewBox="0 0 175 60"
                  fill="none"
                >
                  <rect
                    width="174"
                    height="59"
                    x="0.5"
                    y="0.5"
                    fill="#10151F"
                    rx="7.5"
                  ></rect>
                  <rect
                    width="174"
                    height="59"
                    x="0.5"
                    y="0.5"
                    stroke="url(#:Ralbl56n9uuu9cqnhja:)"
                    rx="7.5"
                  ></rect>
                  <path
                    fill="#EA4335"
                    d="m25.552 29.282-13.246 14.06.002.007a3.577 3.577 0 0 0 5.27 2.158l.043-.025 14.91-8.603-6.98-7.597Z"
                  ></path>
                  <path
                    fill="#FBBC04"
                    d="m38.953 26.889-.013-.01-6.437-3.73L25.25 29.6l7.277 7.276 6.403-3.694a3.58 3.58 0 0 0 .021-6.294Z"
                  ></path>
                  <path
                    fill="#4285F4"
                    d="M12.306 16.658c-.08.294-.122.601-.122.92v24.843c0 .319.041.628.122.92l13.702-13.699-13.702-12.984Z"
                  ></path>
                  <path
                    fill="#34A853"
                    d="m25.65 30 6.855-6.854-14.893-8.635a3.586 3.586 0 0 0-5.306 2.143v.004L25.649 30Z"
                  ></path>
                  <path
                    fill="#fff"
                    d="M55.681 14.03a2.665 2.665 0 0 0-.332-.695 2.124 2.124 0 0 0-1.142-.865 2.621 2.621 0 0 0-.797-.115c-.492 0-.935.126-1.33.38-.395.252-.707.623-.937 1.112-.228.485-.341 1.08-.341 1.785 0 .708.115 1.306.345 1.794.23.489.545.86.946 1.112.4.253.856.38 1.368.38.474 0 .888-.097 1.24-.29.355-.193.63-.466.822-.818.196-.355.294-.773.294-1.253l.341.064h-2.497v-1.087h3.43v.993c0 .733-.156 1.37-.468 1.91-.31.536-.739.95-1.287 1.243-.546.293-1.17.44-1.875.44-.79 0-1.483-.183-2.08-.546-.594-.364-1.057-.88-1.389-1.547-.332-.67-.499-1.466-.499-2.386 0-.696.097-1.321.29-1.875a4.071 4.071 0 0 1 .814-1.41c.352-.39.766-.687 1.24-.892a3.882 3.882 0 0 1 1.564-.31c.472 0 .91.069 1.317.208.409.14.773.337 1.09.592a3.354 3.354 0 0 1 1.224 2.076H55.68Zm5.8 6.102c-.644 0-1.2-.138-1.665-.413a2.804 2.804 0 0 1-1.074-1.172c-.25-.506-.375-1.098-.375-1.777 0-.67.125-1.261.375-1.773.253-.511.605-.91 1.057-1.197.454-.287.985-.43 1.593-.43.37 0 .728.06 1.074.183.347.122.658.313.933.575.276.261.493.6.652 1.018.16.415.239.92.239 1.513v.452h-5.203v-.955h3.954c0-.335-.068-.632-.204-.89a1.548 1.548 0 0 0-.575-.618 1.608 1.608 0 0 0-.861-.226c-.358 0-.67.088-.938.264-.264.173-.468.4-.613.682a1.968 1.968 0 0 0-.213.908v.745c0 .438.076.81.23 1.117.156.307.373.541.652.703.278.159.603.238.976.238.241 0 .461-.034.66-.102a1.37 1.37 0 0 0 .848-.831l1.206.218c-.097.355-.27.666-.52.933a2.52 2.52 0 0 1-.933.618 3.493 3.493 0 0 1-1.274.217Zm7.278-6.678v1.023h-3.575v-1.022h3.575Zm-2.616-1.568h1.274v6.192c0 .247.037.433.11.558a.578.578 0 0 0 .286.252c.12.042.249.064.388.064.102 0 .192-.007.268-.022l.18-.034.23 1.053a2.497 2.497 0 0 1-.827.136 2.243 2.243 0 0 1-.938-.179 1.608 1.608 0 0 1-.703-.58c-.179-.26-.268-.589-.268-.984v-6.456ZM73.344 20v-6.545h1.275V20h-1.275Zm.644-7.555a.81.81 0 0 1-.571-.222.72.72 0 0 1-.235-.537c0-.21.079-.39.235-.537.159-.15.35-.226.57-.226.222 0 .411.076.568.226a.706.706 0 0 1 .238.537c0 .208-.08.386-.238.537a.795.795 0 0 1-.567.222Zm5.4 1.01v1.022h-3.575v-1.022h3.575Zm-2.616-1.569h1.274v6.192c0 .247.037.433.11.558a.578.578 0 0 0 .286.252c.12.042.249.064.388.064.102 0 .191-.007.268-.022l.18-.034.23 1.053a2.497 2.497 0 0 1-.827.136 2.243 2.243 0 0 1-.938-.179 1.608 1.608 0 0 1-.703-.58c-.179-.26-.269-.589-.269-.984v-6.456Zm9.958 8.246c-.613 0-1.149-.14-1.606-.422a2.844 2.844 0 0 1-1.065-1.18c-.253-.506-.38-1.097-.38-1.773 0-.679.127-1.273.38-1.781a2.838 2.838 0 0 1 1.065-1.185c.457-.281.993-.422 1.606-.422.613 0 1.149.14 1.606.422.457.281.813.676 1.065 1.185.253.508.38 1.102.38 1.781 0 .676-.127 1.267-.38 1.773-.252.505-.608.899-1.065 1.18-.457.281-.993.422-1.607.422Zm.005-1.07c.397 0 .727-.105.988-.315.262-.21.455-.49.58-.84.128-.349.192-.734.192-1.154 0-.418-.064-.801-.192-1.15a1.874 1.874 0 0 0-.58-.849c-.261-.213-.59-.32-.988-.32-.401 0-.733.107-.997.32a1.905 1.905 0 0 0-.584.848c-.125.35-.188.733-.188 1.15 0 .421.063.806.188 1.156.128.35.322.629.584.84.264.21.596.314.997.314Zm5.743-2.948V20h-1.274v-6.545h1.223v1.065h.08a1.87 1.87 0 0 1 .708-.835c.324-.21.732-.316 1.223-.316.446 0 .837.094 1.172.282.335.184.595.46.78.826.184.367.277.82.277 1.36V20h-1.274v-4.01c0-.474-.124-.845-.371-1.112-.247-.27-.587-.405-1.019-.405-.295 0-.558.064-.788.192a1.378 1.378 0 0 0-.541.562c-.13.245-.196.54-.196.887ZM60.258 33.05a4.44 4.44 0 0 0-.554-1.158 3.54 3.54 0 0 0-.817-.88 3.43 3.43 0 0 0-1.087-.562 4.368 4.368 0 0 0-1.328-.191c-.819 0-1.558.21-2.216.632-.658.421-1.179 1.039-1.562 1.853-.379.81-.568 1.802-.568 2.976 0 1.18.191 2.176.575 2.99.383.815.909 1.433 1.577 1.854s1.427.632 2.28.632c.79 0 1.479-.161 2.066-.483a3.365 3.365 0 0 0 1.37-1.364c.328-.591.491-1.287.491-2.088l.568.107h-4.162v-1.811h5.718v1.655c0 1.221-.26 2.282-.782 3.181a5.32 5.32 0 0 1-2.145 2.074c-.909.488-1.95.732-3.125.732-1.316 0-2.471-.303-3.465-.91-.99-.605-1.762-1.465-2.316-2.577-.554-1.118-.83-2.444-.83-3.978 0-1.16.16-2.201.482-3.125.322-.923.774-1.707 1.357-2.35a5.923 5.923 0 0 1 2.066-1.485 6.47 6.47 0 0 1 2.607-.518c.786 0 1.518.116 2.195.348a5.919 5.919 0 0 1 1.818.987 5.589 5.589 0 0 1 2.038 3.459h-2.251Zm9.561 10.17c-1.023 0-1.915-.234-2.677-.703-.763-.469-1.355-1.125-1.776-1.967s-.632-1.828-.632-2.955c0-1.132.21-2.121.632-2.969.422-.847 1.013-1.505 1.776-1.974.762-.469 1.654-.703 2.677-.703 1.023 0 1.915.234 2.678.703.762.469 1.354 1.127 1.775 1.974.422.848.632 1.837.632 2.97 0 1.126-.21 2.11-.632 2.954-.422.843-1.014 1.498-1.776 1.967-.762.469-1.655.703-2.678.703Zm.007-1.782c.663 0 1.212-.176 1.648-.526.435-.35.757-.817.966-1.4.213-.582.32-1.223.32-1.924 0-.696-.107-1.335-.32-1.917-.209-.588-.53-1.059-.966-1.414-.436-.355-.985-.533-1.648-.533-.667 0-1.221.178-1.662.533-.436.355-.76.826-.973 1.414a5.654 5.654 0 0 0-.312 1.917c0 .7.104 1.342.312 1.925.213.582.538 1.049.973 1.399.44.35.995.526 1.662.526ZM81.87 43.22c-1.023 0-1.915-.234-2.678-.703-.762-.469-1.354-1.125-1.775-1.967s-.632-1.828-.632-2.955c0-1.132.21-2.121.632-2.969.421-.847 1.013-1.505 1.775-1.974.763-.469 1.655-.703 2.678-.703s1.915.234 2.677.703c.763.469 1.355 1.127 1.776 1.974.421.848.632 1.837.632 2.97 0 1.126-.21 2.11-.632 2.954-.422.843-1.014 1.498-1.776 1.967-.762.469-1.655.703-2.678.703Zm.007-1.782c.663 0 1.212-.176 1.648-.526.435-.35.757-.817.966-1.4.213-.582.32-1.223.32-1.924 0-.696-.107-1.335-.32-1.917-.209-.588-.53-1.059-.966-1.414-.436-.355-.985-.533-1.648-.533-.668 0-1.222.178-1.662.533-.436.355-.76.826-.973 1.414a5.654 5.654 0 0 0-.312 1.917c0 .7.104 1.342.312 1.925.213.582.537 1.049.973 1.399.44.35.994.526 1.662.526Zm12.022 5.88c-.866 0-1.612-.113-2.237-.34-.62-.228-1.127-.529-1.52-.903a3.787 3.787 0 0 1-.88-1.228l1.825-.753c.128.208.298.428.511.66.218.237.512.438.88.604.375.166.856.249 1.443.249.805 0 1.47-.197 1.995-.59.526-.388.789-1.008.789-1.86V41.01h-.135c-.128.232-.313.49-.554.775-.237.284-.564.53-.98.738-.417.209-.96.313-1.627.313-.861 0-1.638-.202-2.33-.604-.686-.407-1.23-1.006-1.633-1.797-.398-.795-.596-1.773-.596-2.933s.196-2.154.59-2.983c.397-.829.941-1.463 1.633-1.904.691-.445 1.475-.667 2.35-.667.678 0 1.224.114 1.641.34.417.223.741.484.973.782.237.298.42.561.547.788h.156v-1.768h2.081v11.15c0 .938-.218 1.707-.653 2.309-.436.601-1.025 1.046-1.769 1.335-.738.289-1.572.433-2.5.433Zm-.02-6.243c.61 0 1.126-.142 1.547-.426.426-.289.748-.7.966-1.236.223-.54.334-1.186.334-1.939 0-.733-.109-1.38-.327-1.938s-.537-.995-.958-1.307c-.422-.317-.943-.476-1.563-.476-.64 0-1.172.166-1.598.497-.426.327-.748.772-.966 1.335-.213.564-.32 1.193-.32 1.89 0 .714.11 1.342.327 1.882.218.54.54.96.966 1.264.431.303.961.454 1.591.454Zm9.914-12.62V43h-2.124V28.454h2.124Zm7.558 14.765c-1.074 0-2-.23-2.777-.689a4.673 4.673 0 0 1-1.789-1.953c-.417-.843-.625-1.83-.625-2.961 0-1.118.208-2.103.625-2.955.421-.852 1.008-1.518 1.761-1.996.758-.478 1.643-.717 2.656-.717.616 0 1.212.102 1.79.305a4.328 4.328 0 0 1 1.555.96c.46.435.822 1 1.087 1.697.265.69.398 1.531.398 2.52v.754h-8.672v-1.591h6.591c0-.559-.114-1.054-.341-1.485a2.576 2.576 0 0 0-.959-1.03c-.407-.25-.885-.376-1.435-.376-.596 0-1.117.147-1.562.44-.44.29-.781.668-1.023 1.137a3.29 3.29 0 0 0-.355 1.513v1.243c0 .729.128 1.349.384 1.86.26.512.622.902 1.086 1.172.464.265 1.006.398 1.627.398.402 0 .769-.057 1.101-.17.331-.119.617-.294.859-.526.241-.232.426-.519.554-.86l2.01.363a3.637 3.637 0 0 1-.867 1.555c-.412.44-.93.784-1.555 1.03-.62.241-1.328.362-2.124.362Zm12.5-.22V28.454h5.185c1.132 0 2.069.206 2.813.618.743.412 1.299.976 1.669 1.69.369.711.554 1.511.554 2.401 0 .895-.187 1.7-.561 2.415-.37.71-.929 1.274-1.677 1.69-.743.412-1.678.618-2.805.618h-3.565v-1.86h3.366c.715 0 1.295-.124 1.74-.37.445-.25.772-.592.98-1.023.209-.43.313-.92.313-1.47 0-.549-.104-1.037-.313-1.463a2.237 2.237 0 0 0-.987-1.001c-.445-.242-1.032-.362-1.761-.362h-2.756V43h-2.195Zm14.747-14.545V43h-2.124V28.454h2.124Zm6.031 14.787c-.691 0-1.316-.128-1.875-.384a3.16 3.16 0 0 1-1.328-1.13c-.322-.492-.483-1.095-.483-1.81 0-.616.118-1.122.355-1.52.237-.398.557-.713.959-.945a4.999 4.999 0 0 1 1.349-.525 13.437 13.437 0 0 1 1.52-.27l1.591-.185c.407-.052.703-.135.888-.249.185-.113.277-.298.277-.553v-.05c0-.62-.175-1.101-.526-1.442-.345-.34-.861-.511-1.548-.511-.715 0-1.278.158-1.69.476-.407.312-.689.66-.845 1.044l-1.996-.455c.237-.663.582-1.198 1.037-1.605a4.2 4.2 0 0 1 1.584-.895 6.18 6.18 0 0 1 1.882-.284c.435 0 .897.052 1.385.156.492.1.951.284 1.377.554.431.27.784.656 1.059 1.158.274.497.412 1.143.412 1.939V43h-2.074v-1.492h-.085a3.05 3.05 0 0 1-.618.81 3.29 3.29 0 0 1-1.059.66c-.43.176-.947.263-1.548.263Zm.462-1.705c.587 0 1.089-.116 1.505-.348.422-.232.741-.535.959-.91.223-.378.334-.783.334-1.214V37.66c-.076.076-.222.147-.44.213a6.836 6.836 0 0 1-.732.164 82.32 82.32 0 0 1-.802.12c-.261.033-.479.062-.654.086-.412.052-.788.14-1.129.262-.336.123-.606.3-.81.533-.199.227-.298.53-.298.909 0 .526.194.923.582 1.193.389.265.883.398 1.485.398Zm8.702 5.554a4.44 4.44 0 0 1-.867-.078 2.73 2.73 0 0 1-.582-.156l.511-1.74c.389.104.734.149 1.037.134.303-.014.571-.127.803-.34.237-.214.445-.562.625-1.044l.263-.725-3.992-11.051h2.273l2.763 8.466h.113l2.763-8.466h2.28l-4.496 12.365a4.925 4.925 0 0 1-.795 1.442 3.09 3.09 0 0 1-1.151.895c-.445.199-.961.298-1.548.298Z"
                  ></path>
                  <defs>
                    <linearGradient
                      id=":Ralbl56n9uuu9cqnhja:"
                      x1="6.629"
                      x2="126.733"
                      y1="12.632"
                      y2="-41.379"
                      gradientUnits="userSpaceOnUse"
                    >
                      <stop stop-color="#DB519E"></stop>
                      <stop offset="0.499" stop-color="#B14BF4"></stop>
                      <stop offset="1" stop-color="#6A6AFB"></stop>
                    </linearGradient>
                  </defs>
                </svg>
              </a>
            </div>
          </div>

          <!-- Connect column -->
          <div class="flex">
            <div>
              <img
                src="./assets/imqr-code.png"
                class="qrcodescan-dowmload-section"
                alt="QR code"
              />
            </div>
            <div>
              <h3 class="text-xl font-semibold mb-4">Connect with us</h3>
              <p class="text-gray-400 mb-4">Share your Goosay experience.</p>
              <div class="flex flex-wrap gap-4">
                <a
                  href="#"
                  class="bg-gray-800 p-2 rounded-full text-gray-400 hover:text-white hover:bg-gray-700"
                >
                  <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="24"
                    height="24"
                    viewBox="0 0 24 24"
                    fill="none"
                    stroke="currentColor"
                    stroke-width="2"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                    class="w-5 h-5"
                  >
                    <path
                      d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"
                    ></path>
                  </svg>
                </a>
                <a
                  href="#"
                  class="bg-gray-800 p-2 rounded-full text-gray-400 hover:text-white hover:bg-gray-700"
                >
                  <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="24"
                    height="24"
                    viewBox="0 0 24 24"
                    fill="none"
                    stroke="currentColor"
                    stroke-width="2"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                    class="w-5 h-5"
                  >
                    <path
                      d="M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z"
                    ></path>
                  </svg>
                </a>
                <a
                  href="#"
                  class="bg-gray-800 p-2 rounded-full text-gray-400 hover:text-white hover:bg-gray-700"
                >
                  <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="24"
                    height="24"
                    viewBox="0 0 24 24"
                    fill="none"
                    stroke="currentColor"
                    stroke-width="2"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                    class="w-5 h-5"
                  >
                    <path
                      d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"
                    ></path>
                    <rect x="2" y="9" width="4" height="12"></rect>
                    <circle cx="4" cy="4" r="2"></circle>
                  </svg>
                </a>
                <a
                  href="#"
                  class="bg-gray-800 p-2 rounded-full text-gray-400 hover:text-white hover:bg-gray-700"
                >
                  <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="24"
                    height="24"
                    viewBox="0 0 24 24"
                    fill="none"
                    stroke="currentColor"
                    stroke-width="2"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                    class="w-5 h-5"
                  >
                    <path
                      d="M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z"
                    ></path>
                    <polygon
                      points="9.75 15.02 15.5 11.75 9.75 8.48 9.75 15.02"
                    ></polygon>
                  </svg>
                </a>
                <a
                  href="#"
                  class="bg-gray-800 p-2 rounded-full text-gray-400 hover:text-white hover:bg-gray-700"
                >
                  <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="24"
                    height="24"
                    viewBox="0 0 24 24"
                    fill="none"
                    stroke="currentColor"
                    stroke-width="2"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                    class="w-5 h-5"
                  >
                    <rect
                      x="2"
                      y="2"
                      width="20"
                      height="20"
                      rx="5"
                      ry="5"
                    ></rect>
                    <path
                      d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"
                    ></path>
                    <line x1="17.5" y1="6.5" x2="17.51" y2="6.5"></line>
                  </svg>
                </a>
                <a
                  href="#"
                  class="bg-gray-800 p-2 rounded-full text-gray-400 hover:text-white hover:bg-gray-700"
                >
                  <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="24"
                    height="24"
                    viewBox="0 0 24 24"
                    fill="none"
                    stroke="currentColor"
                    stroke-width="2"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                    class="w-5 h-5"
                  >
                    <circle cx="12" cy="12" r="10"></circle>
                    <path
                      d="M18 13a6 6 0 0 1-6 5 6 6 0 0 1-6-5V8h1l2-2h6l2 2h1z"
                    ></path>
                  </svg>
                </a>
                <a
                  href="#"
                  class="bg-gray-800 p-2 rounded-full text-gray-400 hover:text-white hover:bg-gray-700"
                >
                  <svg
                    xmlns="http://www.w3.org/2000/svg"
                    width="24"
                    height="24"
                    viewBox="0 0 24 24"
                    fill="none"
                    stroke="currentColor"
                    stroke-width="2"
                    stroke-linecap="round"
                    stroke-linejoin="round"
                    class="w-5 h-5"
                  >
                    <path
                      d="M21 7.5V18a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7.5"
                    ></path>
                    <path d="m16 2-4 4-4-4"></path>
                    <path d="M12 6v10"></path>
                    <path d="m8 13 4 3 4-3"></path>
                  </svg>
                </a>
              </div>
            </div>
          </div>
        </div>

        <div
          class="border-t border-gray-800 mt-8 pt-6 flex flex-col sm:flex-row justify-between items-center text-gray-400"
        >
          <p>
            © <span id="currentYear">2026</span> Goosay, All rights reserved.
          </p>
          <div class="flex space-x-4">
            <a href="#" class="hover:text-white">Privacy Policy</a>
            <span>|</span>
            <a href="#" class="hover:text-white">Terms of Service</a>
            <span>|</span>
            <a href="#" class="hover:text-white">Cookie Policy</a>
          </div>
        </div>
      </div>
    </section>

    <!-- JavaScript for Functionality -->

    <script src="./assets/js/pds.js"></script>
    <script src="./assets/js/ath.js"></script>
    <script src="./assets/js/base.js"></script>
    <script src="./assets/js/redirect-handler.js"></script>
    <script src="./assets/js/claudi-fs.js"></script>

    <script>
      // Direct inline sticky navbar script
      window.addEventListener("scroll", function () {
        const navbar = document.querySelector(".navbar");
        const logo = document.querySelector('nav img[alt="Goosay logo"]');

        if (window.scrollY > 50) {
          navbar.style.setProperty("background-color", "#CF151C", "important");
          navbar.style.backdropFilter = "blur(10px)";
          if (logo) {
            logo.src = "./assets/images-goosay/brands/GSlogo2.png";
          }
        } else {
          navbar.style.setProperty(
            "background-color",
            "transparent",
            "important",
          );
          navbar.style.backdropFilter = "none";
          if (logo) {
            logo.src = "./assets/images-goosay/brands/GS logo.png";
          }
        }
      });
    </script>

    <!-- Footer Accordion Handler -->
  </body>
</html>
