CINXE.COM
Imuga - Maldives Immigration
<!DOCTYPE html> <html lang="en" data-theme="light"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="csrf-token" content="lHkRjnoosmGTc01u5ki1I95WozH0n35Ub5z5PY2m"> <title> Imuga - Maldives Immigration </title> <!-- Fonts --> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400..600&display=swap" rel="stylesheet"> <!-- Primary Meta Tags --> <meta name="title" content="Imuga - Maldives Immigration"> <meta name="description" content="Maldives Immigration - Navigating Towards Future"> <!-- Open Graph / Facebook --> <meta property="og:type" content="website"> <meta property="og:url" content="https://imuga.immigration.gov.mv/"> <meta property="og:title" content="Imuga - Maldives Immigration"> <meta property="og:description" content="Maldives Immigration - Navigating Towards Future"> <meta property="og:image" content="/img/og_image.png"> <!-- Twitter --> <meta property="twitter:card" content="summary_large_image"> <meta property="twitter:url" content="https://imuga.immigration.gov.mv/"> <meta property="twitter:title" content="Imuga - Maldives Immigration"> <meta property="twitter:description" content="Maldives Immigration - Navigating Towards Future"> <meta property="twitter:image" content="/img/og_image.png"> <!-- Favicon --> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="manifest" href="/site.webmanifest"> <!-- Scripts --> <script src="https://cdn.jsdelivr.net/npm/@editorjs/editorjs@latest" defer></script> <script src="https://cdn.jsdelivr.net/npm/@editorjs/image@2.3.0" defer></script> <script src="https://cdn.jsdelivr.net/npm/@editorjs/header@latest" defer></script> <script src="https://unpkg.com/@alpinejs/ui@3.13.5-beta.0/dist/cdn.min.js" defer></script> <script src="https://unpkg.com/@alpinejs/focus@3.13.5/dist/cdn.min.js" defer></script> <!-- Google Tag Manager --> <script> (function(w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-KG42935B'); </script> <!-- Scripts --> <link rel="preload" as="style" href="https://imuga.immigration.gov.mv/build/assets/app-1c86b6fc.css" /><link rel="preload" as="style" href="https://imuga.immigration.gov.mv/build/assets/app-5688d4e6.css" /><link rel="modulepreload" href="https://imuga.immigration.gov.mv/build/assets/app-c0d7d440.js" /><link rel="modulepreload" href="https://imuga.immigration.gov.mv/build/assets/document-reader-036a1fb4.js" /><link rel="modulepreload" href="https://imuga.immigration.gov.mv/build/assets/qr-scanner-b2d4db7f.js" /><link rel="modulepreload" href="https://imuga.immigration.gov.mv/build/assets/swiper-7a3169aa.js" /><link rel="stylesheet" href="https://imuga.immigration.gov.mv/build/assets/app-1c86b6fc.css" data-navigate-track="reload" /><link rel="stylesheet" href="https://imuga.immigration.gov.mv/build/assets/app-5688d4e6.css" data-navigate-track="reload" /><script type="module" src="https://imuga.immigration.gov.mv/build/assets/app-c0d7d440.js" data-navigate-track="reload"></script> <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <symbol id="icon-add" viewBox="0 0 64 64"> <path class="media-library-icon-fill" d="M46.12,30.07h-12v-12c0-1.1-0.9-2-2-2s-2,0.9-2,2v12h-12c-1.1,0-2,0.9-2,2c0,1.1,0.9,2,2,2h12v12c0,1.1,0.9,2,2,2 s2-0.9,2-2v-12h12c1.1,0,2-0.9,2-2C48.12,30.97,47.22,30.07,46.12,30.07z" /> </symbol> <symbol id="icon-not-allowed" viewBox="0 0 64 64"> <path class="media-library-icon-fill" d="M32.12,8.07c-13.25,0-24,10.75-24,24c0,13.25,10.75,24,24,24s24-10.75,24-24C56.12,18.82,45.37,8.07,32.12,8.07z M32.12,12.07c4.8,0,9.2,1.7,12.65,4.52L16.64,44.72c-2.82-3.45-4.52-7.85-4.52-12.65C12.12,21.04,21.09,12.07,32.12,12.07z M32.12,52.07c-4.8,0-9.2-1.7-12.65-4.52l28.13-28.13c2.82,3.45,4.52,7.85,4.52,12.65C52.12,43.1,43.14,52.07,32.12,52.07z" /> </symbol> <symbol id="icon-success" viewBox="0 0 64 64"> <path class="media-library-icon-fill" d="M28.6,45.71c-0.82,0-1.61-0.34-2.18-0.93l-9.87-10.39c-1.14-1.2-1.09-3.1,0.11-4.24c1.2-1.14,3.1-1.09,4.24,0.11l7.47,7.86 L42.9,19.45c1.02-1.31,2.9-1.54,4.21-0.53c1.31,1.02,1.54,2.9,0.53,4.21L30.97,44.55c-0.54,0.69-1.35,1.11-2.22,1.15 C28.7,45.71,28.65,45.71,28.6,45.71z" /> </symbol> <symbol id="icon-error" viewBox="0 0 64 64"> <path class="media-library-icon-fill" d="M32.12,16.07c-1.66,0-3,1.34-3,3v16c0,1.66,1.34,3,3,3s3-1.34,3-3v-16C35.12,17.41,33.77,16.07,32.12,16.07z" /> <circle class="media-library-icon-fill" cx="32.12" cy="45.07" r="3" /> </symbol> <symbol id="icon-replace" viewBox="0 0 64 64"> <path class="media-library-icon-fill" d="M40.12,39.28H20.77l2.17-2.17c0.78-0.78,0.78-2.05,0-2.83c-0.78-0.78-2.05-0.78-2.83,0l-5.59,5.59 c-0.38,0.38-0.59,0.88-0.59,1.41s0.21,1.04,0.59,1.41l5.59,5.59c0.39,0.39,0.9,0.59,1.41,0.59s1.02-0.2,1.41-0.59 c0.78-0.78,0.78-2.05,0-2.83l-2.18-2.18h19.35c1.1,0,2-0.9,2-2S41.22,39.28,40.12,39.28z" /> <path class="media-library-icon-fill" d="M49.71,23.86l-8-8c-0.78-0.78-2.05-0.78-2.83,0c-0.78,0.78-0.78,2.05,0,2.83l4.59,4.59H15.94c-1.1,0-2,0.9-2,2s0.9,2,2,2 h27.53l-4.59,4.59c-0.78,0.78-0.78,2.05,0,2.83c0.39,0.39,0.9,0.59,1.41,0.59s1.02-0.2,1.41-0.59l8-8 C50.49,25.91,50.49,24.64,49.71,23.86z" /> </symbol> <symbol id="icon-drag" viewBox="0 0 64 64"> <path class="media-library-icon-fill" d="M46,30H18c-1.1,0-2,0.9-2,2c0,1.1,0.9,2,2,2h28c1.1,0,2-0.9,2-2C48,30.9,47.1,30,46,30z" /> <path class="media-library-icon-fill" d="M46,42H18c-1.1,0-2,0.9-2,2c0,1.1,0.9,2,2,2h28c1.1,0,2-0.9,2-2C48,42.9,47.1,42,46,42z" /> <path class="media-library-icon-fill" d="M18,22h28c1.1,0,2-0.9,2-2c0-1.1-0.9-2-2-2H18c-1.1,0-2,0.9-2,2C16,21.1,16.9,22,18,22z" /> </symbol> <symbol id="icon-up" viewBox="0 0 64 64"> <path class="media-library-icon-fill" d="M41.41,27.82l-8-8c-0.78-0.78-2.05-0.78-2.83,0l-8,8c-0.78,0.78-0.78,2.05,0,2.83c0.78,0.78,2.05,0.78,2.83,0L30,26.06v16.7 c0,1.1,0.9,2,2,2s2-0.9,2-2v-16.7l4.59,4.59c0.39,0.39,0.9,0.59,1.41,0.59s1.02-0.2,1.41-0.59C42.2,29.87,42.2,28.6,41.41,27.82z" /> </symbol> <symbol id="icon-down" viewBox="0 0 64 64"> <path class="media-library-icon-fill" d="M22.59,36.18l8,8c0.78,0.78,2.05,0.78,2.83,0l8-8c0.78-0.78,0.78-2.05,0-2.83c-0.78-0.78-2.05-0.78-2.83,0L34,37.94v-16.7 c0-1.1-0.9-2-2-2s-2,0.9-2,2v16.7l-4.59-4.59c-0.39-0.39-0.9-0.59-1.41-0.59s-1.02,0.2-1.41,0.59C21.8,34.13,21.8,35.4,22.59,36.18z " /> </symbol> <symbol id="icon-remove" viewBox="0 0 64 64"> <path class="media-library-icon-fill" d="M43.4,40.6l-8.5-8.5l8.5-8.5c0.8-0.8,0.8-2.1,0-2.8s-2.1-0.8-2.8,0l-8.5,8.5l-8.5-8.5c-0.8-0.8-2.1-0.8-2.8,0 c-0.8,0.8-0.8,2.1,0,2.8l8.5,8.5l-8.5,8.5c-0.8,0.8-0.8,2.1,0,2.8c0.8,0.8,2.1,0.8,2.8,0l8.5-8.5l8.5,8.5c0.8,0.8,2.1,0.8,2.8,0 C44.2,42.6,44.2,41.3,43.4,40.6z"/> </symbol> </svg> <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}</style> <link rel="stylesheet" href="/flux/flux.css?id=5b5b9c60"> </head> <body class="h-dvh bg-white antialiased dark:bg-zinc-900"> <div class="h-dvh w-dvw overflow-hidden"> <!-- Header --> <header class="absolute top-4 z-30 w-full pb-4 md:top-6 md:pb-6"> <div class="px-4 sm:px-6"> <div class="mx-auto max-w-3xl" x-data="{ open: false }"> <div class="relative flex h-12 items-center justify-between gap-x-2 rounded-lg bg-gradient-to-b from-white/95 to-white/70 px-3 shadow"> <!-- Border --> <div class="absolute -inset-1.5 -z-10 rounded-lg bg-slate-200/5 bg-gradient-to-r from-blue-500/20" aria-hidden="true"></div> <!-- Logo --> <div class="flex-1"> <a wire:navigate href="https://imuga.immigration.gov.mv"> <svg viewBox="0 0 325 57" xmlns="http://www.w3.org/2000/svg" class="hover:opacity-85 w-32 fill-zinc-800 transition"> <path fill-rule="evenodd" clip-rule="evenodd" d="M140.246 19.699C139.888 19.699 139.799 20.0592 139.71 20.2393C136.226 25.012 132.742 29.8748 129.258 34.6474C127.024 37.7092 123.451 37.7092 121.218 34.5574C117.823 29.7847 114.339 25.012 110.944 20.2393C110.766 20.0592 110.676 19.8791 110.319 19.4289V52.2073C110.319 55.4492 107.46 57.6104 104.512 56.7099C102.815 56.1696 101.564 54.5487 101.564 52.6576V6.55163C101.564 3.21975 104.423 1.05853 107.55 2.13914C108.532 2.49935 109.247 3.1297 109.872 4.03021C114.786 10.8741 119.788 17.7179 124.702 24.5618C125.327 25.3722 125.506 25.2822 126.042 24.5618C130.955 17.7179 135.868 10.8741 140.871 4.03021C142.658 1.59884 145.606 1.23864 147.75 3.21975C148.643 4.12026 149.09 5.11082 149.09 6.37153V52.5675C149.09 55.089 147.125 56.98 144.623 56.98C142.122 56.98 140.335 55.089 140.335 52.5675V20.5995C140.335 20.2393 140.514 19.9692 140.246 19.699ZM270.852 38.3395V46.5341C270.852 48.4252 270.137 49.866 268.619 51.0367C253.611 62.1129 232.081 56.7999 224.488 39.9604C218.145 26.0026 224.488 9.1631 238.692 2.85955C249.233 -1.82309 259.328 -0.74248 268.797 6.01132C271.12 7.63224 271.567 10.4238 270.048 12.495C268.529 14.5661 265.76 14.8363 263.437 13.2154C255.576 7.54219 245.481 7.63224 238.424 13.4855C232.171 18.7085 229.491 25.4623 231.813 33.3867C234.136 41.4013 239.764 46.0839 247.893 47.5247C252.539 48.3352 256.916 47.4346 261.025 45.2734C261.651 44.9132 261.829 44.553 261.829 43.8326C261.74 40.8609 261.74 37.8893 261.829 35.0077C261.829 34.1972 261.651 33.927 260.847 34.0171C257.452 34.1071 254.147 34.0171 250.752 34.0171C248.34 34.0171 246.464 32.4862 246.107 30.325C245.66 27.6235 247.536 25.1921 250.305 25.1921C255.665 25.1021 261.115 25.1021 266.475 25.1921C268.976 25.1921 270.763 27.1732 270.763 29.7847C270.852 32.6663 270.852 35.548 270.852 38.3395ZM209.748 20.8697V33.927C209.748 46.6242 199.653 56.7999 187.146 56.7999C174.639 56.7999 164.455 46.8043 164.366 34.0171C164.277 24.7419 164.366 15.4666 164.366 6.28147C164.366 3.57995 166.153 1.68889 168.654 1.68889C171.155 1.68889 173.031 3.67 173.031 6.37153V33.7469C173.031 40.951 177.677 46.5341 184.734 47.8849C192.506 49.4158 200.368 43.3824 200.904 35.3679C201.082 33.1166 200.993 30.8653 200.993 28.7041V6.37153C200.993 2.9496 204.209 0.788382 207.246 2.13914C208.944 2.9496 209.748 4.30036 209.748 6.10137V20.8697ZM324.542 50.3163C321.862 43.2023 319.182 35.9982 316.502 28.8842C313.464 20.8697 310.516 12.8552 307.479 4.93071C306.675 2.85955 305.246 1.77894 303.191 1.77894C301.136 1.77894 299.528 2.7695 298.724 5.02076C293.007 20.2393 287.29 35.4579 281.662 50.6765C280.679 53.1979 281.751 55.8094 284.074 56.7099C286.396 57.6104 288.898 56.3497 289.88 53.8282C291.042 50.7665 292.203 47.7948 293.275 44.7331C293.543 44.1028 293.811 43.8326 294.526 43.8326H311.767C312.571 43.8326 312.839 44.1028 313.107 44.8232C314.269 47.9749 315.43 51.1267 316.681 54.2785C317.395 56.0795 319.003 56.98 320.969 56.89C322.666 56.7999 324.274 55.6293 324.81 53.9183C325.167 52.6576 324.989 51.4869 324.542 50.3163ZM296.759 35.0977C298.814 29.5146 300.958 24.0215 303.102 18.2582C305.246 24.0215 307.3 29.5146 309.444 35.0977H296.759ZM82.0893 29.2444V6.46158C82.0893 3.57995 83.7867 1.77894 86.3774 1.77894C88.9681 1.77894 90.7547 3.76006 90.7547 6.46158V52.2073C90.7547 54.7288 89.1467 56.5298 86.824 56.7999C84.5907 57.0701 82.6253 55.7193 82.0893 53.5581C82 53.1078 82 52.5675 82 52.0272C82.0893 44.553 82.0893 36.8987 82.0893 29.2444Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.9195 8.49241C12.9195 12.1096 10.0587 14.9848 6.45973 14.9848C2.86074 14.9848 0 12.1096 0 8.49241C0 4.87521 2.86074 2 6.45973 2C10.0587 2 12.9195 4.87521 12.9195 8.49241ZM27.5923 2C23.9933 2 21.1326 4.87521 21.1326 8.49241C21.1326 12.1096 23.9933 14.9848 27.5923 14.9848C31.1913 14.9848 34.052 12.1096 34.052 8.49241C34.052 4.87521 31.1913 2 27.5923 2ZM48.5403 2C44.9413 2 42.0805 4.87521 42.0805 8.49241C42.0805 12.1096 44.9413 14.9848 48.5403 14.9848C52.1393 14.9848 55 12.1096 55 8.49241C55 4.87521 52.047 2 48.5403 2ZM48.5403 22.8685C44.9413 22.8685 42.0805 25.7437 42.0805 29.3609C42.0805 32.9781 44.9413 35.8533 48.5403 35.8533C52.1393 35.8533 55 32.9781 55 29.3609C55 25.7437 52.047 22.8685 48.5403 22.8685ZM48.5403 44.0152C44.9413 44.0152 42.0805 46.8904 42.0805 50.5076C42.0805 54.1248 44.9413 57 48.5403 57C52.1393 57 55 54.1248 55 50.5076C55 46.8904 52.047 44.0152 48.5403 44.0152ZM11.7198 38.172C8.12081 38.172 5.26007 41.0472 5.26007 44.6644C5.26007 48.2816 8.12081 51.1568 11.7198 51.1568C15.3188 51.1568 18.1795 48.2816 18.1795 44.6644C18.1795 41.0472 15.3188 38.172 11.7198 38.172ZM27.3154 22.7757C23.7164 22.7757 20.8557 25.6509 20.8557 29.2681C20.8557 32.8853 23.7164 35.7605 27.3154 35.7605C30.9144 35.7605 33.7752 32.8853 33.7752 29.2681C33.7752 25.6509 30.8221 22.7757 27.3154 22.7757Z" fill="url(#paint0_linear_88_141)" /> <defs> <linearGradient id="paint0_linear_88_141" x1="27.5" y1="2" x2="27.5" y2="57" gradientUnits="userSpaceOnUse"> <stop stop-color="#54C9FE" /> <stop offset="1" stop-color="#0998FD" /> </linearGradient> </defs> </svg> </a> </div> <!-- Menu Switch --> <div class="flex flex-1 items-center justify-end space-x-2"> <button @click="open = !open" :aria-expanded="open" class="group flex items-center justify-center rounded-full border border-white/90 bg-blue-100 px-2 py-1 hover:bg-blue-200"> <svg class="pointer-events-none fill-current" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> <rect class="origin-center -translate-y-[5px] translate-x-[7px] transition-all duration-300 ease-[cubic-bezier(.5,.85,.25,1.1)] group-[[aria-expanded=true]]:translate-x-0 group-[[aria-expanded=true]]:translate-y-0 group-[[aria-expanded=true]]:rotate-[315deg]" y="7" width="9" height="2" rx="1"></rect> <rect class="origin-center transition-all duration-300 ease-[cubic-bezier(.5,.85,.25,1.8)] group-[[aria-expanded=true]]:rotate-45" y="7" width="16" height="2" rx="1"></rect> <rect class="origin-center translate-y-[5px] transition-all duration-300 ease-[cubic-bezier(.5,.85,.25,1.1)] group-[[aria-expanded=true]]:translate-y-0 group-[[aria-expanded=true]]:rotate-[135deg]" y="7" width="9" height="2" rx="1"></rect> </svg> <span class="ml-2 text-sm">Menu</span> </button> </div> </div> <!-- Dropdown menu --> <div x-cloak x-show="open" @click.away="open = false" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 -translate-y-5 scale-95" x-transition:enter-end="opacity-100 translate-y-0 scale-100" x-transition:leave="transition ease-in duration-300" x-transition:leave-start="opacity-100 translate-y-0 scale-100" x-transition:leave-end="opacity-0 -translate-y-5 scale-95" class="mt-2 rounded-lg bg-gradient-to-b from-white to-white/90 shadow"> <div class="grid grid-cols-1 gap-4 p-4"> <!--Passport --> <div class="group relative flex gap-x-6 rounded-xl border border-blue-300 bg-white/40 p-4 hover:bg-slate-100"> <div class="flex h-10 w-10 flex-none items-center justify-center rounded-lg shadow-sm ring-1 ring-slate-900/10 hover:ring-zinc-200"> <svg class="text-red-500 h-6 w-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> <path fill="currentColor" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" d="M5.3,4.9h11.1h3v17.2H5.3V4.9z" /> <path stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" d="M5.3,4.9l11.1-3v3" /> <path fill="#fff" d="m14.9 12.6c0.3 0.2 0.4 0.5 0.4 0.8s-0.5 0.9-1.6 1.9-1.7 1.6-2 1.8l-0.9 0.6s-0.6 0.3-1.1 0.4c-0.4 0-0.7-0.2-1-0.5s-0.4-0.6-0.4-1 0.2-0.8 0.8-1.1c0.6-0.4 1.1-0.6 1.5-0.9 0.4-0.2 0.9-0.7 1.6-1.5-0.4-0.2-0.6-0.5-0.6-0.8 0-0.1 0.1-0.3 0.4-0.5 0.2-0.2 0.5-0.4 0.7-0.5-0.5-0.4-0.8-0.7-0.8-1 0-0.2 0.2-0.4 0.6-0.6 0.3-0.1 0.5-0.2 0.7-0.3 0.1-0.1 0.3-0.2 0.6-0.4 0.2-0.2 0.4-0.2 0.7-0.2 0.2 0 0.4 0.1 0.6 0.3s0.3 0.5 0.4 0.9c0 0.2-0.2 0.4-0.5 0.7 0.5 0.2 0.7 0.5 0.7 0.9 0 0.2-0.1 0.3-0.3 0.5l-0.5 0.5zm-2.3 4.7c0-0.1 0-0.2 0.1-0.4 0-0.1 0.1-0.2 0.2-0.3s0.2-0.1 0.3-0.2c0.1 0 0.2-0.1 0.4-0.1 0.1 0 0.2 0 0.4 0.1 0.1 0 0.2 0.1 0.3 0.2s0.1 0.2 0.2 0.3c0 0.1 0.1 0.2 0.1 0.4 0 0.1 0 0.2-0.1 0.4 0 0.1-0.1 0.2-0.2 0.3s-0.2 0.1-0.3 0.2c-0.1 0-0.2 0.1-0.4 0.1-0.1 0-0.3 0-0.4-0.1-0.1 0-0.2-0.1-0.3-0.2s-0.1-0.2-0.2-0.3c-0.1-0.2-0.1-0.3-0.1-0.4z" /> </svg> </div> <div class="flex-auto"> <h3 class="text-red-600 text-sm font-semibold leading-6"> <a href="https://passport.immigration.gov.mv" target="_blank" rel="noopener noreferrer" > <span class="absolute inset-0" aria-hidden="true"></span> Passport Services </a> </h3> <p class="text-sm text-slate-600">Passport services for Maldivians. </p> </div> <div class="flex-none self-center"> <svg class="shrink-0 [:where(&)]:size-4 size-5 transform text-slate-400 transition-transform duration-200 group-hover:translate-x-1" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon"> <path fill-rule="evenodd" d="M6.22 4.22a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.75.75 0 0 1-1.06-1.06L8.94 8 6.22 5.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/> </svg> </div> </div> <div class="group relative flex gap-x-6 rounded-xl border border-blue-300 bg-white/40 p-4 hover:bg-slate-100"> <div class="flex h-10 w-10 flex-none items-center justify-center rounded-lg shadow-sm ring-1 ring-slate-900/10 hover:ring-zinc-200"> <svg class="text-blue-600 h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"> <path class="st0" d="M6.3,3.4C6.2,3.3,6.2,3.2,6.2,3.1c0-0.1,0-0.2,0-0.4c0-0.1,0.1-0.2,0.2-0.2c0.1-0.1,0.2-0.1,0.3-0.1 c0.2,0,0.3,0,0.4-0.1C7.3,2.3,7.5,2.1,7.7,2l0.4-0.3l0.2-0.2l0.2-0.2C8.8,1.1,8.9,1,9,1C9,1,9,1,9.1,1c0.1,0,0.2,0,0.3,0 c0.2,0.2,0.3,0.4,0.3,0.6c0,0.1,0,0.3-0.1,0.4c0,0,0,0.1-0.1,0.1C9.1,2.4,8.8,2.6,8.7,2.7L7.9,3.2L7.7,3.3L7.5,3.5L7.3,3.6 C7.2,3.6,7.1,3.7,7,3.7l-0.2,0C6.6,3.7,6.4,3.6,6.3,3.4z M9.1,2.9L8.5,3.3C8.2,3.5,8,3.7,7.9,3.7L7.5,3.8C7.4,3.8,7,3.9,7,4.4 c0,0.1,0,0.2,0.1,0.3L7.3,5c0.1,0,0.2,0.1,0.3,0.1c0.1,0,0.2,0,0.2,0l0.2-0.1l0.2-0.1l0.2-0.1l0.1-0.1L9.5,4 c0.3-0.2,0.6-0.4,0.8-0.6c0,0,0.1-0.1,0.1-0.1c0.1-0.1,0.1-0.1,0.1-0.2c0.1-0.3,0-0.5-0.3-0.8c-0.1,0-0.2-0.1-0.3-0.1 C9.9,2.3,9.7,2.4,9.4,2.7L9.1,2.9z M10.9,8.3c0,0,0.3,0,0.9,0c0.2,0,0.3,0,0.4,0c0.2,0,0.4,0,0.7-0.1c0.3,0,0.5-0.1,0.7-0.2 c0.4-0.2,0.7-0.3,0.9-0.4c0.1,0,0.1-0.1,0.2-0.2c0.1-0.1,0.2-0.2,0.2-0.3L15,7c0.1-0.1,0.1-0.3,0.1-0.4c0-0.2-0.1-0.3-0.2-0.5 c-0.1-0.1-0.3-0.1-0.4-0.1c-0.1,0-0.3,0-0.4,0.2c-0.1,0.2-0.2,0.3-0.4,0.4c-0.2,0.2-0.4,0.3-0.6,0.3C12.9,6.9,12.8,7,12.6,7 c-0.3,0.1-0.5,0.1-0.6,0.1c-0.1,0-0.3,0-0.8,0c0,0-0.2,0-0.4,0h-0.4c-0.1,0-0.3,0-0.6,0H8.5c-0.2,0-0.3,0-0.3,0 c0-0.1-0.1-0.2-0.1-0.2C8,6.7,8,6.7,7.9,6.6L7.6,6.4C7.5,6.4,7.3,6.3,7,6.3L6.7,6.4C6.5,6.4,6.3,6.5,6.3,6.5C6.1,6.6,6,6.7,6,6.9 c0,0.1-0.1,0.2-0.1,0.3c0,0,0,0.1,0,0.1c0,0.1,0.1,0.4,0.2,0.5c0,0,0.1,0.1,0.2,0.1C6.1,8.1,6,8.1,6,8.1c-0.1,0-0.2,0.1-0.3,0.3 C5.6,8.5,5.6,8.6,5.6,8.7C5.6,9,5.8,9.4,6,9.4c0,0,0.1,0,0.2,0c0.1,0,0.2-0.1,0.4-0.2L7,9l0.6-0.4c0.1,0,0.1-0.1,0.2-0.2L8,8.2 c0.2,0,0.5,0.1,0.8,0.1c0.4,0,0.7,0,1,0c0.1,0,0.3,0,0.6,0C10.7,8.3,10.8,8.3,10.9,8.3z M18.3,12.6c0.1-0.1,0.2-0.2,0.2-0.3 c0,0,0-0.1,0-0.2c0-0.1,0-0.1,0-0.1c0-0.2-0.1-0.3-0.3-0.5c-0.1,0-0.2,0-0.4,0c-0.1,0-0.2,0-0.3,0.1c-0.1,0-0.2,0.1-0.2,0.2 l-0.4,0.4l-0.4,0.3l-0.3,0.2c-0.2,0.2-0.4,0.3-0.6,0.4L15,13.3l-0.1,0.1l-0.1,0.1c0,0.1,0,0.3,0,0.4c0,0,0,0.2,0.1,0.3 c0.1,0.2,0.3,0.3,0.5,0.3c0.1,0,0.2,0,0.3,0l0.2-0.1l0.4-0.2c0.6-0.4,1-0.7,1.3-0.9C17.9,13,18.1,12.8,18.3,12.6z M14.9,9.7 c0.2-0.1,0.3-0.2,0.4-0.2h0.2c0.1,0,0.3-0.1,0.6-0.3c0.2-0.1,0.4-0.2,0.6-0.3l-0.1-0.1c-0.1-0.1-0.1-0.2-0.1-0.2 c-0.1-0.2-0.1-0.3-0.1-0.4c0-0.6,0.1-0.9,0.5-1.2c0.2-0.2,0.5-0.3,0.8-0.5c0,0,0.1,0,0.2-0.1c0.1,0,0.2-0.1,0.3-0.1l0.5,0 c0.2,0,0.3,0,0.3,0c0.2,0.1,0.4,0.1,0.5,0.2c0.1,0,0.2,0.1,0.3,0.3L20,7.2c0.1,0.1,0.1,0.2,0.1,0.3c0,0.2,0,0.4-0.1,0.5 c-0.1,0.1-0.1,0.2-0.2,0.2c-0.1,0.1-0.1,0.1-0.2,0.2c-0.1,0.1-0.2,0.2-0.4,0.3L18.9,9c-0.2,0.2-0.4,0.3-0.7,0.5 c-0.1,0.1-0.3,0.2-0.5,0.3c-0.1,0.1-0.3,0.2-0.7,0.4c-0.2,0.1-0.4,0.3-0.6,0.4c-0.3,0.2-0.6,0.3-0.8,0.4l-0.2,0l-0.3,0 c-0.1,0-0.1-0.1-0.2-0.1l-0.1-0.1c0,0-0.1-0.1-0.1-0.1c-0.1-0.2-0.1-0.3-0.1-0.4c0-0.1,0-0.2,0.1-0.3C14.6,9.9,14.7,9.8,14.9,9.7z M17.6,7.9c0,0,0,0.1,0,0.3c0,0,0,0.1,0.1,0.1c0,0,0.1,0,0.1-0.1l0.2-0.1L18.3,8c0.1-0.1,0.2-0.2,0.2-0.2c0-0.1-0.1-0.2-0.2-0.2 c0,0-0.1,0-0.1,0c-0.1,0-0.2,0.1-0.3,0.1C17.8,7.8,17.7,7.9,17.6,7.9z M4.1,20.6l-1.7-5.4H0.8l2.5,7.3h1.5l2.5-7.3H5.7L4.1,20.6z M7.9,22.5h1.4v0v-7.3H7.9V22.5z M14.8,18.5c-0.3-0.2-0.8-0.4-1.5-0.5s-1.1-0.3-1.3-0.5c-0.1-0.1-0.2-0.3-0.2-0.4 c0-0.2,0.1-0.3,0.2-0.5c0.2-0.2,0.5-0.3,0.9-0.3c0.4,0,0.7,0.1,0.9,0.2c0.2,0.2,0.3,0.4,0.4,0.8l1.4-0.1c0-0.7-0.3-1.2-0.7-1.6 c-0.4-0.4-1.1-0.6-1.9-0.6c-0.5,0-1,0.1-1.4,0.3c-0.4,0.2-0.7,0.4-0.9,0.7c-0.2,0.3-0.3,0.7-0.3,1c0,0.6,0.2,1.1,0.6,1.5 c0.3,0.3,0.8,0.5,1.6,0.7c0.6,0.2,1,0.3,1.1,0.3c0.2,0.1,0.4,0.2,0.5,0.3c0.1,0.1,0.1,0.3,0.1,0.4c0,0.3-0.1,0.5-0.3,0.7 c-0.2,0.2-0.6,0.3-1,0.3c-0.4,0-0.8-0.1-1-0.3c-0.3-0.2-0.4-0.6-0.5-1.1l-1.3,0.1c0.1,0.8,0.4,1.4,0.9,1.8c0.5,0.4,1.1,0.6,2,0.6 c0.6,0,1.1-0.1,1.5-0.3c0.4-0.2,0.7-0.4,0.9-0.8c0.2-0.4,0.3-0.8,0.3-1.2c0-0.5-0.1-0.8-0.3-1.2S15.1,18.7,14.8,18.5z M23.2,22.5 h-1.5l-0.6-1.7h-2.7l-0.6,1.7h-1.5l2.7-7.3h1.5L23.2,22.5z M20.6,19.6l-0.9-2.7l-0.9,2.7H20.6z" /> </svg> </div> <div class="flex-auto"> <h3 class="text-blue-600 text-sm font-semibold leading-6"> <a href="https://imuga.immigration.gov.mv/visa-application" wire:navigate > <span class="absolute inset-0" aria-hidden="true"></span> Visa Services </a> </h3> <p class="text-sm text-slate-600">Apply for Visa services. </p> </div> <div class="flex-none self-center"> <svg class="shrink-0 [:where(&)]:size-4 size-5 transform text-slate-400 transition-transform duration-200 group-hover:translate-x-1" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon"> <path fill-rule="evenodd" d="M6.22 4.22a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.75.75 0 0 1-1.06-1.06L8.94 8 6.22 5.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/> </svg> </div> </div> <div class="group relative flex gap-x-6 rounded-xl border border-blue-300 bg-white/40 p-4 hover:bg-slate-100"> <div class="flex h-10 w-10 flex-none items-center justify-center rounded-lg shadow-sm ring-1 ring-slate-900/10 hover:ring-zinc-200"> <svg class="text-green-600 h-6 w-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"> <path d="M0 0h24v24H0z" fill="none"></path> <path d="M21 16v-2l-8-5V3.5c0-.83-.67-1.5-1.5-1.5S10 2.67 10 3.5V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5l8 2.5z"> </path> </svg> </div> <div class="flex-auto"> <h3 class="text-green-600 text-sm font-semibold leading-6"> <a href="https://imuga.immigration.gov.mv/traveller" wire:navigate > <span class="absolute inset-0" aria-hidden="true"></span> Travellers Declaration </a> </h3> <p class="text-sm text-slate-600">Apply for travellers declaration. </p> </div> <div class="flex-none self-center"> <svg class="shrink-0 [:where(&)]:size-4 size-5 transform text-slate-400 transition-transform duration-200 group-hover:translate-x-1" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon"> <path fill-rule="evenodd" d="M6.22 4.22a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.75.75 0 0 1-1.06-1.06L8.94 8 6.22 5.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/> </svg> </div> </div> <div class="group relative flex gap-x-6 rounded-xl border border-blue-300 bg-white/40 p-4 hover:bg-slate-100"> <div class="flex h-10 w-10 flex-none items-center justify-center rounded-lg shadow-sm ring-1 ring-slate-900/10 hover:ring-zinc-200"> <svg class="text-cyan-600 h-6 w-6" xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 32 32" fill="currentColor"> <defs></defs> <path d="M16,28a5.3257,5.3257,0,0,1-.6714-.044A21.7855,21.7855,0,0,1,12.0332,17H29.95c.0236-.3315.05-.6626.05-1A14,14,0,1,0,16,30ZM27.9492,15H21.9631A24.3247,24.3247,0,0,0,19.21,4.4492,12.0123,12.0123,0,0,1,27.9492,15ZM16.6714,4.0439A21.7855,21.7855,0,0,1,19.9668,15H12.0332A21.7855,21.7855,0,0,1,15.3286,4.0439,5.159,5.159,0,0,1,16.6714,4.0439ZM12.79,4.4492A24.3275,24.3275,0,0,0,10.0369,15H4.0508A12.0126,12.0126,0,0,1,12.79,4.4492ZM4.0508,17h5.9861A24.3275,24.3275,0,0,0,12.79,27.5508,12.0126,12.0126,0,0,1,4.0508,17Z" transform="translate(0 0)"></path> <path class="cls-1" d="M25,25l5,2V25l-5-2.5V20a1,1,0,0,0-2,0v2.5L18,25v2l5-2v3.5L21,30v1l3-1,3,1V30l-2-1.5Z" transform="translate(0 0)" style="fill-rule: evenodd"></path> <rect id="_Transparent_Rectangle_" data-name="<Transparent Rectangle>" class="cls-2" style="fill: none"> </rect> </svg> </div> <div class="flex-auto"> <h3 class="text-cyan-600 text-sm font-semibold leading-6"> <a href="http://bordermiles.mv/" target="_blank" rel="noopener noreferrer" > <span class="absolute inset-0" aria-hidden="true"></span> Border Miles </a> </h3> <p class="text-sm text-slate-600">Earn Points by visiting Maldives. </p> </div> <div class="flex-none self-center"> <svg class="shrink-0 [:where(&)]:size-4 size-5 transform text-slate-400 transition-transform duration-200 group-hover:translate-x-1" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon"> <path fill-rule="evenodd" d="M6.22 4.22a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.75.75 0 0 1-1.06-1.06L8.94 8 6.22 5.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/> </svg> </div> </div> <div class="group relative flex gap-x-6 rounded-xl border border-blue-300 bg-white/40 p-4 hover:bg-slate-100"> <div class="flex h-10 w-10 flex-none items-center justify-center rounded-lg shadow-sm ring-1 ring-slate-900/10 hover:ring-zinc-200"> <svg class="text-slate-600 h-6 w-6" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> <path d="M4.2,4C3.9,3.1,3,2.6,2.2,2.8S0.8,4,1.1,4.8c0.2,0.5,0.6,1,1.2,1.1l2.7,9.5L6.5,15L3.8,5.5C4.2,5.1,4.3,4.5,4.2,4z" /> <path d="M4.6,5.5c0,0,0.1-2.5,2.1-3.1c2.1-0.6,2,0.3,3.6-0.2c1.9-0.5,2.9-1.7,2.9-1.7L15,6.7c0,0-0.1,1.7-2.7,2.4 c-1.7,0.5-2-0.3-4.1,0.3c-1.8,0.5-1.9,2.2-1.9,2.2L4.6,5.5z" /> </svg> </div> <div class="flex-auto"> <h3 class="text-slate-600 text-sm font-semibold leading-6"> <a href="https://imuga.immigration.gov.mv/report-offence" wire:navigate > <span class="absolute inset-0" aria-hidden="true"></span> Immigration Watch </a> </h3> <p class="text-sm text-slate-600">Report an immigration offence. </p> </div> <div class="flex-none self-center"> <svg class="shrink-0 [:where(&)]:size-4 size-5 transform text-slate-400 transition-transform duration-200 group-hover:translate-x-1" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon"> <path fill-rule="evenodd" d="M6.22 4.22a.75.75 0 0 1 1.06 0l3.25 3.25a.75.75 0 0 1 0 1.06l-3.25 3.25a.75.75 0 0 1-1.06-1.06L8.94 8 6.22 5.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/> </svg> </div> </div> </div> </div> </div> </div> </header> <!-- Full-Page Slider --> <div class="h-full w-full"> <!-- Static Background Image --> <img src="img/home_banner/v4/IMUGA_BG.png" alt="bg" class="absolute inset-0 -z-10 h-full w-full object-cover"> <!-- Swiper Slider --> <div class="swiper h-full w-full"> <div class="swiper-wrapper"> <div class="swiper-slide relative h-full w-full"> <!-- Foreground Image --> <img src="img/home_banner/v4/IMUGA_passport.png" alt="Dhivehi Passport" class="absolute bottom-0 z-10 h-[70%] w-auto object-cover sm:h-[70%] md:h-[85%] lg:h-[100%]"> <!-- Dark overlay --> <div class="absolute inset-0 z-20 bg-black opacity-25"></div> <!-- Overlay Content --> <div class="absolute z-30 mt-[25%] space-y-4 px-10 py-6 sm:mt-[35%] md:ml-[10%] md:mt-[15%] lg:mt-[60%] xl:mt-[35%] 2xl:mt-[25%]"> <div class="mb-6"> <h1 class="mb-1 text-5xl font-semibold text-white md:text-6xl">Dhivehi Passport</h1> <p class="text-base font-light text-white md:text-xl">Passport services for Maldivians.</p> </div> <a href="javascript:void(0)" href="https://passport.immigration.gov.mv" target="_blank" class="group relative z-30 mb-2 me-2 rounded-full bg-white px-5 py-2.5 text-sm font-semibold text-slate-900 hover:bg-blue-100 focus:outline-none"> Apply <span class="ml-2 inline-block transition-transform duration-300 ease-in-out group-hover:translate-x-1">→</span> </a> </div> </div> <div class="swiper-slide relative h-full w-full"> <!-- Foreground Image --> <img src="img/home_banner/v4/IMUGA_visa.png" alt="Visa" class="absolute bottom-0 z-10 h-[70%] w-auto object-cover sm:h-[70%] md:h-[85%] lg:h-[100%]"> <!-- Dark overlay --> <div class="absolute inset-0 z-20 bg-black opacity-25"></div> <!-- Overlay Content --> <div class="absolute z-30 mt-[25%] space-y-4 px-10 py-6 sm:mt-[35%] md:ml-[10%] md:mt-[15%] lg:mt-[60%] xl:mt-[35%] 2xl:mt-[25%]"> <div class="mb-6"> <h1 class="mb-1 text-5xl font-semibold text-white md:text-6xl">Visa</h1> <p class="text-base font-light text-white md:text-xl">Apply online, any time, anywhere, at your convenience.</p> </div> <a href="javascript:void(0)" onclick="Livewire.navigate('https://imuga.immigration.gov.mv/visa-application')" class="group relative z-30 mb-2 me-2 rounded-full bg-white px-5 py-2.5 text-sm font-semibold text-slate-900 hover:bg-blue-100 focus:outline-none"> Apply <span class="ml-2 inline-block transition-transform duration-300 ease-in-out group-hover:translate-x-1">→</span> </a> </div> </div> <div class="swiper-slide relative h-full w-full"> <!-- Foreground Image --> <img src="img/home_banner/v4/ImmigrationWatch.png" alt="Immigration Watch" class="absolute bottom-0 z-10 h-[70%] w-auto object-cover sm:h-[70%] md:h-[85%] lg:h-[100%]"> <!-- Dark overlay --> <div class="absolute inset-0 z-20 bg-black opacity-25"></div> <!-- Overlay Content --> <div class="absolute z-30 mt-[25%] space-y-4 px-10 py-6 sm:mt-[35%] md:ml-[10%] md:mt-[15%] lg:mt-[60%] xl:mt-[35%] 2xl:mt-[25%]"> <div class="mb-6"> <h1 class="mb-1 text-5xl font-semibold text-white md:text-6xl">Immigration Watch</h1> <p class="text-base font-light text-white md:text-xl">Report an immigration or border related offence.</p> </div> <a href="javascript:void(0)" onclick="Livewire.navigate('https://imuga.immigration.gov.mv/report-offence')" class="group relative z-30 mb-2 me-2 rounded-full bg-white px-5 py-2.5 text-sm font-semibold text-slate-900 hover:bg-blue-100 focus:outline-none"> Report <span class="ml-2 inline-block transition-transform duration-300 ease-in-out group-hover:translate-x-1">→</span> </a> </div> </div> <div class="swiper-slide relative h-full w-full"> <!-- Foreground Image --> <img src="img/home_banner/v4/IMUGA_airport.png" alt="Traveller Declaration" class="absolute bottom-0 z-10 h-[70%] w-auto object-cover sm:h-[70%] md:h-[85%] lg:h-[100%]"> <!-- Dark overlay --> <div class="absolute inset-0 z-20 bg-black opacity-25"></div> <!-- Overlay Content --> <div class="absolute z-30 mt-[25%] space-y-4 px-10 py-6 sm:mt-[35%] md:ml-[10%] md:mt-[15%] lg:mt-[60%] xl:mt-[35%] 2xl:mt-[25%]"> <div class="mb-6"> <h1 class="mb-1 text-5xl font-semibold text-white md:text-6xl">Traveller Declaration</h1> <p class="text-base font-light text-white md:text-xl">All foreign travelers must submit the form within 96 hours of their flight time upon arrival.</p> </div> <a href="javascript:void(0)" onclick="Livewire.navigate('https://imuga.immigration.gov.mv/traveller/declaration')" class="group relative z-30 mb-2 me-2 rounded-full bg-white px-5 py-2.5 text-sm font-semibold text-slate-900 hover:bg-blue-100 focus:outline-none"> Apply <span class="ml-2 inline-block transition-transform duration-300 ease-in-out group-hover:translate-x-1">→</span> </a> </div> </div> <div class="swiper-slide relative h-full w-full"> <!-- Foreground Image --> <img src="img/home_banner/v4/IMUGA_callcenter.png" alt="Call Center" class="absolute bottom-0 z-10 h-[70%] w-auto object-cover sm:h-[70%] md:h-[85%] lg:h-[100%]"> <!-- Dark overlay --> <div class="absolute inset-0 z-20 bg-black opacity-25"></div> <!-- Overlay Content --> <div class="absolute z-30 mt-[25%] space-y-4 px-10 py-6 sm:mt-[35%] md:ml-[10%] md:mt-[15%] lg:mt-[60%] xl:mt-[35%] 2xl:mt-[25%]"> <div class="mb-6"> <h1 class="mb-1 text-5xl font-semibold text-white md:text-6xl">Call Center</h1> <p class="text-base font-light text-white md:text-xl">Contact us at 1434 on working days from 8.30 am to 3 pm.</p> </div> </div> </div> </div> <!-- Add Pagination (optional) --> <div class="swiper-pagination"></div> </div> </div> <!-- Site footer --> <footer class="absolute bottom-1 z-10 w-full md:bottom-2"> <div class="px-8 py-4"> <div class="mx-auto max-w-3xl"> <div class="relative flex h-12 items-center justify-between gap-x-2 space-y-5 rounded-lg bg-gradient-to-b from-blue-300/10 to-blue-300/5 px-3"> <div> <p class="text-left text-sm text-slate-300">Maldives Immigration 漏 <span>2024</span> </p> <div class="flex justify-start gap-3 text-xs text-slate-300"> <a href="/privacy" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none h-6 text-xs rounded-md px-2 flex -mt-1 -mr-2 -mb-1 -ml-2 bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-400 hover:text-zinc-800 dark:text-zinc-400 dark:hover:text-white !hover:text-white !text-slate-400" data-flux-button="data-flux-button" wire:navigate=""> Privacy policy </a> <a href="/terms" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none h-6 text-xs rounded-md px-2 flex -mt-1 -mr-2 -mb-1 -ml-2 bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-400 hover:text-zinc-800 dark:text-zinc-400 dark:hover:text-white !hover:text-white !text-slate-400" data-flux-button="data-flux-button" wire:navigate=""> Terms & Conditions </a> </div> </div> <!-- social links --> <div class="flex items-center justify-center space-x-2"> <a href="https://www.facebook.com/maldivesimmigration" target="_blank"> <svg class="h-4 w-4 cursor-pointer text-slate-300 hover:text-slate-50" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="4"> <path stroke-dasharray="24" stroke-dashoffset="24" d="M17 4L15 4C12.5 4 11 5.5 11 8V20"> <animate fill="freeze" attributeName="stroke-dashoffset" dur="0.4s" values="24;0"> </animate> </path> <path stroke-dasharray="12" stroke-dashoffset="12" d="M8 12H15"> <animate fill="freeze" attributeName="stroke-dashoffset" begin="0.5s" dur="0.2s" values="12;0"></animate> </path> </g> </svg> </a> <a href="https://twitter.com/ImmigrationMV" target="_blank"> <svg class="h-4 w-4 cursor-pointer text-slate-300 hover:text-slate-50" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path fill="currentColor" d="M8.5 2h2.5L11 2h-2.5zM13 2h2.5L15.5 2h-2.5zM10.5 2h5v0h-5zM8.5 2h5v0h-5zM10 2h3.5L13.5 2h-3.5z"> <animate fill="freeze" attributeName="d" dur="0.8s" keyTimes="0;0.3;0.5;1" values="M8.5 2h2.5L11 2h-2.5zM13 2h2.5L15.5 2h-2.5zM10.5 2h5v0h-5zM8.5 2h5v0h-5zM10 2h3.5L13.5 2h-3.5z;M8.5 2h2.5L11 22h-2.5zM13 2h2.5L15.5 22h-2.5zM10.5 2h5v2h-5zM8.5 20h5v2h-5zM10 2h3.5L13.5 22h-3.5z;M8.5 2h2.5L11 22h-2.5zM13 2h2.5L15.5 22h-2.5zM10.5 2h5v2h-5zM8.5 20h5v2h-5zM10 2h3.5L13.5 22h-3.5z;M1 2h2.5L18.5 22h-2.5zM5.5 2h2.5L23 22h-2.5zM3 2h5v2h-5zM16 20h5v2h-5zM18.5 2h3.5L5 22h-3.5z"> </animate> </path> </svg> </a> <a href="https://www.instagram.com/immigrationmv/" target="_blank"> <svg class="h-4 w-4 cursor-pointer text-slate-300 hover:text-slate-50" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"> <path stroke-dasharray="66" stroke-dashoffset="66" d="M12 3H8C5.23858 3 3 5.23858 3 8V16C3 18.7614 5.23858 21 8 21H16C18.7614 21 21 18.7614 21 16V8C21 5.23858 18.7614 3 16 3z"> <animate fill="freeze" attributeName="stroke-dashoffset" dur="0.6s" values="66;132"></animate> </path> <path stroke-dasharray="26" stroke-dashoffset="26" d="M12 8C14.20914 8 16 9.79086 16 12C16 14.20914 14.20914 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8"> <animate fill="freeze" attributeName="stroke-dashoffset" begin="0.7s" dur="0.4s" values="26;0"></animate> </path> </g> <circle cx="17" cy="7" r="1.5" fill="currentColor" fill-opacity="0"> <animate fill="freeze" attributeName="fill-opacity" begin="1.1s" dur="0.4s" values="0;1"></animate> </circle> </svg> </a> </div> </div> </div> </div> </footer> </div> <div x-persist="toast"> <ui-toast x-data x-on:toast-show.document="$el.showToast($event.detail)" wire:ignore> <template> <div popover="manual" class="m-0 p-6 bg-transparent [&[data-position*=top]]:mb-auto [&[data-position*=bottom]]:mt-auto [&[data-position*=right]]:ml-auto [&[data-position*=left]]:mr-auto" data-position="bottom right" data-variant="" data-flux-toast-dialog> <div class="max-w-sm p-2 rounded-xl shadow-lg bg-white border border-zinc-200 border-b-zinc-300/80 dark:bg-zinc-700 dark:border-zinc-600"> <div class="flex items-start gap-4"> <div class="flex-1 py-1.5 pl-2.5 flex gap-2"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="hidden [[data-flux-toast-dialog][data-variant=success]_&]:block shrink-0 mt-0.5 size-4 text-lime-600 dark:text-lime-400"> <path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm3.844-8.791a.75.75 0 0 0-1.188-.918l-3.7 4.79-1.649-1.833a.75.75 0 1 0-1.114 1.004l2.25 2.5a.75.75 0 0 0 1.15-.043l4.25-5.5Z" clip-rule="evenodd" /> </svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="hidden [[data-flux-toast-dialog][data-variant=warning]_&]:block shrink-0 mt-0.5 size-4 text-amber-500 dark:text-amber-400"> <path fill-rule="evenodd" d="M6.701 2.25c.577-1 2.02-1 2.598 0l5.196 9a1.5 1.5 0 0 1-1.299 2.25H2.804a1.5 1.5 0 0 1-1.3-2.25l5.197-9ZM8 4a.75.75 0 0 1 .75.75v3a.75.75 0 1 1-1.5 0v-3A.75.75 0 0 1 8 4Zm0 8a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" clip-rule="evenodd" /> </svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="hidden [[data-flux-toast-dialog][data-variant=danger]_&]:block shrink-0 mt-0.5 size-4 text-rose-500 dark:text-rose-400"> <path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14ZM8 4a.75.75 0 0 1 .75.75v3a.75.75 0 0 1-1.5 0v-3A.75.75 0 0 1 8 4Zm0 8a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" clip-rule="evenodd" /> </svg> <div> <div class="font-medium text-sm text-zinc-800 dark:text-white [&:not(:empty)+div]:font-normal [&:not(:empty)+div]:text-zinc-500 [&:not(:empty)+div]:dark:text-zinc-300 [&:not(:empty)]:pb-2"><slot name="heading"></slot></div> <div class="font-medium text-sm text-zinc-800 dark:text-white"><slot name="text"></slot></div> </div> </div> <div class="flex items-center"> <button type="button" onclick="this.closest('ui-toast').hideToast()" class="inline-flex items-center font-medium justify-center gap-2 truncate disabled:opacity-50 dark:disabled:opacity-75 disabled:cursor-default h-8 text-sm rounded-md w-8 bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-400 hover:text-zinc-800 dark:text-zinc-400 dark:hover:text-white" as="button"> <div> <svg class="[:where(&)]:size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> <path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z"></path> </svg> </div> </button> </div> </div> </div> </div> </template> </ui-toast> </div> <script src="https://cdn.jsdelivr.net/npm/sortablejs@1.15.2/Sortable.min.js"></script> <script> function querySelectorAllArray(selector) { return Array.prototype.slice.call( document.querySelectorAll(selector), 0 ); } document.addEventListener('DOMContentLoaded', function () { querySelectorAllArray('.media-library-sortable-container').forEach(function (el) { Sortable.create(el, { animation: 50, handle: '.drag-handle', onEnd: function (evt) { const source = evt.from; source.querySelectorAll('[data-order]').forEach((el, i) => el.value = i); const collectionName = source.getAttribute('data-media-library-component-name'); const event = new CustomEvent(`media-library-sorted-${collectionName}`, {detail: {el}}); document.dispatchEvent(event); } }); }); }); </script> <script src="https://imuga.immigration.gov.mv/vendor/livewire/livewire.min.js?id=38dc8241" data-csrf="lHkRjnoosmGTc01u5ki1I95WozH0n35Ub5z5PY2m" data-update-uri="/livewire/update" data-navigate-once="true"></script> <div wire:snapshot="{"data":{"activeComponent":null,"components":[[],{"s":"arr"}]},"memo":{"id":"nrluXlYfWW4qDS5v9zcg","name":"livewire-ui-modal","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"95a77c04379a673c015808c9a65cf9f4d3473d5e77bb72d3922a098663d0ac47"}" wire:effects="{"listeners":["openModal","destroyComponent"]}" wire:id="nrluXlYfWW4qDS5v9zcg"> <script>(()=>{var t,e={331:()=>{function t(t){return function(t){if(Array.isArray(t))return e(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,o){if(!t)return;if("string"==typeof t)return e(t,o);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return e(t,o)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function e(t,e){(null==e||e>t.length)&&(e=t.length);for(var o=0,n=new Array(e);o<e;o++)n[o]=t[o];return n}window.LivewireUIModal=function(){return{show:!1,showActiveComponent:!0,activeComponent:!1,componentHistory:[],modalWidth:null,listeners:[],getActiveComponentModalAttribute:function(t){if(void 0!==this.$wire.get("components")[this.activeComponent])return this.$wire.get("components")[this.activeComponent].modalAttributes[t]},closeModalOnEscape:function(t){if(!1!==this.getActiveComponentModalAttribute("closeOnEscape")&&this.closingModal("closingModalOnEscape")){var e=!0===this.getActiveComponentModalAttribute("closeOnEscapeIsForceful");this.closeModal(e)}},closeModalOnClickAway:function(t){!1!==this.getActiveComponentModalAttribute("closeOnClickAway")&&this.closingModal("closingModalOnClickAway")&&this.closeModal(!0)},closingModal:function(t){var e=this.$wire.get("components")[this.activeComponent].name,o={id:this.activeComponent,closing:!0};return Livewire.dispatchTo(e,t,o),o.closing},closeModal:function(){var t=arguments.length>0&&void 0!==arguments[0]&&arguments[0],e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,o=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(!1!==this.show){if(!0===this.getActiveComponentModalAttribute("dispatchCloseEvent")){var n=this.$wire.get("components")[this.activeComponent].name;Livewire.dispatch("modalClosed",{name:n})}if(!0===this.getActiveComponentModalAttribute("destroyOnClose")&&Livewire.dispatch("destroyComponent",{id:this.activeComponent}),e>0)for(var i=0;i<e;i++){if(o){var s=this.componentHistory[this.componentHistory.length-1];Livewire.dispatch("destroyComponent",{id:s})}this.componentHistory.pop()}var r=this.componentHistory.pop();r&&!t&&r?this.setActiveModalComponent(r,!0):this.setShowPropertyTo(!1)}},setActiveModalComponent:function(t){var e=this,o=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(this.setShowPropertyTo(!0),this.activeComponent!==t){!1!==this.activeComponent&&!1===o&&this.componentHistory.push(this.activeComponent);var n=50;!1===this.activeComponent?(this.activeComponent=t,this.showActiveComponent=!0,this.modalWidth=this.getActiveComponentModalAttribute("maxWidthClass")):(this.showActiveComponent=!1,n=400,setTimeout((function(){e.activeComponent=t,e.showActiveComponent=!0,e.modalWidth=e.getActiveComponentModalAttribute("maxWidthClass")}),300)),this.$nextTick((function(){var o,i=null===(o=e.$refs[t])||void 0===o?void 0:o.querySelector("[autofocus]");i&&setTimeout((function(){i.focus()}),n)}))}},focusables:function(){return t(this.$el.querySelectorAll("a, button, input:not([type='hidden'], textarea, select, details, [tabindex]:not([tabindex='-1']))")).filter((function(t){return!t.hasAttribute("disabled")}))},firstFocusable:function(){return this.focusables()[0]},lastFocusable:function(){return this.focusables().slice(-1)[0]},nextFocusable:function(){return this.focusables()[this.nextFocusableIndex()]||this.firstFocusable()},prevFocusable:function(){return this.focusables()[this.prevFocusableIndex()]||this.lastFocusable()},nextFocusableIndex:function(){return(this.focusables().indexOf(document.activeElement)+1)%(this.focusables().length+1)},prevFocusableIndex:function(){return Math.max(0,this.focusables().indexOf(document.activeElement))-1},setShowPropertyTo:function(t){var e=this;this.show=t,t?document.body.classList.add("overflow-y-hidden"):(document.body.classList.remove("overflow-y-hidden"),setTimeout((function(){e.activeComponent=!1,e.$wire.resetState()}),300))},init:function(){var t=this;this.modalWidth=this.getActiveComponentModalAttribute("maxWidthClass"),this.listeners.push(Livewire.on("closeModal",(function(e){var o,n,i;t.closeModal(null!==(o=null==e?void 0:e.force)&&void 0!==o&&o,null!==(n=null==e?void 0:e.skipPreviousModals)&&void 0!==n?n:0,null!==(i=null==e?void 0:e.destroySkipped)&&void 0!==i&&i)}))),this.listeners.push(Livewire.on("activeModalComponentChanged",(function(e){var o=e.id;t.setActiveModalComponent(o)})))},destroy:function(){this.listeners.forEach((function(t){t()}))}}}},754:()=>{}},o={};function n(t){var i=o[t];if(void 0!==i)return i.exports;var s=o[t]={exports:{}};return e[t](s,s.exports,n),s.exports}n.m=e,t=[],n.O=(e,o,i,s)=>{if(!o){var r=1/0;for(u=0;u<t.length;u++){for(var[o,i,s]=t[u],a=!0,c=0;c<o.length;c++)(!1&s||r>=s)&&Object.keys(n.O).every((t=>n.O[t](o[c])))?o.splice(c--,1):(a=!1,s<r&&(r=s));if(a){t.splice(u--,1);var l=i();void 0!==l&&(e=l)}}return e}s=s||0;for(var u=t.length;u>0&&t[u-1][2]>s;u--)t[u]=t[u-1];t[u]=[o,i,s]},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),(()=>{var t={387:0,109:0};n.O.j=e=>0===t[e];var e=(e,o)=>{var i,s,[r,a,c]=o,l=0;if(r.some((e=>0!==t[e]))){for(i in a)n.o(a,i)&&(n.m[i]=a[i]);if(c)var u=c(n)}for(e&&e(o);l<r.length;l++)s=r[l],n.o(t,s)&&t[s]&&t[s][0](),t[s]=0;return n.O(u)},o=self.webpackChunk=self.webpackChunk||[];o.forEach(e.bind(null,0)),o.push=e.bind(null,o.push.bind(o))})(),n.O(void 0,[109],(()=>n(331)));var i=n.O(void 0,[109],(()=>n(754)));i=n.O(i)})();</script> <div x-data="LivewireUIModal()" x-on:close.stop="setShowPropertyTo(false)" x-on:keydown.escape.window="closeModalOnEscape()" x-show="show" class="fixed inset-0 z-10 overflow-y-auto" style="display: none;" > <div class="flex items-end justify-center min-h-screen px-4 pt-4 pb-10 text-center sm:block sm:p-0"> <div x-show="show" x-on:click="closeModalOnClickAway()" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="fixed inset-0 transition-all transform" > <div class="absolute inset-0 bg-gray-500 opacity-75"></div> </div> <span class="hidden sm:inline-block sm:align-middle sm:h-screen" aria-hidden="true">​</span> <div x-show="show && showActiveComponent" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" x-bind:class="modalWidth" class="inline-block w-full max-w-2xl align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:w-full" id="modal-container" x-trap.noscroll.inert="show && showActiveComponent" aria-modal="true" > </div> </div> </div> </div> <script src="/flux/flux.min.js?id=5b5b9c60" data-navigate-once></script> </body> </html>