Array
(
    [0] => Array
        (
            [user_group_id] => 1
        )

    [1] => Array
        (
            [user_group_id] => 1
        )

    [2] => Array
        (
            [user_group_id] => 1
        )

    [3] => Array
        (
            [user_group_id] => 1
        )

    [4] => Array
        (
            [user_group_id] => 1
        )

    [5] => Array
        (
            [user_group_id] => 1
        )

    [6] => Array
        (
            [user_group_id] => 1
        )

    [7] => Array
        (
            [user_group_id] => 1
        )

    [8] => Array
        (
            [user_group_id] => 1
        )

    [9] => Array
        (
            [user_group_id] => 1
        )

    [10] => Array
        (
            [user_group_id] => 1
        )

    [11] => Array
        (
            [user_group_id] => 1
        )

    [12] => Array
        (
            [user_group_id] => 1
        )

    [13] => Array
        (
            [user_group_id] => 1
        )

    [14] => Array
        (
            [user_group_id] => 1
        )

    [15] => Array
        (
            [user_group_id] => 1
        )

    [16] => Array
        (
            [user_group_id] => 1
        )

    [17] => Array
        (
            [user_group_id] => 1
        )

    [18] => Array
        (
            [user_group_id] => 1
        )

    [19] => Array
        (
            [user_group_id] => 1
        )

    [20] => Array
        (
            [user_group_id] => 1
        )

    [21] => Array
        (
            [user_group_id] => 1
        )

    [22] => Array
        (
            [user_group_id] => 1
        )

    [23] => Array
        (
            [user_group_id] => 1
        )

    [24] => Array
        (
            [user_group_id] => 1
        )

    [25] => Array
        (
            [user_group_id] => 1
        )

    [26] => Array
        (
            [user_group_id] => 1
        )

    [27] => Array
        (
            [user_group_id] => 1
        )

    [28] => Array
        (
            [user_group_id] => 1
        )

    [29] => Array
        (
            [user_group_id] => 1
        )

    [30] => Array
        (
            [user_group_id] => 1
        )

    [31] => Array
        (
            [user_group_id] => 1
        )

    [32] => Array
        (
            [user_group_id] => 1
        )

    [33] => Array
        (
            [user_group_id] => 1
        )

    [34] => Array
        (
            [user_group_id] => 1
        )

    [35] => Array
        (
            [user_group_id] => 1
        )

    [36] => Array
        (
            [user_group_id] => 1
        )

    [37] => Array
        (
            [user_group_id] => 1
        )

    [38] => Array
        (
            [user_group_id] => 1
        )

    [39] => Array
        (
            [user_group_id] => 1
        )

    [40] => Array
        (
            [user_group_id] => 1
        )

    [41] => Array
        (
            [user_group_id] => 1
        )

    [42] => Array
        (
            [user_group_id] => 1
        )

    [43] => Array
        (
            [user_group_id] => 1
        )

    [44] => Array
        (
            [user_group_id] => 1
        )

    [45] => Array
        (
            [user_group_id] => 1
        )

    [46] => Array
        (
            [user_group_id] => 1
        )

    [47] => Array
        (
            [user_group_id] => 1
        )

    [48] => Array
        (
            [user_group_id] => 1
        )

    [49] => Array
        (
            [user_group_id] => 1
        )

    [50] => Array
        (
            [user_group_id] => 1
        )

    [51] => Array
        (
            [user_group_id] => 1
        )

    [52] => Array
        (
            [user_group_id] => 1
        )

    [53] => Array
        (
            [user_group_id] => 1
        )

    [54] => Array
        (
            [user_group_id] => 1
        )

    [55] => Array
        (
            [user_group_id] => 1
        )

    [56] => Array
        (
            [user_group_id] => 1
        )

    [57] => Array
        (
            [user_group_id] => 1
        )

    [58] => Array
        (
            [user_group_id] => 1
        )

    [59] => Array
        (
            [user_group_id] => 1
        )

    [60] => Array
        (
            [user_group_id] => 1
        )

    [61] => Array
        (
            [user_group_id] => 1
        )

    [62] => Array
        (
            [user_group_id] => 1
        )

    [63] => Array
        (
            [user_group_id] => 1
        )

    [64] => Array
        (
            [user_group_id] => 1
        )

    [65] => Array
        (
            [user_group_id] => 1
        )

    [66] => Array
        (
            [user_group_id] => 1
        )

    [67] => Array
        (
            [user_group_id] => 1
        )

    [68] => Array
        (
            [user_group_id] => 1
        )

    [69] => Array
        (
            [user_group_id] => 1
        )

    [70] => Array
        (
            [user_group_id] => 1
        )

    [71] => Array
        (
            [user_group_id] => 1
        )

    [72] => Array
        (
            [user_group_id] => 1
        )

    [73] => Array
        (
            [user_group_id] => 1
        )

    [74] => Array
        (
            [user_group_id] => 1
        )

    [75] => Array
        (
            [user_group_id] => 1
        )

    [76] => Array
        (
            [user_group_id] => 1
        )

    [77] => Array
        (
            [user_group_id] => 1
        )

    [78] => Array
        (
            [user_group_id] => 1
        )

    [79] => Array
        (
            [user_group_id] => 1
        )

    [80] => Array
        (
            [user_group_id] => 1
        )

    [81] => Array
        (
            [user_group_id] => 1
        )

    [82] => Array
        (
            [user_group_id] => 1
        )

    [83] => Array
        (
            [user_group_id] => 1
        )

    [84] => Array
        (
            [user_group_id] => 1
        )

    [85] => Array
        (
            [user_group_id] => 1
        )

    [86] => Array
        (
            [user_group_id] => 1
        )

    [87] => Array
        (
            [user_group_id] => 1
        )

    [88] => Array
        (
            [user_group_id] => 1
        )

    [89] => Array
        (
            [user_group_id] => 1
        )

    [90] => Array
        (
            [user_group_id] => 1
        )

    [91] => Array
        (
            [user_group_id] => 1
        )

    [92] => Array
        (
            [user_group_id] => 1
        )

    [93] => Array
        (
            [user_group_id] => 1
        )

    [94] => Array
        (
            [user_group_id] => 1
        )

    [95] => Array
        (
            [user_group_id] => 1
        )

    [96] => Array
        (
            [user_group_id] => 1
        )

    [97] => Array
        (
            [user_group_id] => 1
        )

    [98] => Array
        (
            [user_group_id] => 1
        )

    [99] => Array
        (
            [user_group_id] => 1
        )

    [100] => Array
        (
            [user_group_id] => 1
        )

    [101] => Array
        (
            [user_group_id] => 1
        )

    [102] => Array
        (
            [user_group_id] => 1
        )

    [103] => Array
        (
            [user_group_id] => 1
        )

    [104] => Array
        (
            [user_group_id] => 1
        )

    [105] => Array
        (
            [user_group_id] => 1
        )

    [106] => Array
        (
            [user_group_id] => 1
        )

    [107] => Array
        (
            [user_group_id] => 1
        )

    [108] => Array
        (
            [user_group_id] => 1
        )

    [109] => Array
        (
            [user_group_id] => 1
        )

    [110] => Array
        (
            [user_group_id] => 1
        )

    [111] => Array
        (
            [user_group_id] => 1
        )

    [112] => Array
        (
            [user_group_id] => 1
        )

    [113] => Array
        (
            [user_group_id] => 1
        )

    [114] => Array
        (
            [user_group_id] => 1
        )

    [115] => Array
        (
            [user_group_id] => 1
        )

    [116] => Array
        (
            [user_group_id] => 1
        )

    [117] => Array
        (
            [user_group_id] => 1
        )

    [118] => Array
        (
            [user_group_id] => 1
        )

    [119] => Array
        (
            [user_group_id] => 1
        )

    [120] => Array
        (
            [user_group_id] => 1
        )

    [121] => Array
        (
            [user_group_id] => 1
        )

    [122] => Array
        (
            [user_group_id] => 1
        )

    [123] => Array
        (
            [user_group_id] => 1
        )

    [124] => Array
        (
            [user_group_id] => 1
        )

    [125] => Array
        (
            [user_group_id] => 1
        )

    [126] => Array
        (
            [user_group_id] => 1
        )

    [127] => Array
        (
            [user_group_id] => 1
        )

    [128] => Array
        (
            [user_group_id] => 1
        )

    [129] => Array
        (
            [user_group_id] => 1
        )

    [130] => Array
        (
            [user_group_id] => 1
        )

    [131] => Array
        (
            [user_group_id] => 1
        )

    [132] => Array
        (
            [user_group_id] => 1
        )

    [133] => Array
        (
            [user_group_id] => 1
        )

    [134] => Array
        (
            [user_group_id] => 1
        )

    [135] => Array
        (
            [user_group_id] => 1
        )

    [136] => Array
        (
            [user_group_id] => 1
        )

    [137] => Array
        (
            [user_group_id] => 1
        )

    [138] => Array
        (
            [user_group_id] => 1
        )

    [139] => Array
        (
            [user_group_id] => 1
        )

    [140] => Array
        (
            [user_group_id] => 1
        )

    [141] => Array
        (
            [user_group_id] => 1
        )

    [142] => Array
        (
            [user_group_id] => 1
        )

    [143] => Array
        (
            [user_group_id] => 1
        )

    [144] => Array
        (
            [user_group_id] => 1
        )

    [145] => Array
        (
            [user_group_id] => 1
        )

    [146] => Array
        (
            [user_group_id] => 1
        )

    [147] => Array
        (
            [user_group_id] => 1
        )

    [148] => Array
        (
            [user_group_id] => 1
        )

    [149] => Array
        (
            [user_group_id] => 1
        )

    [150] => Array
        (
            [user_group_id] => 1
        )

    [151] => Array
        (
            [user_group_id] => 1
        )

    [152] => Array
        (
            [user_group_id] => 1
        )

    [153] => Array
        (
            [user_group_id] => 1
        )

    [154] => Array
        (
            [user_group_id] => 1
        )

    [155] => Array
        (
            [user_group_id] => 1
        )

    [156] => Array
        (
            [user_group_id] => 1
        )

    [157] => Array
        (
            [user_group_id] => 1
        )

    [158] => Array
        (
            [user_group_id] => 1
        )

    [159] => Array
        (
            [user_group_id] => 1
        )

    [160] => Array
        (
            [user_group_id] => 1
        )

    [161] => Array
        (
            [user_group_id] => 1
        )

    [162] => Array
        (
            [user_group_id] => 1
        )

    [163] => Array
        (
            [user_group_id] => 1
        )

    [164] => Array
        (
            [user_group_id] => 1
        )

    [165] => Array
        (
            [user_group_id] => 1
        )

    [166] => Array
        (
            [user_group_id] => 1
        )

    [167] => Array
        (
            [user_group_id] => 1
        )

    [168] => Array
        (
            [user_group_id] => 1
        )

    [169] => Array
        (
            [user_group_id] => 1
        )

    [170] => Array
        (
            [user_group_id] => 1
        )

    [171] => Array
        (
            [user_group_id] => 1
        )

    [172] => Array
        (
            [user_group_id] => 1
        )

    [173] => Array
        (
            [user_group_id] => 1
        )

    [174] => Array
        (
            [user_group_id] => 1
        )

    [175] => Array
        (
            [user_group_id] => 1
        )

    [176] => Array
        (
            [user_group_id] => 1
        )

    [177] => Array
        (
            [user_group_id] => 1
        )

    [178] => Array
        (
            [user_group_id] => 1
        )

    [179] => Array
        (
            [user_group_id] => 1
        )

    [180] => Array
        (
            [user_group_id] => 1
        )

    [181] => Array
        (
            [user_group_id] => 1
        )

    [182] => Array
        (
            [user_group_id] => 1
        )

    [183] => Array
        (
            [user_group_id] => 1
        )

    [184] => Array
        (
            [user_group_id] => 1
        )

    [185] => Array
        (
            [user_group_id] => 1
        )

    [186] => Array
        (
            [user_group_id] => 1
        )

    [187] => Array
        (
            [user_group_id] => 1
        )

    [188] => Array
        (
            [user_group_id] => 1
        )

    [189] => Array
        (
            [user_group_id] => 1
        )

    [190] => Array
        (
            [user_group_id] => 1
        )

    [191] => Array
        (
            [user_group_id] => 1
        )

    [192] => Array
        (
            [user_group_id] => 1
        )

    [193] => Array
        (
            [user_group_id] => 1
        )

    [194] => Array
        (
            [user_group_id] => 1
        )

    [195] => Array
        (
            [user_group_id] => 1
        )

    [196] => Array
        (
            [user_group_id] => 1
        )

    [197] => Array
        (
            [user_group_id] => 1
        )

    [198] => Array
        (
            [user_group_id] => 1
        )

    [199] => Array
        (
            [user_group_id] => 1
        )

    [200] => Array
        (
            [user_group_id] => 1
        )

    [201] => Array
        (
            [user_group_id] => 1
        )

    [202] => Array
        (
            [user_group_id] => 1
        )

    [203] => Array
        (
            [user_group_id] => 1
        )

    [204] => Array
        (
            [user_group_id] => 1
        )

    [205] => Array
        (
            [user_group_id] => 1
        )

    [206] => Array
        (
            [user_group_id] => 1
        )

    [207] => Array
        (
            [user_group_id] => 1
        )

    [208] => Array
        (
            [user_group_id] => 1
        )

    [209] => Array
        (
            [user_group_id] => 1
        )

    [210] => Array
        (
            [user_group_id] => 1
        )

    [211] => Array
        (
            [user_group_id] => 1
        )

    [212] => Array
        (
            [user_group_id] => 1
        )

    [213] => Array
        (
            [user_group_id] => 1
        )

    [214] => Array
        (
            [user_group_id] => 1
        )

    [215] => Array
        (
            [user_group_id] => 1
        )

    [216] => Array
        (
            [user_group_id] => 1
        )

    [217] => Array
        (
            [user_group_id] => 1
        )

    [218] => Array
        (
            [user_group_id] => 1
        )

    [219] => Array
        (
            [user_group_id] => 1
        )

    [220] => Array
        (
            [user_group_id] => 1
        )

    [221] => Array
        (
            [user_group_id] => 1
        )

    [222] => Array
        (
            [user_group_id] => 1
        )

    [223] => Array
        (
            [user_group_id] => 1
        )

    [224] => Array
        (
            [user_group_id] => 1
        )

    [225] => Array
        (
            [user_group_id] => 1
        )

    [226] => Array
        (
            [user_group_id] => 1
        )

    [227] => Array
        (
            [user_group_id] => 1
        )

    [228] => Array
        (
            [user_group_id] => 1
        )

    [229] => Array
        (
            [user_group_id] => 1
        )

    [230] => Array
        (
            [user_group_id] => 1
        )

    [231] => Array
        (
            [user_group_id] => 1
        )

    [232] => Array
        (
            [user_group_id] => 1
        )

    [233] => Array
        (
            [user_group_id] => 1
        )

    [234] => Array
        (
            [user_group_id] => 1
        )

    [235] => Array
        (
            [user_group_id] => 1
        )

    [236] => Array
        (
            [user_group_id] => 1
        )

    [237] => Array
        (
            [user_group_id] => 1
        )

    [238] => Array
        (
            [user_group_id] => 1
        )

    [239] => Array
        (
            [user_group_id] => 1
        )

    [240] => Array
        (
            [user_group_id] => 1
        )

    [241] => Array
        (
            [user_group_id] => 1
        )

    [242] => Array
        (
            [user_group_id] => 1
        )

    [243] => Array
        (
            [user_group_id] => 1
        )

    [244] => Array
        (
            [user_group_id] => 1
        )

    [245] => Array
        (
            [user_group_id] => 1
        )

    [246] => Array
        (
            [user_group_id] => 1
        )

    [247] => Array
        (
            [user_group_id] => 1
        )

    [248] => Array
        (
            [user_group_id] => 1
        )

    [249] => Array
        (
            [user_group_id] => 1
        )

    [250] => Array
        (
            [user_group_id] => 1
        )

    [251] => Array
        (
            [user_group_id] => 1
        )

    [252] => Array
        (
            [user_group_id] => 1
        )

    [253] => Array
        (
            [user_group_id] => 1
        )

    [254] => Array
        (
            [user_group_id] => 1
        )

    [255] => Array
        (
            [user_group_id] => 1
        )

    [256] => Array
        (
            [user_group_id] => 1
        )

    [257] => Array
        (
            [user_group_id] => 1
        )

    [258] => Array
        (
            [user_group_id] => 1
        )

    [259] => Array
        (
            [user_group_id] => 1
        )

    [260] => Array
        (
            [user_group_id] => 1
        )

    [261] => Array
        (
            [user_group_id] => 1
        )

    [262] => Array
        (
            [user_group_id] => 1
        )

    [263] => Array
        (
            [user_group_id] => 1
        )

    [264] => Array
        (
            [user_group_id] => 1
        )

    [265] => Array
        (
            [user_group_id] => 1
        )

    [266] => Array
        (
            [user_group_id] => 1
        )

    [267] => Array
        (
            [user_group_id] => 1
        )

    [268] => Array
        (
            [user_group_id] => 1
        )

    [269] => Array
        (
            [user_group_id] => 1
        )

    [270] => Array
        (
            [user_group_id] => 1
        )

    [271] => Array
        (
            [user_group_id] => 1
        )

)
<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
<meta name="B-verify" content="1d1feac5df32665ba2e3e67b707d8fee1a139006" />
<meta name="theme-color" content="#2588bd">
<link rel="shortcut icon" href="https://www.tourhq.com/favicon.ico" type="image/ico" />
<link rel="manifest" href="https://www.tourhq.com/web_manifest/manifest.json"/>

