CINXE.COM
Sorrento 5 Star Hotels: 9 Best Deals for Luxury Stays
<!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="Sorrento is a picturesque coastal town that captivates travelers with its stunning views of the Bay of Naples and the allure of the Amalfi Coast. For"> <title>Sorrento 5 Star Hotels: 9 Best Deals for Luxury Stays</title> <link rel="profile" href="https://gmpg.org/xfn/11"> <link rel="canonical" href="https://touristvr.com/us/sorrento-5-star-hotels" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Sorrento 5 Star Hotels: 9 Best Deals for Luxury Stays" /> <meta property="og:url" content="https://touristvr.com/us/" /> <meta property="og:site_name" content="Tourist VR" /> <link rel="alternate" hreflang="en-GB" type="text/html" href="https://touristvr.com/gb/sorrento-5-star-hotels" title="English"> <link rel="alternate" hreflang="en-US" type="text/html" href="https://touristvr.com/us/sorrento-5-star-hotels" title="English"> <link rel="alternate" hreflang="en-AU" type="text/html" href="https://touristvr.com/au/sorrento-5-star-hotels" title="English"> <link rel="alternate" hreflang="de-DE" type="text/html" href="https://touristvr.com/de/sorrent-5-sterne-hotels" title="Deutsch"> <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-ChUUBcCU.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-ChUUBcCU.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": "5" }, "priceRange" : "74US$", "address": { "@type": "PostalAddress", "streetAddress": "Via Nastro Verde 23/C (Same Entrance Of Johanna Park Hotel)" }, "name": "Villa Giovanna" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "5" }, "priceRange" : "235US$", "address": { "@type": "PostalAddress", "streetAddress": "Via Capo, 29" }, "name": "Hotel Belair" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "5" }, "priceRange" : "447US$", "address": { "@type": "PostalAddress", "streetAddress": "Piazza Tasso 34" }, "name": "Grand Hotel Excelsior Vittoria" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "5" }, "priceRange" : "546US$", "address": { "@type": "PostalAddress", "streetAddress": "Via Califano 18" }, "name": "Grand Hotel Ambasciatori" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "5" }, "priceRange" : "439US$", "address": { "@type": "PostalAddress", "streetAddress": "Piazza Della Vittoria 5" }, "name": "Bellevue Syrene" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "5" }, "priceRange" : "357US$", "address": { "@type": "PostalAddress", "streetAddress": "Via Rota 44" }, "name": "Parco Dei Principi" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "5" }, "priceRange" : "883US$", "address": { "@type": "PostalAddress", "streetAddress": "2 Via Aniello Califano" }, "name": "Hotel Lorelei Londres" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "5" }, "priceRange" : "411US$", "address": { "@type": "PostalAddress", "streetAddress": "Via Tasso 61" }, "name": "Grand Hotel La Favorita" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "5" }, "priceRange" : "207US$", "address": { "@type": "PostalAddress", "streetAddress": "Via Marina Piccola 75" }, "name": "Marina Piccola 73" } ] } </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/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/sorrento-5-star-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/au/sorrento-5-star-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/de/sorrent-5-sterne-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> </div> </div> </div> </div> </div> </div> </div> </header> <main class="trawell-post"> <div class="relative mb-8 z-[1] after:absolute after:top-0 after:left-0 after:w-full after:h-full after:bg-[#141312] after:opacity-40 after:z-[-1] md:mb-36"> <picture> <source srcset="https://images.touristvr.com/data/images/city/1080x700/74.JPEG" media="(min-width: 767px)"> <img class="absolute top-0 left-0 w-full h-full object-cover z-[-2]" width="100%" height="100%" src="https://images.touristvr.com/data/images/city/450x450/74.JPEG" alt=""/> </picture> <div class="relative flex flex-col items-center justify-center h-[540px] md:items-start"> <h1 class="text-6xl text-white font-bold px-5 mb-5 md:text-4xl">Sorrento 5 Star Hotels</h1> <div class="absolute bottom-16 px-5 w-full md:bottom-[-100px] md:px-0"> <div class="max-w-[1000px] w-full mx-auto border rounded-md shadow-lg bg-white p-2 md:w-[calc(100%-40px)]"> <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">Sorrento</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"> Dec 05, 2024 - Dec 06, 2024 </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-600 text-white w-[150px] px-8 flex-shrink-0 h-14 md:w-full cursor-pointer hover:bg-primary-500 transition-colors"> Search <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 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/italy-5-star-hotels/'>Italy 5 Star 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> <div class="inline-flex items-center gap-1 text-secondary-950"> <a class="hover:underline" href='https://touristvr.com/us/hotels-campania/'>Campania 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">Sorrento 5 Star 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 js-clk-open" data-type="filters"> <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 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"> <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-colors hover:bg-secondary-0 hover:text-secondary-600 hover:border-secondary-600 md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">Up to 100$</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-colors hover:bg-secondary-0 hover:text-secondary-600 hover:border-secondary-600 md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">$100 - 200</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-colors hover:bg-secondary-0 hover:text-secondary-600 hover:border-secondary-600 md:border-0 md:p-0 md:h-auto 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 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"> <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-colors hover:bg-secondary-0 hover:text-secondary-600 hover:border-secondary-600 md:border-0 md:p-0 md:h-auto 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-colors hover:bg-secondary-0 hover:text-secondary-600 hover:border-secondary-600 md:border-0 md:p-0 md:h-auto 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-colors hover:bg-secondary-0 hover:text-secondary-600 hover:border-secondary-600 md:border-0 md:p-0 md:h-auto 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-colors hover:bg-secondary-0 hover:text-secondary-600 hover:border-secondary-600 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 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"> <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-colors hover:bg-secondary-0 hover:text-secondary-600 hover:border-secondary-600 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-colors hover:bg-secondary-0 hover:text-secondary-600 hover:border-secondary-600 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-colors hover:bg-secondary-0 hover:text-secondary-600 hover:border-secondary-600 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-colors hover:bg-secondary-0 hover:text-secondary-600 hover:border-secondary-600 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="hotel-gardenia-sorrento" data-bhotel-id="hotel-gardenia-sorrento" data-lat="40.628654" data-lng="14.388448" data-price = "186US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/7389/738961/738961675.JPEG" alt="" loading="lazy"> <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> (330)</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-gardenia-sorrento" 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 Gardenia Sorrento</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">186US$</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="83363" > <span>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="marina-piccola-73" data-bhotel-id="marina-piccola-73" data-lat="40.628571" data-lng="14.37556" data-price = "207US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/11525/1152534/1152534969.JPEG" alt="" loading="lazy"> <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> (245)</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/marina-piccola-73-bed-breakfast-sorrento" 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">Marina Piccola 73</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">207US$</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="373225" > <span>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="imperial-hotel-tramontano" data-bhotel-id="imperial-hotel-tramontano" data-lat="40.627419" data-lng="14.37215" data-price = "177US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/9422/942275/942275875.JPEG" alt="" loading="lazy"> <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> (293)</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/imperial-hotel-tramontano-sorrento" 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">Imperial Hotel Tramontano</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">177US$</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="80062" > <span>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="ambrosio-relais" data-bhotel-id="ambrosio-relais" data-lat="40.62939697" data-lng="14.39125556" data-price = "128US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/15882/1588291/1588291639.JPEG" alt="" loading="lazy"> <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> (165)</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/ambrosio-relais-bed-breakfast-sorrento" 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">Ambrosio Relais</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">128US$</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="2064052" > <span>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="grand-hotel-la-favorita" data-bhotel-id="grand-hotel-la-favorita" data-lat="40.62691706" data-lng="14.37188744" data-price = "411US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/6782/678244/678244896.JPEG" alt="" loading="lazy"> <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> (346)</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/grand-hotel-la-favorita-sorrento" 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">Grand Hotel La Favorita</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">411US$</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="172760" > <span>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="parco-dei-principi" data-bhotel-id="parco-dei-principi" data-lat="40.63203" data-lng="14.388941" data-price = "357US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/6821/682156/682156629.JPEG" alt="" loading="lazy"> <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> (362)</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/parco-dei-principi-hotel-sorrento" 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">Parco Dei Principi</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">357US$</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="80073" > <span>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-belair" data-bhotel-id="hotel-belair" data-lat="40.627923" data-lng="14.363012" data-price = "235US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/13440/1344073/1344073925.jpeg" alt="" loading="lazy"> <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/hotel-belair-sorrento" 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 Belair</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">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="87562" > <span>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-regina" data-bhotel-id="hotel-regina" data-lat="40.62734863" data-lng="14.36957002" data-price = "233US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/12746/1274679/1274679925.JPEG" alt="" loading="lazy"> <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> (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/us/hotel-regina-sorrento" 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 Regina</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">233US$</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="15988" > <span>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="grand-hotel-de-la-ville" data-bhotel-id="grand-hotel-de-la-ville" data-lat="40.628533" data-lng="14.381993" data-price = "230US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/15861/1586103/1586103059.JPEG" alt="" loading="lazy"> <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> (344)</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/grand-hotel-de-la-ville-sorrento" 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">Grand Hotel De La Ville</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">230US$</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="80119" > <span>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="grand-hotel-riviera" data-bhotel-id="grand-hotel-riviera" data-lat="40.630711507579" data-lng="14.383807182312" data-price = "353US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/10376/1037602/1037602447.JPEG" alt="" loading="lazy"> <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/us/grand-hotel-riviera-sorrento" 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">Grand Hotel Riviera</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">353US$</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="186383" > <span>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-michelangelo" data-bhotel-id="hotel-michelangelo" data-lat="40.62667731212692" data-lng="14.381391680966189" data-price = "110US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/12745/1274519/1274519047.JPEG" alt="" loading="lazy"> <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> (357)</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-michelangelo-sorrento" 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 Michelangelo</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">110US$</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="326353" > <span>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="bellevue-syrene" data-bhotel-id="bellevue-syrene" data-lat="40.627494" data-lng="14.37068" data-price = "439US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/10815/1081554/1081554472.JPEG" alt="" loading="lazy"> <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> (245)</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/bellevue-syrene-hotel-sorrento" 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">Bellevue Syrene</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">439US$</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="83960" > <span>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-minerva" data-bhotel-id="hotel-minerva" data-lat="40.6274" data-lng="14.363351" data-price = "163US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/7251/725169/725169178.JPEG" alt="" loading="lazy"> <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> (184)</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-minerva-sorrento" 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 Minerva</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">163US$</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="80707" > <span>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="maison-la-minervetta" data-bhotel-id="maison-la-minervetta" data-lat="40.62727" data-lng="14.36416" data-price = "803US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/6856/685635/685635633.JPEG" alt="" loading="lazy"> <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> (251)</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/maison-la-minervetta-hotel-sorrento" 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">Maison La Minervetta</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">803US$</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="81753" > <span>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-bristol" data-bhotel-id="hotel-bristol" data-lat="40.62672" data-lng="14.36453" data-price = "434US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/721/72145/72145868.JPEG" alt="" loading="lazy"> <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> (310)</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-bristol-sorrento" 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 Bristol</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">434US$</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="89106" > <span>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-plaza" data-bhotel-id="hotel-plaza" data-lat="40.62534974357694" data-lng="14.376128823803697" data-price = "118US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/6849/684946/684946854.JPEG" alt="" loading="lazy"> <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> (353)</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-plaza-sorrento" 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 Plaza</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">118US$</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="13187" > <span>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="palazzo-marziale" data-bhotel-id="palazzo-marziale" data-lat="40.6275482177734" data-lng="14.3730802536011" data-price = "489US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/12115/1211521/1211521837.JPEG" alt="" loading="lazy"> <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> (209)</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/palazzo-marziale-hotel-sorrento" 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">Palazzo Marziale</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">489US$</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="13206" > <span>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="grand-hotel-flora" data-bhotel-id="grand-hotel-flora" data-lat="40.62760106" data-lng="14.38500881" data-price = "213US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/6820/682039/682039605.JPEG" alt="" loading="lazy"> <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 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (147)</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/grand-hotel-flora-sorrento" 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">Grand Hotel Flora</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">213US$</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="80576" > <span>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-lorelei-londres" data-bhotel-id="hotel-lorelei-londres" data-lat="40.6299" data-lng="14.381486" data-price = "883US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/8433/843336/843336578.JPEG" alt="" loading="lazy"> <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> (57)</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-lorelei-londres-sorrento" 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 Lorelei Londres</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">883US$</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="5364019" > <span>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="grand-hotel-cesare-augusto" data-bhotel-id="grand-hotel-cesare-augusto" data-lat="40.6244506835938" data-lng="14.3775901794434" data-price = "233US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/12743/1274378/1274378518.JPEG" alt="" loading="lazy"> <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> (245)</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/grand-hotel-cesare-augusto-sorrento" 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">Grand Hotel Cesare Augusto</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">233US$</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="83370" > <span>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="grand-hotel-president" data-bhotel-id="grand-hotel-president" data-lat="40.622391" data-lng="14.36542" data-price = "286US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/16263/1626351/1626351974.JPEG" alt="" loading="lazy"> <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/grand-hotel-president-sorrento" 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">Grand Hotel President</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">286US$</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="80630" > <span>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-rivage" data-bhotel-id="hotel-rivage" data-lat="40.62421" data-lng="14.367671" data-price = "90US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/12745/1274579/1274579680.JPEG" alt="" loading="lazy"> <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> (513)</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-rivage-sorrento" 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 Rivage</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">90US$</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="88740" > <span>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-il-faro" data-bhotel-id="hotel-il-faro" data-lat="40.62846007293743" data-lng="14.375030690807344" data-price = "305US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/10114/1011417/1011417256.JPEG" alt="" loading="lazy"> <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> (385)</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-il-faro-sorrento" 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 Il Faro</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">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="228776" > <span>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-prestige" data-bhotel-id="hotel-prestige" data-lat="40.612308" data-lng="14.400406" data-price = "107US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/4032/403247/403247898.JPEG" alt="" loading="lazy"> <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> (579)</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-prestige-sorrento" 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 Prestige</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">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="89522" > <span>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-florida" data-bhotel-id="hotel-florida" data-lat="40.63112" data-lng="14.38957" data-price = "125US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/15535/1553557/1553557201.JPEG" alt="" loading="lazy"> <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> (141)</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-florida-sorrento" 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 Florida</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">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="86692" > <span>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-eden" data-bhotel-id="hotel-eden" data-lat="40.627562" data-lng="14.377399" data-price = "429US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/6939/693936/693936714.JPEG" alt="" loading="lazy"> <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> (443)</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-eden-sorrento" 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 Eden</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">429US$</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="85831" > <span>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-desiree" data-bhotel-id="hotel-desiree" data-lat="40.62846" data-lng="14.36167" data-price = "138US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/15632/1563276/1563276361.JPEG" alt="" loading="lazy"> <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> (365)</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-desiree-sorrento" 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 Desiree</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">138US$</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="14383" > <span>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-spicy" data-bhotel-id="hotel-spicy" data-lat="40.628586" data-lng="14.355955" data-price = "133US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/9085/908595/908595535.JPEG" alt="" loading="lazy"> <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"> 7.8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (320)</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-spicy-sorrento" 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 Spicy</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">133US$</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="84024" > <span>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="boutique-hotel-helios" data-bhotel-id="boutique-hotel-helios" data-lat="40.628184" data-lng="14.361334" data-price = "267US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/10151/1015136/1015136851.JPEG" alt="" loading="lazy"> <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> (93)</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/boutique-hotel-helios-sorrento" 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">Boutique Hotel Helios</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">267US$</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="633544" > <span>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="maison-tofani" data-bhotel-id="maison-tofani" data-lat="40.6262283325195" data-lng="14.3744201660156" data-price = "317US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/15521/1552186/1552186792.JPEG" alt="" loading="lazy"> <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> (268)</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/maison-tofani-hotel-sorrento" 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">Maison Tofani</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">317US$</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="260220" > <span>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="palazzo-tasso" data-bhotel-id="palazzo-tasso" data-lat="40.625553" data-lng="14.37378" data-price = "78US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/2542/254299/254299585.JPEG" alt="" loading="lazy"> <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> (264)</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/palazzo-tasso-bed-breakfast-sorrento" 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">Palazzo Tasso</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">78US$</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="333029" > <span>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-del-corso" data-bhotel-id="hotel-del-corso" data-lat="40.62601" data-lng="14.37468" data-price = "122US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/7444/744414/744414058.JPEG" alt="" loading="lazy"> <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> (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/us/hotel-del-corso-sorrento" 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 Del Corso</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">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="83990" > <span>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="palazzo-jannuzzi-relais" data-bhotel-id="palazzo-jannuzzi-relais" data-lat="40.626186" data-lng="14.375687" data-price = "222US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/15805/1580528/1580528455.JPEG" alt="" loading="lazy"> <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> (206)</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/palazzo-jannuzzi-relais-hotel-sorrento" 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">Palazzo Jannuzzi Relais</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">222US$</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="299464" > <span>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="sorrento-dream" data-bhotel-id="sorrento-dream" data-lat="40.628045" data-lng="14.361248" data-price = "283US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/15441/1544148/1544148868.JPEG" alt="" loading="lazy"> <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> (62)</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/sorrento-dream-bed-breakfast" 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">Sorrento Dream</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">283US$</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="3695375" > <span>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-capri" data-bhotel-id="hotel-capri" data-lat="40.626931756072" data-lng="14.3816470877641" data-price = "326US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/11849/1184972/1184972149.JPEG" alt="" loading="lazy"> <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> (144)</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-capri-sorrento" 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 Capri</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">326US$</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="84925" > <span>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="villa-oriana-relais" data-bhotel-id="villa-oriana-relais" data-lat="40.628353" data-lng="14.392439" data-price = "110US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/12745/1274527/1274527918.JPEG" alt="" loading="lazy"> <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> (117)</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/villa-oriana-relais-sorrento" 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">Villa Oriana Relais</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">0.9 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 ">110US$</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="80318" > <span>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-leone" data-bhotel-id="hotel-leone" data-lat="40.6223297119141" data-lng="14.3752202987671" data-price = "120US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/8302/830292/830292494.JPEG" alt="" loading="lazy"> <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> (546)</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-leone-sorrento" 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 Leone</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">120US$</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="12502" > <span>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-villa-di-sorrento" data-bhotel-id="hotel-villa-di-sorrento" data-lat="40.625785" data-lng="14.376181" data-price = "157US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/12093/1209300/1209300973.JPEG" alt="" loading="lazy"> <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> (172)</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-villa-di-sorrento" 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 Villa Di Sorrento</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">157US$</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="17304" > <span>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="magi-house-relais" data-bhotel-id="magi-house-relais" data-lat="40.62715" data-lng="14.37286" data-price = "178US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/1921/192180/192180169.JPEG" alt="" loading="lazy"> <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> (132)</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/magi-house-relais-aparthotel-sorrento" 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">Magi House Relais</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">178US$</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="276477" > <span>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-la-badia" data-bhotel-id="hotel-la-badia" data-lat="40.62687" data-lng="14.36242" data-price = "156US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/3222/322218/322218549.JPEG" alt="" loading="lazy"> <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> (378)</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-la-badia-sorrento" 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 La Badia</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">156US$</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="246607" > <span>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-dania" data-bhotel-id="hotel-dania" data-lat="40.627268" data-lng="14.353526" data-price = "166US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/7810/781076/781076652.JPEG" alt="" loading="lazy"> <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> (315)</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-dania-sorrento" 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 Dania</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">166US$</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="245164" > <span>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-zi-teresa" data-bhotel-id="hotel-zi-teresa" data-lat="40.628122" data-lng="14.383946" data-price = "97US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/14371/1437128/1437128530.JPEG" alt="" loading="lazy"> <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> (240)</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-zi-teresa-sorrento" 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 Zi' Teresa</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">97US$</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="87910" > <span>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-girasole" data-bhotel-id="hotel-girasole" data-lat="40.62953" data-lng="14.39042" data-price = "141US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/6797/679737/679737399.JPEG" alt="" loading="lazy"> <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> (143)</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-girasole-sorrento" 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 Girasole</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">141US$</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="6096693" > <span>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="casa-sorrentina" data-bhotel-id="casa-sorrentina" data-lat="40.626014" data-lng="14.374684" data-price = "142US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/7846/784640/784640793.JPEG" alt="" loading="lazy"> <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> (136)</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/casa-sorrentina-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">Casa Sorrentina</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">142US$</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="89351" > <span>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="villa-rosa-sorrento" data-bhotel-id="villa-rosa-sorrento" data-lat="40.629509" data-lng="14.38447" data-price = "182US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/6641/664197/664197363.JPEG" alt="" loading="lazy"> <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"> 7.8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (133)</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/villa-rosa-sorrento" 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">Villa Rosa Sorrento</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">182US$</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="318646" > <span>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-tourist" data-bhotel-id="hotel-tourist" data-lat="40.626948" data-lng="14.383276" data-price = "111US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/9127/912708/912708847.JPEG" alt="" loading="lazy"> <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> (358)</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-tourist-sorrento" 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 Tourist</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">111US$</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="87909" > <span>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-britannia" data-bhotel-id="hotel-britannia" data-lat="40.627438" data-lng="14.361107" data-price = "143US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/6923/692383/692383227.JPEG" alt="" loading="lazy"> <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"> 7.6 </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/us/hotel-britannia-sorrento" 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 Britannia</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">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="81519" > <span>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="villa-giovanna" data-bhotel-id="villa-giovanna" data-lat="40.62164" data-lng="14.36391" data-price = "74US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/11131/1113189/1113189189.JPEG" alt="" loading="lazy"> <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> (308)</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/villa-giovanna-sorrento" 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">Villa Giovanna</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">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="14702" > <span>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="sorrento-inn-funzionista" data-bhotel-id="sorrento-inn-funzionista" data-lat="40.626282" data-lng="14.37281" data-price = "232US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/6417/641772/641772786.JPEG" alt="" loading="lazy"> <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> (97)</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/sorrento-inn-funzionista" 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">Sorrento Inn Funzionista</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">232US$</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="1340283" > <span>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-metropole" data-bhotel-id="hotel-metropole" data-lat="40.626" data-lng="14.35972" data-price = "100US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/11130/1113004/1113004824.JPEG" alt="" loading="lazy"> <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 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (277)</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-metropole-sorrento" 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 Metropole</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">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="22674" > <span>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="oasi-madre-della-pace" data-bhotel-id="oasi-madre-della-pace" data-lat="40.61907" data-lng="14.364053" data-price = "206US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/14208/1420808/1420808268.JPEG" alt="" loading="lazy"> <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/oasi-madre-della-pace-bed-breakfast-sorrento" 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">Oasi Madre Della Pace</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">206US$</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="865267" > <span>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="villa-monica-bb" data-bhotel-id="villa-monica-bb" data-lat="40.62039" data-lng="14.39792" data-price = "153US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/11148/1114854/1114854573.JPEG" alt="" loading="lazy"> <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> (67)</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/villa-monica-b-b-sorrento" 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">Villa Monica B&B</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">153US$</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="843334" > <span>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="relais-villa-angiolina" data-bhotel-id="relais-villa-angiolina" data-lat="40.62297" data-lng="14.37528" data-price = "285US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/2579/257989/257989941.JPEG" alt="" loading="lazy"> <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> (324)</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/relais-villa-angiolina-sorrento" 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">Relais Villa Angiolina</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">285US$</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="187373" > <span>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="vhome" data-bhotel-id="vhome" data-lat="40.62285" data-lng="14.37428" data-price = "76US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/6896/689694/689694585.JPEG" alt="" loading="lazy"> <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> (224)</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/vhome-sorrento" 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">Vhome</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">76US$</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="1417466" > <span>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="villa-silvana-relais" data-bhotel-id="villa-silvana-relais" data-lat="40.6280133" data-lng="14.3782168" data-price = "482US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/7796/779631/779631432.JPEG" alt="" loading="lazy"> <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> (67)</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/villa-silvana-relais-sorrento" 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">Villa Silvana Relais</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">482US$</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="2890998" > <span>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="relais-regina-giovanna" data-bhotel-id="relais-regina-giovanna" data-lat="40.628271273464065" data-lng="14.352312116394046" data-price = "187US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/12746/1274633/1274633545.JPEG" alt="" loading="lazy"> <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> (192)</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/relais-regina-giovanna-hotel-sorrento" 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">Relais Regina Giovanna</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">187US$</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="82989" > <span>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="corso-italia-suites" data-bhotel-id="corso-italia-suites" data-lat="40.625759" data-lng="14.37381" data-price = "160US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/10387/1038744/1038744367.JPEG" alt="" loading="lazy"> <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> (62)</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/corso-italia-suites-sorrento" 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">Corso Italia 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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">160US$</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="677452" > <span>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="villa-elisa-holiday-home" data-bhotel-id="villa-elisa-holiday-home" data-lat="40.62733" data-lng="14.37454" data-price = "184US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/8947/894729/894729406.JPEG" alt="" loading="lazy"> <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> (104)</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/villa-elisa-holiday-home-sorrento" 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">Villa Elisa Holiday Home</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">184US$</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="1644964" > <span>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="caruso-sea-view" data-bhotel-id="caruso-sea-view" data-lat="40.62751" data-lng="14.36607" data-price = "134US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/15996/1599685/1599685583.JPEG" alt="" loading="lazy"> <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> (68)</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/caruso-sea-view-hotel-sorrento" 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">Caruso Sea View</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">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 ">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="4042485" > <span>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="sorrento-hills" data-bhotel-id="sorrento-hills" data-lat="40.61498" data-lng="14.36822" data-price = "190US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover" src="https://images.touristvr.com/data/images/600x400/8935/893546/893546824.JPEG" alt="" loading="lazy"> <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> (55)</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/sorrento-hills-bed-breakfast" 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">Sorrento Hills</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">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal">0.9 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 ">190US$</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="5088976" > <span>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; } </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="40.62164" data-lng="14.36391"></div> </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>Sorrento is a picturesque coastal town that captivates travelers with its stunning views of the Bay of Naples and the allure of the Amalfi Coast. For those seeking an exquisite getaway, the 5 star hotels in Sorrento provide a perfect blend of luxury and comfort, making your stay truly unforgettable. Nestled amidst charming lemon groves and breathtaking cliffs, these hotels offer not just accommodations but an immersive experience in one of Italy's most enchanting destinations.</p><p>When it comes to selecting the ideal place to unwind, Sorrento’s 5 star hotels are equipped with world-class amenities, personalized service, and breathtaking vistas. Picture indulging in a lavish spa treatment or savoring gourmet cuisine crafted from fresh, local ingredients, all while overlooking the azure waters. From the elegant interiors to the serene outdoor spaces, these hotels promise an atmosphere of refined relaxation that perfectly complements the romantic ambiance of Sorrento.</p><p>As you plan your visit, be sure to explore the exquisite options available, each tailored to cater to diverse tastes and preferences. Whether you desire a contemporary luxury experience or a more traditional Italian villa ambiance, Sorrento’s 5 star hotels boast a variety of choices. With so much to offer, these hotels serve as the ideal base for discovering the rich history, stunning landscapes, and vibrant culture that Sorrento and its surroundings have to offer.</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-699585" data-langcode="en" data-bcity-id="-129972" data-city-name="Sorrento" > <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>Booking Rating</span> </td> <td style="width: 100px;"> <span>Price, $</span> </td> <td style="width: 160px;"></td> </tr> </thead> <tbody> <tr> <td> <a href="#villa-giovanna" class="js-clk-open" data-type="table" data-bhotel-id="14702" data-open-once data-open-passive>Villa Giovanna</a> </td> <td> <p> 9.1 / 10 </p> <p> (827 Reviews)</p> </td> <td> <span>From 74US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="14702">Check Price</button> </td> </tr> <tr> <td> <a href="#hotel-belair" class="js-clk-open" data-type="table" data-bhotel-id="87562" data-open-once data-open-passive>Hotel Belair</a> </td> <td> <p> 9.0 / 10 </p> <p> (181 Reviews)</p> </td> <td> <span>From 235US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="87562">Check Price</button> </td> </tr> <tr> <td> <a href="#grand-hotel-excelsior-vittoria" class="js-clk-open" data-type="table" data-bhotel-id="14473" data-open-once data-open-passive>Grand Hotel Excelsior Vittoria</a> </td> <td> <p> 9.5 / 10 </p> <p> (138 Reviews)</p> </td> <td> <span>From 447US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="14473">Check Price</button> </td> </tr> <tr> <td> <a href="#grand-hotel-ambasciatori" class="js-clk-open" data-type="table" data-bhotel-id="80118" data-open-once data-open-passive>Grand Hotel Ambasciatori</a> </td> <td> <p> 9.3 / 10 </p> <p> (514 Reviews)</p> </td> <td> <span>From 546US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="80118">Check Price</button> </td> </tr> <tr> <td> <a href="#bellevue-syrene" class="js-clk-open" data-type="table" data-bhotel-id="83960" data-open-once data-open-passive>Bellevue Syrene</a> </td> <td> <p> 9.3 / 10 </p> <p> (238 Reviews)</p> </td> <td> <span>From 439US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="83960">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="villa-giovanna" data-id="1304163" data-lat="40.62164" data-lng="14.36391"> <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/11131/1113189/1113189189.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/11131/1113189/1113189189.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15581/1558104/1558104235.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15581/1558117/1558117561.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15581/1558117/1558117378.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15803/1580376/1580376133.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15581/1558102/1558102546.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15581/1558103/1558103029.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15581/1558104/1558104388.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13811/1381107/1381107029.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11880/1188067/1188067468.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15581/1558117/1558117981.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11090/1109082/1109082387.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8052/805258/805258161.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10129/1012950/1012950091.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11880/1188069/1188069178.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11090/1109046/1109046267.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2268/226856/226856306.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2268/226856/226856969.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2268/226866/226866212.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2270/227046/227046677.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2284/228498/228498731.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2284/228499/228499442.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11130/1113083/1113083760.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2270/227055/227055206.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15581/1558120/1558120777.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15582/1558235/1558235341.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2270/227046/227046158.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2270/227048/227048483.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15582/1558235/1558235737.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2268/226865/226865390.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15582/1558235/1558235269.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2270/227058/227058539.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13860/1386097/1386097241.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13861/1386102/1386102929.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13861/1386116/1386116819.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13088/1308825/1308825838.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12880/1288072/1288072639.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11878/1187894/1187894551.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11130/1113064/1113064767.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11130/1113066/1113066300.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11130/1113081/1113081957.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11130/1113082/1113082047.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11130/1113095/1113095400.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11131/1113183/1113183729.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11131/1113184/1113184050.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11131/1113185/1113185973.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11131/1113188/1113188838.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11131/1113188/1113188940.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11131/1113194/1113194061.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11132/1113202/1113202764.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11132/1113202/1113202854.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11136/1113626/1113626409.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11136/1113647/1113647304.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11136/1113650/1113650559.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11136/1113657/1113657408.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11136/1113660/1113660435.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11136/1113661/1113661164.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11136/1113676/1113676272.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11136/1113689/1113689388.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11136/1113676/1113676350.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11130/1113095/1113095619.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11131/1113193/1113193056.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11130/1113083/1113083448.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6989/698976/698976150.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12860/1286099/1286099686.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13861/1386177/1386177392.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11131/1113190/1113190164.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10129/1012949/1012949359.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11130/1113083/1113083730.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15581/1558120/1558120972.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7487/748722/748722161.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7487/748722/748722254.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7487/748722/748722212.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1606/160628/160628301.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3363/336315/336315031.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15581/1558117/1558117963.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3363/336315/336315040.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6989/698975/698975394.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6989/698976/698976402.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6989/698975/698975505.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6989/698975/698975571.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6989/698976/698976261.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6989/698975/698975631.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6989/698975/698975673.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6989/698976/698976309.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6989/698976/698976348.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2284/228493/228493937.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6989/698976/698976051.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6989/698976/698976453.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15581/1558103/1558103368.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11130/1113095/1113095466.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6989/698976/698976507.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6989/698975/698975322.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4539/453950/453950475.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4539/453950/453950514.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4539/453950/453950544.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15581/1558120/1558120765.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14336/1433695/1433695003.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11084/1108484/1108484124.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/575/57525/57525001.JPEG" data-image-gallery="galleryvilla-giovanna" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="villa-giovanna" > </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"> 9.1 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (827)</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="14702">Villa Giovanna</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">Via Nastro Verde 23/C (Same Entrance Of Johanna Park Hotel)</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Villa Giovanna is a hidden gem, set amidst lush gardens with stunning views over the Bay of Naples. This boutique hotel offers a charming, intimate experience that blends comfort with personalized service. Each room features elegant decor, while the serene surroundings make it a perfect retreat for relaxation. Guests can enjoy home-cooked meals at the hotel’s restaurant, which incorporates local ingredients and flavors. With its cozy atmosphere and commitment to guest satisfaction, Villa Giovanna provides an exceptional experience among the 5 star hotels in Sorrento ideal for travelers seeking respite. </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">74US$</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="14702" > <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="hotel-belair" data-id="1304198" data-lat="40.627923" data-lng="14.363012"> <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/13440/1344073/1344073925.jpeg" data-image-gallery="galleryhotel-belair" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/13440/1344073/1344073925.jpeg" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622866/1622866953.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622866/1622866954.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622866/1622866956.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622866/1622866957.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622866/1622866958.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622866/1622866959.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622866/1622866960.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622866/1622866961.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622866/1622866962.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622866/1622866963.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622866/1622866964.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622866/1622866965.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622866/1622866966.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622866/1622866967.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622866/1622866968.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622866/1622866969.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622866/1622866970.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622866/1622866971.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622866/1622866972.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622866/1622866973.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622866/1622866974.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622866/1622866975.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622866/1622866976.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622866/1622866977.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622866/1622866979.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622866/1622866980.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622866/1622866981.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622866/1622866982.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622866/1622866983.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622866/1622866984.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623647/1623647674.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623647/1623647675.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623647/1623647676.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623647/1623647677.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16236/1623647/1623647678.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15868/1586825/1586825075.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15868/1586825/1586825094.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15868/1586825/1586825099.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15868/1586825/1586825100.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15868/1586825/1586825104.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15165/1516554/1516554070.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15400/1540034/1540034095.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15400/1540034/1540034125.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16188/1618817/1618817314.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15868/1586825/1586825084.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15868/1586825/1586825087.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15868/1586825/1586825098.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15165/1516554/1516554115.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15868/1586825/1586825082.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15868/1586825/1586825090.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15400/1540034/1540034092.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16188/1618817/1618817320.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622866/1622866955.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16228/1622866/1622866978.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13940/1394025/1394025983.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13940/1394026/1394026001.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13940/1394026/1394026019.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13940/1394026/1394026322.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13940/1394026/1394026367.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13940/1394026/1394026931.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13940/1394026/1394026943.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13940/1394026/1394026958.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13940/1394027/1394027921.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13940/1394027/1394027951.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13940/1394027/1394027969.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13940/1394027/1394027984.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13940/1394032/1394032220.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13940/1394032/1394032268.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13940/1394032/1394032292.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13824/1382434/1382434418.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13824/1382440/1382440961.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13824/1382441/1382441540.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15868/1586825/1586825080.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15868/1586825/1586825081.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13491/1349164/1349164382.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15868/1586825/1586825088.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13440/1344074/1344074507.jpeg" data-image-gallery="galleryhotel-belair" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13440/1344073/1344073946.jpeg" data-image-gallery="galleryhotel-belair" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13440/1344074/1344074525.jpeg" data-image-gallery="galleryhotel-belair" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15868/1586825/1586825079.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16188/1618817/1618817318.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15165/1516554/1516554112.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15400/1540034/1540034089.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13940/1394032/1394032250.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15400/1540034/1540034122.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13824/1382464/1382464259.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13824/1382452/1382452265.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13491/1349164/1349164973.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13940/1394025/1394025971.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15165/1516554/1516554064.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13940/1394027/1394027936.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15868/1586825/1586825089.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15868/1586825/1586825096.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15868/1586825/1586825069.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13440/1344074/1344074321.jpeg" data-image-gallery="galleryhotel-belair" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13824/1382432/1382432492.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13940/1394026/1394026337.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15868/1586825/1586825085.JPEG" data-image-gallery="galleryhotel-belair" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13440/1344073/1344073961.jpeg" data-image-gallery="galleryhotel-belair" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="hotel-belair" > </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"> 9 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (181)</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="87562">Hotel Belair</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">Via Capo, 29</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Hotel Belair is not only perfect for couples but also caters to families with its spacious accommodations and beautiful surroundings. The hotel features family rooms that provide ample space for everyone, along with stunning views of the Gulf of Naples. A family-oriented atmosphere is enhanced by the on-site dining options, where children can also find delightful meals tailored to their tastes. The outdoor pool is ideal for family fun, while the gardens provide plenty of space for children to roam and play. With a focus on comfort and relaxation, this hotel offers a memorable family experience among the 5 star hotels in Sorrento. </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">235US$</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="87562" > <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="elegant-luxury-at-5-star-hotels-in-sorrento-italy">Elegant Luxury at 5 Star Hotels in Sorrento, Italy</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">These hotels exemplify elegance, combining classic Italian design with modern amenities to create a sophisticated retreat. Guests can expect to find exquisite décor, pampering services, and stunning views that highlight the beauty of the Sorrento coastline. The following hotels stand out for their commitment to luxury and unparalleled guest experiences, providing a perfect foundation for your stay.</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="grand-hotel-excelsior-vittoria" data-id="1304199" data-lat="40.626465" data-lng="14.376198"> <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/6989/698961/698961303.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/6989/698961/698961303.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12927/1292736/1292736202.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10718/1071882/1071882319.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10058/1005836/1005836329.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10058/1005836/1005836971.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6653/665319/665319090.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6651/665137/665137299.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9967/996776/996776185.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10012/1001267/1001267763.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9106/910697/910697803.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4155/415582/415582362.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9993/999363/999363450.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10123/1012320/1012320415.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6653/665318/665318304.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4153/415383/415383336.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6653/665322/665322513.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2553/255393/255393905.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2629/262922/262922545.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2629/262922/262922757.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2267/226714/226714058.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4146/414626/414626871.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6653/665317/665317302.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4507/450754/450754509.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4512/451262/451262454.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1246/124605/124605060.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9111/911110/911110234.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9967/996776/996776134.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4626/462690/462690912.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4512/451262/451262100.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4147/414792/414792084.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/584/58452/58452313.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2629/262922/262922653.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/473/47369/47369632.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1247/124753/124753953.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2553/255395/255395293.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6653/665382/665382135.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2629/262922/262922645.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1246/124605/124605069.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1329/132961/132961767.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1345/134586/134586471.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1329/132961/132961758.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/585/58506/58506703.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/473/47369/47369638.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9967/996776/996776107.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/584/58453/58453984.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9967/996776/996776071.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/570/57062/57062062.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/577/57723/57723637.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2799/279985/279985977.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1246/124605/124605084.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1247/124746/124746960.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2799/279985/279985961.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2799/279985/279985189.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10058/1005836/1005836962.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2799/279985/279985537.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2799/279985/279985517.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/577/57723/57723433.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8330/833043/833043149.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2799/279985/279985925.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2799/279985/279985461.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2799/279985/279985481.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2799/279985/279985993.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10058/1005836/1005836836.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9967/996775/996775972.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1246/124605/124605090.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10123/1012319/1012319962.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2799/279984/279984957.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2799/279984/279984685.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2799/279984/279984977.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2799/279985/279985945.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2799/279984/279984725.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2629/262922/262922553.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10190/1019071/1019071969.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2799/279985/279985061.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2629/262922/262922605.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1246/124605/124605108.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1329/132961/132961785.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2799/279984/279984657.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2799/279985/279985201.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8330/833043/833043323.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2883/288390/288390184.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9872/987293/987293140.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10058/1005836/1005836947.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2799/279985/279985409.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3923/392387/392387946.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9872/987293/987293146.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/467/46782/46782814.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4512/451262/451262079.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4146/414626/414626901.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3083/308339/308339145.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3083/308339/308339177.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3083/308339/308339233.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1246/124605/124605078.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1943/194318/194318623.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2883/288390/288390156.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2883/288390/288390228.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2799/279984/279984933.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3083/308339/308339185.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4538/453830/453830955.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5654/565449/565449993.JPEG" data-image-gallery="gallerygrand-hotel-excelsior-vittoria" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-excelsior-vittoria" > </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"> 9.5 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (138)</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="14473">Grand Hotel Excelsior Vittoria</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">Piazza Tasso 34</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Set in a beautiful historic building, the Grand Hotel Excelsior Vittoria is both charming and luxurious, with unparalleled views over the Bay of Naples. Esteemed for its exquisite service and superb dining options, this hotel ensures a lavish experience for all its guests. The rooms are tastefully decorated, reflecting the grandeur of a bygone era while providing modern amenities for comfort. The hotel features beautiful gardens and a pool area, which invite relaxation and tranquility. As one of the classic 5 star hotels in Sorrento it has hosted numerous dignitaries and celebrities over the years, making it a landmark of luxury and elegance. </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">447US$</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="14473" > <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="grand-hotel-ambasciatori" data-id="1304233" data-lat="40.63047" data-lng="14.38316"> <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/12745/1274576/1274576323.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/12745/1274576/1274576323.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14332/1433243/1433243563.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14332/1433243/1433243008.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12745/1274576/1274576944.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622009/1622009398.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622009/1622009424.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16040/1604071/1604071497.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16040/1604071/1604071501.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16040/1604071/1604071502.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16040/1604071/1604071504.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16040/1604071/1604071505.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16040/1604071/1604071508.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16040/1604071/1604071511.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16040/1604071/1604071513.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16040/1604071/1604071500.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14332/1433242/1433242393.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14332/1433241/1433241412.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14332/1433242/1433242234.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14987/1498709/1498709950.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16040/1604071/1604071512.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16040/1604071/1604071517.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14171/1417100/1417100982.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14171/1417111/1417111074.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14171/1417121/1417121343.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14171/1417121/1417121763.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16040/1604071/1604071499.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11980/1198001/1198001737.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11980/1198006/1198006456.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11980/1198025/1198025725.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11654/1165444/1165444965.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14332/1433241/1433241181.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16040/1604071/1604071518.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14332/1433243/1433243443.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14332/1433241/1433241700.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8157/815733/815733401.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8157/815746/815746184.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8157/815746/815746412.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8160/816029/816029021.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8160/816030/816030716.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8160/816031/816031601.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8157/815734/815734832.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8160/816026/816026387.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11980/1198006/1198006480.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14332/1433242/1433242486.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14332/1433240/1433240923.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14332/1433241/1433241097.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14332/1433241/1433241628.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14332/1433242/1433242114.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14332/1433242/1433242150.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14332/1433242/1433242930.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12745/1274575/1274575393.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12745/1274575/1274575519.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12745/1274575/1274575720.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12745/1274576/1274576392.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12745/1274573/1274573911.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12745/1274573/1274573587.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12745/1274573/1274573962.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12745/1274575/1274575897.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12745/1274576/1274576455.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12745/1274576/1274576722.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14332/1433243/1433243971.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12745/1274575/1274575957.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8160/816028/816028985.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16040/1604071/1604071503.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14332/1433241/1433241358.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14332/1433243/1433243146.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12745/1274573/1274573560.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12745/1274576/1274576170.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12745/1274575/1274575153.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4446/444694/444694173.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8157/815733/815733395.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3279/327975/327975004.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16220/1622009/1622009392.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7430/743078/743078770.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8157/815745/815745218.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14332/1433241/1433241799.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12092/1209261/1209261916.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12092/1209261/1209261979.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12092/1209262/1209262051.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16040/1604071/1604071506.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4446/444695/444695013.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14987/1498709/1498709938.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16040/1604071/1604071507.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14332/1433242/1433242891.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12092/1209262/1209262396.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10171/1017140/1017140863.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8157/815748/815748038.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12092/1209262/1209262852.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8233/823348/823348097.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7324/732453/732453061.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9241/924174/924174943.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1059/105966/105966536.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6504/650494/650494584.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6504/650494/650494587.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16040/1604071/1604071498.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8375/837567/837567101.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12092/1209261/1209261679.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8157/815747/815747339.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6104/610438/610438968.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16040/1604071/1604071509.JPEG" data-image-gallery="gallerygrand-hotel-ambasciatori" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-ambasciatori" > </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"> 9.3 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (514)</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="80118">Grand Hotel Ambasciatori</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">Via Califano 18</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Grand Hotel Ambasciatori is a family-friendly haven positioned in a prime location along the beautiful Amalfi Coast. The hotel offers various family suites, ensuring everyone can stay together in comfort without sacrificing luxury. Kids will enjoy the expansive gardens and the saltwater pool, while parents can unwind knowing their children are engaged in safe, enjoyable activities. The hotel's restaurant provides kid-friendly menu options that appeal to young gourmets as well as offerings for adult tastes. The staff goes above and beyond to make families feel welcomed and special, making it a top pick among the 5 star hotels in Sorrento for family getaways. </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">546US$</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="80118" > <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="boutique-charm-in-5-star-hotels-in-sorrento-italy">Boutique Charm in 5 Star Hotels in Sorrento, Italy</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">This section highlights boutique hotels that stand out for their intimate atmosphere and personalized services. Charmingly curated with unique touches, these hotels offer guests a memorable experience without sacrificing luxury. Here’s where you can find the perfect balance between warmth, character, and high-end amenities.</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="bellevue-syrene" data-id="1304234" data-lat="40.627494" data-lng="14.37068"> <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/10815/1081554/1081554472.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/10815/1081554/1081554472.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16168/1616872/1616872306.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16168/1616872/1616872307.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15802/1580292/1580292421.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15802/1580292/1580292359.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15802/1580292/1580292309.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16164/1616418/1616418394.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16168/1616872/1616872304.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10905/1090530/1090530849.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10905/1090530/1090530861.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10905/1090578/1090578183.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10905/1090577/1090577664.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10218/1021884/1021884313.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10905/1090525/1090525632.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7588/758814/758814766.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7619/761956/761956102.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16164/1616418/1616418391.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16164/1616418/1616418389.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5084/508417/508417026.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7619/761952/761952679.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7917/791765/791765934.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10905/1090532/1090532796.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1754/175402/175402305.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5084/508426/508426647.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5084/508416/508416099.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5084/508429/508429557.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/725/72569/72569492.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14333/1433360/1433360074.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14333/1433362/1433362456.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5084/508423/508423113.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1754/175402/175402356.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7917/791766/791766588.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12093/1209319/1209319846.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12093/1209321/1209321904.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12093/1209321/1209321838.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/725/72577/72577910.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16164/1616418/1616418392.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14333/1433360/1433360563.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/725/72559/72559622.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12093/1209319/1209319984.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14333/1433362/1433362540.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/725/72559/72559613.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12093/1209319/1209319147.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12093/1209320/1209320158.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12093/1209321/1209321781.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14333/1433362/1433362789.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1768/176827/176827812.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12093/1209319/1209319348.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12093/1209320/1209320089.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14333/1433360/1433360278.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12093/1209321/1209321727.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12093/1209319/1209319462.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12093/1209319/1209319909.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12093/1209319/1209319504.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14333/1433361/1433361451.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7943/794331/794331951.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7588/758812/758812798.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14333/1433359/1433359558.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15802/1580292/1580292347.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14333/1433364/1433364736.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15880/1588046/1588046824.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14333/1433361/1433361544.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14333/1433359/1433359969.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9871/987190/987190084.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9871/987190/987190045.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9871/987190/987190015.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9871/987189/987189994.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9871/987189/987189997.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9871/987190/987190003.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9871/987190/987190057.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9871/987190/987190063.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9871/987190/987190075.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9871/987190/987190078.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12093/1209319/1209319192.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9871/987190/987190072.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10905/1090532/1090532622.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7139/713975/713975608.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16164/1616418/1616418390.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7139/713974/713974786.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7139/713974/713974822.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14333/1433361/1433361169.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7139/713974/713974882.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7139/713975/713975188.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7139/713975/713975476.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7139/713975/713975572.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12093/1209319/1209319561.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9871/987190/987190006.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9871/987190/987190009.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14333/1433360/1433360212.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15880/1588046/1588046844.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7139/713975/713975134.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/725/72572/72572606.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14333/1433360/1433360401.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9871/987190/987190000.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7588/758811/758811265.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9871/987190/987190039.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14333/1433360/1433360842.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14333/1433361/1433361076.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1461/146166/146166839.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14333/1433360/1433360137.JPEG" data-image-gallery="gallerybellevue-syrene" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="bellevue-syrene" > </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"> 9.3 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (238)</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="83960">Bellevue Syrene</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">Piazza Della Vittoria 5</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Bellevue Syrene is perched on the cliffs of Sorrento and offers a perfect blend of historic charm and modern luxury. This enchanting hotel features elegantly designed rooms with antique furnishings, combined with contemporary comforts for a truly opulent stay. Guests can enjoy the hotel’s private access to the sea, as well as relax in the Mediterranean gardens that surround it. The hotel also boasts an impressive restaurant that serves a delightful array of local dishes expertly crafted by talented chefs. Its rich history and stunning backdrop make Bellevue Syrene one of the most sought-after 5 star hotels in Sorrento. With impeccable service, it caters to every guest's need, ensuring a truly special experience. </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">439US$</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="83960" > <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="parco-dei-principi" data-id="1304285" data-lat="40.63203" data-lng="14.388941"> <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/6821/682156/682156629.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/6821/682156/682156629.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12746/1274618/1274618260.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12746/1274618/1274618473.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12746/1274618/1274618608.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12746/1274618/1274618107.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12746/1274618/1274618536.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12746/1274618/1274618413.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12746/1274618/1274618197.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12746/1274618/1274618026.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15928/1592875/1592875340.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15426/1542670/1542670720.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15426/1542670/1542670816.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15426/1542670/1542670882.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15426/1542670/1542670891.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15426/1542670/1542670927.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15426/1542670/1542670975.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15426/1542670/1542670996.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15426/1542671/1542671023.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15426/1542671/1542671047.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15426/1542671/1542671758.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15426/1542671/1542671761.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15426/1542671/1542671764.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15426/1542671/1542671776.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15426/1542671/1542671863.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15426/1542671/1542671923.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15426/1542670/1542670792.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15426/1542670/1542670837.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596010/1596010289.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596010/1596010262.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596010/1596010266.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596010/1596010281.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596010/1596010284.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596010/1596010290.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596010/1596010296.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596010/1596010299.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596010/1596010302.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596010/1596010305.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596010/1596010307.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596010/1596010340.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596010/1596010351.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596010/1596010318.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12746/1274617/1274617600.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12746/1274617/1274617903.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12746/1274617/1274617057.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12746/1274618/1274618323.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596010/1596010245.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12746/1274617/1274617720.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15928/1592875/1592875332.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596010/1596010300.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15426/1542670/1542670714.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15426/1542670/1542670726.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15426/1542670/1542670729.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15426/1542670/1542670801.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15426/1542670/1542670909.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15426/1542670/1542670966.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15426/1542671/1542671002.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15426/1542671/1542671038.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15426/1542671/1542671062.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15426/1542671/1542671695.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15426/1542671/1542671749.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15426/1542671/1542671785.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15426/1542671/1542671797.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15426/1542671/1542671857.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15426/1542671/1542671908.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596010/1596010268.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596010/1596010269.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596010/1596010272.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596010/1596010279.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596010/1596010282.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596010/1596010293.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596010/1596010316.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596010/1596010330.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596010/1596010356.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596010/1596010373.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596010/1596010399.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15426/1542670/1542670711.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15426/1542670/1542670723.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15426/1542670/1542670921.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12746/1274617/1274617498.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596010/1596010311.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15426/1542671/1542671767.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15426/1542670/1542670651.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15426/1542671/1542671149.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12746/1274617/1274617957.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12746/1274617/1274617408.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7214/721462/721462483.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15426/1542670/1542670705.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15426/1542671/1542671848.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12746/1274617/1274617549.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15426/1542670/1542670933.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7214/721462/721462921.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7214/721462/721462645.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596010/1596010297.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15426/1542670/1542670735.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15426/1542670/1542670987.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596010/1596010257.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7214/721491/721491259.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7214/721464/721464148.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15960/1596010/1596010275.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14335/1433500/1433500291.JPEG" data-image-gallery="galleryparco-dei-principi" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="parco-dei-principi" > </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.8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (478)</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="80073">Parco Dei Principi</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">Via Rota 44</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Parco Dei Principi is a stunning hotel designed by the renowned architect Gio Ponti, seamlessly integrating modern art with nature. Surrounded by lush gardens and overlooking the Mediterranean Sea, this hotel provides an idyllic escape. Each room is a blend of elegance and contemporary design, featuring terraces that showcase the hotel's breathtaking surroundings. Guests can indulge in the luxurious spa or relax at the exclusive private beach access offered by the hotel. The on-site restaurant emphasizes traditional Mediterranean cuisine, ensuring a delightful dining experience. Parco Dei Principi is undoubtedly a highlight among the 5 star hotels in Sorrento attracting those seeking a sophisticated atmosphere. </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">357US$</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="80073" > <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="serene-getaways-at-5-star-hotels-in-sorrento-italy">Serene Getaways at 5 Star Hotels in Sorrento, Italy</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">This section focuses on hotels that are perfect for those seeking a tranquil and serene escape in Sorrento. Offering exquisite settings and exclusive amenities, these hotels provide the ultimate relaxation. Each hotel in this section characters a peaceful atmosphere, ideal for unwinding after exploring the vibrant town and stunning landscapes.</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-lorelei-londres" data-id="1304314" data-lat="40.6299" data-lng="14.381486"> <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/8433/843336/843336578.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/8433/843336/843336578.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16202/1620231/1620231140.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16202/1620231/1620231141.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12841/1284117/1284117256.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12841/1284116/1284116440.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12841/1284117/1284117205.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12472/1247201/1247201725.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12841/1284117/1284117064.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12841/1284116/1284116188.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11278/1127884/1127884023.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12841/1284116/1284116542.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10056/1005619/1005619633.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10002/1000224/1000224471.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10002/1000224/1000224393.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10022/1002294/1002294981.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10002/1000223/1000223217.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10002/1000225/1000225197.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8937/893704/893704231.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9111/911170/911170789.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9111/911171/911171035.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9111/911171/911171338.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9111/911171/911171755.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8937/893704/893704258.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8433/843336/843336329.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9111/911171/911171077.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8433/843336/843336359.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8433/843336/843336434.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8433/843336/843336461.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8433/843336/843336596.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9111/911170/911170906.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9111/911171/911171308.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8433/843362/843362240.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8433/843362/843362405.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9111/911171/911171368.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12841/1284117/1284117106.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16202/1620231/1620231144.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12841/1284117/1284117178.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12841/1284116/1284116764.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9464/946425/946425355.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12841/1284115/1284115924.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9111/911171/911171770.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16202/1620231/1620231139.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10002/1000223/1000223157.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9923/992343/992343058.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10002/1000223/1000223127.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12841/1284116/1284116974.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9273/927398/927398098.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10047/1004703/1004703270.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16202/1620231/1620231138.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10047/1004703/1004703129.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8433/843336/843336524.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12239/1223978/1223978533.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12239/1223979/1223979010.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12841/1284117/1284117148.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12239/1223979/1223979124.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12239/1223979/1223979640.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12239/1223979/1223979538.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12841/1284117/1284117037.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12841/1284115/1284115897.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12841/1284116/1284116077.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9156/915693/915693859.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12841/1284116/1284116458.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12239/1223981/1223981347.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12841/1284115/1284115861.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12841/1284117/1284117289.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12841/1284117/1284117010.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12841/1284116/1284116689.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9923/992357/992357692.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9096/909654/909654712.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12239/1223978/1223978578.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12239/1223979/1223979388.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12239/1223979/1223979601.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12239/1223979/1223979298.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11121/1112164/1112164410.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12841/1284116/1284116005.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9156/915694/915694114.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12841/1284116/1284116164.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10002/1000223/1000223142.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9583/958343/958343854.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8433/843362/843362171.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9096/909654/909654697.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9940/994024/994024957.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12841/1284115/1284115972.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9156/915693/915693628.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11137/1113787/1113787452.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9156/915693/915693526.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9923/992355/992355133.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11137/1113786/1113786381.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12841/1284116/1284116605.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8433/843336/843336470.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12239/1223979/1223979430.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9156/915694/915694030.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12239/1223979/1223979838.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12841/1284116/1284116248.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9259/925937/925937152.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9259/925937/925937068.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12841/1284116/1284116404.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12841/1284116/1284116488.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11121/1112167/1112167536.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8433/843372/843372332.JPEG" data-image-gallery="galleryhotel-lorelei-londres" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="hotel-lorelei-londres" > </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"> 9.1 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (251)</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="5364019">Hotel Lorelei Londres</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">2 Via Aniello Califano</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Hotel Lorelei Londres offers a breathtaking setting perched on a cliff overlooking the Gulf of Naples. This elegantly designed hotel features beautifully appointed rooms, many of which come with private balconies that provide stunning sea views. Guests can indulge in the hotel’s private beach, take a swim in the outdoor pool, or enjoy gourmet dining at its restaurant. The hotel is well-known for its attentive service, ensuring that every guest feels pampered throughout their stay. Additionally, its prime location offers easy access to Sorrento's historic center and surrounding attractions. This blend of luxury and breathtaking scenery makes Hotel Lorelei Londres a premier choice among the 5 star hotels in Sorrento. </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">883US$</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="5364019" > <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="grand-hotel-la-favorita" data-id="1304315" data-lat="40.62691706" data-lng="14.37188744"> <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/6782/678244/678244896.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/6782/678244/678244896.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11519/1151929/1151929239.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11519/1151929/1151929254.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11519/1151929/1151929500.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11547/1154724/1154724510.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11547/1154725/1154725791.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11519/1151929/1151929980.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11547/1154725/1154725281.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11547/1154727/1154727231.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11519/1151929/1151929911.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11519/1151929/1151929734.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11519/1151930/1151930019.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6440/644091/644091213.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6440/644092/644092050.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6440/644092/644092596.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6440/644093/644093316.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6440/644094/644094039.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6440/644094/644094516.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6439/643985/643985142.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11519/1151929/1151929815.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4178/417869/417869589.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/726/72675/72675419.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/726/72675/72675572.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/726/72676/72676631.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/726/72676/72676799.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/726/72676/72676808.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14335/1433503/1433503768.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12092/1209294/1209294664.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12092/1209294/1209294964.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12092/1209295/1209295207.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12092/1209295/1209295417.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12092/1209295/1209295651.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12092/1209295/1209295840.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12092/1209296/1209296158.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12092/1209296/1209296329.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12092/1209294/1209294868.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12092/1209296/1209296404.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6440/644094/644094633.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12092/1209294/1209294910.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12092/1209295/1209295774.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12092/1209295/1209295480.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9843/984384/984384370.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14335/1433504/1433504893.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14335/1433505/1433505379.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12092/1209295/1209295261.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12092/1209296/1209296101.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9843/984384/984384442.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9843/984384/984384472.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9843/984384/984384502.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9866/986680/986680501.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8885/888566/888566422.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8885/888566/888566746.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8885/888566/888566899.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8885/888567/888567385.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8885/888567/888567526.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8885/888567/888567694.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8885/888567/888567838.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8885/888568/888568348.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8885/888568/888568468.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12746/1274619/1274619415.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12746/1274618/1274618773.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12746/1274618/1274618899.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12746/1274618/1274618971.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12746/1274619/1274619013.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12746/1274619/1274619151.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12746/1274619/1274619217.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12746/1274619/1274619244.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12746/1274619/1274619292.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12746/1274619/1274619322.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12746/1274619/1274619340.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12746/1274619/1274619361.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10165/1016521/1016521561.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12092/1209295/1209295696.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6782/678244/678244935.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12092/1209295/1209295594.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11547/1154726/1154726388.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8885/888567/888567979.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12746/1274619/1274619181.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14335/1433505/1433505817.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7410/741039/741039559.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7410/741039/741039586.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7410/741039/741039679.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7410/741039/741039742.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7410/741039/741039433.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7410/741039/741039493.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5120/512051/512051499.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7410/741039/741039652.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14335/1433504/1433504521.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5120/512051/512051505.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6801/680189/680189826.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4662/466278/466278864.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4662/466278/466278933.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4662/466278/466278753.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4662/466278/466278831.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4662/466279/466279176.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4662/466278/466278708.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4662/466278/466278687.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4662/466279/466279038.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4662/466279/466279065.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6782/678245/678245256.JPEG" data-image-gallery="gallerygrand-hotel-la-favorita" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="grand-hotel-la-favorita" > </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"> 9.5 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (844)</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="172760">Grand Hotel La Favorita</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">Via Tasso 61</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Grand Hotel La Favorita offers guests a rich array of culinary delights, thanks to its talented kitchen staff and commitment to fresh, seasonal ingredients. The hotel’s restaurant is celebrated for its innovative takes on traditional Italian dishes, inviting guests to explore the region’s flavors in new and exciting ways. Diners can enjoy their meals on the terrace, which overlooks picturesque views of Sorrento, adding a delightful backdrop to each meal. The staff prides itself on providing high-quality service, ensuring that every dining experience is memorable. As part of the elite group of 5 star hotels in Sorrento Grand Hotel La Favorita is a must-visit for those passionate about fine dining. </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">411US$</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="172760" > <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="family-friendly-luxury-at-5-star-hotels-in-sorrento-italy">Family-Friendly Luxury at 5 Star Hotels in Sorrento, Italy</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">Sorrento’s 5 star hotels are not just for couples or solo travelers; they also cater to families seeking adventure and comfort. Offering spacious accommodations, kid-friendly amenities, and activities for all ages, these hotels create an ideal environment for family vacations. Below are top choices that blend luxury with family-friendly 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="marina-piccola-73" data-id="1304367" data-lat="40.628571" data-lng="14.37556"> <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/11525/1152534/1152534969.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/11525/1152534/1152534969.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16129/1612967/1612967542.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16129/1612967/1612967520.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16129/1612967/1612967533.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16129/1612967/1612967532.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16129/1612967/1612967539.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16129/1612967/1612967523.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16129/1612967/1612967534.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16129/1612967/1612967526.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16129/1612967/1612967537.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16129/1612967/1612967544.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16129/1612967/1612967529.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16129/1612967/1612967538.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11525/1152536/1152536478.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155083/1155083733.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155083/1155083889.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155083/1155083922.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155083/1155083949.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155083/1155083964.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155083/1155083979.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155083/1155083994.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155084/1155084027.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155084/1155084039.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155084/1155084054.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155084/1155084069.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155084/1155084081.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155084/1155084117.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155084/1155084129.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155085/1155085632.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155085/1155085647.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155085/1155085662.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155085/1155085707.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155085/1155085722.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155085/1155085752.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155085/1155085779.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155085/1155085815.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155086/1155086046.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155086/1155086229.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155086/1155086292.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155086/1155086310.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155086/1155086331.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155086/1155086409.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155086/1155086430.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155086/1155086445.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155086/1155086556.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155086/1155086571.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155086/1155086589.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155086/1155086619.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155086/1155086634.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155086/1155086664.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155086/1155086679.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155086/1155086691.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155086/1155086703.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155086/1155086718.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155089/1155089091.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155089/1155089394.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155089/1155089442.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155089/1155089451.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155089/1155089460.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155089/1155089478.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155089/1155089487.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155089/1155089496.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10764/1076475/1076475175.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10831/1083135/1083135382.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10831/1083162/1083162427.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10831/1083167/1083167278.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10831/1083169/1083169747.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10766/1076624/1076624452.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10766/1076625/1076625820.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10766/1076625/1076625865.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10766/1076625/1076625898.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10766/1076613/1076613526.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10389/1038956/1038956905.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9897/989780/989780251.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16129/1612967/1612967512.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16129/1612967/1612967517.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10831/1083162/1083162397.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10766/1076613/1076613832.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10389/1038993/1038993757.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155085/1155085473.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155086/1155086259.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155086/1155086508.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155086/1155086523.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155086/1155086649.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155089/1155089469.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10831/1083167/1083167251.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155085/1155085737.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155089/1155089430.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16129/1612967/1612967525.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4176/417699/417699693.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155086/1155086217.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155086/1155086400.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1737/173798/173798058.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1737/173798/173798397.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1534/153402/153402274.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10766/1076625/1076625985.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155086/1155086604.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155089/1155089256.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11550/1155086/1155086385.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10766/1076622/1076622397.JPEG" data-image-gallery="gallerymarina-piccola-73" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="marina-piccola-73" > </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"> 9.5 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (332)</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="373225">Marina Piccola 73</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">Via Marina Piccola 75</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Marina Piccola 73 is a boutique hotel that offers a unique, luxurious stay just a stone's throw from the marina. This hotel features chic, modern rooms that embody Italian style, with large windows allowing for picturesque views of the coastline. The infinity pool and rooftop terrace provide perfect spots to unwind, while the on-site restaurant serves expertly crafted dishes inspired by local flavors. The hotel’s intimate atmosphere and personal service set it apart, making visitors feel like true guests rather than just tourists. As part of the prestigious group of 5 star hotels in Sorrento Marina Piccola 73 is perfect for those looking for something a little different, yet equally luxurious. </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">207US$</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="373225" > <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">City Nearby</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/ravello-5-star-hotels">Ravello</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/capri-5-star-hotels-campania">Capri</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/salerno-5-star-hotels">Salerno</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 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/venice-5-star-hotels-veneto">Venice</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/milan-5-star-hotels">Milan</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/naples-5-star-hotels">Naples</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/naples-5-star-hotels-campania">Naples</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/venice-5-star-hotels">Venice</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/capri-5-star-hotels">Capri</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/florence-5-star-hotels">Florence</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/portofino-5-star-hotels">Portofino</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/modena-5-star-hotels">Modena</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/us/las-vegas-5-star-hotels">Las Vegas</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/myrtle-beach-5-star-hotels">Myrtle Beach</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/charlotte-5-star-hotels">Charlotte</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/cancun-5-star-hotels">Cancun</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/baton-rouge-5-star-hotels">Baton Rouge</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/dallas-5-star-hotels">Dallas</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/montreal-5-star-hotels">Montreal</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/columbus-5-star-hotels">Columbus</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/kansas-city-5-star-hotels">Kansas City</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/sedona-5-star-hotels">Sedona</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/copenhagen-5-star-hotels">Copenhagen</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/newport-5-star-hotels">Newport</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/sorrento-hotels-near-sorrento-train-station">Sorrento Train Station</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 Sorrento</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">View 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/us/top-hotels/">Best Hotels</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/us/popular-destinations/">Popular Сities</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/us/top-countries/">Popular Countries</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/us/top-landmarks/">Top Landmarks</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/us/top-regions/">Popular Regions</a> </div> </div> <div> <p class="text-base font-bold mb-4">Other places to stay in Sorrento</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/sorrento-hotels">sorrento italy hotels</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/sorrento-resorts">sorrento italy resorts</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/sorrento-3-star-hotels">3 star hotels sorrento</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/sorrento-4-star-hotels">sorrento italy hotels 4 star</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/sorrento-cheap-hotels">cheap hotels in sorrento</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/sorrento-central-hotels">hotels in sorrento city center</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/sorrento-hotels-with-pool">hotels with pool in sorrento</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/sorrento-romantic-hotels">honeymoon hotels sorrento</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/sorrento-family-hotels">family hotels in sorrento</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/sorrento-boutique-hotels">sorrento boutique hotels</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 2024 · 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":"9e1awl4x33GowBT1"},"isBot":false,"language":{"id":1,"name":"English","code":"en","script":"Latn","native":"English","regional":"en_US"},"aid":2194096,"dest_type":"city","dest_id":"-129972","dest_name":"Sorrento","city_id":18135,"pid":699585,"page":"post","bid":"-129972"} </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--K_dQ_kW.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/index-Bc8UYRpY.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/MapView-DDhuUMHr.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--K_dQ_kW.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>