CINXE.COM
Best Hotels in Edinburgh, United Kingdom from 76US$/night
<!DOCTYPE html> <html lang="en-US "> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="robots" content="index, follow, max-image-preview:large"> <meta name="description" content="Edinburgh is a city steeped in history, culture, and stunning architecture. As you explore the cobblestone streets and iconic landmarks, finding the"> <title>Best Hotels in Edinburgh, United Kingdom from 76US$/night</title> <link rel="profile" href="https://gmpg.org/xfn/11"> <link rel="canonical" href="https://touristvr.com/en-us/edinburgh-hotels-edinburgh-region" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Best Hotels in Edinburgh, United Kingdom from 76US$/night" /> <meta property="og:url" content="https://touristvr.com/en-us/" /> <meta property="og:site_name" content="Tourist VR" /> <link rel="alternate" hreflang="en-GB" type="text/html" href="https://touristvr.com/gb/edinburgh-hotels" title="English"> <link rel="alternate" hreflang="en-IE" type="text/html" href="https://touristvr.com/ie/edinburgh-hotels" title="English"> <link rel="alternate" hreflang="en-US" type="text/html" href="https://touristvr.com/en-us/edinburgh-hotels-edinburgh-region" title="English"> <link rel="alternate" hreflang="en-AU" type="text/html" href="https://touristvr.com/au/edinburgh-hotels" title="English"> <link rel="alternate" hreflang="en-NZ" type="text/html" href="https://touristvr.com/nz/edinburgh-hotels" title="English"> <link rel="alternate" hreflang="de-DE" type="text/html" href="https://touristvr.com/de/edinburgh-hotels" title="Deutsch"> <link rel="alternate" hreflang="fr-FR" type="text/html" href="https://touristvr.com/fr/edimbourg-hotels" title="Français"> <link rel="alternate" hreflang="fr-BE" type="text/html" href="https://touristvr.com/fr-be/edimbourg-hotels" title="Français"> <link rel="alternate" hreflang="es-ES" type="text/html" href="https://touristvr.com/es/edimburgo-hoteles" title="Español"> <link rel="alternate" hreflang="es-MX" type="text/html" href="https://touristvr.com/mx/edimburgo-hoteles" title="Español"> <link rel="alternate" hreflang="es-AR" type="text/html" href="https://touristvr.com/ar/edimburgo-hoteles" title="Español"> <link rel="alternate" hreflang="it-IT" type="text/html" href="https://touristvr.com/it/edimburgo-hotel" title="Italiano"> <link rel="alternate" hreflang="nl-NL" type="text/html" href="https://touristvr.com/nl/edinburgh-hotels" title="Nederlands"> <link rel="alternate" hreflang="pt-PT" type="text/html" href="https://touristvr.com/pt/edimburgo-hoteis" title="Português"> <link rel="alternate" hreflang="br-BR" type="text/html" href="https://touristvr.com/br/edimburgo-hoteis" title="Português do Brasil"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/archivo/v19/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLydOxKsv4Rn.woff2"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/archivo/v19/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLyTOxKsv4RnUPU.woff2"> <link href="https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;700&display=swap" rel="stylesheet"> <link importance="high" rel="preload" as="image" href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNTYsOTMuMjk3Yy0xNC4wMjEsMC0yNy41MTYsNC4yMTgtMzkuMDI1LDEyLjE5OGMtMy40MDIsMi4zNTktNC4yNjIsNy4wNS0xLjkyMSwxMC40NzggICAgYzIuMzQyLDMuNDI4LDYuOTk4LDQuMjk0LDEwLjQsMS45MzZjOS4wMDQtNi4yNDMsMTkuNTY2LTkuNTQzLDMwLjU0Ni05LjU0M2MyOS43NTQsMCw1My45NiwyNC4zODgsNTMuOTYsNTQuMzY1ICAgIGMwLDI5Ljk3Ny0yNC4yMDYsNTQuMzY2LTUzLjk2LDU0LjM2NmMtMjkuNzU0LDAtNTMuOTYtMjQuMzg5LTUzLjk2LTU0LjM2NmMwLTguODQzLDIuMDM4LTE3LjI3Myw2LjA1Ny0yNS4wNTUgICAgYzEuOTA2LTMuNjkyLDAuNDgyLTguMjQxLTMuMTgyLTEwLjE2MWMtMy42NjUtMS45MTktOC4xNzgtMC40ODYtMTAuMDg1LDMuMjA2Yy01LjA2Nyw5LjgxMi03Ljc0NiwyMC44ODEtNy43NDYsMzIuMDEgICAgQzE4Ny4wODUsMjAxLjAxOCwyMTgsMjMyLjE2NiwyNTYsMjMyLjE2NnM2OC45MTUtMzEuMTQ4LDY4LjkxNS02OS40MzVDMzI0LjkxNSwxMjQuNDQ1LDI5NCw5My4yOTcsMjU2LDkzLjI5N3oiIGZpbGw9InRyYW5zcGFyZW50Ii8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNTExLjQyNiw1MDEuNTcxbC03My44MDQtMTc4LjY2NWMtMS4xNi0yLjgwOS0zLjg4My00LjYzOS02LjkwMy00LjYzOWgtNzMuNTQ3ICAgIGMxNC4zMDUtMTkuNDk4LDI2LjIxMi0zOC45MTksMzUuNTExLTU3Ljk4OGMxNi40OC0zMy43OTQsMjQuODM1LTY2LjYxMywyNC44MzUtOTcuNTQ3QzQxNy41MTcsNzMuMDAxLDM0NS4wNjEsMCwyNTYsMCAgICBTOTQuNDgzLDczLjAwMSw5NC40ODMsMTYyLjczMWMwLDMwLjkzNCw4LjM1NSw2My43NTQsMjQuODM1LDk3LjU0N2M5LjI5OCwxOS4wNjksMjEuMjA1LDM4LjQ5MSwzNS41MTEsNTcuOTg4SDgxLjI4MiAgICBjLTMuMDIsMC01Ljc0NCwxLjgzMS02LjkwMyw0LjYzOUwyNC4wODcsNDQ0LjY1MWMtMS41ODcsMy44NDIsMC4yMTcsOC4yNTIsNC4wMyw5Ljg1YzAuOTQsMC4zOTQsMS45MTIsMC41ODEsMi44NywwLjU4MSAgICBjMi45MywwLDUuNzExLTEuNzQ2LDYuOTA2LTQuNjQxbDcuMTc2LTE3LjM3Mmg1MC45MDZsLTI2LjM4LDYzLjg2MkgxOC42OWw3LjY0Ny0xOC41MTNjMS41ODctMy44NDItMC4yMTctOC4yNTItNC4wMy05Ljg1ICAgIGMtMy44MTUtMS42MDEtOC4xOTEsMC4yMTktOS43NzcsNC4wNkwwLjU3NSw1MDEuNTcxYy0wLjk2MSwyLjMyNS0wLjcwNSw0Ljk4MSwwLjY4Myw3LjA3NWMxLjM4NiwyLjA5NSwzLjcyLDMuMzU0LDYuMjIsMy4zNTQgICAgaDQ5Ny4wNDRjMi40OTksMCw0LjgzNC0xLjI1OSw2LjIyMS0zLjM1NEM1MTIuMTMsNTA2LjU1Miw1MTIuMzg3LDUwMy44OTYsNTExLjQyNiw1MDEuNTcxeiBNMTA5LjQzOSwxNjIuNzMxICAgIGMwLTgxLjQyMiw2NS43NDctMTQ3LjY2MywxNDYuNTYxLTE0Ny42NjNTNDAyLjU2MSw4MS4zMSw0MDIuNTYxLDE2Mi43MzFjMCwzNC4xNDMtMTEuNzc1LDg4LjcwMy02Ni4yNDUsMTU4LjIzMSAgICBjLTAuMDU1LDAuMDY1LTAuMTA0LDAuMTM0LTAuMTU2LDAuMjAxYy0yLjc4MiwzLjU0Ny01LjY3Miw3LjEzMi04LjY4MSwxMC43NTdjLTI5LjkzMiwzNi4wNjItNjAuMjIyLDYyLjM5NS03MS40OCw3MS43NTEgICAgYy0xMS4yMjUtOS4zMjQtNDEuMzcyLTM1LjUyNS03MS4yODMtNzEuNTE4Yy0zLjA4NC0zLjcxMS02LjA0Mi03LjM4LTguODg5LTExLjAxYy0wLjA0Ni0wLjA1OC0wLjA4OS0wLjExOC0wLjEzNy0wLjE3NSAgICBDMTIxLjIyMiwyNTEuNDQ1LDEwOS40MzksMTk2Ljg4NywxMDkuNDM5LDE2Mi43MzF6IE04Ni4yNjksMzMzLjMzNWg1MC45MDdsLTE4LjU2OCw0NC45NDhINjcuNzAyTDg2LjI2OSwzMzMuMzM1eiAgICAgTTEyOS45OTcsNDk2LjkzMmw0Ni43NDEtMTEzLjE0OGwxMzMuMDE0LDExMy4xNDhIMTI5Ljk5N3ogTTMzMi45MzUsNDk2LjkzMkwzMzIuOTM1LDQ5Ni45MzJsLTE1NC4zNTItMTMxLjMgICAgYy0xLjgyMi0xLjU1MS00LjI3LTIuMTMyLTYuNTg0LTEuNTY2Yy0yLjMxNiwwLjU2NS00LjIyOCwyLjIxLTUuMTQzLDQuNDI3bC01My4wNTcsMTI4LjQzOEg4NS43OTVsMjguMjk2LTY4LjUwMiAgICBjMC45NjEtMi4zMjUsMC43MDUtNC45OC0wLjY4My03LjA3NWMtMS4zODYtMi4wOTUtMy43MjEtMy4zNTQtNi4yMjEtMy4zNTRINTEuMjk2bDEwLjE4Mi0yNC42NWg2Mi4xMTggICAgYzMuMDIsMCw1Ljc0NC0xLjgzMSw2LjkwMy00LjYzOWwyMi44NzYtNTUuMzc3aDEyLjk3OGMyLjI1MywyLjgzLDQuNTQzLDUuNjYxLDYuODk0LDguNDkxICAgIGMzOC41ODUsNDYuNDMsNzYuNTc4LDc2LjIzOSw3OC4xNzcsNzcuNDg2YzEuMzQ4LDEuMDUxLDIuOTYyLDEuNTc1LDQuNTc2LDEuNTc1czMuMjI5LTAuNTI1LDQuNTc2LTEuNTc1ICAgIGMwLjg3OS0wLjY4NSwxMi43NTctMTAuMDA5LDI5LjY3My0yNS45Nmg4NC42ODFjNC4xMywwLDcuNDc4LTMuMzczLDcuNDc4LTcuNTM0cy0zLjM0OC03LjUzNC03LjQ3OC03LjUzNGgtNjkuMjY5ICAgIGMxMC4zNjgtMTAuNTAzLDIxLjctMjIuNzQ5LDMzLjA5My0zNi40NTdjMi4zNTEtMi44Myw0LjY0Mi01LjY2LDYuODk0LTguNDkxaDgwLjA4M2wxOC41NjcsNDQuOTQ4aC0zOS40NTcgICAgYy00LjEzLDAtNy40NzgsMy4zNzMtNy40NzgsNy41MzRzMy4zNDcsNy41MzQsNy40NzgsNy41MzRoNDUuNjgxbDEwLjE4MiwyNC42NWgtMTU0LjA3Yy0zLjEyMSwwLTUuOTEzLDEuOTUyLTcuMDA2LDQuODk4ICAgIGMtMS4wOTEsMi45NDYtMC4yNTMsNi4yNjUsMi4xMDQsOC4zMjZsNzUuMTMzLDY1LjcwN0gzMzIuOTM1eiBNMzk5LjY4MSw0OTYuOTMybC03My4wMjQtNjMuODYySDQ2Ni45M2wyNi4zODEsNjMuODYySDM5OS42ODF6IiBmaWxsPSJ0cmFuc3BhcmVudCIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPg=="> <link rel="modulepreload" href="https://touristvr.com/build/assets/lang-select-TrGpqOL5.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Modal-BjlDXXuF.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Toggle-CL56Ubtq.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Emitter-BNKO0Lph.js" /><script type="module" src="https://touristvr.com/build/assets/lang-select-TrGpqOL5.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/exit-popup_1-CSQkZq6N.css" /><link rel="stylesheet" href="https://touristvr.com/build/assets/exit-popup_1-CSQkZq6N.css" /> <link rel="preload" as="style" href="https://touristvr.com/build/assets/post_1-Bs2Bxfpo.css" /><link rel="stylesheet" href="https://touristvr.com/build/assets/post_1-Bs2Bxfpo.css" /> <link rel="preload" as="style" href="https://touristvr.com/build/assets/app-BCOAAtfa.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/app-BwCMM32W.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/axios-5KWFXKlW.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/app-BCOAAtfa.css" /><script type="module" src="https://touristvr.com/build/assets/app-BwCMM32W.js"></script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": ["ItemList", "TouristDestination"], "itemListElement": [ { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "319US$", "address": { "@type": "PostalAddress", "streetAddress": "25 33 Shandwick Pl" }, "name": "Cityroomz Edinburgh" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "203US$", "address": { "@type": "PostalAddress", "streetAddress": "61 Grassmarket" }, "name": "Apex City Of Edinburgh Hotel" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "5" }, "priceRange" : "189US$", "address": { "@type": "PostalAddress", "streetAddress": "19-21 George Street" }, "name": "Intercontinental Edinburgh The George, An Ihg Hotel" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "148US$", "address": { "@type": "PostalAddress", "streetAddress": "43 Princes Street" }, "name": "Old Waverley Hotel" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "195US$", "address": { "@type": "PostalAddress", "streetAddress": "51-59 York Place" }, "name": "Hotel Indigo Edinburgh, An Ihg Hotel" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "159US$", "address": { "@type": "PostalAddress", "streetAddress": "23-27 Waterloo Place" }, "name": "Apex Waterloo Place Hotel" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "5" }, "priceRange" : "160US$", "address": { "@type": "PostalAddress", "streetAddress": "1 Festival Square" }, "name": "Sheraton Grand Hotel & Spa" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "141US$", "address": { "@type": "PostalAddress", "streetAddress": "68-73 Queen Street" }, "name": "Yotel Edinburgh" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "139US$", "address": { "@type": "PostalAddress", "streetAddress": "11 Brunswick Street" }, "name": "No11 Boutique Hotel & Brasserie" } ] } </script> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-E8BCN5M94B"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-E8BCN5M94B'); </script> </head> <body class="post-template-default single single-post postid-10252 single-format-standard wp-embed-responsive trawell-header-wide trawell-header-shadow trawell-sidebar-mini-none trawell-has-sidebar trawell-sidebar-right trawell-v_1_5_3 grid grid-rows-[auto_1fr_auto] min-h-screen grid-cols-1"> <img class="absolute top-0 left-0 w-full h-[90vh] max-h-[99vh] pointer-events-none" width="1240" height="1240" alt="" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNTYsOTMuMjk3Yy0xNC4wMjEsMC0yNy41MTYsNC4yMTgtMzkuMDI1LDEyLjE5OGMtMy40MDIsMi4zNTktNC4yNjIsNy4wNS0xLjkyMSwxMC40NzggICAgYzIuMzQyLDMuNDI4LDYuOTk4LDQuMjk0LDEwLjQsMS45MzZjOS4wMDQtNi4yNDMsMTkuNTY2LTkuNTQzLDMwLjU0Ni05LjU0M2MyOS43NTQsMCw1My45NiwyNC4zODgsNTMuOTYsNTQuMzY1ICAgIGMwLDI5Ljk3Ny0yNC4yMDYsNTQuMzY2LTUzLjk2LDU0LjM2NmMtMjkuNzU0LDAtNTMuOTYtMjQuMzg5LTUzLjk2LTU0LjM2NmMwLTguODQzLDIuMDM4LTE3LjI3Myw2LjA1Ny0yNS4wNTUgICAgYzEuOTA2LTMuNjkyLDAuNDgyLTguMjQxLTMuMTgyLTEwLjE2MWMtMy42NjUtMS45MTktOC4xNzgtMC40ODYtMTAuMDg1LDMuMjA2Yy01LjA2Nyw5LjgxMi03Ljc0NiwyMC44ODEtNy43NDYsMzIuMDEgICAgQzE4Ny4wODUsMjAxLjAxOCwyMTgsMjMyLjE2NiwyNTYsMjMyLjE2NnM2OC45MTUtMzEuMTQ4LDY4LjkxNS02OS40MzVDMzI0LjkxNSwxMjQuNDQ1LDI5NCw5My4yOTcsMjU2LDkzLjI5N3oiIGZpbGw9InRyYW5zcGFyZW50Ii8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNTExLjQyNiw1MDEuNTcxbC03My44MDQtMTc4LjY2NWMtMS4xNi0yLjgwOS0zLjg4My00LjYzOS02LjkwMy00LjYzOWgtNzMuNTQ3ICAgIGMxNC4zMDUtMTkuNDk4LDI2LjIxMi0zOC45MTksMzUuNTExLTU3Ljk4OGMxNi40OC0zMy43OTQsMjQuODM1LTY2LjYxMywyNC44MzUtOTcuNTQ3QzQxNy41MTcsNzMuMDAxLDM0NS4wNjEsMCwyNTYsMCAgICBTOTQuNDgzLDczLjAwMSw5NC40ODMsMTYyLjczMWMwLDMwLjkzNCw4LjM1NSw2My43NTQsMjQuODM1LDk3LjU0N2M5LjI5OCwxOS4wNjksMjEuMjA1LDM4LjQ5MSwzNS41MTEsNTcuOTg4SDgxLjI4MiAgICBjLTMuMDIsMC01Ljc0NCwxLjgzMS02LjkwMyw0LjYzOUwyNC4wODcsNDQ0LjY1MWMtMS41ODcsMy44NDIsMC4yMTcsOC4yNTIsNC4wMyw5Ljg1YzAuOTQsMC4zOTQsMS45MTIsMC41ODEsMi44NywwLjU4MSAgICBjMi45MywwLDUuNzExLTEuNzQ2LDYuOTA2LTQuNjQxbDcuMTc2LTE3LjM3Mmg1MC45MDZsLTI2LjM4LDYzLjg2MkgxOC42OWw3LjY0Ny0xOC41MTNjMS41ODctMy44NDItMC4yMTctOC4yNTItNC4wMy05Ljg1ICAgIGMtMy44MTUtMS42MDEtOC4xOTEsMC4yMTktOS43NzcsNC4wNkwwLjU3NSw1MDEuNTcxYy0wLjk2MSwyLjMyNS0wLjcwNSw0Ljk4MSwwLjY4Myw3LjA3NWMxLjM4NiwyLjA5NSwzLjcyLDMuMzU0LDYuMjIsMy4zNTQgICAgaDQ5Ny4wNDRjMi40OTksMCw0LjgzNC0xLjI1OSw2LjIyMS0zLjM1NEM1MTIuMTMsNTA2LjU1Miw1MTIuMzg3LDUwMy44OTYsNTExLjQyNiw1MDEuNTcxeiBNMTA5LjQzOSwxNjIuNzMxICAgIGMwLTgxLjQyMiw2NS43NDctMTQ3LjY2MywxNDYuNTYxLTE0Ny42NjNTNDAyLjU2MSw4MS4zMSw0MDIuNTYxLDE2Mi43MzFjMCwzNC4xNDMtMTEuNzc1LDg4LjcwMy02Ni4yNDUsMTU4LjIzMSAgICBjLTAuMDU1LDAuMDY1LTAuMTA0LDAuMTM0LTAuMTU2LDAuMjAxYy0yLjc4MiwzLjU0Ny01LjY3Miw3LjEzMi04LjY4MSwxMC43NTdjLTI5LjkzMiwzNi4wNjItNjAuMjIyLDYyLjM5NS03MS40OCw3MS43NTEgICAgYy0xMS4yMjUtOS4zMjQtNDEuMzcyLTM1LjUyNS03MS4yODMtNzEuNTE4Yy0zLjA4NC0zLjcxMS02LjA0Mi03LjM4LTguODg5LTExLjAxYy0wLjA0Ni0wLjA1OC0wLjA4OS0wLjExOC0wLjEzNy0wLjE3NSAgICBDMTIxLjIyMiwyNTEuNDQ1LDEwOS40MzksMTk2Ljg4NywxMDkuNDM5LDE2Mi43MzF6IE04Ni4yNjksMzMzLjMzNWg1MC45MDdsLTE4LjU2OCw0NC45NDhINjcuNzAyTDg2LjI2OSwzMzMuMzM1eiAgICAgTTEyOS45OTcsNDk2LjkzMmw0Ni43NDEtMTEzLjE0OGwxMzMuMDE0LDExMy4xNDhIMTI5Ljk5N3ogTTMzMi45MzUsNDk2LjkzMkwzMzIuOTM1LDQ5Ni45MzJsLTE1NC4zNTItMTMxLjMgICAgYy0xLjgyMi0xLjU1MS00LjI3LTIuMTMyLTYuNTg0LTEuNTY2Yy0yLjMxNiwwLjU2NS00LjIyOCwyLjIxLTUuMTQzLDQuNDI3bC01My4wNTcsMTI4LjQzOEg4NS43OTVsMjguMjk2LTY4LjUwMiAgICBjMC45NjEtMi4zMjUsMC43MDUtNC45OC0wLjY4My03LjA3NWMtMS4zODYtMi4wOTUtMy43MjEtMy4zNTQtNi4yMjEtMy4zNTRINTEuMjk2bDEwLjE4Mi0yNC42NWg2Mi4xMTggICAgYzMuMDIsMCw1Ljc0NC0xLjgzMSw2LjkwMy00LjYzOWwyMi44NzYtNTUuMzc3aDEyLjk3OGMyLjI1MywyLjgzLDQuNTQzLDUuNjYxLDYuODk0LDguNDkxICAgIGMzOC41ODUsNDYuNDMsNzYuNTc4LDc2LjIzOSw3OC4xNzcsNzcuNDg2YzEuMzQ4LDEuMDUxLDIuOTYyLDEuNTc1LDQuNTc2LDEuNTc1czMuMjI5LTAuNTI1LDQuNTc2LTEuNTc1ICAgIGMwLjg3OS0wLjY4NSwxMi43NTctMTAuMDA5LDI5LjY3My0yNS45Nmg4NC42ODFjNC4xMywwLDcuNDc4LTMuMzczLDcuNDc4LTcuNTM0cy0zLjM0OC03LjUzNC03LjQ3OC03LjUzNGgtNjkuMjY5ICAgIGMxMC4zNjgtMTAuNTAzLDIxLjctMjIuNzQ5LDMzLjA5My0zNi40NTdjMi4zNTEtMi44Myw0LjY0Mi01LjY2LDYuODk0LTguNDkxaDgwLjA4M2wxOC41NjcsNDQuOTQ4aC0zOS40NTcgICAgYy00LjEzLDAtNy40NzgsMy4zNzMtNy40NzgsNy41MzRzMy4zNDcsNy41MzQsNy40NzgsNy41MzRoNDUuNjgxbDEwLjE4MiwyNC42NWgtMTU0LjA3Yy0zLjEyMSwwLTUuOTEzLDEuOTUyLTcuMDA2LDQuODk4ICAgIGMtMS4wOTEsMi45NDYtMC4yNTMsNi4yNjUsMi4xMDQsOC4zMjZsNzUuMTMzLDY1LjcwN0gzMzIuOTM1eiBNMzk5LjY4MSw0OTYuOTMybC03My4wMjQtNjMuODYySDQ2Ni45M2wyNi4zODEsNjMuODYySDM5OS42ODF6IiBmaWxsPSJ0cmFuc3BhcmVudCIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPg==" /> <style> .header-toogle-btn .header-icon-open { display: block; } .header-toogle-btn .header-icon-close { display: none; } .header-toogle-btn.active .header-icon-open{ display: none; } .header-toogle-btn.active .header-icon-close{ display: block; } .header-toogle-block.active { top: 100%; transform: translateY(0); } </style> <header class="sticky top-0 z-10 h-14 w-full bg-white shadow-lg "> <div class="container h-full"> <div class="flex justify-between items-center h-full"> <div class="flex items-center w-full z-10 bg-white"> <a class="text-2xl text-neutral-950 font-bold" href="https://touristvr.com/en-us/" title="title" rel="home">Tourist VR</a> </div> <div class="flex items-center md:flex-row-reverse"> <style> .lang-modal.active { display: flex; } .lang-dropdown-btn.active svg { transform: rotate(180deg) } </style> <div class="ml-14 md:ml-0 md:mr-5"> <div class="flex items-center gap-2.5 w-max cursor-pointer lang-dropdown-btn js-lang-modal-open"> <img class="w-6 shrink-0" src="https://touristvr.com/icons/flags/us.svg" width="22" height="16" alt="flag"> <svg class="fill-secondary-950 w-4 h-4 shrink-0 duration-300" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class="hidden fixed left-0 top-0 w-screen h-screen z-10 items-center justify-center bg-gray-700 bg-opacity-50 lang-modal js-lang-modal"> <div class="rounded-md bg-white min-w-[400px] md:w-screen md:h-screen js-lang-modal-content"> <div class="flex items-center justify-between p-5 border-b border-solid border-secondary-100 md:px-8"> <span class="section-sub-title">Select language</span> <svg class="js-lang-modal-close cursor-pointer" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> <path d="M16 1.4L14.6 0L8 6.6L1.4 0L0 1.4L6.6 8L0 14.6L1.4 16L8 9.4L14.6 16L16 14.6L9.4 8L16 1.4Z"/> </svg> </div> <div class="p-5 columns-3 gap-2 md:columns-1 md:px-8"> <a href="https://touristvr.com/gb/edinburgh-hotels" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/gb.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">GB</span> <span class="text-secondary-950 text-base ">English</span> </a> <a href="https://touristvr.com/ie/edinburgh-hotels" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/ie.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">IE</span> <span class="text-secondary-950 text-base ">English</span> </a> <a href="https://touristvr.com/au/edinburgh-hotels" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/au.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">AU</span> <span class="text-secondary-950 text-base ">English</span> </a> <a href="https://touristvr.com/nz/edinburgh-hotels" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/nz.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">NZ</span> <span class="text-secondary-950 text-base ">English</span> </a> <a href="https://touristvr.com/de/edinburgh-hotels" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/de.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">DE</span> <span class="text-secondary-950 text-base ">Deutsch</span> </a> <a href="https://touristvr.com/fr/edimbourg-hotels" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/fr.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">FR</span> <span class="text-secondary-950 text-base ">Français</span> </a> <a href="https://touristvr.com/fr-be/edimbourg-hotels" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/be.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">BE</span> <span class="text-secondary-950 text-base ">Français</span> </a> <a href="https://touristvr.com/es/edimburgo-hoteles" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/es.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">ES</span> <span class="text-secondary-950 text-base ">Español</span> </a> <a href="https://touristvr.com/mx/edimburgo-hoteles" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/mx.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">MX</span> <span class="text-secondary-950 text-base ">Español</span> </a> <a href="https://touristvr.com/ar/edimburgo-hoteles" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/ar.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">AR</span> <span class="text-secondary-950 text-base ">Español</span> </a> <a href="https://touristvr.com/it/edimburgo-hotel" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/it.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">IT</span> <span class="text-secondary-950 text-base ">Italiano</span> </a> <a href="https://touristvr.com/nl/edinburgh-hotels" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/nl.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">NL</span> <span class="text-secondary-950 text-base ">Nederlands</span> </a> <a href="https://touristvr.com/pt/edimburgo-hoteis" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/pt.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">PT</span> <span class="text-secondary-950 text-base ">Português</span> </a> <a href="https://touristvr.com/br/edimburgo-hoteis" class="flex items-center p-2 rounded-md mb-2 hover:bg-gray-100 "> <img class="w-6 shrink-0 pr-2" src="https://touristvr.com/icons/flags/br.svg" width="22" height="16" alt="flag"> <span class="text-secondary-950 text-base font-bold pr-1">BR</span> <span class="text-secondary-950 text-base ">Português do Brasil</span> </a> </div> </div> </div> </div> </div> </div> </div> </header> <style> @keyframes zoomInOut { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } } .zoom-in-and-out { animation: zoomInOut 40s infinite alternate ease-in-out; } </style> <main class="trawell-post"> <div class="relative mb-8 "> <div class="absolute top-0 left-0 w-full h-full overflow-hidden"> <picture> <source srcset="https://images.touristvr.com/data/images/city/1920x1080/49.JPEG" media="(min-width: 767px)"> <img class="zoom-in-and-out object-cover z-[-2] md:h-[540px]" width="100%" height="100%" src="https://images.touristvr.com/data/images/city/450x450/49.JPEG" alt=""/> </picture> </div> <div class="relative flex items-center justify-center h-[540px]"> <div class="flex flex-col items-center justify-center p-3 rounded-md bg-black bg-opacity-20 md:h-full md:bg-opacity-10 md:rounded-none"> <h1 class="text-6xl text-white font-bold mb-2 px-5 text-center md:text-4xl">Edinburgh Hotels</h1> <p class="text-sm text-white font-medium mb-5 px-5 text-center md:text-xs">Not Just Any Hotel – Only the Best Edinburgh Hotels, Selected for You!</p> <div class="w-full min-w-[1000px] md:px-0 lg:min-w-0"> <div class="w-full border border-solid border-neutral-200 rounded-md shadow-2xl bg-white p-2"> <div class="js-clk-open" data-type="form"> <div class="flex items-center justify-between gap-1.5 w-full md:flex-col md:h-full"> <div class=" relative flex items-center justify-between border border-solid border-neutral-200 rounded-md px-4 w-full h-14 md:w-full cursor-pointer hover:border-secondary-400 hover:bg-secondary-0 transition-colors"> <div class="flex items-center gap-2 "> <svg class="fill-neutral-600 w-6 h-6" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <div class="text-base text-secondary-950">Edinburgh</div> </div> <svg class="fill-secondary-950" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class=" relative flex items-center justify-between border border-solid border-neutral-200 rounded-md px-4 w-full h-14 md:w-full cursor-pointer hover:border-secondary-400 hover:bg-secondary-0 transition-colors"> <div class="flex items-center gap-2 "> <svg class="fill-neutral-600" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16.75 3.56V2C16.75 1.59 16.41 1.25 16 1.25C15.59 1.25 15.25 1.59 15.25 2V3.5H8.74999V2C8.74999 1.59 8.40999 1.25 7.99999 1.25C7.58999 1.25 7.24999 1.59 7.24999 2V3.56C4.54999 3.81 3.23999 5.42 3.03999 7.81C3.01999 8.1 3.25999 8.34 3.53999 8.34H20.46C20.75 8.34 20.99 8.09 20.96 7.81C20.76 5.42 19.45 3.81 16.75 3.56Z" /> <path d="M20 9.84009H4C3.45 9.84009 3 10.2901 3 10.8401V17.0001C3 20.0001 4.5 22.0001 8 22.0001H12.93C13.62 22.0001 14.1 21.3301 13.88 20.6801C13.68 20.1001 13.51 19.4601 13.51 19.0001C13.51 15.9701 15.98 13.5001 19.01 13.5001C19.3 13.5001 19.59 13.5201 19.87 13.5701C20.47 13.6601 21.01 13.1901 21.01 12.5901V10.8501C21 10.2901 20.55 9.84009 20 9.84009ZM9.21 17.7101C9.11 17.8001 9 17.8701 8.88 17.9201C8.76 17.9701 8.63 18.0001 8.5 18.0001C8.37 18.0001 8.24 17.9701 8.12 17.9201C8 17.8701 7.89 17.8001 7.79 17.7101C7.61 17.5201 7.5 17.2601 7.5 17.0001C7.5 16.9401 7.51 16.8701 7.52 16.8101C7.53 16.7401 7.55 16.6801 7.58 16.6201C7.6 16.5601 7.63 16.5001 7.67 16.4401C7.7 16.3901 7.75 16.3401 7.79 16.2901C7.89 16.2001 8 16.1301 8.12 16.0801C8.36 15.9801 8.64 15.9801 8.88 16.0801C9 16.1301 9.11 16.2001 9.21 16.2901C9.25 16.3401 9.3 16.3901 9.33 16.4401C9.37 16.5001 9.4 16.5601 9.42 16.6201C9.45 16.6801 9.47 16.7401 9.48 16.8101C9.49 16.8701 9.5 16.9401 9.5 17.0001C9.5 17.2601 9.39 17.5201 9.21 17.7101ZM9.21 14.2101C9.11 14.3001 9 14.3701 8.88 14.4201C8.76 14.4701 8.63 14.5001 8.5 14.5001C8.37 14.5001 8.24 14.4701 8.12 14.4201C7.99 14.3701 7.89 14.3001 7.79 14.2101C7.61 14.0201 7.5 13.7601 7.5 13.5001C7.5 13.2401 7.61 12.9801 7.79 12.7901C7.89 12.7001 8 12.6301 8.12 12.5801C8.36 12.4801 8.64 12.4801 8.88 12.5801C9 12.6301 9.11 12.7001 9.21 12.7901C9.25 12.8401 9.3 12.8901 9.33 12.9401C9.37 13.0001 9.4 13.0601 9.42 13.1201C9.45 13.1801 9.47 13.2401 9.48 13.3001C9.49 13.3701 9.5 13.4401 9.5 13.5001C9.5 13.7601 9.39 14.0201 9.21 14.2101ZM12.71 14.2101C12.52 14.3901 12.27 14.5001 12 14.5001C11.87 14.5001 11.74 14.4701 11.62 14.4201C11.49 14.3701 11.39 14.3001 11.29 14.2101C11.11 14.0201 11 13.7601 11 13.5001C11 13.4401 11.01 13.3701 11.02 13.3001C11.03 13.2401 11.05 13.1801 11.08 13.1201C11.1 13.0601 11.13 13.0001 11.17 12.9401C11.21 12.8901 11.25 12.8401 11.29 12.7901C11.66 12.4201 12.33 12.4201 12.71 12.7901C12.75 12.8401 12.79 12.8901 12.83 12.9401C12.87 13.0001 12.9 13.0601 12.92 13.1201C12.95 13.1801 12.97 13.2401 12.98 13.3001C12.99 13.3701 13 13.4401 13 13.5001C13 13.7601 12.89 14.0201 12.71 14.2101Z" /> <path d="M21.83 16.17C20.27 14.61 17.73 14.61 16.17 16.17C14.61 17.73 14.61 20.27 16.17 21.83C17.73 23.39 20.27 23.39 21.83 21.83C23.39 20.27 23.39 17.73 21.83 16.17ZM21.07 19.56C20.94 19.7 20.75 19.78 20.54 19.78H19.8V20.56C19.8 20.77 19.72 20.95 19.58 21.09C19.44 21.23 19.26 21.31 19.05 21.31C18.64 21.31 18.3 20.97 18.3 20.56V19.78H17.55C17.14 19.78 16.8 19.45 16.8 19.03C16.8 18.62 17.14 18.28 17.55 18.28H18.3V17.57C18.3 17.16 18.63 16.82 19.05 16.82C19.46 16.82 19.8 17.16 19.8 17.57V18.28H20.54C20.96 18.28 21.29 18.62 21.29 19.03C21.29 19.24 21.21 19.43 21.07 19.56Z"/> </svg> <div class="text-base text-secondary-950"> Feb 25, 2025 - Feb 26, 2025 </div> </div> <svg class="fill-secondary-950" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class=" relative flex items-center justify-between border border-solid border-neutral-200 rounded-md px-4 w-[220px] flex-shrink-0 h-14 md:w-full cursor-pointer hover:border-secondary-400 hover:bg-secondary-0 transition-colors"> <div class="flex items-center gap-2"> <svg class="fill-neutral-600" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 6.375C4.5 4.09683 6.34683 2.25 8.625 2.25C10.9032 2.25 12.75 4.09683 12.75 6.375C12.75 8.65317 10.9032 10.5 8.625 10.5C6.34683 10.5 4.5 8.65317 4.5 6.375Z" /> <path d="M14.25 8.625C14.25 6.76104 15.761 5.25 17.625 5.25C19.489 5.25 21 6.76104 21 8.625C21 10.489 19.489 12 17.625 12C15.761 12 14.25 10.489 14.25 8.625Z" /> <path d="M1.5 19.125C1.5 15.19 4.68997 12 8.625 12C12.56 12 15.75 15.19 15.75 19.125V19.1276C15.75 19.1674 15.7496 19.2074 15.749 19.2469C15.7446 19.5054 15.6074 19.7435 15.3859 19.8768C13.4107 21.0661 11.0966 21.75 8.625 21.75C6.15343 21.75 3.8393 21.0661 1.86406 19.8768C1.64256 19.7435 1.50537 19.5054 1.50103 19.2469C1.50034 19.2064 1.5 19.1657 1.5 19.125Z" /> <path d="M17.2498 19.1281C17.2498 19.1762 17.2494 19.2244 17.2486 19.2722C17.2429 19.6108 17.1612 19.9378 17.0157 20.232C17.2172 20.2439 17.4203 20.25 17.6248 20.25C19.2206 20.25 20.732 19.8803 22.0764 19.2213C22.3234 19.1002 22.4843 18.8536 22.4957 18.5787C22.4984 18.5111 22.4998 18.4432 22.4998 18.375C22.4998 15.6826 20.3172 13.5 17.6248 13.5C16.8784 13.5 16.1711 13.6678 15.5387 13.9676C16.6135 15.4061 17.2498 17.1912 17.2498 19.125V19.1281Z"/> </svg> <div class="text-base text-secondary-950">2 adults, 1 room</div> </div> <svg class="fill-secondary-950" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class="flex items-center justify-center gap-2 rounded-md uppercase bg-primary-500 text-white w-[150px] px-8 flex-shrink-0 h-14 whitespace-nowrap md:w-full cursor-pointer hover:bg-primary-500 transition-colors"> Find <svg class="fill-white flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 17 17"> <path d="M8.16671 15C4.40004 15 1.33337 11.9333 1.33337 8.16665C1.33337 4.39998 4.40004 1.33331 8.16671 1.33331C11.9334 1.33331 15 4.39998 15 8.16665C15 11.9333 11.9334 15 8.16671 15ZM8.16671 2.33331C4.94671 2.33331 2.33337 4.95331 2.33337 8.16665C2.33337 11.38 4.94671 14 8.16671 14C11.3867 14 14 11.38 14 8.16665C14 4.95331 11.3867 2.33331 8.16671 2.33331Z" /> <path d="M15.1666 15.6667C15.04 15.6667 14.9133 15.62 14.8133 15.52L13.48 14.1867C13.2866 13.9934 13.2866 13.6734 13.48 13.48C13.6733 13.2867 13.9933 13.2867 14.1866 13.48L15.52 14.8134C15.7133 15.0067 15.7133 15.3267 15.52 15.52C15.42 15.62 15.2933 15.6667 15.1666 15.6667Z" /> </svg> </div> </div> </div> </div> </div> </div> </div> </div> <div class="w-full px-9 pb-5 md:px-5 "> <div class="relative whitespace-nowrap overflow-auto" data-component="breadcrumbs"> <div class="inline-flex items-center gap-1 text-secondary-950"> <a class="hover:underline" href='https://touristvr.com/us/'>Tourist VR</a> <svg class="fill-secondary-950 transition-transform w-3 h-3 rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </div> <div class="inline-flex items-center gap-1 text-secondary-950"> <a class="hover:underline" href='https://touristvr.com/us/united-kingdom-hotels/'>United Kingdom Hotels</a> <svg class="fill-secondary-950 transition-transform w-3 h-3 rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </div> <span class="text-secondary-950">Edinburgh Hotels</span> </div> </div> <div class="trawell-post__main"> <div class="w-full border-b border-solid border-neutral-200 py-2.5 mb-10"> <div class="flex items-center flex-wrap gap-x-10 gap-y-2.5 w-full px-9 md:px-5 md:gap-1 md:grid md:grid-cols-3"> <div class="group relative flex items-center gap-2.5"> <div class="flex items-center justify-between text-secondary-950 text-base font-normal text-nowrap md:text-sm md:border md:border-solid md:border-neutral-200 md:rounded-md md:p-2.5 md:w-full "> <span class="md:hidden">Price per night:</span> <span class="hidden md:inline">Price / night</span> <svg class="hidden fill-secondary-950 transition-transform shrink-0 md:block md:group-hover:rotate-180" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class="flex items-center gap-1 bg-white md:absolute md:flex-col md:items-start md:top-full md:left-0 md:z-10 md:w-full md:p-2.5 md:rounded-md md:border md:border-solid md:border-neutral-200 md:gap-2.5 md:hidden md:group-hover:flex js-clk-open" data-type="filters"> <div class="flex items-center h-10 text-nowrap bg-[#77cd7d] text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">Up to 100$</div> <div class="flex items-center h-10 text-nowrap bg-[#7bdfb5] text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">$100 - 200</div> <div class="flex items-center h-10 text-nowrap bg-[#fed169] text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">From $200</div> </div> </div> <div class="group relative flex items-center gap-2.5 "> <div class="flex items-center justify-between text-secondary-950 text-base font-normal text-nowrap md:text-sm md:border md:border-solid md:border-neutral-200 md:rounded-md md:p-2.5 md:w-full"> <span class="md:hidden">Rating:</span> <span class="hidden md:inline">Guest rating</span> <svg class="hidden fill-secondary-950 transition-transform shrink-0 md:block md:group-hover:rotate-180" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class="flex items-center gap-1 bg-white md:absolute md:flex-col md:items-start md:top-full md:left-0 md:z-10 md:w-full md:p-2.5 md:rounded-md md:border md:border-solid md:border-neutral-200 md:gap-2.5 md:hidden md:group-hover:flex js-clk-open" data-type="filters"> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow bg-[#77cd7d] hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">Excellent 9+</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow bg-[#7bdfb5] hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">Very good 8+</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow bg-[#fed169] hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">Good 7+</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">All ratings</div> </div> </div> <div class="group relative flex items-center gap-2.5 "> <div class="flex items-center justify-between text-secondary-950 text-base font-normal text-nowrap md:text-sm md:border md:border-solid md:border-neutral-200 md:rounded-md md:p-2.5 md:w-full"> <span class="md:hidden">Star rating:</span> <span class="hidden md:inline">Star rating</span> <svg class="hidden fill-secondary-950 transition-transform shrink-0 md:block md:group-hover:rotate-180" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class="flex items-center gap-1 bg-white md:absolute md:flex-col md:items-start md:top-full md:left-0 md:z-10 md:w-full md:p-2.5 md:rounded-md md:border md:border-solid md:border-neutral-200 md:gap-2.5 md:hidden md:group-hover:flex js-clk-open" data-type="filters"> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">5-stars</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">4-stars</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">3-stars</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">Unrated</div> </div> </div> </div> </div> <div class="w-full px-9 md:px-5"> <div class="flex justify-between gap-8 md:flex-col"> <div class="mb-8 flex-shrink-0"> <div class="grid"> <div class="grid grid-cols-3 gap-4 xl:grid-cols-2 lg:grid-cols-1 md:grid-cols-1 js-extra-hotels"> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="apex-waterloo-place-hotel" data-bhotel-id="apex-waterloo-place-hotel" data-name = "Apex Waterloo Place Hotel" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/10184/1018498/1018498084.JPEG" data-lat="55.95384774" data-lng="-3.18676203" data-price = "148US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/10184/1018498/1018498084.JPEG" alt="" loading="lazy" data-bhotel-id="38248" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (789)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/apex-waterloo-place-hotel-edinburgh" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Apex Waterloo Place Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">148US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="38248" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hilton-edinburgh-carlton" data-bhotel-id="hilton-edinburgh-carlton" data-name = "Hilton Edinburgh Carlton" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/15164/1516445/1516445803.JPEG" data-lat="55.950766" data-lng="-3.18766" data-price = "145US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15164/1516445/1516445803.JPEG" alt="" loading="lazy" data-bhotel-id="114256" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (966)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/hilton-edinburgh-carlton-hotel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hilton Edinburgh Carlton</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.0 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">145US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="114256" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="radisson-blu-hotel-edinburgh-city-centre" data-bhotel-id="radisson-blu-hotel-edinburgh-city-centre" data-name = "Radisson Blu Hotel, Edinburgh City Centre" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/9454/945424/945424033.JPEG" data-lat="55.950129" data-lng="-3.186894" data-price = "148US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/9454/945424/945424033.JPEG" alt="" loading="lazy" data-bhotel-id="34810" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (1678)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/radisson-blu-hotel-edinburgh-city-centre" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Radisson Blu Hotel, Edinburgh City Centre</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.0 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">148US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="34810" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="leonardo-royal-hotel-edinburgh" data-bhotel-id="leonardo-royal-hotel-edinburgh" data-name = "Leonardo Royal Hotel Edinburgh" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/6785/678590/678590916.JPEG" data-lat="55.951218" data-lng="-3.185883" data-price = "125US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/6785/678590/678590916.JPEG" alt="" loading="lazy" data-bhotel-id="35524" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (1889)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/leonardo-royal-hotel-edinburgh" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Leonardo Royal Hotel Edinburgh</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">125US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="35524" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="the-roseate-edinburgh-small-luxury-hotels-of-the-world" data-bhotel-id="the-roseate-edinburgh-small-luxury-hotels-of-the-world" data-name = "The Roseate Edinburgh - Small Luxury Hotels Of The World" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/6943/694382/694382877.JPEG" data-lat="55.945959" data-lng="-3.229037" data-price = "123US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/6943/694382/694382877.JPEG" alt="" loading="lazy" data-bhotel-id="108196" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (342)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/the-roseate-edinburgh-small-luxury-hotels-of-the-world" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">The Roseate Edinburgh - Small Luxury Hotels Of The World</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">5</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">123US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="108196" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="motel-one-edinburgh-royal" data-bhotel-id="motel-one-edinburgh-royal" data-name = "Motel One Edinburgh-Royal" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/15178/1517807/1517807815.JPEG" data-lat="55.95078" data-lng="-3.19143" data-price = "112US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15178/1517807/1517807815.JPEG" alt="" loading="lazy" data-bhotel-id="438512" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (708)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/motel-one-edinburgh-royal" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Motel One Edinburgh-Royal</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">112US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="438512" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="ibis-edinburgh-centre-royal-mile-hunter-square" data-bhotel-id="ibis-edinburgh-centre-royal-mile-hunter-square" data-name = "Ibis Edinburgh Centre Royal Mile - Hunter Square" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/12753/1275337/1275337102.JPEG" data-lat="55.949698" data-lng="-3.187988" data-price = "106US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12753/1275337/1275337102.JPEG" alt="" loading="lazy" data-bhotel-id="44867" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (568)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/ibis-edinburgh-centre-royal-mile-hunter-square-hotel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Ibis Edinburgh Centre Royal Mile - Hunter Square</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.0 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">106US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="44867" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="old-waverley-hotel" data-bhotel-id="old-waverley-hotel" data-name = "Old Waverley Hotel" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/15874/1587494/1587494272.JPEG" data-lat="55.95277649" data-lng="-3.19318728" data-price = "150US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15874/1587494/1587494272.JPEG" alt="" loading="lazy" data-bhotel-id="116032" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (1427)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/old-waverley-hotel-edinburgh" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Old Waverley Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">150US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="116032" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="virgin-hotels-edinburgh" data-bhotel-id="virgin-hotels-edinburgh" data-name = "Virgin Hotels Edinburgh" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/13489/1348914/1348914032.JPEG" data-lat="55.94867" data-lng="-3.19407" data-price = "235US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/13489/1348914/1348914032.JPEG" alt="" loading="lazy" data-bhotel-id="8129556" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (212)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/virgin-hotels-edinburgh" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Virgin Hotels Edinburgh</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">5</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">235US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="8129556" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="village-hotel-edinburgh" data-bhotel-id="village-hotel-edinburgh" data-name = "Village Hotel Edinburgh" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/4932/493271/493271574.JPEG" data-lat="55.96744" data-lng="-3.23529" data-price = "102US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/4932/493271/493271574.JPEG" alt="" loading="lazy" data-bhotel-id="1150801" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (265)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/village-hotel-edinburgh" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Village Hotel Edinburgh</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">102US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1150801" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="royal-scots-club" data-bhotel-id="royal-scots-club" data-name = "Royal Scots Club" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/14020/1402067/1402067213.JPEG" data-lat="55.956197" data-lng="-3.197671" data-price = "105US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/14020/1402067/1402067213.JPEG" alt="" loading="lazy" data-bhotel-id="116030" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (376)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/royal-scots-club-hotel-edinburgh" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Royal Scots Club</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">105US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="116030" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="novotel-edinburgh-park" data-bhotel-id="novotel-edinburgh-park" data-name = "Novotel Edinburgh Park" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/15367/1536746/1536746677.JPEG" data-lat="55.926528943622635" data-lng="-3.3111656751134566" data-price = "88US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15367/1536746/1536746677.JPEG" alt="" loading="lazy" data-bhotel-id="35975" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (852)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/novotel-edinburgh-park" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Novotel Edinburgh Park</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">5.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">88US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="35975" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="the-parliament-house-hotel" data-bhotel-id="the-parliament-house-hotel" data-name = "The Parliament House Hotel" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/8324/832456/832456211.JPEG" data-lat="55.9545" data-lng="-3.1859" data-price = "387US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/8324/832456/832456211.JPEG" alt="" loading="lazy" data-bhotel-id="114573" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (1335)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/the-parliament-house-hotel-edinburgh" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">The Parliament House Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">387US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="114573" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="holiday-inn-edinburgh-zoo-an-ihg-hotel" data-bhotel-id="holiday-inn-edinburgh-zoo-an-ihg-hotel" data-name = "Holiday Inn Edinburgh Zoo, An Ihg Hotel" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/12751/1275141/1275141796.JPEG" data-lat="55.942254" data-lng="-3.267687" data-price = "86US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12751/1275141/1275141796.JPEG" alt="" loading="lazy" data-bhotel-id="231318" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (873)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/holiday-inn-edinburgh-zoo-by-ihg" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Holiday Inn Edinburgh Zoo, An Ihg Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">86US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="231318" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="the-inn-place" data-bhotel-id="the-inn-place" data-name = "The Inn Place" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/9431/943186/943186018.JPEG" data-lat="55.95055" data-lng="-3.18959" data-price = "165US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/9431/943186/943186018.JPEG" alt="" loading="lazy" data-bhotel-id="1278923" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (270)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/the-inn-place-edinburgh" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">The Inn Place</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">165US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1278923" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="holyrood-aparthotel" data-bhotel-id="holyrood-aparthotel" data-name = "Holyrood Aparthotel" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/15953/1595396/1595396578.JPEG" data-lat="55.95105" data-lng="-3.17846" data-price = "168US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15953/1595396/1595396578.JPEG" alt="" loading="lazy" data-bhotel-id="115203" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (759)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/holyrood-aparthotel-edinburgh" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Holyrood Aparthotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.4 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">168US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="115203" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="edinburgh-grosvenor-hotel" data-bhotel-id="edinburgh-grosvenor-hotel" data-name = "Edinburgh Grosvenor Hotel" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/2778/277802/277802333.JPEG" data-lat="55.946941" data-lng="-3.21708" data-price = "74US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/2778/277802/277802333.JPEG" alt="" loading="lazy" data-bhotel-id="34752" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (809)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/edinburgh-grosvenor-hotel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Edinburgh Grosvenor Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">74US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="34752" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="brooks-hotel" data-bhotel-id="brooks-hotel" data-name = "Brooks Hotel" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/12099/1209985/1209985081.JPEG" data-lat="55.9432265322211" data-lng="-3.21129439864308" data-price = "126US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12099/1209985/1209985081.JPEG" alt="" loading="lazy" data-bhotel-id="102701" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (522)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/brooks-hotel-edinburgh" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Brooks Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.0 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">126US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="102701" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="leonardo-edinburgh-city" data-bhotel-id="leonardo-edinburgh-city" data-name = "Leonardo Edinburgh City" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/7186/718616/718616551.JPEG" data-lat="55.944427" data-lng="-3.200977" data-price = "98US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/7186/718616/718616551.JPEG" alt="" loading="lazy" data-bhotel-id="218672" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (612)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/leonardo-edinburgh-city-hotel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Leonardo Edinburgh City</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.7 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">98US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="218672" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="edinburgh-house-hotel" data-bhotel-id="edinburgh-house-hotel" data-name = "Edinburgh House Hotel" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/12338/1233823/1233823973.JPEG" data-lat="55.966674" data-lng="-3.181624" data-price = "46US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12338/1233823/1233823973.JPEG" alt="" loading="lazy" data-bhotel-id="37867" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (717)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/edinburgh-house-hotel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Edinburgh House Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">46US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="37867" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="apex-city-of-edinburgh-hotel" data-bhotel-id="apex-city-of-edinburgh-hotel" data-name = "Apex City Of Edinburgh Hotel" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/15746/1574685/1574685209.JPEG" data-lat="55.947454" data-lng="-3.195341" data-price = "104US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15746/1574685/1574685209.JPEG" alt="" loading="lazy" data-bhotel-id="224780" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (892)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/apex-city-of-edinburgh-hotel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Apex City Of Edinburgh Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.4 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">104US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="224780" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="princes-street-suites" data-bhotel-id="princes-street-suites" data-name = "Princes Street Suites" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/16110/1611063/1611063989.JPEG" data-lat="55.953642" data-lng="-3.186867" data-price = "122US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/16110/1611063/1611063989.JPEG" alt="" loading="lazy" data-bhotel-id="38009" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (1375)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/princes-street-suites-edinburgh" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Princes Street Suites</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">122US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="38009" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="the-knight-residence-by-mansley" data-bhotel-id="the-knight-residence-by-mansley" data-name = "The Knight Residence By Mansley" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/10018/1001808/1001808009.JPEG" data-lat="55.9454572" data-lng="-3.2015751" data-price = "305US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/10018/1001808/1001808009.JPEG" alt="" loading="lazy" data-bhotel-id="117267" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (413)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/the-knight-residence-by-mansley-edinburgh" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">The Knight Residence By Mansley</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">305US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="117267" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="britannia-edinburgh-hotel" data-bhotel-id="britannia-edinburgh-hotel" data-name = "Britannia Edinburgh Hotel" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/7194/719472/719472661.JPEG" data-lat="55.950407" data-lng="-3.222335" data-price = "53US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/7194/719472/719472661.JPEG" alt="" loading="lazy" data-bhotel-id="217219" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (557)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/britannia-edinburgh-hotel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Britannia Edinburgh Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">53US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="217219" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hampton-hotel-by-greene-king-inns" data-bhotel-id="hampton-hotel-by-greene-king-inns" data-name = "Hampton Hotel By Greene King Inns" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/15521/1552197/1552197814.JPEG" data-lat="55.94556" data-lng="-3.24299" data-price = "69US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15521/1552197/1552197814.JPEG" alt="" loading="lazy" data-bhotel-id="1256352" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (174)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/hampton-hotel-by-greene-king-inns-edinburgh" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hampton Hotel By Greene King Inns</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">69US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1256352" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="holiday-inn-express-edinburgh-royal-mile-an-ihg-hotel" data-bhotel-id="holiday-inn-express-edinburgh-royal-mile-an-ihg-hotel" data-name = "Holiday Inn Express Edinburgh - Royal Mile, An Ihg Hotel" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/12749/1274988/1274988688.JPEG" data-lat="55.94914876" data-lng="-3.184488402" data-price = "338US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12749/1274988/1274988688.JPEG" alt="" loading="lazy" data-bhotel-id="35760" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (876)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/holiday-inn-express-edinburgh-royal-mile-an-ihg-hotel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Holiday Inn Express Edinburgh - Royal Mile, An Ihg Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">338US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="35760" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="cairn-hotel-apartments" data-bhotel-id="cairn-hotel-apartments" data-name = "Cairn Hotel & Apartments" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/13143/1314361/1314361879.JPEG" data-lat="55.9584" data-lng="-3.182366" data-price = "75US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/13143/1314361/1314361879.JPEG" alt="" loading="lazy" data-bhotel-id="217243" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (1515)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/cairn-hotel-apartments-edinburgh" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Cairn Hotel & Apartments</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">75US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="217243" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="ibis-budget-hotel-edinburgh-park" data-bhotel-id="ibis-budget-hotel-edinburgh-park" data-name = "Ibis Budget Hotel Edinburgh Park" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/7076/707672/707672815.JPEG" data-lat="55.93766" data-lng="-3.32072" data-price = "62US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/7076/707672/707672815.JPEG" alt="" loading="lazy" data-bhotel-id="910434" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (471)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/ibis-budget-hotel-edinburgh-park" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Ibis Budget Hotel Edinburgh Park</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">5.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">62US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="910434" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="cityroomz-edinburgh" data-bhotel-id="cityroomz-edinburgh" data-name = "Cityroomz Edinburgh" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/14997/1499769/1499769760.JPEG" data-lat="55.949762" data-lng="-3.208847" data-price = "59US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/14997/1499769/1499769760.JPEG" alt="" loading="lazy" data-bhotel-id="545710" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (593)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/cityroomz-edinburgh" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Cityroomz Edinburgh</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.8 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">59US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="545710" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="high-street-hostel" data-bhotel-id="high-street-hostel" data-name = "High Street Hostel" data-rating = "8.8" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/14989/1498919/1498919518.JPEG" data-lat="55.949982" data-lng="-3.18624" data-price = "24US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/14989/1498919/1498919518.JPEG" alt="" loading="lazy" data-bhotel-id="649305" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (162)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/high-street-hostel-edinburgh" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">High Street Hostel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">24US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="649305" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="leonardo-edinburgh-murrayfield" data-bhotel-id="leonardo-edinburgh-murrayfield" data-name = "Leonardo Edinburgh Murrayfield" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/12100/1210001/1210001002.JPEG" data-lat="55.955757" data-lng="-3.27931" data-price = "93US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12100/1210001/1210001002.JPEG" alt="" loading="lazy" data-bhotel-id="115501" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (962)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/leonardo-edinburgh-murrayfield-hotel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Leonardo Edinburgh Murrayfield</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">93US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="115501" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="the-rutland-hotel-apartments" data-bhotel-id="the-rutland-hotel-apartments" data-name = "The Rutland Hotel & Apartments" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/16344/1634400/1634400948.JPEG" data-lat="55.9499525" data-lng="-3.2078154" data-price = "175US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/16344/1634400/1634400948.JPEG" alt="" loading="lazy" data-bhotel-id="37153" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (313)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/the-rutland-hotel-apartments-edinburgh" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">The Rutland Hotel & Apartments</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.8 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">175US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="37153" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="regent-house-hotel-city-centre-hotel" data-bhotel-id="regent-house-hotel-city-centre-hotel" data-name = "Regent House Hotel - City Centre Hotel" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/6786/678643/678643845.JPEG" data-lat="55.95759" data-lng="-3.18822" data-price = "104US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/6786/678643/678643845.JPEG" alt="" loading="lazy" data-bhotel-id="34516" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (564)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/regent-house-hotel-city-centre-hotel-edinburgh" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Regent House Hotel - City Centre Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">104US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="34516" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="murrayfield-hotel" data-bhotel-id="murrayfield-hotel" data-name = "Murrayfield Hotel" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/12752/1275220/1275220015.JPEG" data-lat="55.94549" data-lng="-3.24357" data-price = "143US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12752/1275220/1275220015.JPEG" alt="" loading="lazy" data-bhotel-id="108064" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (1163)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/murrayfield-hotel-edinburgh" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Murrayfield Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">143US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="108064" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="the-place-hotel" data-bhotel-id="the-place-hotel" data-name = "The Place Hotel" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/16450/1645016/1645016267.JPEG" data-lat="55.956405" data-lng="-3.19001019" data-price = "107US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/16450/1645016/1645016267.JPEG" alt="" loading="lazy" data-bhotel-id="314085" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (689)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/the-place-hotel-edinburgh" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">The Place Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.4 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">107US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="314085" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="residence-inn-by-marriott-edinburgh" data-bhotel-id="residence-inn-by-marriott-edinburgh" data-name = "Residence Inn By Marriott Edinburgh" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/16330/1633001/1633001608.JPEG" data-lat="55.9436772892211" data-lng="-3.19267004029825" data-price = "161US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/16330/1633001/1633001608.JPEG" alt="" loading="lazy" data-bhotel-id="335800" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (691)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/residence-inn-by-marriott-edinburgh" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Residence Inn By Marriott Edinburgh</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">161US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="335800" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="ibis-styles-edinburgh-st-andrew-square" data-bhotel-id="ibis-styles-edinburgh-st-andrew-square" data-name = "Ibis Styles Edinburgh St Andrew Square" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/12752/1275231/1275231775.JPEG" data-lat="55.954572" data-lng="-3.194649" data-price = "134US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12752/1275231/1275231775.JPEG" alt="" loading="lazy" data-bhotel-id="1016532" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (412)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/ibis-styles-edinburgh-st-andrew-square-hotel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Ibis Styles Edinburgh St Andrew Square</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.4 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">134US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1016532" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="edinburgh-central-accommodation" data-bhotel-id="edinburgh-central-accommodation" data-name = "Edinburgh Central Accommodation" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/6962/696283/696283941.JPEG" data-lat="55.95975" data-lng="-3.18323" data-price = "37US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/6962/696283/696283941.JPEG" alt="" loading="lazy" data-bhotel-id="343101" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (278)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/edinburgh-central-accommodation" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Edinburgh Central Accommodation</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.7 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">37US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="343101" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="edinburgh-marriott-hotel-holyrood" data-bhotel-id="edinburgh-marriott-hotel-holyrood" data-name = "Edinburgh Marriott Hotel Holyrood" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/15928/1592871/1592871944.JPEG" data-lat="55.950843" data-lng="-3.17702" data-price = "124US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15928/1592871/1592871944.JPEG" alt="" loading="lazy" data-bhotel-id="115774" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (824)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/edinburgh-marriott-hotel-holyrood" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Edinburgh Marriott Hotel Holyrood</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.4 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">124US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="115774" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-ceilidh-donia" data-bhotel-id="hotel-ceilidh-donia" data-name = "Hotel Ceilidh-Donia" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/11784/1178434/1178434384.JPEG" data-lat="55.9362" data-lng="-3.16811" data-price = "131US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/11784/1178434/1178434384.JPEG" alt="" loading="lazy" data-bhotel-id="36789" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (492)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/hotel-ceilidh-donia-edinburgh" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hotel Ceilidh-Donia</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">131US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="36789" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="stay-central-hotel" data-bhotel-id="stay-central-hotel" data-name = "Stay Central Hotel" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/15874/1587496/1587496073.JPEG" data-lat="55.94844086340205" data-lng="-3.189966327543252" data-price = "91US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15874/1587496/1587496073.JPEG" alt="" loading="lazy" data-bhotel-id="160322" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (683)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/stay-central-hotel-edinburgh" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Stay Central Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">91US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="160322" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="holiday-inn-express-edinburgh-city-centre-an-ihg-hotel" data-bhotel-id="holiday-inn-express-edinburgh-city-centre-an-ihg-hotel" data-name = "Holiday Inn Express Edinburgh City Centre, An Ihg Hotel" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/1946/194671/194671435.JPEG" data-lat="55.95707" data-lng="-3.1864407" data-price = "100US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/1946/194671/194671435.JPEG" alt="" loading="lazy" data-bhotel-id="223603" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (964)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/holiday-inn-express-edinburgh-city-centre-by-ihg" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Holiday Inn Express Edinburgh City Centre, An Ihg Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">100US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="223603" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="24-royal-terrace" data-bhotel-id="24-royal-terrace" data-name = "24 Royal Terrace" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/15882/1588238/1588238581.JPEG" data-lat="55.956867" data-lng="-3.176856" data-price = "126US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15882/1588238/1588238581.JPEG" alt="" loading="lazy" data-bhotel-id="1411751" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (168)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/24-royal-terrace-hotel-edinburgh" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">24 Royal Terrace</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">126US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1411751" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="malmaison-edinburgh" data-bhotel-id="malmaison-edinburgh" data-name = "Malmaison Edinburgh" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/5682/568211/568211748.JPEG" data-lat="55.977875" data-lng="-3.168675" data-price = "95US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/5682/568211/568211748.JPEG" alt="" loading="lazy" data-bhotel-id="218131" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (476)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/malmaison-edinburgh-hotel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Malmaison Edinburgh</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.0 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">95US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="218131" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="braid-hills-hotel" data-bhotel-id="braid-hills-hotel" data-name = "Braid Hills Hotel" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/7005/700526/700526857.JPEG" data-lat="55.91716" data-lng="-3.21274" data-price = "69US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/7005/700526/700526857.JPEG" alt="" loading="lazy" data-bhotel-id="113113" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (902)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/braid-hills-hotel-edinburgh" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Braid Hills Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">69US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="113113" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="destiny-scotland-distillers-house" data-bhotel-id="destiny-scotland-distillers-house" data-name = "Destiny Scotland - Distillers House" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/4932/493275/493275384.JPEG" data-lat="55.946918" data-lng="-3.21455" data-price = "135US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/4932/493275/493275384.JPEG" alt="" loading="lazy" data-bhotel-id="2013824" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (125)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/destiny-scotland-distillers-house-apartment-edinburgh" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Destiny Scotland - Distillers House</a> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">135US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="2013824" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="tigerlily" data-bhotel-id="tigerlily" data-name = "Tigerlily" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/13367/1336729/1336729622.JPEG" data-lat="55.95235" data-lng="-3.20516" data-price = "165US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/13367/1336729/1336729622.JPEG" alt="" loading="lazy" data-bhotel-id="179773" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (265)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/tigerlily-hotel-edinburgh" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Tigerlily</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.7 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">165US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="179773" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="balmore-guest-house" data-bhotel-id="balmore-guest-house" data-name = "Balmore Guest House" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/9804/980447/980447635.JPEG" data-lat="55.94151" data-lng="-3.2071" data-price = "45US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/9804/980447/980447635.JPEG" alt="" loading="lazy" data-bhotel-id="36064" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (621)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/balmore-guest-house-edinburgh" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Balmore Guest House</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.0 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">45US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="36064" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="sheridan-guest-house" data-bhotel-id="sheridan-guest-house" data-name = "Sheridan Guest House" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/9469/946976/946976572.JPEG" data-lat="55.973024" data-lng="-3.188499" data-price = "168US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/9469/946976/946976572.JPEG" alt="" loading="lazy" data-bhotel-id="5093099" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (65)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/sheridan-guest-house-edinburgh" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Sheridan Guest House</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">168US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="5093099" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-indigo-edinburgh-an-ihg-hotel" data-bhotel-id="hotel-indigo-edinburgh-an-ihg-hotel" data-name = "Hotel Indigo Edinburgh, An Ihg Hotel" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/14385/1438538/1438538803.JPEG" data-lat="55.956473" data-lng="-3.188849" data-price = "112US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/14385/1438538/1438538803.JPEG" alt="" loading="lazy" data-bhotel-id="319817" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (255)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/hotel-indigo-edinburgh-an-ihg-hotel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Hotel Indigo Edinburgh, An Ihg Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.4 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">112US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="319817" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="angels-share-hotel" data-bhotel-id="angels-share-hotel" data-name = "Angels Share Hotel" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/6444/644479/644479929.JPEG" data-lat="55.950784" data-lng="-3.207917" data-price = "124US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/6444/644479/644479929.JPEG" alt="" loading="lazy" data-bhotel-id="231232" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (557)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/angels-share-hotel-edinburgh" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Angels Share Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.8 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">124US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="231232" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="piries-hotel" data-bhotel-id="piries-hotel" data-name = "Piries Hotel" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/9258/925884/925884649.JPEG" data-lat="55.946397" data-lng="-3.22135800000001" data-price = "39US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/9258/925884/925884649.JPEG" alt="" loading="lazy" data-bhotel-id="231420" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (662)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/piries-hotel-edinburgh" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Piries Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">39US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="231420" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="twin-lions-hotel" data-bhotel-id="twin-lions-hotel" data-name = "Twin Lions Hotel" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/10319/1031943/1031943139.JPEG" data-lat="55.944536" data-lng="-3.254696" data-price = "180US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/10319/1031943/1031943139.JPEG" alt="" loading="lazy" data-bhotel-id="1277436" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (197)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/twin-lions-hotel-edinburgh" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Twin Lions Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">180US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1277436" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="holiday-inn-express-edinburgh-leith-waterfront-an-ihg-hotel" data-bhotel-id="holiday-inn-express-edinburgh-leith-waterfront-an-ihg-hotel" data-name = "Holiday Inn Express Edinburgh - Leith Waterfront, An Ihg Hotel" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/12752/1275222/1275222394.JPEG" data-lat="55.979115" data-lng="-3.179226" data-price = "84US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12752/1275222/1275222394.JPEG" alt="" loading="lazy" data-bhotel-id="217201" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (767)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/holiday-inn-express-edinburgh-leith-waterfront-an-ihg-hotel" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Holiday Inn Express Edinburgh - Leith Waterfront, An Ihg Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.0 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">84US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="217201" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="market-street-hotel" data-bhotel-id="market-street-hotel" data-name = "Market Street Hotel" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/7639/763961/763961338.JPEG" data-lat="55.95105" data-lng="-3.19022" data-price = "339US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/7639/763961/763961338.JPEG" alt="" loading="lazy" data-bhotel-id="4514636" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (219)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/market-street-hotel-edinburgh" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Market Street Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">339US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="4514636" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="the-bonham" data-bhotel-id="the-bonham" data-name = "The Bonham" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/16168/1616874/1616874399.JPEG" data-lat="55.951403" data-lng="-3.215802" data-price = "145US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/16168/1616874/1616874399.JPEG" alt="" loading="lazy" data-bhotel-id="35576" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (422)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/the-bonham-hotel-edinburgh" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">The Bonham</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">5</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">145US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="35576" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="the-bruntsfield-hotel" data-bhotel-id="the-bruntsfield-hotel" data-name = "The Bruntsfield Hotel" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/12799/1279961/1279961998.JPEG" data-lat="55.9380265" data-lng="-3.2060316" data-price = "93US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12799/1279961/1279961998.JPEG" alt="" loading="lazy" data-bhotel-id="102744" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (709)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/the-bruntsfield-hotel-edinburgh" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">The Bruntsfield Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">93US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="102744" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="cumberland-hotel" data-bhotel-id="cumberland-hotel" data-name = "Cumberland Hotel" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/10213/1021373/1021373137.JPEG" data-lat="55.94587" data-lng="-3.22792" data-price = "131US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/10213/1021373/1021373137.JPEG" alt="" loading="lazy" data-bhotel-id="128533" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (730)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/cumberland-hotel-edinburgh" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Cumberland Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">131US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="128533" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="easyhotel-edinburgh" data-bhotel-id="easyhotel-edinburgh" data-name = "Easyhotel Edinburgh" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/16202/1620221/1620221021.JPEG" data-lat="55.95083" data-lng="-3.20445" data-price = "44US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/16202/1620221/1620221021.JPEG" alt="" loading="lazy" data-bhotel-id="1979211" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (291)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/easyhotel-edinburgh" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Easyhotel Edinburgh</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.7 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">44US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="1979211" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="the-inn-on-the-mile" data-bhotel-id="the-inn-on-the-mile" data-name = "The Inn On The Mile" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/2055/205539/205539079.JPEG" data-lat="55.95006" data-lng="-3.187257" data-price = "117US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/2055/205539/205539079.JPEG" alt="" loading="lazy" data-bhotel-id="116047" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (241)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/the-inn-on-the-mile-edinburgh" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">The Inn On The Mile</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.0 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">117US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="116047" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> </div> <style> .marker.locked, .marker.active { background-color: #ffffff; border: 1px solid #132968; color: #132968; z-index: 1; } .mapboxgl-popup { .mapboxgl-popup-tip { display: none; } .mapboxgl-popup-content { background: initial; padding: 0; border-radius: initial; box-shadow: initial } } </style> <div class="sticky top-0 w-full h-dvh rounded-md mb-8 overflow-hidden" > <div class="w-full h-dvh" id="mapbox" data-lat="55.949765312717" data-lng="-3.2089729153442"></div> <template id="marker-template" > <div data-marker class="marker text-white font-medium text-sm bg-secondary-950 rounded-full px-2.5 py-1 border border-white border-solid cursor-pointer transition-colors"></div> </template> <template id="popup-template"> <div data-popup class="flex gap-2 bg-white w-[380px] p-2 rounded-lg border border-solid border-neutral-200 shadow-md md:w-[300px]"> <img data-popup-img class="h-[120px] w-[90px] object-cover rounded-lg" src="" alt="" loading="lazy"> <div class="flex flex-col overflow-hidden"> <p data-popup-title class="text-base text-secondary-950 font-bold overflow-hidden mb-1 whitespace-nowrap text-ellipsis"></p> <div class="flex items-center gap-1 mb-4"> <div data-popup-rating class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"></div> <p data data-popup-rating-label class="marker-card__rating-label text-xs text-secondary-950 font-normal"></p> </div> <div class="mt-auto"> <p class="text-neutral-600 text-xs">From</p> <div class="flex items-center gap-1 text-secondary-950 text-base "> <span data-popup-price class="font-bold"></span> <span>/per night</span> </div> </div> </div> </div> </template> </div> </div> </div> <div class="bg-neutral-0 mb-14"> <div class="container px-8 py-10"> <p class="text-secondary-950 text-2xl font-bold mb-2.5">Discover Your Perfect Stay</p> <div class="text-secondary-950 font-normal text-base space-y-4"><p>Edinburgh is a city steeped in history, culture, and stunning architecture. As you explore the cobblestone streets and iconic landmarks, finding the ideal place to stay is essential to making the most of your visit. Fortunately, Edinburgh boasts a diverse selection of accommodations, from luxurious five-star hotels to charming boutique options, ensuring there's something to suit every traveler's taste and budget.</p><p>When planning your getaway, consider the best hotels in Edinburgh that offer not just comfort but also a unique experience. Many establishments are situated in the heart of the city, providing easy access to attractions such as the Edinburgh Castle, Holyrood Palace, and the scenic Royal Mile. Check out hotels with character, such as those located in historic buildings or featuring traditional Scottish decor, that enhance your stay in this captivating city.</p><p>Additionally, it's worth exploring hotels that go beyond the ordinary by providing exceptional amenities and personalized services. Whether it's a rooftop bar with panoramic views of the city or a spa offering rejuvenating treatments after a busy day of sightseeing, the best hotels in Edinburgh cater to your every need. With a little research and insider knowledge, you'll be well on your way to securing the perfect accommodation for an unforgettable Edinburgh experience.</p></div> </div> </div> <div class="container"> <div class="flex items-start lg:flex-wrap"> <article class="w-full mb-10 trawell-post-article post-694943" data-langcode="en" data-bcity-id="-2595386" data-city-name="Edinburgh" > <style> .trawell-hotels-table-container { width: 100%; } @media only screen and (max-width: 767px) { .trawell-hotels-table-container { overflow-x: scroll; } } .trawell-hotels-table { font-size: 14px; width: 100%; margin: 40px 0!important; border-radius: 6px; overflow: hidden; } @media only screen and (max-width: 767px) { .trawell-hotels-table { font-size: 12px; } } .trawell-hotels-table thead { font-weight: 700; color: #fafafa; background: #4d4c4c; } .trawell-hotels-table thead tr td { vertical-align: middle; word-break: break-word; padding: 15px 8px; } .trawell-hotels-table tbody tr td { vertical-align: middle; word-break: break-word; padding: 10px 8px; border: 1px solid #d0cccc; } @media only screen and (max-width: 767px) { .trawell-hotels-table tbody tr td:first-child { width: 30%; } } .trawell-hotels-table tbody tr td:first-of-type a:hover { text-decoration: underline; } .trawell-hotels-table tbody tr td ul{ list-style: disc; padding: 0px 0 0 15px; } .trawell-hotels-table button { display: block; width: 100%; color: #fafafa; letter-spacing: .1px; padding: 6px 5px; margin: 0; cursor: pointer; border-radius: 5px; background: var(--accent-color); } </style> <div class="trawell-hotels-table-container" id="trawell-hotels-table"> <table class="trawell-hotels-table"> <thead> <tr> <td> <span>Name of hotel</span> </td> <td style="width: 135px;"> <span>Accommodation Rating</span> </td> <td style="width: 100px;"> <span>Price, $</span> </td> <td style="width: 160px;"></td> </tr> </thead> <tbody> <tr> <td> <a href="#apex-city-of-edinburgh-hotel" class="js-clk-open" data-type="table" data-bhotel-id="224780" data-open-once data-open-passive>Apex City Of Edinburgh Hotel</a> </td> <td> <p> 8.5 / 10 </p> <p> (4182 Reviews)</p> </td> <td> <span>From 203US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="224780">Check Price</button> </td> </tr> <tr> <td> <a href="#intercontinental-edinburgh-the-george-an-ihg-hotel" class="js-clk-open" data-type="table" data-bhotel-id="102499" data-open-once data-open-passive>Intercontinental Edinburgh The George, An Ihg Hotel</a> </td> <td> <p> 8.3 / 10 </p> <p> (1646 Reviews)</p> </td> <td> <span>From 189US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="102499">Check Price</button> </td> </tr> <tr> <td> <a href="#old-waverley-hotel" class="js-clk-open" data-type="table" data-bhotel-id="116032" data-open-once data-open-passive>Old Waverley Hotel</a> </td> <td> <p> 7.9 / 10 </p> <p> (6146 Reviews)</p> </td> <td> <span>From 148US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="116032">Check Price</button> </td> </tr> <tr> <td> <a href="#hotel-indigo-edinburgh-an-ihg-hotel" class="js-clk-open" data-type="table" data-bhotel-id="319817" data-open-once data-open-passive>Hotel Indigo Edinburgh, An Ihg Hotel</a> </td> <td> <p> 8.5 / 10 </p> <p> (1016 Reviews)</p> </td> <td> <span>From 195US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="319817">Check Price</button> </td> </tr> <tr> <td> <a href="#apex-waterloo-place-hotel" class="js-clk-open" data-type="table" data-bhotel-id="38248" data-open-once data-open-passive>Apex Waterloo Place Hotel</a> </td> <td> <p> 8.5 / 10 </p> <p> (4576 Reviews)</p> </td> <td> <span>From 159US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="38248">Check Price</button> </td> </tr> </tbody> </table> </div> <div class="my-14 grid grid-cols-2 gap-4 lg:grid-cols-1"> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="cityroomz-edinburgh" data-id="1275098" data-lat="55.949765312717" data-lng="-3.2089729153442"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14722/1472208/1472208460.JPEG" data-image-gallery="gallerycityroomz-edinburgh" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="cityroomz-edinburgh" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/14722/1472208/1472208460.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14722/1472208/1472208517.JPEG" data-image-gallery="gallerycityroomz-edinburgh" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="cityroomz-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14722/1472208/1472208544.JPEG" data-image-gallery="gallerycityroomz-edinburgh" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="cityroomz-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14722/1472208/1472208568.JPEG" data-image-gallery="gallerycityroomz-edinburgh" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="cityroomz-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14722/1472208/1472208496.JPEG" data-image-gallery="gallerycityroomz-edinburgh" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="cityroomz-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14722/1472208/1472208529.JPEG" data-image-gallery="gallerycityroomz-edinburgh" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="cityroomz-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14722/1472208/1472208442.JPEG" data-image-gallery="gallerycityroomz-edinburgh" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="cityroomz-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14722/1472208/1472208478.JPEG" data-image-gallery="gallerycityroomz-edinburgh" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="cityroomz-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8370/837070/837070226.JPEG" data-image-gallery="gallerycityroomz-edinburgh" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="cityroomz-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8370/837070/837070274.JPEG" data-image-gallery="gallerycityroomz-edinburgh" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="cityroomz-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8370/837070/837070214.JPEG" data-image-gallery="gallerycityroomz-edinburgh" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="cityroomz-edinburgh" > </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600">Cityroomz Edinburgh</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">25 33 Shandwick Pl</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Cityroomz Edinburgh offers an affordable yet comfortable stay in the heart of the city and is recognized as one of the best hotels in Edinburgh for budget-conscious adventurers. This modern hotel provides simple yet stylish rooms fitted with all essential amenities, ensuring a pleasant and enjoyable stay. Located near popular attractions such as the Edinburgh Playhouse and Calton Hill, guests can easily explore the city's offerings without the need for extensive public transport. The hotel prides itself on providing excellent service and cleanliness, contributing to a great guest experience. With free Wi-Fi and affordable rates, Cityroomz Edinburgh is perfect for those looking to enjoy the city without overspending. It stands out among the best hotels in Edinburgh for affordable yet comfortable lodging. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">319US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="apex-city-of-edinburgh-hotel" data-id="1275122" data-lat="55.947454" data-lng="-3.195341"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15746/1574685/1574685209.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/15746/1574685/1574685209.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15830/1583063/1583063282.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15830/1583063/1583063263.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15830/1583063/1583063264.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15830/1583063/1583063266.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15830/1583063/1583063273.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15830/1583063/1583063284.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15830/1583063/1583063291.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15746/1574685/1574685041.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15746/1574685/1574685044.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15746/1574685/1574685071.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15746/1574685/1574685080.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15746/1574685/1574685116.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15746/1574685/1574685161.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15746/1574685/1574685224.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15746/1574685/1574685272.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15746/1574685/1574685311.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15746/1574685/1574685380.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15746/1574685/1574685407.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15746/1574685/1574685422.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15746/1574685/1574685428.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15746/1574685/1574685458.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15746/1574685/1574685221.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15746/1574685/1574685137.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15746/1574685/1574685062.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15746/1574685/1574685092.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11190/1119048/1119048066.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13878/1387846/1387846262.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1351/135105/135105147.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1286/128601/128601465.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1750/175023/175023813.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13878/1387842/1387842671.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15830/1583063/1583063267.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15746/1574685/1574685482.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15746/1574685/1574685152.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1750/175023/175023792.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4221/422181/422181888.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10184/1018450/1018450315.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15830/1583063/1583063286.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3088/308825/308825533.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15746/1574685/1574685167.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8403/840301/840301355.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2934/293495/293495180.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6991/699168/699168687.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4221/422181/422181900.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1329/132952/132952389.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3088/308825/308825541.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2934/293495/293495184.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6991/699168/699168420.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6991/699167/699167748.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15830/1583063/1583063254.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15830/1583063/1583063258.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6991/699168/699168573.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6991/699168/699168033.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6991/699167/699167343.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5657/565749/565749534.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5657/565749/565749408.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6991/699167/699167811.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6991/699167/699167511.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6991/699167/699167268.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5657/565749/565749315.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15746/1574685/1574685452.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6991/699167/699167658.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4539/453965/453965847.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4691/469173/469173651.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15746/1574685/1574685434.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4539/453965/453965886.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15746/1574684/1574684975.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15746/1574685/1574685026.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6991/699167/699167463.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15746/1574685/1574685110.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/852/85209/85209623.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6991/699167/699167781.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8403/840301/840301661.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8403/840301/840301712.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4539/453965/453965868.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2934/293495/293495196.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2934/293495/293495340.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1946/194692/194692924.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/852/85209/85209635.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10184/1018449/1018449946.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6991/699167/699167406.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2934/293495/293495060.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4691/469173/469173693.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4691/469173/469173678.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4539/453965/453965856.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6991/699167/699167319.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2934/293495/293495056.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/476/47643/47643730.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4434/443411/443411988.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4539/453965/453965838.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2934/293495/293495172.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2934/293495/293495216.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2934/293495/293495312.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2934/293495/293495164.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3839/383990/383990347.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3837/383723/383723503.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2934/293495/293495328.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3837/383723/383723500.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/338/33861/33861439.JPEG" data-image-gallery="galleryapex-city-of-edinburgh-hotel" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="apex-city-of-edinburgh-hotel" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.5 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (4182)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="224780">Apex City Of Edinburgh Hotel</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">61 Grassmarket</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> The Apex City Of Edinburgh Hotel reflects a modern approach to sustainable hospitality, positioning itself as one of the best hotels in Edinburgh catering to environmentally conscious travelers. With a strong commitment to minimizing waste and energy use, the hotel implements various eco-friendly initiatives, such as recycling programs and locally sourced materials in its construction and operations. Guests can enjoy modern, stylish accommodations and know they are supporting a hotel that aligns with responsible travel practices. The hotel offers delicious dining options that feature seasonal ingredients, allowing guests to savor Scotland's local cuisine while promoting sustainability. Apex City Of Edinburgh’s blend of comfort, style, and a focus on green practices makes it an excellent choice among the best hotels in Edinburgh. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">203US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="224780" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="col-span-2 mt-14 mb-8 lg:col-span-1 md:mt-10"> <h2 class="text-secondary-950 font-bold text-2xl mb-2.5 " id="best-hotels-edinburgh-for-luxury-lovers">Best Hotels Edinburgh for Luxury Lovers</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">When it comes to experiencing the epitome of comfort and elegance, the best hotels in Edinburgh offer a selection of luxurious accommodations that pamper every guest. These hotels often feature opulent rooms, top-notch amenities, and exceptional service that create an unforgettable stay. From lavish spas to fine dining options, each hotel provides a unique atmosphere to indulge in while enjoying the city's rich heritage. The luxurious offerings in this section are perfect for travelers seeking an upscale experience in Scotland’s vibrant capital. Whether you're planning a romantic getaway or a special occasion, the best hotels in Edinburgh promise to exceed your expectations. Let’s explore some standout options that embody luxury in their own special way.</p> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="intercontinental-edinburgh-the-george-an-ihg-hotel" data-id="1275140" data-lat="55.953893" data-lng="-3.196287"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275137/1275137866.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/12751/1275137/1275137866.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14339/1433977/1433977684.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275143/1275143689.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14339/1433977/1433977135.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14339/1433977/1433977423.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275142/1275142930.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14339/1433975/1433975824.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14339/1433974/1433974801.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14339/1433975/1433975623.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14339/1433972/1433972032.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16102/1610214/1610214856.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15783/1578364/1578364625.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16102/1610214/1610214857.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16102/1610214/1610214863.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16102/1610214/1610214859.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16005/1600554/1600554970.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16076/1607655/1607655325.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16005/1600554/1600554975.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16005/1600554/1600554976.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15936/1593640/1593640853.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15783/1578364/1578364604.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516448/1516448641.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516449/1516449940.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516455/1516455511.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516455/1516455532.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516455/1516455535.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516455/1516455580.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516455/1516455643.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16178/1617839/1617839857.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16214/1621406/1621406544.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622864/1622864864.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622865/1622865571.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622865/1622865572.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622865/1622865574.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622865/1622865575.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622865/1622865577.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622865/1622865578.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622865/1622865579.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622865/1622865580.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622865/1622865581.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622865/1622865582.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622865/1622865583.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622865/1622865584.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622865/1622865585.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622865/1622865586.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622865/1622865587.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622865/1622865588.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622865/1622865589.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622865/1622865590.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622865/1622865576.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16178/1617839/1617839855.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16178/1617839/1617839856.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16178/1617839/1617839859.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16178/1617839/1617839860.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16178/1617839/1617839861.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16178/1617839/1617839982.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16178/1617839/1617839984.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16102/1610214/1610214852.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16102/1610214/1610214853.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16005/1600554/1600554965.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16005/1600554/1600554968.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15830/1583062/1583062539.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15830/1583062/1583062553.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15830/1583062/1583062610.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15830/1583062/1583062574.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15843/1584393/1584393429.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516375/1516375375.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516375/1516375429.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516375/1516375441.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516375/1516375492.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15830/1583063/1583063499.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16178/1617839/1617839923.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14339/1433971/1433971726.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15830/1583062/1583062600.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14339/1433971/1433971969.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14339/1433975/1433975203.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14339/1433971/1433971825.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14339/1433974/1433974069.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516448/1516448671.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14339/1433975/1433975077.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14339/1433974/1433974594.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14339/1433971/1433971201.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516375/1516375246.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15669/1566915/1566915545.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275138/1275138631.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16005/1600554/1600554964.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14339/1433970/1433970997.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275133/1275133981.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275139/1275139117.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275139/1275139348.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14339/1433972/1433972281.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14339/1433970/1433970829.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16053/1605365/1605365018.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14339/1433972/1433972992.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516375/1516375480.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275136/1275136771.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12751/1275140/1275140962.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15843/1584393/1584393432.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15830/1583062/1583062618.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16102/1610214/1610214860.JPEG" data-image-gallery="galleryintercontinental-edinburgh-the-george-an-ihg-hotel" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="intercontinental-edinburgh-the-george-an-ihg-hotel" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.3 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (1646)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="102499">Intercontinental Edinburgh The George, An Ihg Hotel</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">5</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">19-21 George Street</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Nestled in the lively heart of Edinburgh, the Intercontinental Edinburgh The George is another prime example of the best hotels in Edinburgh, blending historic charm with modern luxury. The hotel is housed in a Georgian building that exudes elegance while offering contemporary comforts in each of its lavish rooms. Guests can enjoy exquisite dining options at the Bistro de Luxe, where Scottish flavors are crafted with seasonal ingredients. The hotel’s prime location allows easy access to cultural landmarks such as the Playhouse Theatre and the vibrant St James Quarter. With attentive service and a rich atmosphere, the Intercontinental Edinburgh The George truly provides an unforgettable experience for discerning travelers. This property elegantly illustrates why it belongs to the best hotels in Edinburgh. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">189US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="102499" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="old-waverley-hotel" data-id="1275141" data-lat="55.95277649" data-lng="-3.19318728"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494272.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/15874/1587494/1587494272.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12749/1274995/1274995216.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12749/1274995/1274995300.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12749/1274995/1274995564.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12749/1274995/1274995387.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494229.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494233.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494235.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494238.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494240.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494241.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494242.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494246.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494247.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494248.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494249.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494250.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494251.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494254.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494255.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494256.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494257.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494261.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494266.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494267.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494268.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494270.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494280.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494283.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494289.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494290.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494291.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494293.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494295.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494296.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494298.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494303.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494306.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494312.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494315.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494317.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494319.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494320.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494324.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494327.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494328.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494330.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494335.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12749/1274995/1274995477.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12749/1274994/1274994625.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12749/1274994/1274994892.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494258.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494311.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494253.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516376/1516376035.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494307.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494234.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516376/1516376059.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516376/1516376041.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516376/1516376074.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516376/1516376011.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494323.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494237.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14338/1433851/1433851156.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14338/1433851/1433851420.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14338/1433851/1433851651.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14338/1433852/1433852074.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14338/1433852/1433852131.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14338/1433852/1433852251.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494252.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494239.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12749/1274994/1274994040.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12749/1274994/1274994073.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12749/1274994/1274994178.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12749/1274994/1274994217.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12749/1274994/1274994112.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12749/1274994/1274994145.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12098/1209818/1209818299.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12098/1209818/1209818401.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12098/1209818/1209818929.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494243.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12749/1274993/1274993950.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494302.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14338/1433853/1433853700.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12098/1209818/1209818236.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494286.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9384/938442/938442223.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9384/938442/938442673.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9384/938442/938442829.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7005/700568/700568428.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4932/493267/493267065.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14338/1433853/1433853247.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14338/1433852/1433852953.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10161/1016117/1016117110.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7745/774566/774566869.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15874/1587494/1587494245.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7745/774566/774566899.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4932/493267/493267125.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4932/493267/493267056.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8406/840666/840666110.JPEG" data-image-gallery="galleryold-waverley-hotel" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="old-waverley-hotel" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 7.9 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (6146)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="116032">Old Waverley Hotel</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">43 Princes Street</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> The Old Waverley Hotel stands elegantly on the bustling Princes Street, showcasing the historic charm that defines some of the best hotels in Edinburgh. Established in the 19th century, this hotel retains much of its original character while offering contemporary conveniences. Its prime location allows guests to easily explore nearby attractions like Calton Hill and the Scottish National Gallery. The hotel’s cozy rooms provide a welcoming escape after a day of discovery, with impressive views of the city and surrounding hills. Dining options at the hotel include a delightful restaurant that serves seasonal Scottish fare, enhancing the experience of staying in this historic city. The Old Waverley Hotel is a marvelous blend of tradition and modernity and remains a favorite among the best hotels in Edinburgh. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">148US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="116032" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="col-span-2 mt-14 mb-8 lg:col-span-1 md:mt-10"> <h2 class="text-secondary-950 font-bold text-2xl mb-2.5 " id="best-hotels-edinburgh-for-boutique-experiences">Best Hotels Edinburgh for Boutique Experiences</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">For travelers who appreciate a personal touch and unique character, the best hotels in Edinburgh showcase boutique accommodations that offer an authentic experience. These hotels often feature distinctive designs, local artwork, and an intimate atmosphere that you won't find in larger chains. Staying in a boutique hotel allows visitors to truly immerse themselves in Edinburgh's culture while enjoying personalized service and thoughtful amenities. Residents and visitors alike treasure these hidden gems for their standout decor and curated experiences. If you’re looking for charm and individuality on your trip, consider these best hotels in Edinburgh that specialize in boutique offerings.</p> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="hotel-indigo-edinburgh-an-ihg-hotel" data-id="1275150" data-lat="55.956473" data-lng="-3.188849"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275380/1275380290.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/12753/1275380/1275380290.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14385/1438538/1438538803.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14385/1438542/1438542859.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14385/1438543/1438543876.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14385/1438548/1438548295.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14385/1438549/1438549549.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14385/1438549/1438549786.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14385/1438550/1438550533.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275374/1275374194.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275374/1275374359.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14385/1438544/1438544422.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14385/1438546/1438546453.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14385/1438548/1438548031.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275374/1275374092.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14385/1438540/1438540303.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14385/1438547/1438547092.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14385/1438539/1438539553.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14385/1438533/1438533691.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275372/1275372805.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275377/1275377482.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16087/1608788/1608788147.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16087/1608788/1608788135.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16087/1608788/1608788136.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16087/1608788/1608788138.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16087/1608788/1608788139.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16087/1608788/1608788140.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16087/1608788/1608788142.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16087/1608788/1608788145.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16087/1608788/1608788149.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16087/1608788/1608788151.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16029/1602964/1602964096.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16029/1602964/1602964130.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16029/1602964/1602964132.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14385/1438537/1438537477.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14385/1438537/1438537735.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14385/1438534/1438534177.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14385/1438533/1438533949.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14385/1438537/1438537852.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14385/1438542/1438542418.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275374/1275374311.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275375/1275375922.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275379/1275379720.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275379/1275379978.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14385/1438541/1438541944.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14385/1438535/1438535944.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16087/1608788/1608788143.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14385/1438536/1438536208.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14385/1438536/1438536568.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14385/1438536/1438536997.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14385/1438544/1438544905.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16087/1608788/1608788146.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275371/1275371776.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275379/1275379285.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14385/1438535/1438535245.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16087/1608788/1608788144.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16029/1602964/1602964117.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13178/1317856/1317856540.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14385/1438534/1438534417.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16087/1608788/1608788137.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13062/1306280/1306280713.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16029/1602964/1602964116.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16029/1602964/1602964134.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14385/1438532/1438532404.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10228/1022879/1022879917.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275380/1275380248.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16029/1602964/1602964120.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14385/1438534/1438534945.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14385/1438537/1438537285.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16029/1602964/1602964122.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16087/1608788/1608788148.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275380/1275380005.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14385/1438535/1438535698.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275379/1275379459.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16087/1608788/1608788141.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14385/1438550/1438550788.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16093/1609320/1609320390.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10940/1094054/1094054001.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10940/1094053/1094053983.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9397/939724/939724744.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275381/1275381778.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16029/1602964/1602964101.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275375/1275375877.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14385/1438544/1438544644.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9378/937885/937885045.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3196/319618/319618013.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3196/319618/319618029.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3196/319618/319618049.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3196/319618/319618093.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3196/319618/319618109.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14385/1438536/1438536289.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9378/937885/937885072.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/299/29986/29986001.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12753/1275377/1275377440.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2147/214720/214720700.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/299/29986/29986007.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8420/842088/842088188.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2147/214720/214720709.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9378/937877/937877389.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/299/29986/29986004.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/476/47644/47644054.JPEG" data-image-gallery="galleryhotel-indigo-edinburgh-an-ihg-hotel" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="hotel-indigo-edinburgh-an-ihg-hotel" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.5 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (1016)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="319817">Hotel Indigo Edinburgh, An Ihg Hotel</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">51-59 York Place</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Hotel Indigo Edinburgh blends style and sustainability, making it one of the best hotels in Edinburgh for eco-conscious travelers. This boutique hotel embraces a green philosophy while featuring locally inspired design that reflects the rich culture and history of the city. The hotel prioritizes sustainable practices, including energy-efficient systems and support for local artisans and producers. Guests can enjoy a delectable menu at the hotel’s restaurant, focusing on sustainably sourced ingredients that celebrate Scotland’s culinary heritage. With its commitment to the environment coupled with its charming atmosphere, Hotel Indigo provides a memorable stay for travelers who value sustainability. Its ethos and practices elevate its standing among the best hotels in Edinburgh. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">195US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="319817" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="apex-waterloo-place-hotel" data-id="1275151" data-lat="55.95384774" data-lng="-3.18676203"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10184/1018498/1018498084.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/10184/1018498/1018498084.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16087/1608780/1608780923.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16087/1608780/1608780924.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16087/1608780/1608780931.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15804/1580402/1580402449.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15804/1580402/1580402543.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14020/1402027/1402027412.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12468/1246842/1246842874.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8177/817777/817777466.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8297/829752/829752557.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8297/829754/829754831.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8177/817775/817775642.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8177/817776/817776302.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8177/817776/817776434.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8177/817776/817776680.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8177/817777/817777844.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8177/817778/817778930.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8177/817779/817779020.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8177/817778/817778783.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8177/817771/817771031.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8177/817772/817772552.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8177/817773/817773368.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8177/817773/817773947.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8177/817755/817755836.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8177/817770/817770113.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8177/817770/817770908.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16087/1608780/1608780926.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12468/1246835/1246835866.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14020/1402036/1402036787.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16087/1608780/1608780925.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16087/1608780/1608780932.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16087/1608780/1608780927.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16087/1608780/1608780933.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13878/1387856/1387856747.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8177/817775/817775519.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8177/817778/817778528.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16087/1608780/1608780929.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16087/1608780/1608780928.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8177/817776/817776737.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8177/817776/817776857.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12468/1246837/1246837987.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8177/817775/817775735.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2509/250938/250938485.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13878/1387859/1387859942.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8177/817764/817764386.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14020/1402037/1402037675.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2509/250938/250938361.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12468/1246838/1246838041.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2507/250776/250776821.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9515/951590/951590971.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9515/951591/951591064.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9515/951591/951591214.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9515/951591/951591445.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9515/951591/951591517.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9515/951591/951591595.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9515/951591/951591673.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9515/951591/951591721.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9086/908609/908609863.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9086/908610/908610001.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9086/908610/908610454.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9086/908610/908610730.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8177/817778/817778957.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2509/250938/250938577.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9086/908610/908610160.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8177/817753/817753136.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12468/1246830/1246830808.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8177/817772/817772780.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2508/250807/250807929.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8177/817775/817775420.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12468/1246830/1246830823.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9086/908610/908610853.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4221/422158/422158848.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2509/250938/250938329.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8177/817773/817773497.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8407/840722/840722174.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1548/154860/154860881.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4221/422158/422158593.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4221/422158/422158605.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8177/817764/817764899.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7011/701115/701115088.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7011/701114/701114362.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7011/701114/701114896.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7011/701113/701113891.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7011/701114/701114011.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5685/568510/568510068.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/293/29301/29301005.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5685/568510/568510287.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8407/840722/840722291.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8407/840722/840722051.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8177/817774/817774580.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/293/29301/29301014.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7011/701113/701113936.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7011/701113/701113831.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7011/701113/701113687.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9086/908610/908610301.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5685/568510/568510341.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8177/817766/817766024.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1543/154339/154339009.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5685/568510/568510704.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/293/29301/29301008.JPEG" data-image-gallery="galleryapex-waterloo-place-hotel" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="apex-waterloo-place-hotel" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.5 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (4576)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="38248">Apex Waterloo Place Hotel</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">23-27 Waterloo Place</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> The Apex Waterloo Place Hotel is a striking choice among the best hotels in Edinburgh, seamlessly bridging historic architecture with modern design. Situated at the eastern end of Princes Street, it offers easy access to key attractions like Calton Hill and the Royal Mile. This hotel features chic rooms equipped with all the essentials for a luxurious experience, alongside an onsite restaurant that highlights local Scottish cuisine. The indoor pool and fitness center allow guests to unwind and stay active during their stay. With its rich history and contemporary flair, Apex Waterloo Place Hotel provides an elegant retreat in the heart of Edinburgh. Its perfect balance of comfort and style makes it a noteworthy contender among the best hotels in Edinburgh. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">159US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="38248" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="col-span-2 mt-14 mb-8 lg:col-span-1 md:mt-10"> <h2 class="text-secondary-950 font-bold text-2xl mb-2.5 " id="best-hotels-edinburgh-for-budget-travelers">Best Hotels Edinburgh for Budget Travelers</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">Traveling to Edinburgh on a budget doesn't mean compromising on quality. The best hotels in Edinburgh cater to budget-conscious travelers with affordable options that don’t skimp on service and comfort. Many of these hotels are conveniently located near popular attractions, making them perfect for exploring the city without overspending. Budget hotels can also provide a variety of amenities, ensuring that visitors can enjoy a pleasant stay while keeping costs manageable. For smart travelers seeking value while experiencing the best of Edinburgh, here are some of the best hotels in Edinburgh that won't break the bank.</p> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="sheraton-grand-hotel-spa" data-id="1275163" data-lat="55.947055" data-lng="-3.207259"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516351/1516351558.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/15163/1516351/1516351558.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16188/1618819/1618819305.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16097/1609715/1609715159.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16002/1600214/1600214137.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15836/1583649/1583649412.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516351/1516351294.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516351/1516351348.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516351/1516351387.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516351/1516351396.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516351/1516351414.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516351/1516351429.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516375/1516375120.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516375/1516375126.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516375/1516375150.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516375/1516375210.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516375/1516375216.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516375/1516375231.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516375/1516375249.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516375/1516375273.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516375/1516375276.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516375/1516375285.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516375/1516375291.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516375/1516375324.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516375/1516375351.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516375/1516375384.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516375/1516375390.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516375/1516375402.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516375/1516375522.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516434/1516434904.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516434/1516434955.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516434/1516434967.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516434/1516434997.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516447/1516447516.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516447/1516447558.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516447/1516447588.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516447/1516447657.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516447/1516447669.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516447/1516447696.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516451/1516451155.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516451/1516451281.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516451/1516451380.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516367/1516367914.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516368/1516368010.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516447/1516447573.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516447/1516447576.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516351/1516351189.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516447/1516447690.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516351/1516351255.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15836/1583649/1583649403.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516375/1516375153.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516434/1516434910.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516367/1516367899.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516367/1516367929.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516367/1516367935.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13947/1394772/1394772461.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13947/1394773/1394773529.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357481/1357481756.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357482/1357482065.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357482/1357482545.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357484/1357484570.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357492/1357492265.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516451/1516451335.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15968/1596861/1596861827.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516447/1516447591.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11630/1163059/1163059782.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516375/1516375393.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516447/1516447531.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357482/1357482665.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357484/1357484507.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516434/1516434976.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516375/1516375348.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13947/1394773/1394773466.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516434/1516434895.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357482/1357482731.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16097/1609714/1609714950.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357484/1357484423.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357484/1357484393.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516434/1516434892.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357492/1357492097.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15164/1516447/1516447648.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7624/762475/762475855.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10184/1018438/1018438780.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10184/1018436/1018436701.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516375/1516375297.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13574/1357482/1357482557.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10184/1018440/1018440217.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10184/1018437/1018437739.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10184/1018437/1018437793.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10184/1018438/1018438141.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10184/1018438/1018438984.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10184/1018440/1018440343.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10184/1018440/1018440532.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10184/1018440/1018440751.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10184/1018437/1018437850.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/293/29300/29300528.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10184/1018440/1018440844.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10184/1018437/1018437484.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11545/1154581/1154581815.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10184/1018437/1018437925.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15163/1516375/1516375240.JPEG" data-image-gallery="gallerysheraton-grand-hotel-spa" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="sheraton-grand-hotel-spa" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.5 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (3019)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="30477">Sheraton Grand Hotel & Spa</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">5</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">1 Festival Square</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> The Sheraton Grand Hotel & Spa promotes sustainability alongside luxury, making it an excellent option among the best hotels in Edinburgh for environmentally conscious visitors. The hotel incorporates eco-friendly practices throughout its operations, from energy conservation initiatives to sourcing ingredients from local suppliers in its renowned restaurants. Guests can unwind at One Spa, which boasts a commitment to rejuvenation and well-being by utilizing natural products within their treatments to minimize their impact on the planet. The hotel's wellness-oriented amenities ensure that guests enjoy relaxation while still prioritizing sustainability during their stay. With a perfect blend of luxury and eco-friendliness, Sheraton Grand is a compelling choice for those seeking the best hotels in Edinburgh without compromising their environmental values. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">160US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="30477" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="yotel-edinburgh" data-id="1275164" data-lat="55.9533" data-lng="-3.20585"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284409/1284409291.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/12844/1284409/1284409291.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284406/1284406585.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284406/1284406819.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284407/1284407338.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284407/1284407416.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284410/1284410428.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284409/1284409642.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284409/1284409186.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284408/1284408199.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284410/1284410152.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284407/1284407014.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284408/1284408448.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284408/1284408688.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284409/1284409228.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284409/1284409264.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284409/1284409330.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284409/1284409402.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284409/1284409765.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284409/1284409810.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284410/1284410215.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284410/1284410290.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284410/1284410482.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284410/1284410359.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284409/1284409033.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284408/1284408823.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284408/1284408742.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284409/1284409990.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284408/1284408583.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284408/1284408619.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284409/1284409525.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284406/1284406933.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284407/1284407371.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284407/1284407857.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284407/1284407905.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284408/1284408019.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284409/1284409093.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284409/1284409435.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284407/1284407725.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284407/1284407812.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284408/1284408061.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284409/1284409135.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284408/1284408538.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284410/1284410077.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284407/1284407578.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284409/1284409474.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284407/1284407059.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284408/1284408247.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284409/1284409591.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284407/1284407191.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284406/1284406621.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284407/1284407662.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284408/1284408106.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284409/1284409702.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284408/1284408328.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284409/1284409378.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284406/1284406315.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284406/1284406357.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284407/1284407128.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284407/1284407218.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284408/1284408940.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284407/1284407509.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284407/1284407974.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13105/1310525/1310525512.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12935/1293517/1293517609.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12347/1234763/1234763825.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11835/1183547/1183547068.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11835/1183543/1183543915.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11870/1187073/1187073808.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11291/1129129/1129129740.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9033/903339/903339961.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9109/910940/910940533.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9093/909348/909348445.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284408/1284408901.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284407/1284407161.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284407/1284407464.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11870/1187075/1187075251.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284408/1284408388.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284409/1284409858.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284408/1284408973.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284406/1284406528.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284406/1284406723.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284406/1284406387.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284407/1284407947.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284408/1284408496.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284406/1284406780.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9033/903334/903334414.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284406/1284406966.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9108/910861/910861585.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12347/1234784/1234784657.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14585/1458525/1458525979.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14585/1458526/1458526018.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14585/1458527/1458527818.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14585/1458528/1458528826.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14585/1458529/1458529024.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14585/1458529/1458529792.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14585/1458525/1458525349.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284408/1284408142.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12347/1234763/1234763804.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12844/1284409/1284409066.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9033/903329/903329737.JPEG" data-image-gallery="galleryyotel-edinburgh" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="yotel-edinburgh" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (13397)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="4976645">Yotel Edinburgh</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">68-73 Queen Street</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Yotel Edinburgh redefines the boutique hotel experience with its sleek design and innovative approach to hospitality. Located conveniently near the city’s Haymarket area, this hotel boasts compact but stylish rooms featuring smart technology and luxurious bedding. The modern, tech-savvy atmosphere appeals to both business and leisure travelers looking for convenience without sacrificing comfort. Yotel’s unique offerings include adjustable mood lighting and a self-service ‘Yobot’ for luggage handling, adding a quirky touch to your stay. With its prime location and modern amenities, Yotel Edinburgh stands out among the best hotels in Edinburgh for those who appreciate contemporary style. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">141US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="4976645" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="col-span-2 mt-14 mb-8 lg:col-span-1 md:mt-10"> <h2 class="text-secondary-950 font-bold text-2xl mb-2.5 " id="best-hotels-edinburgh-for-family-friendly-stays">Best Hotels Edinburgh for Family-Friendly Stays</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">Traveling with family can be a wonderful adventure, and the best hotels in Edinburgh understand the unique needs of families on the go. These accommodations often provide spacious rooms, kid-friendly amenities, and convenient locations to ensure a hassle-free stay. Families can enjoy the added bonus of easy access to attractions, as well as dining options that cater to varying tastes. Many of the selected hotels offer extra services such as babysitting or family packages for a more comfortable experience. Whether you are visiting for a weekend or a week, these best hotels in Edinburgh will help make your family trip memorable and enjoyable. Explore these family-friendly options that cater to travelers of all ages.</p> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="no11-boutique-hotel-brasserie" data-id="1275181" data-lat="55.958738" data-lng="-3.179711"> <div class="flex md:flex-col"> <div class="relative overflow-hidden flex rounded-md h-[260px] max-w-[200px] md:max-w-full simple-lightbox"> <div class="flex cursor-pointer lg:w-full" data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15806/1580652/1580652361.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/15806/1580652/1580652361.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13141/1314107/1314107479.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15807/1580745/1580745453.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15807/1580752/1580752477.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15806/1580651/1580651379.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15806/1580651/1580651441.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15806/1580652/1580652241.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15807/1580709/1580709735.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15807/1580709/1580709753.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15807/1580709/1580709771.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15807/1580709/1580709783.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15807/1580709/1580709785.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15807/1580709/1580709797.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13937/1393794/1393794266.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13937/1393795/1393795334.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13937/1393795/1393795733.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13937/1393796/1393796912.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13937/1393796/1393796936.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13937/1393797/1393797335.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13937/1393798/1393798886.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13937/1393799/1393799270.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13938/1393800/1393800953.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13938/1393809/1393809041.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13938/1393809/1393809095.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13938/1393811/1393811102.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13938/1393811/1393811393.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13938/1393811/1393811453.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13938/1393812/1393812875.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13938/1393813/1393813205.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13938/1393813/1393813286.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13938/1393813/1393813340.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13938/1393814/1393814753.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13938/1393814/1393814807.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13937/1393795/1393795778.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15806/1580652/1580652329.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15807/1580709/1580709607.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15807/1580709/1580709815.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13141/1314107/1314107449.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13141/1314107/1314107725.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13141/1314115/1314115075.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13188/1318892/1318892740.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13188/1318892/1318892767.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13188/1318892/1318892794.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13188/1318892/1318892824.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13188/1318892/1318892899.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13188/1318892/1318892926.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13188/1318892/1318892941.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13188/1318892/1318892956.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13188/1318892/1318892971.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13188/1318899/1318899805.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13188/1318899/1318899958.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13188/1318899/1318899988.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13189/1318900/1318900081.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13189/1318900/1318900096.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13189/1318900/1318900108.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13189/1318900/1318900141.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13189/1318900/1318900171.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13189/1318900/1318900183.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13189/1318900/1318900201.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13189/1318900/1318900216.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13189/1318900/1318900234.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13189/1318900/1318900246.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13189/1318900/1318900249.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13189/1318900/1318900261.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13189/1318900/1318900270.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13189/1318900/1318900318.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13189/1318900/1318900333.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13189/1318900/1318900360.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13189/1318900/1318900375.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13189/1318900/1318900405.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13189/1318900/1318900447.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13189/1318905/1318905484.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13189/1318905/1318905499.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13189/1318905/1318905541.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13189/1318905/1318905586.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13189/1318905/1318905601.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13189/1318905/1318905643.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13189/1318905/1318905679.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13189/1318905/1318905700.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13189/1318913/1318913854.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13189/1318914/1318914076.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13189/1318914/1318914175.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13189/1318914/1318914349.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13189/1318914/1318914388.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13189/1318914/1318914403.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13189/1318914/1318914433.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13189/1318914/1318914514.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13189/1318915/1318915507.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13189/1318916/1318916254.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13189/1318916/1318916521.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13189/1318921/1318921588.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13189/1318930/1318930816.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12529/1252902/1252902991.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12529/1252926/1252926748.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11865/1186503/1186503280.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11865/1186513/1186513228.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11293/1129359/1129359750.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13189/1318913/1318913827.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10231/1023135/1023135574.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13189/1318905/1318905064.JPEG" data-image-gallery="galleryno11-boutique-hotel-brasserie" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="no11-boutique-hotel-brasserie" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (2566)</span> </div> </div> </div> <div class="flex flex-col p-4 w-full max-w-[430px] lg:max-w-full md:px-2 "> <div class="flex items-center justify-between gap-2 mb-4"> <h3 class="text-secondary-950 text-lg font-bold cursor-pointer max-w-[350px] xl:max-w-[250px] lg:max-w-[350px] overflow-hidden whitespace-nowrap text-ellipsis transition-colors group-hover:text-secondary-600 js-clk-open" data-type="property" data-bhotel-id="371735">No11 Boutique Hotel & Brasserie</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">11 Brunswick Street</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Tucked away in the picturesque New Town, No11 Boutique Hotel & Brasserie is a delightful option among the best hotels in Edinburgh for those seeking a more intimate and personalized experience. With its Victorian façade and modern interiors, this hotel captures the essence of Edinburgh's rich history while providing contemporary comforts. Each room is uniquely decorated with beautiful fabrics and aesthetics, ensuring a cozy yet sophisticated feel. The hotel's Brasserie offers a delightful menu featuring locally sourced ingredients, enhancing your culinary journey in the city. Furthermore, the hospitable staff take pride in delivering tailored experiences, making your stay feel truly special. The blend of charm and hospitality at No11 makes it a top choice among the best hotels in Edinburgh. </div> </div> <div class="flex items-center justify-between border-t border-solid border-neutral-200 pt-4 mt-auto"> <div> <p class="text-neutral-600 text-sm font-normal">From</p> <div class="flex items-center"> <span class="text-secondary-950 text-base font-bold mr-1">139US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" data-bhotel-id="371735" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> </div> </article> </div> </div> </div> <div class="bg-neutral-0 py-14 "> <div class="container"> <div class="flex flex-col gap-10"> <div> <p class="text-secondary-950 text-2xl font-bold mb-5 md:text-center md:mb-8">Other city in Country</p> <div class=" columns-[4_200px] md:columns-2"> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/windermere-hotels">Windermere</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/scarborough-hotels-north-yorkshire">Scarborough</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/glencoe-hotels">Glencoe</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/swindon-hotels">Swindon</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/roydon-essex-hotels">Roydon (Essex)</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/newcastle-upon-tyne-hotels">Newcastle upon Tyne</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/bath-hotels">Bath</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/glasgow-hotels-glasgow-region">Glasgow</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/rostrevor-hotels">Rostrevor</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/kingston-upon-hull-hotels">Kingston upon Hull</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/sidbury-hotels">Sidbury</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/broadford-isle-of-skye-hotels">Broadford (Isle of Skye)</a> </div> </div> </div> <div> <p class="text-secondary-950 text-2xl font-bold mb-5 md:text-center md:mb-8">Other city in World</p> <div class=" columns-[4_200px] md:columns-2"> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/en-us/interlaken-hotels">Interlaken</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/chiang-mai-hotels">Chiang Mai</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/en-us/bridgeport-hotels-wv">Bridgeport</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/midland-hotels-tx">Midland</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/pittsburgh-hotels">Pittsburgh</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/en-us/glasgow-hotels">Glasgow</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/carmel-hotels">Carmel</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/grand-island-hotels-ne">Grand Island</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/conway-hotels-ar">Conway</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/carlsbad-hotels-nm">Carlsbad</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/st-moritz-hotels">St. Moritz</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/jackson-hotels-tn">Jackson</a> </div> </div> </div> <div> <p class="text-secondary-950 text-2xl font-bold mb-5 md:text-center md:mb-8">Hotels near Landmark</p> <div class=" columns-[4_200px] md:columns-2"> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/edinburgh-hotels-near-edinburgh-castle">Edinburgh Castle</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/edinburgh-hotels-near-edinburgh-playhouse">Edinburgh Playhouse</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/edinburgh-hotels-near-royal-mile">Royal Mile</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/edinburgh-hotels-near-edinburgh-waverley-railway-station">Edinburgh Waverley Railway Station</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/edinburgh-hotels-near-edinburgh-zoo">Edinburgh Zoo</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/edinburgh-hotels-near-murrayfield-stadium">Murrayfield Stadium</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/edinburgh-hotels-near-usher-hall">Usher Hall</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/edinburgh-hotels-near-edinburgh-festival-theatre">Edinburgh Festival Theatre</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/edinburgh-hotels-near-the-meadows">The Meadows</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/edinburgh-hotels-near-queen-s-hall">Queen's Hall</a> </div> </div> </div> <div> <p class="text-secondary-950 text-2xl font-bold mb-5 md:text-center md:mb-8">Hotels in District</p> <div class=" columns-[4_200px] md:columns-2"> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/edinburgh-hotels-old-town">Old Town</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/edinburgh-hotels-leith">Leith</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/edinburgh-hotels-new-town">New Town</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/us/edinburgh-hotels-bruntsfield">Bruntsfield</a> </div> </div> </div> </div> </div> </div> <div class="trawell-exit-popup js-exit-popup"> <div class="trawell-exit-popup__content js-exit-popup-content"> <h3 class="trawell-exit-popup__title">Travelling to Edinburgh</h3> <p class="trawell-exit-popup__subtitle">Find your perfect place to stay!</p> <p class="trawell-exit-popup__text">Great locations and deals for every budget.</p> <div class="trawell-exit-popup__btns"> <div class="trawell-exit-popup__btn trawell-exit-popup__btn--accent js-exit-popup-accept-btn">Check the deals</div> <div class="trawell-exit-popup__btn trawell-exit-popup__btn--empty js-exit-popup-close-btn">No, thanks</div> </div> <div class="trawell-exit-popup__toggle"> <div class="trawell-exit-popup__toggle-checkbox js-exit-popup-toggle-btn is-checked"> <svg class="icon svg-icon svg-icon-checked" width="20px" height="20px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 511.985 511.985" style="enable-background:new 0 0 511.985 511.985;" xml:space="preserve"> <g> <g> <path d="M500.088,83.681c-15.841-15.862-41.564-15.852-57.426,0L184.205,342.148L69.332,227.276 c-15.862-15.862-41.574-15.862-57.436,0c-15.862,15.862-15.862,41.574,0,57.436l143.585,143.585 c7.926,7.926,18.319,11.899,28.713,11.899c10.394,0,20.797-3.963,28.723-11.899l287.171-287.181 C515.95,125.265,515.95,99.542,500.088,83.681z"/> </g> </g> </svg> </div> <p class="trawell-exit-popup__toggle-text">Find on <span class="js-exit-popup-toggle-text"></span></p> </div> <div class="trawell-exit-popup__close js-exit-popup-close-btn"> <svg class="trawell-exit-popup__close-icon svg-icon svg-icon-popup-close" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> <path d="M16 1.4L14.6 0L8 6.6L1.4 0L0 1.4L6.6 8L0 14.6L1.4 16L8 9.4L14.6 16L16 14.6L9.4 8L16 1.4Z"/> </svg> <p class="trawell-exit-popup__close-text">Close, i need more options</p> </div> </div> </div> </main> <footer class="bg-secondary-950 text-secondary-0"> <div class="container"> <div class="py-10 flex justify-between md:flex-col md:items-start"> <div class="flex flex-col justify-between"> <p class="text-2xl">Tourist VR</p> <div class="flex flex-col gap-4 mt-4 md:mb-4"> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/en-us/top-hotels/">Best Hotels</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/en-us/popular-destinations/">Popular Сities</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/en-us/top-landmarks/">Top Landmarks</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/en-us/top-regions/">Popular Regions</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/en-us/top-countries/">Popular Countries</a> </div> </div> <div> <p class="text-base font-bold mb-4">Other places to stay in Edinburgh</p> <div class="columns-2 text-white md:columns-1"> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/edinburgh-bed-and-breakfast">edinburgh bed and breakfast</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/edinburgh-hostels">edinburgh hostels</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/edinburgh-self-catering">serviced apartments edinburgh</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/edinburgh-resorts">edinburgh resort</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/edinburgh-family-hotels">family hotels in edinburgh</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/edinburgh-pet-friendly-hotels">dog friendly hotel edinburgh</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/edinburgh-4-star-hotels">4 star hotels edinburgh</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/edinburgh-cheap-hotels">cheap hotels edinburgh</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/edinburgh-hotels-with-pool">hotel with pool edinburgh</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/edinburgh-3-star-hotels">3 star hotels in edinburgh</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/edinburgh-boutique-hotels">boutique hotel edinburgh</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/edinburgh-hotels-near-edi">edinburgh hotel near airport</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/edinburgh-central-hotels">hotels in edinburgh city centre</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/edinburgh-spa-hotels">spa breaks edinburgh</a> </div> </div> </div> <div class="flex items-center justify-between py-5 border-t border-solid border-secondary-900 text-xs font-medium text-secondary-100"> <div class="flex items-center gap-8"> <div class="cursor-pointer hover:underline" data-lk="L3VzL3BvbGljeS8=">Policy</div> <div class="cursor-pointer hover:underline" data-lk="L3VzL2NvcHlyaWdodC8=">Copyright</div> <div class="cursor-pointer hover:underline" data-lk="L3VzL3Rlcm1zLWFuZC1jb25kaXRpb25zLw==">Terms and conditions</div> </div> <p>Copyright 2025 · All rights reserved</p> </div> </div> </footer> <!-- Hotjar --> <!-- End Hotjar Code --> <script type="text/javascript"> window.shared = window.shared || {}; window.shared.options = {"log":{"id":null,"wsl":"tf1ugtlat0SLIQnG"},"isBot":false,"language":{"id":1,"name":"English","code":"en","script":"Latn","native":"English","regional":"en_US"},"aid":2194096,"dest_type":"city","dest_id":"-2595386","dest_name":"Edinburgh","city_id":18086,"pid":694943,"page":"post","bid":"-2595386"} </script> <link rel="modulepreload" href="https://touristvr.com/build/assets/header-BkF2zFFl.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Toggle-CL56Ubtq.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Emitter-BNKO0Lph.js" /><script type="module" src="https://touristvr.com/build/assets/header-BkF2zFFl.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/MapView-Cpc_V4S7.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/post_1-CJ0kHjBP.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/index-Bc8UYRpY.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/MapView-DD67ELos.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Emitter-BNKO0Lph.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/_commonjsHelpers-Cpj98o6Y.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/generateBcomUrl-k__20abU.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/axios-5KWFXKlW.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/preload-helper-T-GT2vH5.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/MapView-Cpc_V4S7.css" /><script type="module" src="https://touristvr.com/build/assets/post_1-CJ0kHjBP.js"></script> <link rel="modulepreload" href="https://touristvr.com/build/assets/footer_1-B5wm0Ts4.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/JSLink-Bfu_FlU4.js" /><script type="module" src="https://touristvr.com/build/assets/footer_1-B5wm0Ts4.js"></script> <link rel="modulepreload" href="https://touristvr.com/build/assets/hotels_1-DcTp8v7h.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/index-Bqe73myE.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/preload-helper-T-GT2vH5.js" /><script type="module" src="https://touristvr.com/build/assets/hotels_1-DcTp8v7h.js"></script> </body> </html>