<script type="application/ld+json">
{
    "@context": "http://schema.org",
    "@type": "WebSite",
    "name": "tourHQ",
    "url": "https://www.tourhq.com/"
}
</script>
<script type="application/ld+json">
{
    "@context": "http://schema.org",
    "@type": "Organization",
    "mainEntityOfPage": {
        "@type": "WebPage",
        "@id": "https://www.tourhq.com/"
    },
    "name": "TourHQ Limited",
    "url": "https://www.tourhq.com/",
    "logo": "https://res.cloudinary.com/tourhq/image/upload/v1685868382/Logo/logo.png",
    "sameAs": [
        "https://www.facebook.com/tourhq",
        "https://twitter.com/tourhqcom",
        "https://www.instagram.com/tourhq",
        "https://www.linkedin.com/company/tourhq-com",
        "https://in.pinterest.com/tourhq/"
    ],
    "contactPoint": {
        "@type": "ContactPoint",
        "telephone": "+1 334 357 4733",
        "email": "support@tourhq.com",
        "contactType": "Customer Support"
    }
}
</script>



<link href="https://www.tourhq.com/mf_tw/assets/src/tw_main.css?v1731048938" rel="stylesheet">
<link rel="stylesheet" href="https://www.tourhq.com/mf_tw/assets/src/common_main.css" />

<script type="module" src='https://www.tourhq.com/mf_tw/assets/src/turbo.min.js'></script>

 <script type="module">
    window.addEventListener('load', () => {
      if (typeof Turbo !== 'undefined' && Turbo.session) {
        Turbo.session.drive = false;
      } else {
        console.error('Turbo not found or session object not available.');
      }
    });
  </script>


    
    <!-- Do not show the schema when BOTH price AND review is empty -->
       <script type="application/ld+json">
        {"@context":"http://schema.org/","@type":"Product","name":"4-Hour Private Helsinki Excursion: From Port Pickup to UNESCO Heritage Exploration","image":{"@type":"ImageObject","url":"http://res.cloudinary.com/tourhq/image/upload/v1705330169/msvp2m4glz8nmrlr2biq.jpg","height":507,"width":900},"description":"Embark on a 4-hour tour of Helsinki! Discover key landmarks, including the iconic Rock Church, Old Market Hall and Square, Senate Square, and the Sibelius Monument. Then, wrap up your tour as you explore the UNESCO Heritage Site, Suomenlinna, which is accessible by a short ferry trip.&nbsp;","category":"Boating, Architectural, Shore_Excursion","sku":72559,"brand":{"@type":"Brand","name":"tourHQ Limited"},"offers":{"@type":"Offer","priceCurrency":"EUR","price":"420.00","availability":"InStock","url":"https://www.tourhq.com/tours/72559/4-hour-private-helsinki-excursion-from-port-pickup-to-unesco-heritage-exploration"}}    </script>

    
    <!-- Breadcrumb schema -->
    <script type="application/ld+json">
        {
            "@context": "http://schema.org",
            "@type": "BreadcrumbList",
            "itemListElement": [
                {
                    "@type": "ListItem",
                    "position": 1,
                    "item": {
                        "@id": "/",
                        "name": "tourhq.com"
                    }
                },
                {
                    "@type": "ListItem",
                    "position": 2,
                    "item": {
                        "@id": "/finland",
                        "name": "Finland"
                    }
                },
                {
                    "@type": "ListItem",
                    "position": 3,
                    "item": {
                        "@id": "/helsinki",
                        "name": "Helsinki"
                    }
                },
                {
                    "@type": "ListItem",
                    "position": 4,
                    "item": {
                        "@id": "/tours",
                        "name": "Tours & Itineraries"
                    }
                }
            ]
        }
    </script>

    <link rel="canonical" href="https://www.tourhq.com/tours/72559/4-hour-private-helsinki-excursion-from-port-pickup-to-unesco-heritage-exploration" />
        <meta name="description" content="4-Hour Private Helsinki Excursion: From Port Pickup to UNESCO Heritage Exploration" />
    <meta name="keywords" content="travel guide, tour guide, world travel guide, travel guide sites, tour guide companies, tourist guide online, online travel guide, travel guide
    information, find a tour guide, international travel guide, local tour guide, india travel guide, personal tour guides" />
    <meta property="og:title" content="4-Hour Private Helsinki Excursion: From Port Pickup to UNESCO Heritage Exploration" />
    <meta property="og:type" content="Website">
    <meta property="og:description" content="4-Hour Private Helsinki Excursion: From Port Pickup to UNESCO Heritage Exploration" />


        <meta property="og:image" itemprop="image" content="https://res.cloudinary.com/tourhq/image/upload/c_thumb,h_630,w_1200/c_fit,co_rgb:FFFFFF,l_text:roboto_80_bold_normal_left:4-Hour%20Private%20Helsinki%20Excursion%3A%20From%20Port%20Pickup%20to%20UNESCO%20Heritage%20Exploration,w_1000/fl_layer_apply,g_center/l_Logo:thq_header/fl_layer_apply,g_north,w_1200/msvp2m4glz8nmrlr2biq" />
    <meta name="turbo-visit-control" content="reload">
    <title>4-Hour Private Helsinki Excursion: From Port Pickup to UNESCO Heritage Exploration</title>


    <script src="https://unpkg.com/scrollreveal@4.0.0/dist/scrollreveal.min.js"></script>
</head>

<body class="flex flex-col min-h-screen m-0 overflow-x-hidden">
    <section>
        
	    <header class="z-50 new_header relative">
    <p class="hidden" style="display:none" uri="/tours/72559/4-hour-private-helsinki-excursion-from-port-pickup-to-unesco-heritage-exploration"></p>
    <turbo-frame id="common-nav" target="_top">
    <div class="static shadow shadow-md nav_main w-full text-lg select-none bg-gradient-to-b from-black to-transparent">
    <div class="w-full border-gray-200 divide-y divide-gray-100 from-gray-900 to-transparent nav_child dark:bg-gray-800 bg-white white_nav ">
    <div class="flex flex-wrap items-center justify-between max-w-screen-xl  p-4 mx-auto">
    <div class="flex items-center dark:text-white">
        
        <a href="https://www.tourhq.com/">
            <img src="https://res.cloudinary.com/tourhq/image/upload/v1685868382/Logo/logo.png" alt="tourHQ Logo" class="hidden h-10 mr-2 logo_full sm:block" />
            <img src="https://res.cloudinary.com/tourhq/image/upload/h_32,w_32/v1685868213/Logo/globe2.png" height="32" width="32" alt="tourHQ Logo Globe" class="h-8 mr-2 logo_icon sm:hidden" />
        </a>
        <p class="hidden text-sm font-medium text-center text-gray-900 head_tag lg:text-left font-segoe dark:text-gray-400">Explore the world with tourHQ</p>
        <button data-collapse-toggle="navbar-sticky" type="button" class="inline-flex items-center p-2 text-base text-gray-200 rounded-md ham_menu lg:hidden hover:bg-gray-500 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-300 dark:hover:bg-gray-700 dark:focus:ring-gray-600" aria-controls="navbar-sticky" aria-expanded="false">
            <span class="sr-only">Toggle Menu</span>
            <svg class="w-6 h-6" aria-hidden="true" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" clip-rule="evenodd"></path></svg>
        </button>

    </div>


    <div class="flex items-center justify-between last_nav lg:order-2">

    <!-- No Login or traveller login-->
        <a href="https://www.tourhq.com/plan-my-trip.html" class="block px-4 py-2 mr-3 text-sm font-medium text-center text-white rounded-md sm:text-base plan_mh_top bg-thq_orange-500 hover:bg-orangedark focus:ring-2 focus:outline-none focus:ring-orangelight dark:thq_orange-500 dark:hover:orangedark dark:focus:ring-orangedark">Plan My Holiday</a>
    
        <a href="https://www.tourhq.com/login" data-turbo="true" class="login_link mr-2 text-lg font-medium text-gray-900 dark:text-gray-50 lg:hover:text-sky-500 lg:dark:hover:text-sky-500 hover:underline">Login</a>


    
</div>

    <!-- Center nav -->

    <div class="flex-row-reverse items-center justify-between flex-grow hidden w-full pr-4 mid_nav lg:flex lg:w-auto lg:order-1" id="navbar-sticky" aria-expanded="false">
    <ul class="flex flex-col p-4 mt-4 font-medium bg-white border border-gray-100 rounded-md lg:p-0 lg:flex-row lg:space-x-8 lg:mt-0 lg:border-0 lg:bg-transparent dark:bg-gray-800/90 lg:dark:bg-transparent dark:border-gray-700">

    


        <!-- NO LOGIN-->
                <li class="hidden">
        <a href="#" class="block py-2 pl-3 pr-4 text-gray-900 transition rounded lg:text-white hover:bg-gray-100 hover:text-gray-900 lg:hover:bg-transparent lg:p-0 lg:hover:text-sky-500 lg:dark:hover:text-sky-500 dark:text-white dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700" >Home</a>
        </li>
        
                <!-- Traveller login or no login -->
        <li class="hidden">
        <a href="https://www.tourhq.com/location" data-turbo="true" class="block py-2 pl-3 pr-4 text-gray-900 rounded lg:text-white hover:bg-gray-100 hover:text-gray-900 lg:hover:bg-transparent lg:p-0 lg:hover:text-sky-500 lg:dark:hover:text-sky-500 dark:text-white dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">Destinations</a>
        </li>
        <li class="hidden">
        <button id="dropdownNavbarLink" data-dropdown-toggle="dropdownNavbar" class="items-center justify-between w-full py-2 pl-3 pr-4 text-gray-900 rounded lg:text-white hover:bg-gray-100 hover:text-gray-900 lg:hover:bg-transparent lg:p-0 lg:hover:text-sky-500 lg:dark:hover:text-sky-500 lg:dark:focus:text-sky-500 dark:text-white dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent lg:border-0 lg:w-auto dark:focus:text-white dark:border-gray-700 ">How It Works <svg class="w-5 h-5 ml-1" aria-hidden="true" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></button>
            <!-- Dropdown menu -->
            <div id="dropdownNavbar" class="z-50 hidden w-56 font-normal bg-white divide-y divide-gray-100 rounded-md shadow dark:bg-gray-700 dark:divide-gray-600">
            <ul class="py-2 text-base text-gray-700 dark:text-gray-400" aria-labelledby="dropdownLargeButton">
            <li>
            <a href="https://www.tourhq.com/guidemarketplace" class="block px-4 py-2 hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-gray-600 dark:hover:text-white">I am a Guide</a>
            </li>
            <li>
            <a href="https://www.tourhq.com/travelermarketplace" class="block px-4 py-2 hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-gray-600 dark:hover:text-white">I am a Traveller</a>
            </li>
            </ul>
            </div>
            </li>
             
                        <li class="hidden">
            <a href="https://www.tourhq.com/tickets/online_exp" class="block py-2 pl-3 pr-4 text-gray-900 transition rounded lg:text-white hover:bg-gray-100 hover:text-gray-900 lg:hover:bg-transparent lg:p-0 lg:hover:text-sky-500 lg:dark:hover:text-sky-500 dark:text-white dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">Online Experiences</a>
            </li>

                                <li class="button_li">
                    <button type="button" id="currency_changer_btn" class="flex items-center justify-between w-full py-2 pl-3 pr-4 text-gray-900 transition rounded currency_changer_btn lg:text-gray-900 hover:bg-gray-100 hover:text-gray-900 lg:hover:bg-transparent lg:p-0 lg:hover:text-sky-500 lg:dark:hover:text-sky-500 dark:text-white dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">Currency (USD) <svg class="w-5 h-5 ml-1" aria-hidden="true" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg></button>
                    </li>
                            </ul>
            </div>
        </div>
    </div>
    </div>
    </turbo-frame>

 </header>
    </section>

    
    
    <section class="breadcrumb_hldr dark:bg-gray-900">
        <div class="max-w-screen-xl px-3 pt-5 pb-5 mx-auto border-b border-gray-200 dark:border-gray-700 bread-crum-outer">
            <div class="flex" aria-label="Breadcrumb">
                <ol class="inline-flex items-center space-x-1 capitalize md:space-x-3">
                <li class="inline-flex items-center">
                    <a href="https://www.tourhq.com/"  class="inline-flex items-center text-xs font-medium underline text-sky-500 hover:text-sky-600 dark:text-sky-700 dark:hover:text-sky-500">
                    <svg aria-hidden="true" class="w-4 h-4 mr-2" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M10.707 2.293a1 1 0 00-1.414 0l-7 7a1 1 0 001.414 1.414L4 10.414V17a1 1 0 001 1h2a1 1 0 001-1v-2a1 1 0 011-1h2a1 1 0 011 1v2a1 1 0 001 1h2a1 1 0 001-1v-6.586l.293.293a1 1 0 001.414-1.414l-7-7z"></path></svg>
                    Home
                    </a>
                </li>
                <li class="inline-flex items-center">

                    <svg aria-hidden="true" class="w-6 h-6 text-gray-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"></path></svg>
                    <a href="https://www.tourhq.com/finland/tours"  class="inline-flex items-center text-xs font-medium underline text-sky-500 hover:text-sky-600 dark:text-sky-700 dark:hover:text-sky-500">
                    finland                    </a>
                </li>
                <li class="inline-flex items-center">

                    <svg aria-hidden="true" class="w-6 h-6 text-gray-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"></path></svg>
                    <a href="https://www.tourhq.com/finland/helsinki/tours"  class="inline-flex items-center text-xs font-medium underline text-sky-500 hover:text-sky-600 dark:text-sky-700 dark:hover:text-sky-500">
                    helsinki                    </a>
                </li>
                <li class="inline-flex items-center">

                    <svg aria-hidden="true" class="w-6 h-6 text-gray-400" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"></path></svg>
                    <a href="https://www.tourhq.com/finland/helsinki/tours"  class="inline-flex items-center text-xs font-medium underline text-sky-500 hover:text-sky-600 dark:text-sky-700 dark:hover:text-sky-500">
                    Tours
                    </a>
                </li>
                <li aria-current="page">
                    <div class="flex items-center">
                        <svg aria-hidden="true" class="w-6 h-6 text-gray-400 shrink-0" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"></path></svg>
                        <span class="ml-1 text-xs font-medium text-gray-500 md:ml-2 dark:text-gray-400 line-clamp-1">4-Hour Private Helsinki Excursion: From Port Pickup to UNESCO Heritage Exploration</span>
                    </div>
                </li>
                </ol>
            </div>
        </div>
    </section>



    <!-- Main content section -->
    <main class="flex flex-col bg-gray-50 content_main grow dark:bg-gray-900">
        <section class="relative w-full px-6 pt-6 pb-6 bg-white dark:bg-gray-900">
            <div class="max-w-screen-xl mx-auto lg:px-4 hero_title_hldr ">
                <div class="flex flex-col items-start justify-between gap-6 md:items-center md:gap-y-0 md:flex-row-reverse">
                    <div class="page_actions text-end">
                        <button type="button" id="sharepage" class="top-0 right-0 inline-flex items-center justify-between px-3 py-2 text-xs text-gray-500 bg-white border border-gray-200 rounded-lg shadow-sm hover:text-gray-900 dark:border-gray-600 dark:hover:text-white dark:text-gray-400 hover:bg-gray-50 dark:bg-gray-700 dark:hover:bg-gray-600 focus:ring-4 focus:ring-gray-300 focus:outline-none dark:focus:ring-gray-400">
                            <svg class="w-3 h-3 mx-auto me-2" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 18 18">
                                <path d="M14.419 10.581a3.564 3.564 0 0 0-2.574 1.1l-4.756-2.49a3.54 3.54 0 0 0 .072-.71 3.55 3.55 0 0 0-.043-.428L11.67 6.1a3.56 3.56 0 1 0-.831-2.265c.006.143.02.286.043.428L6.33 6.218a3.573 3.573 0 1 0-.175 4.743l4.756 2.491a3.58 3.58 0 1 0 3.508-2.871Z"></path>
                            </svg>
                            <span class="mb-px text-xs font-medium">Share</span>
                        </button>
                    </div>
                    <h1 class="text-3xl font-bold tracking-tight text-gray-800 capitalize dark:text-white lg:text-3xl">4-Hour Private Helsinki Excursion: From Port Pickup to UNESCO Heritage Exploration</h1>
                </div>


                
            </div>

            <!-- Gallery -->
                        <!-- Gallery ends -->
        </section> <!-- /.hero section -->

        <section class="w-full min-h-screen py-4 bg-white dark:bg-gray-800">
            <div class="relative max-w-screen-xl px-4 mx-auto text-center pb-14 md:text-left">

                <div class="grid grid-cols-1 gap-6 pb-6 lg:grid-cols-3">
                    <div class="pr-0 text-left lg:col-span-2 lg:pr-6 left_side">
                   <!-- Gallery -->
                    
                    <div class="relative max-w-screen-xl mx-auto pb-6 lg:min-h-[382px]">
                        <div class="flex flex-wrap">
                            <div class="flex flex-wrap w-full">
                                <div class="w-full">
                                    <div class="relative w-full h-full overflow-hidden rounded-md cursor-pointer group " data-id="0">
                                        <a class="absolute inset-0 z-10 rm_vector top_gal" data-gall="top-gal-a" title="Private van car for 7-8 pax" href="https://res.cloudinary.com/tourhq/image/upload/fl_progressive,f_auto,h_507,w_900,g_auto,c_fill,q_auto/msvp2m4glz8nmrlr2biq"></a>
                                        <img class="block object-cover object-center w-full h-full transition duration-300 ease-in-out rounded-md rm_vector group-hover:scale-110" priority="high" fetchpriority="high" alt="Private van car for 7-8 pax" image="0" src="https://res.cloudinary.com/tourhq/image/upload/fl_progressive,f_auto,h_507,w_900,g_auto,c_fill,q_5/msvp2m4glz8nmrlr2biq">
                                        <div class="absolute inset-x-0 z-10 flex items-end text-white transition duration-300 ease-in-out opacity-0 cursor-pointer group-hover:opacity-100 from-black to-black/10 bg-gradient-to-t -bottom-2 pt-30">
                                            <div class="p-4 pb-10 space-y-3 text-xl transition duration-300 ease-in-out transform translate-y-4 group-hover:opacity-100 group-hover:translate-y-0">
                                                <div class="text-sm font-medium">
                                                    Private van car for 7-8 pax                                                </div>
                                            </div>
                                        </div>
                                                                            </div>
                                </div>
                            </div>
                        </div>
                    </div>



                                        <!-- Gallery ends -->
                        <!-- Basic card -->
                        <div class="max-w-4xl p-0 pt-0 break-words format format-lg-md: format-base dark:format-invert ">
                            <div class="">
                                <h2 class="sticky top-0 py-2 bg-white dark:bg-gray-800 text-slate-700 dark:text-slate-200">Highlights</h2>
                                <div class="border-b border-gray-200 dark:border-gray-700">
                                                                  <div class="flex items-start mb-4">
                                    <svg  class="w-6 h-6 text-emerald-600 shrink-0" 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"><circle cx="12" cy="12" r="9"/><path stroke-dasharray="14" stroke-dashoffset="14" d="M8 12L11 15L16 10"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.2s" values="14;0"/></path></g></svg>
                                    <span class="ml-4">Start your Helsinki exploration hassle-free with a convenient ferry port pickup</span>
                                </div>
                                                                  <div class="flex items-start mb-4">
                                    <svg  class="w-6 h-6 text-emerald-600 shrink-0" 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"><circle cx="12" cy="12" r="9"/><path stroke-dasharray="14" stroke-dashoffset="14" d="M8 12L11 15L16 10"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.2s" values="14;0"/></path></g></svg>
                                    <span class="ml-4">Dive into Helsinki's charm by visiting landmarks like the Rock Church and Old Market Hall</span>
                                </div>
                                                                  <div class="flex items-start mb-4">
                                    <svg  class="w-6 h-6 text-emerald-600 shrink-0" 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"><circle cx="12" cy="12" r="9"/><path stroke-dasharray="14" stroke-dashoffset="14" d="M8 12L11 15L16 10"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.2s" values="14;0"/></path></g></svg>
                                    <span class="ml-4">Explore UNESCO Heritage Site Suomenlinna via a short, scenic ferry trip</span>
                                </div>
                                                                </div>


                                <div class="border-b border-gray-200 top_features dark:border-gray-700">
                                    <div class="grid grid-cols-1 gap-1 py-2 text-left sm:gap-4 sm:grid-cols-2 md:grid-cols-3">
                                        
                                                <div>
                                                    <p class="flex items-start text-gray-700">
                                                        <span class="inline-flex items-center flex-shrink-0 mx-auto text-white border rounded-full shadow-sm border-thq_green-600 bg-thq_green-600 dark:bg-slate-900 dark:border-gray-700 dark:text-thq_green-400">
                                                            <svg class="w-4 h-4 m-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M12 11.5A2.5 2.5 0 0 1 9.5 9A2.5 2.5 0 0 1 12 6.5A2.5 2.5 0 0 1 14.5 9a2.5 2.5 0 0 1-2.5 2.5M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7"/></svg>
                                                        </span>
                                                        <span class="mx-2 text-base font-medium capitalize text-slate-700 dark:text-slate-200 grow " >
                                                            Helsinki                                                        </span>
                                                    </p>
                                                </div>

                                                

                                            

                                                                                <div>
                                            <p class="flex items-start text-gray-700">
                                                <span class="inline-flex items-center flex-shrink-0 mx-auto text-white border rounded-full shadow-sm border-thq_green-600 bg-thq_green-600 dark:bg-slate-900 dark:border-gray-700 dark:text-thq_green-400">
                                                    <svg class="w-4 h-4 m-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M5 22V2h2v2h14l-2 5l2 5H7v8zm7.5-11q.825 0 1.413-.587T14.5 9t-.587-1.412T12.5 7t-1.412.588T10.5 9t.588 1.413T12.5 11"/></svg>
                                                </span>
                                                <span class="mx-2 text-base font-medium capitalize break-words text-slate-700 dark:text-slate-200 grow "  >
                                                boating, architectural, Shore Excursion                                                </span>
                                            </p>
                                        </div>
                                                                                                                                                                <div>
                                            <p class="flex items-start text-gray-700">
                                                <span class="inline-flex items-center flex-shrink-0 mx-auto text-white border rounded-full shadow-sm border-thq_green-600 bg-thq_green-600 dark:bg-slate-900 dark:border-gray-700 dark:text-thq_green-400">
                                                    <svg class="w-4 h-4 m-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path fill="currentColor" d="M12 16.14h-.87a8.67 8.67 0 0 0-6.43 2.52l-.24.28v8.28h4.08v-4.7l.55-.62l.25-.29a11 11 0 0 1 4.71-2.86A6.59 6.59 0 0 1 12 16.14" class="clr-i-solid clr-i-solid-path-1"/><path fill="currentColor" d="M31.34 18.63a8.67 8.67 0 0 0-6.43-2.52a10.47 10.47 0 0 0-1.09.06a6.59 6.59 0 0 1-2 2.45a10.91 10.91 0 0 1 5 3l.25.28l.54.62v4.71h3.94v-8.32Z" class="clr-i-solid clr-i-solid-path-2"/><path fill="currentColor" d="M11.1 14.19h.31a6.45 6.45 0 0 1 3.11-6.29a4.09 4.09 0 1 0-3.42 6.33Z" class="clr-i-solid clr-i-solid-path-3"/><path fill="currentColor" d="M24.43 13.44a6.54 6.54 0 0 1 0 .69a4.09 4.09 0 0 0 .58.05h.19A4.09 4.09 0 1 0 21.47 8a6.53 6.53 0 0 1 2.96 5.44" class="clr-i-solid clr-i-solid-path-4"/><circle cx="17.87" cy="13.45" r="4.47" fill="currentColor" class="clr-i-solid clr-i-solid-path-5"/><path fill="currentColor" d="M18.11 20.3A9.69 9.69 0 0 0 11 23l-.25.28v6.33a1.57 1.57 0 0 0 1.6 1.54h11.49a1.57 1.57 0 0 0 1.6-1.54V23.3l-.24-.3a9.58 9.58 0 0 0-7.09-2.7" class="clr-i-solid clr-i-solid-path-6"/><path fill="none" d="M0 0h36v36H0z"/></svg>
                                                </span>
                                                <span class="mx-2 text-base font-medium text-slate-700 dark:text-slate-200 grow">Private Tour</span>
                                            </p>
                                        </div>

                                                                                <div>
                                            <p class="flex items-start text-gray-700">
                                                <span class="inline-flex items-center flex-shrink-0 mx-auto text-white border rounded-full shadow-sm border-thq_green-600 bg-thq_green-600 dark:bg-slate-900 dark:border-gray-700 dark:text-thq_green-400">
                                                    <svg class="w-4 h-4 m-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M6 4H4V2h16v2h-2v2c0 1.615-.816 2.915-1.844 3.977c-.703.726-1.558 1.395-2.425 2.023c.867.628 1.722 1.297 2.425 2.023C17.184 15.085 18 16.385 18 18v2h2v2H4v-2h2v-2c0-1.615.816-2.915 1.844-3.977c.703-.726 1.558-1.395 2.425-2.023c-.867-.628-1.722-1.297-2.425-2.023C6.816 8.915 6 7.615 6 6zm2 0v2c0 .685.26 1.335.771 2h6.458c.51-.665.771-1.315.771-2V4zm4 9.222c-1.045.738-1.992 1.441-2.719 2.192a6.84 6.84 0 0 0-.51.586h6.458a6.851 6.851 0 0 0-.51-.586c-.727-.751-1.674-1.454-2.719-2.192"/></svg>
                                                </span>
                                                <span class="mx-2 text-base font-medium text-slate-700 dark:text-slate-200 grow">
                                                    4 Hours                                                </span>
                                            </p>
                                        </div>


                                                                                <div>
                                            <p class="flex items-start text-gray-700">
                                                <span class="inline-flex items-center flex-shrink-0 mx-auto text-white border rounded-full shadow-sm border-thq_green-600 bg-thq_green-600 dark:bg-slate-900 dark:border-gray-700 dark:text-thq_green-400">
                                                    <svg class="w-4 h-4 m-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"><path fill="currentColor" fill-rule="evenodd" d="M6.992 2.606c-.965-.961-1.972-1.438-2.94-1.51c-1.094-.08-2.06.364-2.756 1.066C-.072 3.542-.49 6.037 1.22 7.754a.5.5 0 0 0 .015.014l5.418 5.012a.5.5 0 0 0 .68 0l5.418-5.012l.011-.011c1.734-1.71 1.315-4.205-.06-5.585c-.698-.702-1.667-1.147-2.763-1.068c-.97.07-1.98.543-2.946 1.502Zm-.34 1.982a.625.625 0 0 0-1.128-.043L4.668 6.18H3.515a.625.625 0 0 0 0 1.25h1.531c.233 0 .446-.13.554-.335l.423-.807l1.043 2.42a.625.625 0 0 0 1.06.147L9.282 7.43h1.202a.625.625 0 0 0 0-1.25h-1.5a.625.625 0 0 0-.486.231l-.693.855l-1.154-2.677Z" clip-rule="evenodd"/></svg>
                                                </span>
                                                <span class="mx-2 text-base font-medium text-slate-700 dark:text-slate-200 grow">
                                                    Easy                                                </span>
                                            </p>
                                        </div>
                                        

                                                                                <div>
                                            <p class="flex items-start text-gray-700">
                                                <span class="inline-flex items-center flex-shrink-0 mx-auto text-white border rounded-full shadow-sm border-thq_green-600 bg-thq_green-600 dark:bg-slate-900 dark:border-gray-700 dark:text-thq_green-400">
                                                    <svg class="w-4 h-4 m-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="currentColor" d="M0 128c0-35.3 28.7-64 64-64h512c35.3 0 64 28.7 64 64v256c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64zm320 0v256h256V128zm-141.7 47.9c-3.2-7.2-10.4-11.9-18.3-11.9s-15.1 4.7-18.3 11.9l-64 144c-4.5 10.1.1 21.9 10.2 26.4s21.9-.1 26.4-10.2l8.9-20.1h73.6l8.9 20.1c4.5 10.1 16.3 14.6 26.4 10.2s14.6-16.3 10.2-26.4zM160 233.2l19 42.8h-38zM448 164c11 0 20 9 20 20v4h60c11 0 20 9 20 20s-9 20-20 20h-2l-1.6 4.5c-8.9 24.4-22.4 46.6-39.6 65.4c.9.6 1.8 1.1 2.7 1.6l18.9 11.3c9.5 5.7 12.5 18 6.9 27.4s-18 12.5-27.4 6.9L467 333.8c-4.5-2.7-8.8-5.5-13.1-8.5c-10.6 7.5-21.9 14-34 19.4l-3.6 1.6c-10.1 4.5-21.9-.1-26.4-10.2s.1-21.9 10.2-26.4l3.6-1.6c6.4-2.9 12.6-6.1 18.5-9.8L410 286.1c-7.8-7.8-7.8-20.5 0-28.3s20.5-7.8 28.3 0l14.6 14.6l.5.5c12.4-13.1 22.5-28.3 29.8-45H376c-11 0-20-9-20-20s9-20 20-20h52v-4c0-11 9-20 20-20z"/></svg>
                                                </span>
                                                <span class="mx-2 text-base font-medium text-slate-700 dark:text-slate-200 grow " >
                                                English, Finnish                                                </span>
                                            </p>
                                        </div>

                                         
                                                                            </div>
                                </div>

                            </div>

                            <div class="invisible mt-8 reveal_main">
                                <h2 class="sticky top-0 py-2 bg-white dark:bg-gray-800 text-slate-700 dark:text-slate-200">Description</h2>
                                <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<?xml encoding="UTF-8"><html><body><p>Embark on a 4-hour tour of Helsinki! Discover key landmarks, including the iconic Rock Church, Old Market Hall and Square, Senate Square, and the Sibelius Monument. Then, wrap up your tour as you explore the UNESCO Heritage Site, Suomenlinna, which is accessible by a short ferry trip.&nbsp;</p></body></html>
                            </div>

                        </div>
                        <!-- End Basic card -->
                        <!-- Basic card -->
                        <div class="w-full max-w-4xl p-0 mt-8 mb-8 break-words format format-lg-md: format-base dark:format-invert ">
                            <div class="">
                                <h2 class="py-2 text-slate-700 dark:text-slate-200">Itinerary</h2>
                                    <ol class="relative mt-8 ml-3 list-none border-blue-200 border-s-2 dark:border-blue-900">
                                                                            <li class="invisible mb-4 reveal_main">
                                            <h4 class="sticky top-0 flex items-center py-2 -ml-12 text-lg bg-white dark:bg-gray-800 text-slate-700 dark:text-slate-200">
                                                <span class="flex items-center justify-center w-8 h-8 mr-4 bg-blue-100 rounded-full shrink-0 -start-4 ring-8 ring-white dark:ring-gray-800 dark:bg-blue-900">

                                                <svg class="w-5 h-5 text-blue-800 dark:text-blue-300"  xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><mask id="lineMdMapMarkerAltFilled0"><path fill="#fff" stroke="#fff" stroke-linecap="round" stroke-width="2" d="M12 20.5C12 20.5 6 13.5 6 9C6 5.68629 8.68629 3 12 3C15.3137 3 18 5.68629 18 9C18 13.5 12 20.5 12 20.5z"><animate fill="freeze" attributeName="d" dur="0.4s" keyTimes="0;0.7;1" values="M12 20.5C12 20.5 11 19 11 18C11 17.5 11.5 17 12 17C12.5 17 13 17.5 13 18C13 19 12 20.5 12 20.5z;M12 20.5C12 20.5 5 13 5 8C5 4.5 8 1 12 1C16 1 19 4.5 19 8C19 13 12 20.5 12 20.5z;M12 20.5C12 20.5 6 13.5 6 9C6 5.68629 8.68629 3 12 3C15.3137 3 18 5.68629 18 9C18 13.5 12 20.5 12 20.5z"/></path><circle cx="12" cy="9" r="2.5" fill-opacity="0"><animate fill="freeze" attributeName="fill-opacity" begin="0.3s" dur="0.15s" values="0;1"/></circle></mask><rect width="24" height="24" fill="currentColor" mask="url(#lineMdMapMarkerAltFilled0)"/></svg>
                                                </span>
                                                Port Pickup to UNESCO Heritage Exploration                                            </h4>
                                            <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<?xml encoding="UTF-8"><html><body><ul><li>Pickup with a private van from the ferry port.</li><li>Explore the significant sites of Helsinki, including attractions such as the Rock Church, Old Market Hall and Square, Senate Square, and Sibelius Monument (Note: Sibeliuspark may be under reconstruction in 2024 and may not be open).</li><li>Pay a visit to the UNESCO Heritage Site, Suomenlinna, accessible by a short ferry trip.</li><li>The itinerary is flexible, and the duration may extend beyond 4 hours if we choose to visit Suomenlinna Fortress.</li></ul></body></html>
                                        </li>
                                                                            </ol>
                            </div>
                        </div>
                        <!-- End Basic card -->
                        <!-- Basic card -->
                        <div class="invisible w-full max-w-4xl p-0 mt-8 mb-8 break-words reveal_main format format-lg-md: format-base dark:format-invert ">
                                                    <div class="whats_included">
                                <h2 class="sticky top-0 py-2 bg-white dark:bg-gray-800 text-slate-700 dark:text-slate-200">What's Included</h2>
                                                                <div class="flex items-start mb-4">
                                    <svg  class="w-6 h-6 text-emerald-600 shrink-0" 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"><circle cx="12" cy="12" r="9"/><path stroke-dasharray="14" stroke-dashoffset="14" d="M8 12L11 15L16 10"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.2s" values="14;0"/></path></g></svg>
                                    <span class="ml-4">Includes a private pickup and return from and to the harbour</span>
                                </div>
                                                                <div class="flex items-start mb-4">
                                    <svg  class="w-6 h-6 text-emerald-600 shrink-0" 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"><circle cx="12" cy="12" r="9"/><path stroke-dasharray="14" stroke-dashoffset="14" d="M8 12L11 15L16 10"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.2s" values="14;0"/></path></g></svg>
                                    <span class="ml-4">Your driver will be your guide</span>
                                </div>
                                                                <div class="flex items-start mb-4">
                                    <svg  class="w-6 h-6 text-emerald-600 shrink-0" 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"><circle cx="12" cy="12" r="9"/><path stroke-dasharray="14" stroke-dashoffset="14" d="M8 12L11 15L16 10"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.2s" values="14;0"/></path></g></svg>
                                    <span class="ml-4">Includes the ferry tickets to Suomenlinna fortress</span>
                                </div>
                                                            </div>
                                                        <div class="mt-8 whats_excluded">
                                <h2 class="sticky top-0 py-2 bg-white dark:bg-gray-800 text-slate-700 dark:text-slate-200">What's Excluded</h2>
                                                                <div class="flex items-start mb-4">
                                    <svg class="w-6 h-6 text-red-400 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2"><path stroke-dasharray="60" stroke-dashoffset="60" d="M12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3Z"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.5s" values="60;0"/></path><path stroke-dasharray="8" stroke-dashoffset="8" d="M12 12L16 16M12 12L8 8M12 12L8 16M12 12L16 8"><animate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.2s" values="8;0"/></path></g></svg>
                                    <span class="ml-4">Food</span>
                                </div>
                                                                <div class="flex items-start mb-4">
                                    <svg class="w-6 h-6 text-red-400 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2"><path stroke-dasharray="60" stroke-dashoffset="60" d="M12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3Z"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.5s" values="60;0"/></path><path stroke-dasharray="8" stroke-dashoffset="8" d="M12 12L16 16M12 12L8 8M12 12L8 16M12 12L16 8"><animate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.2s" values="8;0"/></path></g></svg>
                                    <span class="ml-4">Souvenirs</span>
                                </div>
                                                            </div>
                                                    </div>
                        <!-- End Basic card -->
                        <!-- Basic card -->
                        <div class="invisible w-full max-w-4xl p-0 mt-8 mb-8 break-words reveal_main format format-lg-md: format-base dark:format-invert ">
                                                    <div class="">
                                <h2 class="sticky top-0 py-2 bg-white dark:bg-gray-800 text-slate-700 dark:text-slate-200">Know Before You Go</h2>

                                                                <div class="flex items-start mb-4">
                                    <!-- <svg class="w-6 h-6 text-emerald-600 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="currentColor" fill-rule="evenodd" d="M18 10a8 8 0 1 1-16 0a8 8 0 0 1 16 0m-7-4a1 1 0 1 1-2 0a1 1 0 0 1 2 0M9 9a1 1 0 0 0 0 2v3a1 1 0 0 0 1 1h1a1 1 0 1 0 0-2v-3a1 1 0 0 0-1-1z" clip-rule="evenodd"/></svg> -->
                                    <svg class="w-6 h-6 text-emerald-600 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2"><path stroke-dasharray="60" stroke-dashoffset="60" d="M12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3Z"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.5s" values="60;0"/></path><path stroke-dasharray="8" stroke-dashoffset="8" d="M12 7V13"><animate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.2s" values="8;0"/><animate attributeName="stroke-width" begin="1s" dur="3s" keyTimes="0;0.1;0.2;0.3;1" repeatCount="indefinite" values="2;3;3;2;2"/></path></g><circle cx="12" cy="17" r="1" fill="currentColor" fill-opacity="0"><animate fill="freeze" attributeName="fill-opacity" begin="0.8s" dur="0.4s" values="0;1"/><animate attributeName="r" begin="1.3s" dur="3s" keyTimes="0;0.1;0.2;0.3;1" repeatCount="indefinite" values="1;2;2;1;1"/></circle></svg>

                                    <span class="ml-4">Note: Sibeliuspark's accessibility may be affected by the 2024 reconstruction)</span>
                                </div>
                                                                <div class="flex items-start mb-4">
                                    <!-- <svg class="w-6 h-6 text-emerald-600 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="currentColor" fill-rule="evenodd" d="M18 10a8 8 0 1 1-16 0a8 8 0 0 1 16 0m-7-4a1 1 0 1 1-2 0a1 1 0 0 1 2 0M9 9a1 1 0 0 0 0 2v3a1 1 0 0 0 1 1h1a1 1 0 1 0 0-2v-3a1 1 0 0 0-1-1z" clip-rule="evenodd"/></svg> -->
                                    <svg class="w-6 h-6 text-emerald-600 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="2"><path stroke-dasharray="60" stroke-dashoffset="60" d="M12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3Z"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.5s" values="60;0"/></path><path stroke-dasharray="8" stroke-dashoffset="8" d="M12 7V13"><animate fill="freeze" attributeName="stroke-dashoffset" begin="0.6s" dur="0.2s" values="8;0"/><animate attributeName="stroke-width" begin="1s" dur="3s" keyTimes="0;0.1;0.2;0.3;1" repeatCount="indefinite" values="2;3;3;2;2"/></path></g><circle cx="12" cy="17" r="1" fill="currentColor" fill-opacity="0"><animate fill="freeze" attributeName="fill-opacity" begin="0.8s" dur="0.4s" values="0;1"/><animate attributeName="r" begin="1.3s" dur="3s" keyTimes="0;0.1;0.2;0.3;1" repeatCount="indefinite" values="1;2;2;1;1"/></circle></svg>

                                    <span class="ml-4">The itinerary is flexible, with the option to extend beyond 4 hours to include a visit to the historic Suomenlinna Fortress.</span>
                                </div>
                                                            </div>

                                                        <div class="mt-8">
                                <h2 class="sticky top-0 py-2 bg-white dark:bg-gray-800 text-slate-700 dark:text-slate-200">What To Bring</h2>
                                                                <div class="flex items-start mb-4">
                                   <!-- <svg class="w-6 h-6 text-emerald-600 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M17.03 6C18.11 6 19 6.88 19 8v11c0 1.13-.89 2-1.97 2c0 .58-.47 1-1.03 1c-.5 0-1-.42-1-1H9c0 .58-.5 1-1 1c-.56 0-1.03-.42-1.03-1C5.89 21 5 20.13 5 19V8c0-1.12.89-2 1.97-2H9V3c0-.58.46-1 1-1h4c.54 0 1 .42 1 1v3zM13.5 6V3.5h-3V6zM8 9v9h1.5V9zm6.5 0v9H16V9zm-3.25 0v9h1.5V9z"/></svg> -->
                                    <svg class="w-6 h-6 text-emerald-600 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><mask id="lineMdCheckAll0"><g fill="none" stroke="#fff" stroke-dasharray="22" stroke-dashoffset="22" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M2 13.5l4 4l10.75 -10.75"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.4s" values="22;0"/></path><path stroke="#000" stroke-width="4" d="M7.5 13.5l4 4l10.75 -10.75" opacity="0"><set attributeName="opacity" begin="0.4s" to="1"/><animate fill="freeze" attributeName="stroke-dashoffset" begin="0.4s" dur="0.4s" values="22;0"/></path><path d="M7.5 13.5l4 4l10.75 -10.75" opacity="0"><set attributeName="opacity" begin="0.4s" to="1"/><animate fill="freeze" attributeName="stroke-dashoffset" begin="0.4s" dur="0.4s" values="22;0"/></path></g></mask></defs><rect width="24" height="24" fill="currentColor" mask="url(#lineMdCheckAll0)"/></svg>
                                    <span class="ml-4">Good walking shoes, as the paths in Suomenlinna are cobblestone alleys</span>
                                </div>
                                                                <div class="flex items-start mb-4">
                                   <!-- <svg class="w-6 h-6 text-emerald-600 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M17.03 6C18.11 6 19 6.88 19 8v11c0 1.13-.89 2-1.97 2c0 .58-.47 1-1.03 1c-.5 0-1-.42-1-1H9c0 .58-.5 1-1 1c-.56 0-1.03-.42-1.03-1C5.89 21 5 20.13 5 19V8c0-1.12.89-2 1.97-2H9V3c0-.58.46-1 1-1h4c.54 0 1 .42 1 1v3zM13.5 6V3.5h-3V6zM8 9v9h1.5V9zm6.5 0v9H16V9zm-3.25 0v9h1.5V9z"/></svg> -->
                                    <svg class="w-6 h-6 text-emerald-600 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><mask id="lineMdCheckAll0"><g fill="none" stroke="#fff" stroke-dasharray="22" stroke-dashoffset="22" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M2 13.5l4 4l10.75 -10.75"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.4s" values="22;0"/></path><path stroke="#000" stroke-width="4" d="M7.5 13.5l4 4l10.75 -10.75" opacity="0"><set attributeName="opacity" begin="0.4s" to="1"/><animate fill="freeze" attributeName="stroke-dashoffset" begin="0.4s" dur="0.4s" values="22;0"/></path><path d="M7.5 13.5l4 4l10.75 -10.75" opacity="0"><set attributeName="opacity" begin="0.4s" to="1"/><animate fill="freeze" attributeName="stroke-dashoffset" begin="0.4s" dur="0.4s" values="22;0"/></path></g></mask></defs><rect width="24" height="24" fill="currentColor" mask="url(#lineMdCheckAll0)"/></svg>
                                    <span class="ml-4">A raincoat or umbrella, as the weather in late June, is typically warm, but it is advisable to be prepared for rain</span>
                                </div>
                                                            </div>

                                                        <div class="mt-8">
                                <h2 class="sticky top-0 py-2 bg-white dark:bg-gray-800 text-slate-700 dark:text-slate-200">Meeting Point</h2>
                                <div class="flex items-start mb-4">
                                     <svg class="w-6 h-6 text-emerald-600 shrink-0" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M13 3a5.393 5.393 0 0 1-1.902 1.178c-.748.132-2.818-.828-3.838.152c-.17.17-.38.34-.6.51c-.48-.21-1.22-.53-1.76-.84S3 3 3 3L0 6.5s.74 1 1.2 1.66c.3.44.67 1.11.91 1.56l-.34.4a.876.876 0 0 0 .15 1a.833.833 0 0 0 1.002-.002a.62.62 0 0 0 .077.881a.994.994 0 0 0 1.006-.002a.806.806 0 0 0-.003 1.005a1.012 1.012 0 0 0 .892-.114a.822.822 0 0 0 .187.912a1.093 1.093 0 0 0 1.054-.092l.516-.467c.472.47 1.123.761 1.842.761l.061-.001a1.311 1.311 0 0 0 1.094-.791c.146.056.312.094.488.094c.236 0 .455-.068.64-.185c.585-.387.445-.687.445-.687a1.07 1.07 0 0 0 1.229-.279a.996.996 0 0 0 .138-1.215a.036.036 0 0 0 .021.005c.421 0 .787-.232.978-.574a1.564 1.564 0 0 0-.191-1.48l.003.005c.82-.16.79-.57 1.19-1.17a4.725 4.725 0 0 1 1.387-1.208zm-.05 7.06c-.44.44-.78.25-1.53-.32S9.18 8.1 9.18 8.1c.061.305.202.57.401.781c.319.359 1.269 1.179 1.719 1.599c.28.26 1 .78.58 1.18s-.75 0-1.44-.56s-2.23-1.94-2.23-1.94a.937.937 0 0 0 .27.72c.17.2 1.12 1.12 1.52 1.54s.75.67.41 1s-1.03-.19-1.41-.58c-.59-.57-1.76-1.63-1.76-1.63l-.001.053c0 .284.098.544.263.75c.288.378.848.868 1.188 1.248s.54.7 0 1s-1.34-.44-1.69-.8v-.002a.411.411 0 0 0-.1-.269a.896.896 0 0 0-.906-.188A.609.609 0 0 0 6 11.1a.754.754 0 0 0-.912.001a.61.61 0 0 0-.085-.95a1 1 0 0 0-1.174.08a.66.66 0 0 0-.068-.911a.996.996 0 0 0-1.186-.128L1.91 8.069c-.46-.73-1-1.49-1-1.49l2.28-2.77s.81.5 1.48.88c.33.19.9.44 1.33.64c-.68.51-1.25 1-1.08 1.34a1.834 1.834 0 0 0 2.087.036a2.41 2.41 0 0 1 1.343-.403c.347 0 .677.072.976.203c.554.374 1.574 1.294 2.504 1.874c1.17.85 1.4 1.4 1.12 1.68z"/></svg>
                                    <span class="ml-4">Cruiser port</span>
                                </div>

                            </div>
                            
                            <div class="mt-8">
                                 <h2 class="sticky top-0 py-2 bg-white dark:bg-gray-800 text-slate-700 dark:text-slate-200">Cancellation Policy</h2>
                                <ul>
                                                                        <li>
                                        <p><strong>For cancellations upto 2 days before the tour -</strong></p>
                                        <div class="flex items-center mb-4">
                                            <svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6 mx-2 text-gray-600 shrink-0 dark:text-gray-500" viewBox="0 0 24 24">
                                                <g transform="translate(24 0) scale(-1 1)">
                                                    <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
                                                        <path stroke-dasharray="20" stroke-dashoffset="20" d="M21 12H3.5">
                                                            <animate fill="freeze" attributeName="stroke-dashoffset" dur="0.3s" values="20;0"></animate>
                                                        </path>
                                                        <path stroke-dasharray="12" stroke-dashoffset="12" d="M3 12L10 19M3 12L10 5">
                                                            <animate fill="freeze" attributeName="stroke-dashoffset" begin="0.3s" dur="0.2s" values="12;0"></animate>
                                                        </path>
                                                    </g>
                                                </g>
										    </svg>
                                            <span class="ml-4">Refund of 80% of the tour price.</span>
                                        </div>
                                    </li>
                                                                    </ul>
                            </div>

                        </div>
                        <!-- End Basic card -->
                         <!-- Basic card -->

                                                <div class="invisible w-full max-w-4xl p-0 mt-8 mb-8 break-words reveal_main format format-lg-md: format-base dark:format-invert ">
                            <div class="price_description">
                                <h2 class="sticky top-0 py-2 bg-white dark:bg-gray-800 text-slate-700 dark:text-slate-200">Price</h2>
                                <div class="table w-full overflow-hidden border rounded-lg dark:border-gray-600">
                                    <table class="w-full py-0 my-0 text-sm text-left text-gray-500 dark:text-gray-400">
                                                                                <tr>
                                                <th colspan="2" scope="col" class="px-4 py-3 text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400">The Group Size and Price                                                </span>
                                            </th>

                                            </tr>
                                                                                       <tr class="border-b dark:border-gray-600 hover:bg-gray-100 dark:hover:bg-gray-700">
                                                <td class="px-4 py-3">
                                                    1 to 8                                                </td>
                                                <td class="flex items-baseline px-4 py-3 text-gray-900 price_row dark:text-gray-200">
                                                    <span class="text-sm font-normal currencyDisplay"  original_currency="EUR"></span>
                                                    <span class="px-1 text-lg font-medium tracking-tight priceDisplay" original_price="420.00"></span>
                                                    <span class="text-sm font-normal text-gray-500 ms-1 dark:text-gray-400">/group</span>
                                                </td>

                                            </tr>

                                                                                        <tr class="border-b dark:border-gray-600 hover:bg-gray-100 dark:hover:bg-gray-700">
                                                <td colspan="2" class="px-4 py-3">
                                                                                                        <p class="py-0 my-2 text-base">This is a private tour</p>
                                                </td>
                                            </tr>
                                    </table>
                                </div>
                            </div>
                        </div>
                                                <!-- End Basic card -->
                        <!-- Basic card -->

                        <div class="invisible w-full max-w-4xl p-0 mt-8 mb-8 reveal_main">
                            <div class="">
                                <div class="bg-gray-200 rounded-lg map_container" style="height: 400px;z-index: 9999;">
                                    <div class="rounded-lg shadow-md maps" id="map" style="width: 100%;height: 100%;"> </div>
                                </div>

                            </div>
                        </div>
                        <!-- End Basic card -->


                        <!-- Basic card -->
                                            <div class="fixed inset-0 z-30 hidden bg-gray-900 bg-opacity-30 drawer-backdrop dark:bg-opacity-80"></div>
                    </div> <!-- Left end -->
                                     <!-- drawer component -->
                    <div id="book-swipe" class="fixed z-40 w-full overflow-y-auto bg-white border-t border-gray-200 rounded-t-lg dark:border-gray-700 dark:bg-gray-800 transition-transform bottom-0 left-0 right-0 translate-y-full bottom-[60px] animate__animateds animates__fadeIn animates__delay-1s animates__faster" tabindex="-1" aria-labelledby="book-swipe-label">
                    <div class="p-5 text-left transition-all duration-200 bg-blue-700 cursor-pointer show_book_drawer hover:bg-blue-800 dark:bg-blue-600 dark:hover:bg-blue-700 lg:hidden" data-drawer-toggle="book-swipe">
                        <span class="absolute w-8 h-1 -translate-x-1/2 bg-gray-300 rounded-lg top-3 left-1/2 dark:bg-gray-400"></span>
                        <div class="flex justify-between">
                            <h5 id="book-swipe-label" class="inline-flex items-center text-base font-medium text-gray-200">
                                <svg class="w-5 h-5 me-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M4 20q-.825 0-1.412-.587T2 18V6q0-.825.588-1.412T4 4h16q.825 0 1.413.588T22 6v12q0 .825-.587 1.413T20 20zm6-6H7q-.425 0-.712.288T6 15t.288.713T7 16h1q0 .425.288.713T9 17t.713-.288T10 16h1q.425 0 .713-.288T12 15v-3q0-.425-.288-.712T11 11H8v-1h3q.425 0 .713-.288T12 9t-.288-.712T11 8h-1q0-.425-.288-.712T9 7q-.4 0-.562.363T8 8H7q-.425 0-.712.288T6 9v3q0 .425.288.713T7 13h3zm6.175 2.075l1.4-1.4q.125-.125.063-.275t-.238-.15h-2.8q-.175 0-.237.15t.062.275l1.4 1.4q.075.075.175.075t.175-.075M14.6 10h2.8q.175 0 .238-.15t-.063-.275l-1.4-1.4Q16.1 8.1 16 8.1t-.175.075l-1.4 1.4q-.125.125-.062.275t.237.15"/></svg>
                                <span class="block toggle_child:hidden me-1 drawer_text">Check Availability</span>
                                <span class="hidden toggle_child:block me-1">Hide</span>
                                <!-- Prices -->
                            </h5>
                        </div>

                    </div>
                    <!-- Right start -->
                    <div class="sticky w-full max-w-md mx-auto top-10" id="right_side">
                        <!-- Component: Basic card -->
                        <div class="text-left border-gray-400 rounded-lg shadow-lg bg-slate-50 shadow-gray-400 dark:shadow-slate-800 text-slate-500 dark:bg-gray-900 dark:border-slate-900">
                        <div class="p-6">
						                               <h5 class="invisible mb-2 text-base font-medium text-gray-500 lg:text-xl dark:text-gray-400 reveal_child">Starting from
							</h5>
                           <div class="flex items-baseline invisible text-gray-900 dark:text-gray-200 price_row reveal_child">
                                <span class="text-lg font-bold lg:text-2xl c_type currencyDisplay" original_currency="EUR"></span>
                                <span class="text-4xl lg:text-5xl font-extrabold tracking-tight c_value priceDisplay px-0.5" data-price="0" original_price="420"></span>
                                <span class="text-base font-normal text-gray-500 lg:text-xl ms-1 dark:text-gray-400">/group</span>
                            </div>
						                               <div>
                                <form method="post" id="booking_init" class="invisible space-y-4 mt-7 reveal_child" action="https://www.tourhq.com/checkout">
                                    <div class="relative mb-2">
                                        <input type="text" id="tour_date" name="tour_date" class="w-full px-4 py-3 text-base font-medium border border-gray-200 rounded-md shadow-sm outline-none pl-11 focus:z-10 focus:border-blue-500 focus:ring-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500" placeholder="Select Date">
                                        <div class="absolute inset-y-0 left-0 inline-flex items-center px-3 pointer-events-none">
                                            <svg class="w-5 h-5 text-gray-400" 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"><rect width="16" height="16" x="4" y="4" stroke-dasharray="64" stroke-dashoffset="64" rx="1"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.5s" values="64;0"/></rect><path stroke-dasharray="6" stroke-dashoffset="6" d="M7 4V2M17 4V2"><animate fill="freeze" attributeName="stroke-dashoffset" begin="0.5s" dur="0.2s" values="6;0"/></path><path stroke-dasharray="12" stroke-dashoffset="12" d="M7 11H17"><animate fill="freeze" attributeName="stroke-dashoffset" begin="0.8s" dur="0.2s" values="12;0"/></path><path stroke-dasharray="9" stroke-dashoffset="9" d="M7 15H14"><animate fill="freeze" attributeName="stroke-dashoffset" begin="1s" dur="0.2s" values="9;0"/></path></g><rect width="14" height="0" x="5" y="5" fill="currentColor"><animate fill="freeze" attributeName="height" begin="0.5s" dur="0.2s" values="0;3"/></rect></svg>
                                        </div>
                                    </div>
									 <input type="hidden" id="tour_id_val" name="tour_id" value="72559"/>
									 <input type="hidden" id="guide_id_val" name="guide_id" value="105861"/>
									 <input type="hidden"  name="booking_type" value="tour" />
									 <input type="hidden"  name="tour_date_ymd" id="tour_date_ymd" value="" />
                                     <input type="hidden"  name="rev_cnt" id="rev_cnt" value="0" />
                                     <input type="hidden"  name="selected_currency" id="selected_currency" value="" />
                                                                        <div class="relative mb-2 cursor-not-allowed pointer-events-none opacity-30 disabled quantity_label">
                                        <input type="hidden" id="num_adult" data-price="0"/>
                                        <!-- Input Number -->
                                        <div class="px-3 py-2 bg-white border border-gray-200 rounded-lg dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
                                            <div class="flex items-center justify-between w-full gap-x-3">
                                                <div>
                                                    <span class="block text-sm font-medium text-gray-800 capitalize dark:text-white">
                                                       Group Size                                                    </span>
                                                    <span class="block text-xs text-gray-500 dark:text-gray-400">
                                                        Total no. of persons in group                                                    </span>
                                                </div>
                                                <div class="flex items-center gap-x-1.5">
                                                    <div>
                                                        <fieldset data-label="Group Size" data-quantity  data-max="9"  data-id="tour_72559_99" data-tour_id="72559" class="relative min-w-[96px] p-0 m-0 border-none overflow-hidden"></fieldset>
														 <input type="hidden" class="price_type_total" name="price_type_tour_72559_99" id="price_type_tour_72559_99" value="0" />
														 <input type="hidden" class="price_total"  name="price_type_total_tour_72559_99" id="price_type_total_tour_72559_99" value="0" />
                                                    </div>

                                                </div>
                                            </div>
                                        </div>
                                        <!-- End Input Number -->
                                    </div>


					   					                                                  <!--<div class="relative mb-2">
                                        <select id="timeslot_dropdown" name="timeslot_dropdown" class="bg-gray-50 border border-gray-300 text-gray-900 font-medium text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500 cursor-not-allowed opacity-30 disabled pointer-events-none">
                                            <option selected>Select a Timeslot</option>
                                        </select>
                                    </div>-->
                                                                       <div class="relative mb-2 total_price_class">
                                       <div class="py-2 mt-6 border-t border-b border-gray-200 cursor-not-allowed pointer-events-none dark:border-gray-600 selection_summary opacity-30 disabled">
                                            <div class="flex items-center justify-between">
                                                <p class="text-base font-medium text-gray-900 dark:text-white total_price_label">Total</p>
                                                <p class="text-xl font-semibold text-gray-900 dark:text-white price_row">
                                                    <span class="total_price_cur currencyDisplay"  original_currency="EUR"></span>
                                                    <span class="total_price_val priceDisplay" data-price="0" original_price="0">0.00</span>
                                                </p>
                                            </div>
                                        </div>
                                    </div>
								   
                                     <input type="hidden"  name="total_price" id="total_price" value="" />
									 <input type="hidden"  name="price_disable" id="price_disable" value="0" />
									 <input type="hidden"  name="isGroup" id="isGroup" value="1" />
                                     <input type="hidden"  name="availabledate" id="availabledate" value="1" />

                                    <div class="relative inline-flex flex-col w-full gap-3 mt-4 align-baseline">
									                                           <button type="button" id="request_btn" class="request_btn text-white bg-thq_green-700 hover:bg-thq_green-800 focus:ring-4 focus:outline-none focus:ring-thq_green-300 font-medium rounded-md text-base py-3 px-5 lg:py-2.5 text-center justify-center inline-flex items-center dark:bg-thq_green-600 dark:hover:bg-thq_green-700 dark:focus:ring-thq_green-800 cursor-not-allowed opacity-30 disabled pointer-events-none" onClick="submitRequestTour(72559);">
                                            Request Customization
											<svg class="hidden rtl:rotate-180 w-3.5 h-3.5 ms-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10">
                                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 5h12m0 0L9 1m4 4L9 9"></path>
                                            </svg>
                                        </button>
										</div>
										<div class="relative hidden mt-4">
										<button type="button" id="request_btn" class="request_btn w-full text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-md text-base py-3 px-5 lg:py-2.5 text-center justify-center inline-flex items-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800 cursor-not-allowed opacity-30 disabled pointer-events-none" onClick="submitRequestTour(72559);">
                                            Request Tour
											<svg class="rtl:rotate-180 w-3.5 h-3.5 ms-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10">
                                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 5h12m0 0L9 1m4 4L9 9"></path>
                                            </svg>
                                        </button>

                                    </div>


                                </form>

                            </div>
                        </div>
                        </div>
                        <!-- End Basic card -->
                    </div> <!-- right end -->
                </div>

                <button type="button" data-drawer-backdrop="false"  data-drawer-target="book-swipe" data-drawer-show="book-swipe" data-drawer-placement="bottom" data-drawer-edge="true" data-drawer-edge-offset="bottom-[60px]" aria-controls="book-swipe" class="init_swipe_drawer hidden text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm sm:text-base px-5 py-2.5 text-center justify-center items-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
                    Book Now
                    <svg class="rtl:rotate-180 w-3.5 h-3.5 ms-2" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10">
                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 5h12m0 0L9 1m4 4L9 9"/>
                    </svg>
                </button>



                </div>
            </div>



        </section>

        <section class="bg-gray-50 dark:bg-slate-900/95">
            <div class="max-w-screen-xl px-4 py-8 mx-auto text-center lg:py-16">
                <h1 class="mb-4 text-2xl font-bold tracking-tight text-gray-900 capitalize md:text-3xl dark:text-white">Can't Find the Perfect Tour? <span class="hidden lg:inline-block"> Tailor Your Dream Trip!</span></h1>
                <h5 class="mb-8 text-lg text-gray-600 xl:text-lg dark:text-gray-300">Create your own adventure!</h5>
                <turbo-frame id="plan_holiday_video" loading="lazy" src="https://www.tourhq.com/turboframe/frame_content/plan_holiday_video"></turbo-frame>
            </div>
        </section>


    </main>

        <section>
        
  <link rel="stylesheet" type="text/css" href="https://www.tourhq.com/thq_effects/modal_cstm/css/dialog_custom.css">
  <link rel="stylesheet" type="text/css" href="https://www.tourhq.com/thq_effects/modal_cstm/css/dialog-cathy.css" />
  <link rel="stylesheet" type="text/css" href="https://www.tourhq.com/mf_tw/assets/custom_src/currency_dropdown.css" />

<div id="currency_dialog" class="dialog">
	<div class="dialog__overlay"></div>
	<div class="dialog__content rounded-md max-w-full w-11/12 md:w-10/12 md:max-h-full p-0 overflow-hidden bg-white dark:bg-gray-700 max-h-[90%]">
		<h2 class="p-6 text-xl font-semibold text-left dialog__header text-gray-700 dark:text-gray-100 border-gray-200 dark:border-gray-500 flex border-b ">
			Choose Currency
            <button type="button" class="close_dialog text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-gray-600 dark:hover:text-white">
                    <svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>
                    <span class="sr-only">Close modal</span>
                </button>
        </h2>

		<div class="dialog-inner">
			<div class="mid__content md:mt-8 md:mb-4">
				<form action="https://www.tourhq.com/index/currency_setting" method="POST" class="ignore currency_changer" id="currencySetter">
					<input type="hidden" name="allcurrency" id="allcurrency" value="">
					</form>
					<ul class="currency_hldr">
						<li class="currency text-gray-900 dark:text-gray-200 dark:hover:bg-gray-600 hover:bg-gray-100 dark:hover:text-sky-500 hover:text-sky-500 px-4 py-2">
							<a data-currency="USD" class="currencyautoform block ">
								<span class="currency_code">
									<b>USD </b>
								</span>
								<span class="currency_name">Canada </span>
							</a>
						</li>
						<li class="currency text-gray-900 dark:text-gray-200 dark:hover:bg-gray-600 hover:bg-gray-100 dark:hover:text-sky-500 hover:text-sky-500 px-4 py-2 active-currencycoler">
							<a data-currency="USD" class="currencyautoform block ">
								<span class="currency_code">
									<b>USD </b>
								</span>
								<span class="currency_name">US, dollar</span>
							</a>
						</li>
						<li class="currency text-gray-900 dark:text-gray-200 dark:hover:bg-gray-600 hover:bg-gray-100 dark:hover:text-sky-500 hover:text-sky-500 px-4 py-2 ">
							<a data-currency="EUR" class="currencyautoform block ">
								<span class="currency_code">
									<b>EUR </b>
								</span>
								<span class="currency_name">Euro</span>
							</a>
						</li>
						<li class="currency text-gray-900 dark:text-gray-200 dark:hover:bg-gray-600 hover:bg-gray-100 dark:hover:text-sky-500 hover:text-sky-500 px-4 py-2">
							<a data-currency="GBP" class="currencyautoform block ">
								<span class="currency_code">
									<b>GBP </b>
								</span>
								<span class="currency_name">British Pounds</span>
							</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="dialog-inner">
				<div class="mid__content md:mb-6 pb-20 md:pb-0">
					<ul class="currency_hldr currecy_popup_element">
					</ul>
				</div>
			</div>
			<div class="p-4 dialog__actions border-t dark:border-gray-500 border-gray-200">
				<button data-dialog-close="" type="button" class="text-gray-500 action close_dialog bg-white hover:bg-gray-100 focus:ring-4 focus:outline-none focus:ring-gray-200 rounded-md border border-gray-200 text-sm font-medium px-5 py-2.5 hover:text-gray-900 focus:z-10 dark:bg-gray-700 dark:text-gray-300 dark:border-gray-500 dark:hover:text-white dark:hover:bg-gray-600 dark:focus:ring-gray-600">
        Close</button>
			</div>
		</div>
    </section>

    <section class="footer_hldr shrink-0">
	    <footer class="pt-4 pb-4 bg-gray-100 lg:pt-12 lg:pb-4 dark:bg-gray-800">
    <div class="relative z-10 max-w-screen-xl px-4 mx-auto lg:px-4">
        <div class="grid w-full grid-cols-1 gap-10 mx-auto lg:grid-cols-3 lg:gap-24">
            <div>
                <a href="https://www.tourhq.com/" class="flex items-center justify-center mb-4 lg:justify-normal">
                    <img src="https://res.cloudinary.com/tourhq/image/upload/h_32,w_32/v1685868213/Logo/globe2.png" class="h-6" alt="tourHQ Logo" width="24" height="24">
                    <span class="self-center ml-2 text-2xl font-semibold text-gray-900 dark:text-white">tourHQ</span>
                </a>

                <p class="mb-12 text-sm text-center text-gray-600 lg:text-left font-segoe dark:text-gray-400">Explore the world with tourHQ</p>

                <!-- TrustBox widget - Micro Star -->
                <div class="trustpilot-widget dark:hidden lg:pt-2" data-locale="en-US" data-template-id="5419b732fbfb950b10de65e5" data-businessunit-id="5fcb741ec9a213000101b45b" data-style-height="24px" data-style-width="83%" data-theme="light">
                    <a href="https://www.trustpilot.com/review/tourhq.com" target="_blank" rel="noopener">Trustpilot</a>
                </div>
                <!-- End TrustBox widget -->
                 <!-- TrustBox widget - Micro Star -->
                <div class="hidden trustpilot-widget dark:block lg:pt-2" data-locale="en-US" data-template-id="5419b732fbfb950b10de65e5" data-businessunit-id="5fcb741ec9a213000101b45b" data-style-height="24px" data-style-width="83%" data-theme="dark">
                    <a href="https://www.trustpilot.com/review/tourhq.com" target="_blank" rel="noopener">Trustpilot</a>
                </div>
                <!-- End TrustBox widget -->

            </div>
            <div class="lg:col-span-2">
                <div class="grid grid-cols-2 mx-atuo md:flex md:justify-between md:items-start">
                    <div class="mb-6 md:mb-0">
                        <h3 class="mb-6 text-sm font-semibold text-gray-400 uppercase dark:text-white">Resources</h3>
                        <ul class="text-sm sm:text-base">
                            <li class="mb-4">
                                <a href="https://www.tourhq.com/why-tourhq"
                                class="font-medium text-gray-600 dark:text-gray-400 dark:hover:text-white hover:underline" data-turbo="true">Why tourHQ</a>
                            </li>
                            <li class="mb-4"><a
                                class="font-medium text-gray-600 dark:text-gray-400 dark:hover:text-white hover:underline"
                                href="https://www.tourhq.com/article" data-turbo="true">Blogs</a></li>
                                <li class="mb-4"><a
                                    class="font-medium text-gray-600 dark:text-gray-400 dark:hover:text-white hover:underline"
                                    href="https://www.tourhq.com/marketplaceFAQs" target="_blank">Faqs</a></li>
                                </ul>
                            </div>
                            <div class="mb-6 md:mb-0">
                                <h3 class="mb-6 text-sm font-semibold text-gray-400 uppercase dark:text-white">Helpful Links</h3>
                                <ul class="text-sm sm:text-base">
                                    <li class="mb-4"><a class="font-medium text-gray-600 dark:text-gray-400 dark:hover:text-white hover:underline"
                                        href="https://www.tourhq.com/contact-us" data-turbo="true" >Contact us</a></li>
                                        <li class="mb-4">
                                            <a
                                            class="font-medium text-gray-600 dark:text-gray-400 dark:hover:text-white hover:underline"
                                            href="https://www.tourhq.com/privacy-policy" data-turbo="true" >Privacy Policy</a></li>
                                            <li class="mb-4">
                                                <a
                                                class="font-medium text-gray-600 dark:text-gray-400 dark:hover:text-white hover:underline"
                                                href="https://www.tourhq.com/terms-and-conditions" data-turbo="true" >Terms &amp; Conditions</a></li>
                                            </ul>
                                        </div>
                                        <div class="mb-6 md:mb-0">
                                            <h3 class="mb-6 text-sm font-semibold text-gray-400 uppercase dark:text-white">Partner</h3>
                                            <ul class="text-sm sm:text-base">
                                                                                                <li class="mb-4"><a href="https://www.tourhq.com/register_guide" data-turbo="true" data-turbo-preload
                                                    class="font-medium text-gray-600 dark:text-gray-400 dark:hover:text-white hover:underline">Join as a Guide</a>
                                                </li>
                                                <li class="mb-4"><a href="https://www.tourhq.com/register_company" data-turbo="true" data-turbo-preload
                                                    class="font-medium text-gray-600 dark:text-gray-400 dark:hover:text-white hover:underline">Join as a Tour Operator</a>
                                                </li>
                                                                                               <li class="mb-4"><a class="font-medium text-gray-600 dark:text-gray-400 dark:hover:text-white hover:underline"
                                                    href="https://www.tourhq.com/affiliate" target="_blank">Affiliate Program</a></li>

                                                </ul>
                                            </div>
                                            <div class="mb-6 md:mb-0">
                                                <h3 class="mb-6 text-sm font-semibold text-gray-400 uppercase dark:text-white">Ways you can pay</h3>
                                                <ul class="text-sm sm:text-base">
                                                    <li class="grid grid-cols-4 mb-4 w-44">
                                                        <img src="https://www.tourhq.com/images/payment_icons/paypal.svg" alt="Paypal" loading="lazy" class="w-8 h-8 mr-2">
                                                        <img src="https://www.tourhq.com/images/payment_icons/mastercard.svg" alt="Mastercard" loading="lazy" class="w-8 h-8 mr-2">
                                                        <img src="https://www.tourhq.com/images/payment_icons/visa.svg" alt="Visa" loading="lazy" class="w-8 h-8 mr-2">
                                                        <img src="https://www.tourhq.com/images/payment_icons/apple-pay.svg" alt="Apple pay" loading="lazy" class="w-8 h-8 mr-2">
                                                        <img src="https://www.tourhq.com/images/payment_icons/stripe.svg" alt="Stripe" loading="lazy" class="w-8 h-8 mr-2">
                                                        <img src="https://www.tourhq.com/images/payment_icons/google-pay.svg" alt="Google pay" loading="lazy" class="w-8 h-8 mr-2 grayscale">
                                                        <img src="https://www.tourhq.com/images/payment_icons/wechat-pay.svg" alt="Wechat pay" loading="lazy" class="w-8 h-8 mr-2 opacity-50 grayscale">
                                                        <img src="https://www.tourhq.com/images/payment_icons/alipay.svg" alt="Ali pay" loading="lazy" class="w-8 h-8 mr-2 grayscale">
                                                    </li>
                                                </ul>
                                                <h3 class="flex items-center justify-between mb-0 text-sm font-semibold text-gray-400 uppercase dark:text-white max-w-[180px]">Theme
                                                <a href="javascript:void(0)" rel="noreferrer nofollow" id="theme-toggle" class="mr-3 text-base text-gray-700 rounded-md dark:text-gray-200 hover:text-sky-500 dark:hover:text-sky-500 focus:outline-none">
                                                <svg id="theme-toggle-dark-icon" class="hidden w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"></path></svg>
                                                <svg id="theme-toggle-light-icon" class="hidden w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" fill-rule="evenodd" clip-rule="evenodd"></path></svg>
                                                </a>
                                                </h3>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                <hr class="my-4 border-gray-200 dark:border-gray-700 lg:my-4">

                <div class="sm:flex sm:items-start sm:justify-between sm:flex-row-reverse">

                    <div class="flex items-center justify-center mb-6 space-x-6 md:justify-between sm:mb-0 sm:mt-0">
                        <a href="https://www.facebook.com/tourhq" target="_blank" class="text-gray-500 hover:text-gray-900 dark:hover:text-white">
                            <svg class="w-7 h-7" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h137.25V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.27c-30.81 0-40.42 19.12-40.42 38.73V256h68.78l-11 71.69h-57.78V480H400a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48z"/></svg>
                            <span class="sr-only">Facebook page</span>
                        </a>
                        <a rel="nofollow" href="https://www.instagram.com/tourhq" target="_blank" class="text-gray-500 hover:text-gray-900 dark:hover:text-white">
                            <svg class="w-7 h-7" fill="currentColor" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M224,202.66A53.34,53.34,0,1,0,277.36,256,53.38,53.38,0,0,0,224,202.66Zm124.71-41a54,54,0,0,0-30.41-30.41c-21-8.29-71-6.43-94.3-6.43s-73.25-1.93-94.31,6.43a54,54,0,0,0-30.41,30.41c-8.28,21-6.43,71.05-6.43,94.33S91,329.26,99.32,350.33a54,54,0,0,0,30.41,30.41c21,8.29,71,6.43,94.31,6.43s73.24,1.93,94.3-6.43a54,54,0,0,0,30.41-30.41c8.35-21,6.43-71.05,6.43-94.33S357.1,182.74,348.75,161.67ZM224,338a82,82,0,1,1,82-82A81.9,81.9,0,0,1,224,338Zm85.38-148.3a19.14,19.14,0,1,1,19.13-19.14A19.1,19.1,0,0,1,309.42,189.74ZM400,32H48A48,48,0,0,0,0,80V432a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V80A48,48,0,0,0,400,32ZM382.88,322c-1.29,25.63-7.14,48.34-25.85,67s-41.4,24.63-67,25.85c-26.41,1.49-105.59,1.49-132,0-25.63-1.29-48.26-7.15-67-25.85s-24.63-41.42-25.85-67c-1.49-26.42-1.49-105.61,0-132,1.29-25.63,7.07-48.34,25.85-67s41.47-24.56,67-25.78c26.41-1.49,105.59-1.49,132,0,25.63,1.29,48.33,7.15,67,25.85s24.63,41.42,25.85,67.05C384.37,216.44,384.37,295.56,382.88,322Z"/></svg>
                            <span class="sr-only">Instagram page</span>
                        </a>
                        <a rel="nofollow" href="https://twitter.com/tourhqcom" target="_blank" class="text-gray-500 hover:text-gray-900 dark:hover:text-white ">
                            <svg class="w-8 h-8" fill="currentColor"  xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 48 48">
                                <path fill-rule="evenodd" d="M38,42H10c-2.209,0-4-1.791-4-4V10c0-2.209,1.791-4,4-4h28	c2.209,0,4,1.791,4,4v28C42,40.209,40.209,42,38,42z" clip-rule="evenodd"></path><path fill="#fff" d="M34.257,34h-6.437L13.829,14h6.437L34.257,34z M28.587,32.304h2.563L19.499,15.696h-2.563 L28.587,32.304z"></path><polygon fill="#fff" points="15.866,34 23.069,25.656 22.127,24.407 13.823,34"></polygon><polygon fill="#fff" points="24.45,21.721 25.355,23.01 33.136,14 31.136,14"></polygon>
                            </svg>

                            <span class="sr-only">Twitter page</span>
                        </a>
                        <a rel="nofollow" href="https://www.linkedin.com/company/tourhq-com" class="text-gray-500 hover:text-gray-900 dark:hover:text-white">
                            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="w-7 h-7" fill="currentColor" aria-hidden="true"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path></svg>
                            <span class="sr-only">LinkedIn account</span>
                        </a>
                        <a rel="nofollow" href="https://in.pinterest.com/TourHQ/?eq=tourhq&etslf=1666" class="text-gray-500 hover:text-gray-900 dark:hover:text-white">
                            <svg class="w-7 h-7" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" aria-hidden="true"><path d="M448 80v352c0 26.5-21.5 48-48 48H154.4c9.8-16.4 22.4-40 27.4-59.3 3-11.5 15.3-58.4 15.3-58.4 8 15.3 31.4 28.2 56.3 28.2 74.1 0 127.4-68.1 127.4-152.7 0-81.1-66.2-141.8-151.4-141.8-106 0-162.2 71.1-162.2 148.6 0 36 19.2 80.8 49.8 95.1 4.7 2.2 7.1 1.2 8.2-3.3.8-3.4 5-20.1 6.8-27.8.6-2.5.3-4.6-1.7-7-10.1-12.3-18.3-34.9-18.3-56 0-54.2 41-106.6 110.9-106.6 60.3 0 102.6 41.1 102.6 99.9 0 66.4-33.5 112.4-77.2 112.4-24.1 0-42.1-19.9-36.4-44.4 6.9-29.2 20.3-60.7 20.3-81.8 0-53-75.5-45.7-75.5 25 0 21.7 7.3 36.5 7.3 36.5-31.4 132.8-36.1 134.5-29.6 192.6l2.2.8H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48z"/></svg>
                            <span class="sr-only">Pinterest account</span>
                        </a>
                    </div>
                    <p class="flex items-center justify-center mb-6 text-base text-center text-gray-500 dark:text-gray-400 sm:mb-0">
                        <span>Made with</span>
                        <span class="mx-2">
                            <svg class="absolute w-4 h-4 text-red-500 animate-ping" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 18">
                            <path d="M17.947 2.053a5.209 5.209 0 0 0-3.793-1.53A6.414 6.414 0 0 0 10 2.311 6.482 6.482 0 0 0 5.824.5a5.2 5.2 0 0 0-3.8 1.521c-1.915 1.916-2.315 5.392.625 8.333l7 7a.5.5 0 0 0 .708 0l7-7a6.6 6.6 0 0 0 2.123-4.508 5.179 5.179 0 0 0-1.533-3.793Z"></path>
                            </svg>
                            <svg class="w-4 h-4 text-red-500" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 18">
                            <path d="M17.947 2.053a5.209 5.209 0 0 0-3.793-1.53A6.414 6.414 0 0 0 10 2.311 6.482 6.482 0 0 0 5.824.5a5.2 5.2 0 0 0-3.8 1.521c-1.915 1.916-2.315 5.392.625 8.333l7 7a.5.5 0 0 0 .708 0l7-7a6.6 6.6 0 0 0 2.123-4.508 5.179 5.179 0 0 0-1.533-3.793Z"></path>
                            </svg>
                        </span>
                        <span>by Travellers</span>
                    </p>

                </div>
                <hr class="my-4 border-gray-200 dark:border-gray-700 lg:my-4">
                <span class="block text-xs text-center text-gray-500 sm:text-left dark:text-gray-400">© 2014 <a href="https://www.tourhq.com/"
                        class="hover:underline">TOUR HQ</a>. All Rights Reserved.
                    </span>
            </div>
</footer>



<section id="cookie-banner" tabindex="-1" class="fixed bottom-0 left-0 z-[9999991] hidden space-y-4 flex-col justify-between w-full p-4 border-b border-gray-200 md:flex-row bg-gray-50 dark:bg-gray-700 dark:border-gray-600">
    <div class="mb-4 md:mb-0 md:mr-4">
        <h2 class="flex items-center mb-2 text-base font-semibold text-gray-900 dark:text-white">
            <span class="inline-flex p-2 mr-3 text-blue-500 rounded-md shrink-0 dark:bg-gray-800 bg-blue-100/80">
            <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-5 h-5">
                <path d="M17.9803 8.5468C17.5123 8.69458 17.0197 8.7931 16.5271 8.7931C14.2118 8.76847 12.3399 6.89655 12.3153 4.58128C12.3153 4.13793 12.3892 3.69458 12.537 3.27586C11.9951 2.68473 11.6995 1.92118 11.6995 1.13301C11.6995 0.812808 11.7488 0.492611 11.8473 0.172414C11.2315 0.0738918 10.6158 0 10 0C4.48276 0 0 4.48276 0 10C0 15.5172 4.48276 20 10 20C15.5172 20 20 15.5172 20 10C20 9.77833 20 9.55665 19.9754 9.33498C19.2611 9.26108 18.5468 8.99015 17.9803 8.5468ZM4.58128 7.31527C6.30542 7.31527 6.30542 10.0246 4.58128 10.0246C2.85714 10.0246 2.61084 7.31527 4.58128 7.31527ZM6.05912 15.7635C4.08867 15.7635 4.08867 12.8079 6.05912 12.8079C8.02956 12.8079 8.02956 15.7635 6.05912 15.7635ZM9.01478 1.33005C10.7389 1.33005 10.7389 4.28571 9.01478 4.28571C7.29064 4.28571 7.04434 1.33005 9.01478 1.33005ZM10.2463 8.84237C11.7241 8.84237 11.7241 10.8128 10.2463 10.8128C8.76848 10.8128 9.01478 8.84237 10.2463 8.84237ZM11.9704 16.9458C10.4926 16.9458 10.4926 14.9754 11.9704 14.9754C13.4483 14.9754 13.202 16.9458 11.9704 16.9458ZM16.6503 13.1034C15.4187 13.1034 15.4187 11.133 16.6503 11.133C17.8818 11.133 17.8818 13.1034 16.6503 13.1034Z" fill="currentColor"></path>
            </svg>
            <span class="sr-only">Cookie icon</span>
        </span>
        We use cookies!</h2>
        <p class="text-sm font-normal text-gray-500 dark:text-gray-400">We, and third parties, use cookies for technical and analytical purposes, for marketing purposes and for integration with social media. For more information, refer to our <a href="https://www.tourhq.com/privacy-policy" target="_blank" class="text-chip_blue-600 hover:underline dark:text-chip_blue-500">Privacy Policy and Terms of Consent.</a></p>
        <p class="items-center text-sm font-normal text-gray-500 dark:text-gray-400"> By clicking on 'I agree', you consent to the use of these cookies.</p>
    </div>
    <div class="flex items-center flex-shrink-0">
        <button type="button" id="consent_button" data-dismiss-target="#cookie-banner" class="inline-flex px-3 py-2 mr-2 text-xs font-medium text-white bg-blue-700 rounded-md hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none dark:focus:ring-blue-800">I agree </button>
        <button data-dismiss-target="#cookie-banner" type="button" class="absolute top-2.5 right-2.5 md:relative md:top-auto md:right-auto flex-shrink-0 inline-flex justify-center items-center text-gray-400 hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 dark:hover:bg-gray-600 dark:hover:text-white">
            <svg aria-hidden="true" class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>
            <span class="sr-only">Close banner</span>
        </button>
    </div>
</section>

    </section>

    <script type="text/javascript" src="https://www.tourhq.com/mf_tw/assets/src/jquery.min.js"></script>


    <script>
        var base_url = "https://www.tourhq.com/";
        var item_id = "72559";
        var review_url="https://www.tourhq.com/tours/GetTourReviewsJson";
        window.addEventListener('pageshow', function(event) {
            if (event.persisted) {
                window.location.reload();
            }
        });

        var theme = localStorage.getItem("color-theme");
    </script>

    
<script async src="https://www.tourhq.com/mf_tw/assets/src/flowbite.turbo.min.js"></script>

<script src="https://www.tourhq.com/lazy/jquery.unveil.js"></script>
<script>
  $("img").unveil();
</script>

<script>
if (localStorage.getItem('color-theme') === 'dark' || (!('color-theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
    document.documentElement.classList.add('dark');
} else {
    document.documentElement.classList.remove('dark')
}

// Theme switcher
if (document.getElementById('theme-toggle')) {

var themeToggleDarkIcon = document.getElementById('theme-toggle-dark-icon');
var themeToggleLightIcon = document.getElementById('theme-toggle-light-icon');

// Change the icons inside the button based on previous settings
if (localStorage.getItem('color-theme') === 'dark' || (!('color-theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
    themeToggleLightIcon.classList.remove('hidden');
} else {
    themeToggleDarkIcon.classList.remove('hidden');
}

var themeToggleBtn = document.getElementById('theme-toggle');

themeToggleBtn.addEventListener('click', function() {

    // toggle icons inside button
    themeToggleDarkIcon.classList.toggle('hidden');
    themeToggleLightIcon.classList.toggle('hidden');

    // if set via local storage previously
    if (localStorage.getItem('color-theme')) {
        if (localStorage.getItem('color-theme') === 'light') {
            document.documentElement.classList.add('dark');
            localStorage.setItem('color-theme', 'dark');
        } else {
            document.documentElement.classList.remove('dark');
            localStorage.setItem('color-theme', 'light');
        }

        // if NOT set via local storage previously
    } else {
        if (document.documentElement.classList.contains('dark')) {
            document.documentElement.classList.remove('dark');
            localStorage.setItem('color-theme', 'light');
        } else {
            document.documentElement.classList.add('dark');
            localStorage.setItem('color-theme', 'dark');
        }
    }

});
};

</script>

<script defer type="text/javascript">
$( '.currency_changer_btn').click(function(){
    $('body').addClass('overflow-hidden');
    $('#currency_dialog').addClass('dialog--open').removeClass('dialog--close hidden');
    console.log('00000000');
	//var sid = $('#country_code_t').find(":selected").val();
	 $.ajax({
	   type:"POST",
	   url:"https://www.tourhq.com/test/getcurrencypopup_header_new",
	   data : {  },
	   success: function (data) {
    //currecy_popup_element
		 //console.log(data);
     $('.currecy_popup_element').html(data);
	   }
	 });
  });

  $( '.close_dialog').click(function(){
    console.log('closed');
    $('body').removeClass('overflow-hidden');
    $('#currency_dialog').addClass('dialog--close hidden').removeClass('dialog--open');
    $('.currecy_popup_element').html("");
  });


// $('body').on('click','.currencyautoform',function (e) {
//         //alert($(this).attr('data-currency'));
//         $('#allcurrency').val($(this).attr('data-currency'));
//         $("#currencySetter").submit();
//         e.stopPropagation();
//       });

</script>

<script type="text/javascript">

    $(window).on('load', function() {
        if (!localStorage.getItem('cookieConsent')) {
            $('#cookie-banner').removeClass('hidden').addClass('flex');
        }
    });



// Function to handle user's consent
function handleConsent() {
  localStorage.setItem('cookieConsent', 'true');
}

// Add event listener to the consent button
$('#consent_button').on('click', handleConsent);

</script>

<!-- Start of tourhq Zendesk Widget script -->
<script type="text/javascript">
 window.zESettings = {
     webWidget: {
        chat: {
            connectOnPageLoad: false,
        },
        zIndex: 30,
    }
 };
</script>

<!-- App Capabilities -->
<!-- 1. Adding a sharepage using the navigator service -->
<script>
   document.addEventListener("turbo:load", (event) => {
    const shareButton = document.getElementById('sharepage');
    if (shareButton) {
        shareButton.replaceWith(shareButton.cloneNode(true));
        const newShareButton = document.getElementById('sharepage');
        newShareButton.addEventListener('click', async () => {
            if (navigator.share) {
                try {
                    await navigator.share({
                        title: document.title,
                        text: 'Check this out on tourHQ!',
                        url: window.location.href
                    });
                } catch (error) {
                    console.error('Error sharing the page', error);
                }
            } else {
                alert('Web Share API is not supported in your browser.');
            }
        });
    }
});

</script>

<script defer id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=da970819-8b52-48d2-b182-4566827c2f22"> </script>
<!-- End of tourhq Zendesk Widget script -->

<!-- Trustpilot widget -->
<script type="text/javascript" src="//widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js" async=""></script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-Z0VQRVQ84E"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-Z0VQRVQ84E');
</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-N5KRG5D');</script>
<!-- End Google Tag 
  -->


    <script src="https://www.tourhq.com/mf_tw/assets/src/cu_main.js"></script>

    <link rel="stylesheet" href="https://www.tourhq.com/mf_tw/assets/custom_src/custom_rating.css" />
    <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/venobox@2.1.6/dist/venobox.min.css" /> -->
    <script src="https://cdn.jsdelivr.net/npm/venobox@2.1.6/dist/venobox.min.js"></script>
    <!-- <script  src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB4wdQf6KgNbsdVWyMnhmfZEAdahpO4wd0&callback=initMap">
    </script> -->
    <script type="text/javascript" src="https://www.tourhq.com/thq_effects/user_bg_generator.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@easepick/bundle@1.2.1/dist/index.umd.min.js"></script>
    <link rel="stylesheet" href="https://www.tourhq.com/thq_effects/tooltips/css/tooltipster.bundle.css">
    <script src="https://www.tourhq.com/thq_effects/tooltips/js/tooltipster.bundle.min.js"></script>

    <script src="https://www.tourhq.com/mf_tw/assets/custom_src/custom_tour_details.js?v2.7"></script>
    <script src="https://www.tourhq.com/mf_tw/assets/custom_src/custom_review_pagination.js"></script>


    <script>
	var selectedDate = '';
// Datepicker
const DateTime = easepick.DateTime;
// Define the blocked dates and map them to array if using dates as arrays
const bookedDates = [
    
].map(d => {
    if (d instanceof Array) {
        const start = new DateTime(d[0], 'YYYY-MM-DD');
        const end = new DateTime(d[1], 'YYYY-MM-DD');

        return [start, end];
    }

    return new DateTime(d, 'YYYY-MM-DD');
});

//Date picker init
const picker = new easepick.create({
    element: "#tour_date",
    css: [
        "https://cdn.jsdelivr.net/npm/@easepick/bundle@1.2.1/dist/index.css"
    ],
    zIndex: 999,
    format: "DD MMM YYYY",
    header: "Check Availability",
    plugins: [
        "AmpPlugin",
        "LockPlugin"
    ],
    AmpPlugin: {
        darkMode: (localStorage.getItem('color-theme') === 'dark') ? true : false
    },
    LockPlugin: {
        minDate: new Date('2024-11-08'),
        minDays: 1,
        inseparable: true,
        filter(date, picked) {

            if ([].includes(date.getDay())) {
                return true;
            }
            if (picked.length === 1) {
                const incl = date.isBefore(picked[0]) ? '[)' : '(]';
                return !picked[0].isSame(date, 'day') && date.inArray(bookedDates, incl);
            }

            return date.inArray(bookedDates, '[)');

        },
    },
    setup(picker) {
        picker.on('select', (e) => {
        const { view, date, target } = e.detail;
            // console.log(date.format('YYYY-MM-DD'));
			// console.log('here after date selection will add ajax');
            selectedDate = date.format('YYYY-MM-DD');
			$('#tour_date_ymd').val(selectedDate);
			var tour_id = $('#tour_id_val').val();
			var guide_id = $('#guide_id_val').val();
			resetPriceTotal();

			$.ajax({
            type: 'post',
           url: base_url + "/tours/checkGuideAvailability",
          data:{'tour_id':tour_id,'tour_date':selectedDate,'guide_id':guide_id},
          success: function (data) {
           resp = JSON.parse(data);
		   if(resp.available == 'false' || !(resp.available)){
			   // console.log('false condition');
			   $('.book_btn').hide();
			   $('.or_btn').hide();
               $("#availabledate").val(0);

		   }else{
			   $('.book_btn').show();
			   $('.or_btn').show();
               $("#availabledate").val(resp.available);
               $("#availabledate").val(1);
		   }
		   // console.log(resp);
         },
      });
			//loadTourTimeslot(tour_id,selectedDate);
            enableElements('.quantity_label, .addons_hldr, #timeslot_dropdown, .selection_summary');
            $('.drawer_text').html('Continue Booking');
        });
  },
});

function submitRequestTour(tour_id){

	$.ajax({
      type: 'post',
      url: base_url + "planholiday/request/72559",
      data: $('form#booking_init').serialize(),
      success: function (data) {
        // console.log(data);
       window.location.href = base_url +'planholiday/request/72559';

      },
          error: function (xhr ) {
            // console.log(xhr);
        }
    });

}

</script>


    <script>


        updatePriceOnLoad();
        var selectedCurrency = localStorage.getItem("selectedCurrency") ?? "USD";
        $('body').on('click', '.currencyautoform', function(e) {
            $('li.currency').removeClass('active-currencycoler');
            $(this).closest('li.currency').addClass('active-currencycoler');
            selectedCurrency = $(this).attr('data-currency');
            $("#selected_currency").val(selectedCurrency);
            localStorage.setItem("selectedCurrency", selectedCurrency);
            updatePrices(selectedCurrency);
            $('#currency_changer_btn').contents().first().replaceWith('Currency (' + selectedCurrency + ')');
            $('.close_dialog').click();

        })


        function goto_item(id)
        {
            go_to_id = id;
            $(go_to_id).animatescroll({padding:50,scrollSpeed:1000,easing:'easeInOutCubic'})
            // $(go_to_id).closest('.item').find('.item_body').addClass('highlight');
            // setTimeout(function() {
            //     $('.item_body').removeClass('highlight');
            // },2000);
        }

        // $('ul.sub_navbar li a').click(function(){
        //     var go_to_id = $(this).attr('id')
        //     goto_item(go_to_id);
        // })



        // var swiper = new Swiper(".mySwiper", {
        // pagination: {
        //     el: ".swiper-pagination",
        //     type: "progressbar",
        // },
        // navigation: {
        //     nextEl: ".swiper-button-next",
        //     prevEl: ".swiper-button-prev",
        // },
        // });






        </script>


    <script type="module">
        //  Qantity input
        import QuantityInput from 'https://www.tourhq.com/thq_effects/quantity.js';

        function render_ip() {
            let quantities = document.querySelectorAll('[data-quantity]');

            if (quantities instanceof Node) quantities = [quantities];
            if (quantities instanceof NodeList) quantities = [].slice.call(quantities);
            if (quantities instanceof Array) {
                quantities.forEach(div => (div.quantity = new QuantityInput(div, 'Down', 'Up')));
            }
        };
        render_ip();

        setTimeout(() => {
            $("input[name='quantity']").each(function () {
                $(this).addClass('quantity-input font-medium p-0 h-7 w-full bg-transparent border-0 text-gray-800 text-center focus:ring-0 dark:text-white select-none');
                // get set min max value
                var max_val = $(this).parent('fieldset').attr('data-max');
                var min_val = $(this).parent('fieldset').attr('data-min');
                $(this).attr('min', min_val);
                $(this).attr('max', max_val);
                $(this).attr('readonly', 'readonly');
                $(this).val(0);
            });

            $("button.add, button.sub").addClass("absolute top-0 w-7 h-7 inline-flex justify-center items-center gap-x-2 text-sm font-medium rounded-md border border-gray-200 bg-white text-gray-800 shadow-sm hover:bg-gray-50 disabled:opacity-30 disabled:pointer-events-none dark:bg-slate-900 dark:border-gray-700 dark:text-white dark:hover:bg-gray-800 dark:focus:outline-none dark:focus:ring-1 dark:focus:ring-gray-600");

            $("button.sub").html('<svg class="w-5 h-5 m-auto text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path stroke="currentColor" stroke-dasharray="18" stroke-dashoffset="18" stroke-linecap="round" stroke-width="2" d="M5 12H19" fill="currentColor"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.3s" values="18;0"/></path></svg>');

            $("button.add").html('<svg  class="w-5 h-5 m-auto text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-dasharray="18" stroke-dashoffset="18" stroke-linecap="round" stroke-width="2"><path d="M12 5V19"><animate fill="freeze" attributeName="stroke-dashoffset" begin="0.4s" dur="0.3s" values="18;0"/></path><path d="M5 12H19"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.3s" values="18;0"/></path></g></svg>');

            $("button.add").addClass("right-0");
            $("button.sub").addClass("left-0");

        }, 300);

    </script>



<script>
//    (g=>{var h,a,k,p="The Google Maps JavaScript API",c="google",l="importLibrary",q="__ib__",m=document,b=window;b=b[c]||(b[c]={});var d=b.maps||(b.maps={}),r=new Set,e=new URLSearchParams,u=()=>h||(h=new Promise(async(f,n)=>{await (a=m.createElement("script"));e.set("libraries",[...r]+"");for(k in g)e.set(k.replace(/[A-Z]/g,t=>"_"+t[0].toLowerCase()),g[k]);e.set("callback",c+".maps."+q);a.src=`https://maps.${c}apis.com/maps/api/js?`+e;d[q]=f;a.onerror=()=>h=n(Error(p+" could not load."));a.nonce=m.querySelector("script[nonce]")?.nonce||"";m.head.append(a)}));d[l]?console.warn(p+" only loads once. Ignoring:",g):d[l]=(f,...n)=>r.add(f)&&u().then(()=>d[l](f,...n))})({
//      key: "AIzaSyB4wdQf6KgNbsdVWyMnhmfZEAdahpO4wd0",
//      v: "weekly",
//    });
</script>


    <script>

        //Defining map as a global variable to access from other functions
        var map;
        var polyline;
                //var lineCoordinates = [
        //[59.652106, 17.925933],[59.350263, 18.068118 ],
        //[59.638245, 17.077972],[59.842014, 17.634820],
        //[59.841111, 17.649462],[59.652106, 17.925933]
        //];
        // var lineCoordinates = [
        // [6.9270786, 79.861243],[7.954108499999998, 80.75469799999999],[7.2905715, 80.6337262],[6.292836599999999, 81.430487],[6.4189175, 80.005979],[6.9270786, 79.861243],];

        var lineCoordinates = [
            [60.16619610000001, 24.95674929999999],[60.17299499999999, 24.925234],[60.1446643, 24.9827935],];

        function addAnimatedPolyline () {
        //First we iterate over the coordinates array to create a
        // new array which includes objects of LatLng class.
        var pointCount = lineCoordinates.length;
        var linePath = [];
        for (var i=0; i < pointCount; i++) {
        var tempLatLng = new google.maps.LatLng(lineCoordinates[i][0], lineCoordinates[i][1]);
        linePath.push(tempLatLng);
        }

        // Defining arrow symbol
        var arrowSymbol = {
        strokeColor: '#070',
        scale: 3,
        path: google.maps.SymbolPath.FORWARD_CLOSED_ARROW
        };

        // Polyline properties are defined below
        var lineOptions = {
        path: linePath,
        icons: [{
            icon: arrowSymbol
        //offset: '100%'
        }],
        strokeWeight: 3,
        strokeColor: '#FF0000',
        strokeOpacity: 0.8
        }
        polyline = new google.maps.Polyline(lineOptions);

        // Polyline is set to current map
        polyline.setMap(map);

        // Calling the arrow animation function
        animateArrow();
        }

        function animateArrow() {
        var counter = 0;
        var accessVar = window.setInterval(function() {
            counter = (counter + 1) % 350;

            var arrows = polyline.get('icons');
            arrows[0].offset = (counter / 2) + '%';
            polyline.set('icons', arrows);
        }, 50);
        }

    async function initMap() {
        const { Map } = await google.maps.importLibrary("maps");
        //Enabling new cartography and themes
        google.maps.visualRefresh = true;
        
        if(theme == "dark"){
                var styles = [
                        {
                            "featureType": "all",
                            "elementType": "all",
                            "stylers": [
                                {
                                    "invert_lightness": true
                                },
                                {
                                    "saturation": 20
                                },
                                {
                                    "lightness": 50
                                },
                                {
                                    "gamma": 0.4
                                },
                                {
                                    "hue": "#00ffee"
                                }
                            ]
                        },
                        {
                            "featureType": "all",
                            "elementType": "geometry",
                            "stylers": [
                                {
                                    "visibility": "simplified"
                                }
                            ]
                        },
                        {
                            "featureType": "all",
                            "elementType": "labels",
                            "stylers": [
                                {
                                    "visibility": "on"
                                }
                            ]
                        },
                        {
                            "featureType": "administrative",
                            "elementType": "all",
                            "stylers": [
                                {
                                    "color": "#ffffff"
                                },
                                {
                                    "visibility": "simplified"
                                }
                            ]
                        },
                        {
                            "featureType": "administrative.land_parcel",
                            "elementType": "geometry.stroke",
                            "stylers": [
                                {
                                    "visibility": "simplified"
                                }
                            ]
                        },
                        {
                            "featureType": "landscape",
                            "elementType": "all",
                            "stylers": [
                                {
                                    "color": "#405769"
                                }
                            ]
                        },
                        {
                            "featureType": "water",
                            "elementType": "geometry.fill",
                            "stylers": [
                                {
                                    "color": "#232f3a"
                                }
                            ]
                        }
                ]

            }
        //Setting starting options of map

        var mapOptions = {
            center: new google.maps.LatLng(60.16619610000001, 24.95674929999999),

            styles:styles,
            zoom: 7,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };

        //Getting map DOM element
        var mapElement = document.getElementById('map');

        //Creating a map with DOM element which is just obtained
        // map = new google.maps.Map(mapElement, mapOptions);
        map = new Map(mapElement, mapOptions);

        addAnimatedPolyline();
        }

        // google.maps.event.addDomListener(window, 'load', initMap);

        // initMap();

    </script>


   <style>
        /* [data-quantity] {
            position: relative;
            width: 100%;
            min-width:96px;
            padding: 0;
            margin: 0;
            border: 0;
            overflow:hidden
        } */

        [data-quantity] legend {
            display: none;
        }

        [data-quantity] input[type=number]::-webkit-inner-spin-button,
        [data-quantity] input[type=number]::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

        [data-quantity] input[type=number] {
            -moz-appearance: textfield;
        }

        [data-quantity] button:active {
            background-position-y: 1px;
        }

        .pagination-ui ul {
            list-style-type: none;
        }

        /* Slider settings for responsive */

        /* .blaze-slider .blaze-track {
           --slide-width : auto;
        } */


        	/* Blaze slider indicators */
	.blaze-pagination button {
		background: #ffffff26;
		border: none;
		border-radius: 50%;
		color: #0000;
		cursor: pointer;
		outline: 0;
		transition: transform .2s, background .3s;
	}

	.blaze-pagination {
		display: flex;
		gap: 14px;
		justify-content: center;
	}

	.blaze-pagination button,.blaze-slider .blaze-pagination button {
		width: 12px;
		height: 12px;
		padding: 0
	}

	.blaze-pagination button.active {
		background-color: #fff;
		border-color: #fff;
		transform: scale(1.2);
	}

    </style>
</body>

</html>