11 Best B&B in San Pedro (Ambergris Caye)

<!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="San Pedro, the vibrant gem of Ambergris Caye in Belize, is a tropical paradise that beckons travelers with its stunning beaches, lively atmosphere, and"> <title>11 Best B&B in San Pedro (Ambergris Caye) – B&Bs Updated for 2025</title> <link rel="profile" href="https://gmpg.org/xfn/11"> <link rel="canonical" href="https://touristvr.com/en-us/san-pedro-ambergris-caye-bed-and-breakfast" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="website" /> <meta property="og:title" content="11 Best B&B in San Pedro (Ambergris Caye) – B&Bs Updated for 2025" /> <meta property="og:url" content="https://touristvr.com/en-us/" /> <meta property="og:site_name" content="Tourist VR" /> <link rel="alternate" hreflang="en-US" type="text/html" href="https://touristvr.com/en-us/san-pedro-ambergris-caye-bed-and-breakfast" title="English"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/archivo/v19/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLydOxKsv4Rn.woff2"> <link rel="preload" as="font" type="font/woff2" crossorigin="anonymous" href="https://fonts.gstatic.com/s/archivo/v19/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLyTOxKsv4RnUPU.woff2"> <link href="https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;700&display=swap" rel="stylesheet"> <link importance="high" rel="preload" as="image" href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNTYsOTMuMjk3Yy0xNC4wMjEsMC0yNy41MTYsNC4yMTgtMzkuMDI1LDEyLjE5OGMtMy40MDIsMi4zNTktNC4yNjIsNy4wNS0xLjkyMSwxMC40NzggICAgYzIuMzQyLDMuNDI4LDYuOTk4LDQuMjk0LDEwLjQsMS45MzZjOS4wMDQtNi4yNDMsMTkuNTY2LTkuNTQzLDMwLjU0Ni05LjU0M2MyOS43NTQsMCw1My45NiwyNC4zODgsNTMuOTYsNTQuMzY1ICAgIGMwLDI5Ljk3Ny0yNC4yMDYsNTQuMzY2LTUzLjk2LDU0LjM2NmMtMjkuNzU0LDAtNTMuOTYtMjQuMzg5LTUzLjk2LTU0LjM2NmMwLTguODQzLDIuMDM4LTE3LjI3Myw2LjA1Ny0yNS4wNTUgICAgYzEuOTA2LTMuNjkyLDAuNDgyLTguMjQxLTMuMTgyLTEwLjE2MWMtMy42NjUtMS45MTktOC4xNzgtMC40ODYtMTAuMDg1LDMuMjA2Yy01LjA2Nyw5LjgxMi03Ljc0NiwyMC44ODEtNy43NDYsMzIuMDEgICAgQzE4Ny4wODUsMjAxLjAxOCwyMTgsMjMyLjE2NiwyNTYsMjMyLjE2NnM2OC45MTUtMzEuMTQ4LDY4LjkxNS02OS40MzVDMzI0LjkxNSwxMjQuNDQ1LDI5NCw5My4yOTcsMjU2LDkzLjI5N3oiIGZpbGw9InRyYW5zcGFyZW50Ii8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNTExLjQyNiw1MDEuNTcxbC03My44MDQtMTc4LjY2NWMtMS4xNi0yLjgwOS0zLjg4My00LjYzOS02LjkwMy00LjYzOWgtNzMuNTQ3ICAgIGMxNC4zMDUtMTkuNDk4LDI2LjIxMi0zOC45MTksMzUuNTExLTU3Ljk4OGMxNi40OC0zMy43OTQsMjQuODM1LTY2LjYxMywyNC44MzUtOTcuNTQ3QzQxNy41MTcsNzMuMDAxLDM0NS4wNjEsMCwyNTYsMCAgICBTOTQuNDgzLDczLjAwMSw5NC40ODMsMTYyLjczMWMwLDMwLjkzNCw4LjM1NSw2My43NTQsMjQuODM1LDk3LjU0N2M5LjI5OCwxOS4wNjksMjEuMjA1LDM4LjQ5MSwzNS41MTEsNTcuOTg4SDgxLjI4MiAgICBjLTMuMDIsMC01Ljc0NCwxLjgzMS02LjkwMyw0LjYzOUwyNC4wODcsNDQ0LjY1MWMtMS41ODcsMy44NDIsMC4yMTcsOC4yNTIsNC4wMyw5Ljg1YzAuOTQsMC4zOTQsMS45MTIsMC41ODEsMi44NywwLjU4MSAgICBjMi45MywwLDUuNzExLTEuNzQ2LDYuOTA2LTQuNjQxbDcuMTc2LTE3LjM3Mmg1MC45MDZsLTI2LjM4LDYzLjg2MkgxOC42OWw3LjY0Ny0xOC41MTNjMS41ODctMy44NDItMC4yMTctOC4yNTItNC4wMy05Ljg1ICAgIGMtMy44MTUtMS42MDEtOC4xOTEsMC4yMTktOS43NzcsNC4wNkwwLjU3NSw1MDEuNTcxYy0wLjk2MSwyLjMyNS0wLjcwNSw0Ljk4MSwwLjY4Myw3LjA3NWMxLjM4NiwyLjA5NSwzLjcyLDMuMzU0LDYuMjIsMy4zNTQgICAgaDQ5Ny4wNDRjMi40OTksMCw0LjgzNC0xLjI1OSw2LjIyMS0zLjM1NEM1MTIuMTMsNTA2LjU1Miw1MTIuMzg3LDUwMy44OTYsNTExLjQyNiw1MDEuNTcxeiBNMTA5LjQzOSwxNjIuNzMxICAgIGMwLTgxLjQyMiw2NS43NDctMTQ3LjY2MywxNDYuNTYxLTE0Ny42NjNTNDAyLjU2MSw4MS4zMSw0MDIuNTYxLDE2Mi43MzFjMCwzNC4xNDMtMTEuNzc1LDg4LjcwMy02Ni4yNDUsMTU4LjIzMSAgICBjLTAuMDU1LDAuMDY1LTAuMTA0LDAuMTM0LTAuMTU2LDAuMjAxYy0yLjc4MiwzLjU0Ny01LjY3Miw3LjEzMi04LjY4MSwxMC43NTdjLTI5LjkzMiwzNi4wNjItNjAuMjIyLDYyLjM5NS03MS40OCw3MS43NTEgICAgYy0xMS4yMjUtOS4zMjQtNDEuMzcyLTM1LjUyNS03MS4yODMtNzEuNTE4Yy0zLjA4NC0zLjcxMS02LjA0Mi03LjM4LTguODg5LTExLjAxYy0wLjA0Ni0wLjA1OC0wLjA4OS0wLjExOC0wLjEzNy0wLjE3NSAgICBDMTIxLjIyMiwyNTEuNDQ1LDEwOS40MzksMTk2Ljg4NywxMDkuNDM5LDE2Mi43MzF6IE04Ni4yNjksMzMzLjMzNWg1MC45MDdsLTE4LjU2OCw0NC45NDhINjcuNzAyTDg2LjI2OSwzMzMuMzM1eiAgICAgTTEyOS45OTcsNDk2LjkzMmw0Ni43NDEtMTEzLjE0OGwxMzMuMDE0LDExMy4xNDhIMTI5Ljk5N3ogTTMzMi45MzUsNDk2LjkzMkwzMzIuOTM1LDQ5Ni45MzJsLTE1NC4zNTItMTMxLjMgICAgYy0xLjgyMi0xLjU1MS00LjI3LTIuMTMyLTYuNTg0LTEuNTY2Yy0yLjMxNiwwLjU2NS00LjIyOCwyLjIxLTUuMTQzLDQuNDI3bC01My4wNTcsMTI4LjQzOEg4NS43OTVsMjguMjk2LTY4LjUwMiAgICBjMC45NjEtMi4zMjUsMC43MDUtNC45OC0wLjY4My03LjA3NWMtMS4zODYtMi4wOTUtMy43MjEtMy4zNTQtNi4yMjEtMy4zNTRINTEuMjk2bDEwLjE4Mi0yNC42NWg2Mi4xMTggICAgYzMuMDIsMCw1Ljc0NC0xLjgzMSw2LjkwMy00LjYzOWwyMi44NzYtNTUuMzc3aDEyLjk3OGMyLjI1MywyLjgzLDQuNTQzLDUuNjYxLDYuODk0LDguNDkxICAgIGMzOC41ODUsNDYuNDMsNzYuNTc4LDc2LjIzOSw3OC4xNzcsNzcuNDg2YzEuMzQ4LDEuMDUxLDIuOTYyLDEuNTc1LDQuNTc2LDEuNTc1czMuMjI5LTAuNTI1LDQuNTc2LTEuNTc1ICAgIGMwLjg3OS0wLjY4NSwxMi43NTctMTAuMDA5LDI5LjY3My0yNS45Nmg4NC42ODFjNC4xMywwLDcuNDc4LTMuMzczLDcuNDc4LTcuNTM0cy0zLjM0OC03LjUzNC03LjQ3OC03LjUzNGgtNjkuMjY5ICAgIGMxMC4zNjgtMTAuNTAzLDIxLjctMjIuNzQ5LDMzLjA5My0zNi40NTdjMi4zNTEtMi44Myw0LjY0Mi01LjY2LDYuODk0LTguNDkxaDgwLjA4M2wxOC41NjcsNDQuOTQ4aC0zOS40NTcgICAgYy00LjEzLDAtNy40NzgsMy4zNzMtNy40NzgsNy41MzRzMy4zNDcsNy41MzQsNy40NzgsNy41MzRoNDUuNjgxbDEwLjE4MiwyNC42NWgtMTU0LjA3Yy0zLjEyMSwwLTUuOTEzLDEuOTUyLTcuMDA2LDQuODk4ICAgIGMtMS4wOTEsMi45NDYtMC4yNTMsNi4yNjUsMi4xMDQsOC4zMjZsNzUuMTMzLDY1LjcwN0gzMzIuOTM1eiBNMzk5LjY4MSw0OTYuOTMybC03My4wMjQtNjMuODYySDQ2Ni45M2wyNi4zODEsNjMuODYySDM5OS42ODF6IiBmaWxsPSJ0cmFuc3BhcmVudCIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPg=="> <link rel="modulepreload" href="https://touristvr.com/build/assets/lang-select-TrGpqOL5.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Modal-BjlDXXuF.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Toggle-CL56Ubtq.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Emitter-BNKO0Lph.js" /><script type="module" src="https://touristvr.com/build/assets/lang-select-TrGpqOL5.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/exit-popup_1-CSQkZq6N.css" /><link rel="stylesheet" href="https://touristvr.com/build/assets/exit-popup_1-CSQkZq6N.css" /> <link rel="preload" as="style" href="https://touristvr.com/build/assets/post_1-Bs2Bxfpo.css" /><link rel="stylesheet" href="https://touristvr.com/build/assets/post_1-Bs2Bxfpo.css" /> <link rel="preload" as="style" href="https://touristvr.com/build/assets/app-BCOAAtfa.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/app-BwCMM32W.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/axios-5KWFXKlW.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/app-BCOAAtfa.css" /><script type="module" src="https://touristvr.com/build/assets/app-BwCMM32W.js"></script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": ["ItemList", "TouristDestination"], "itemListElement": [ { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "5" }, "priceRange" : "153US$", "address": { "@type": "PostalAddress", "streetAddress": "Beach Front" }, "name": "The Treetops" }, { "@type": "Hotel", "priceRange" : "801US$", "address": { "@type": "PostalAddress", "streetAddress": "Barrier Reef Drive" }, "name": "The Phoenix Resort" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "633US$", "address": { "@type": "PostalAddress", "streetAddress": "5 Miles North Of San Pedro" }, "name": "Matachica Resort & Spa" }, { "@type": "Hotel", "priceRange" : "0US$", "address": { "@type": "PostalAddress", "streetAddress": "6 Miles North Of San Pedro Town" }, "name": "La Perla del Caribe" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "2" }, "priceRange" : "182US$", "address": { "@type": "PostalAddress", "streetAddress": "Seagrape Drive" }, "name": "Caribbean Villas Hotel" }, { "@type": "Hotel", "priceRange" : "119US$", "address": { "@type": "PostalAddress", "streetAddress": "Mulche Avenida" }, "name": "Hummingbird Cabins" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "578US$", "address": { "@type": "PostalAddress", "streetAddress": "3 Miles North" }, "name": "Belizean Cove Estates" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "4" }, "priceRange" : "129US$", "address": { "@type": "PostalAddress", "streetAddress": "Beachfront Barrier Reef Drive" }, "name": "Sunbreeze Suites" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "5" }, "priceRange" : "225US$", "address": { "@type": "PostalAddress", "streetAddress": "22 Coconut Drive" }, "name": "Victoria House Resort & Spa" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "97US$", "address": { "@type": "PostalAddress", "streetAddress": "Coconut Drive" }, "name": "Banana Beach Resort" }, { "@type": "Hotel", "starRating": { "@type": "Rating", "ratingValue": "3" }, "priceRange" : "464US$", "address": { "@type": "PostalAddress", "streetAddress": "Coconut Drive, Po Box 11" }, "name": "Exotic Caye Beach Resort" } ] } </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-E8BCN5M94B"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-E8BCN5M94B'); </script> </head> <body class="post-template-default single single-post postid-10252 single-format-standard wp-embed-responsive trawell-header-wide trawell-header-shadow trawell-sidebar-mini-none trawell-has-sidebar trawell-sidebar-right trawell-v_1_5_3 grid grid-rows-[auto_1fr_auto] min-h-screen grid-cols-1"> <img class="absolute top-0 left-0 w-full h-[90vh] max-h-[99vh] pointer-events-none" width="1240" height="1240" alt="" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTEyIDUxMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNTYsOTMuMjk3Yy0xNC4wMjEsMC0yNy41MTYsNC4yMTgtMzkuMDI1LDEyLjE5OGMtMy40MDIsMi4zNTktNC4yNjIsNy4wNS0xLjkyMSwxMC40NzggICAgYzIuMzQyLDMuNDI4LDYuOTk4LDQuMjk0LDEwLjQsMS45MzZjOS4wMDQtNi4yNDMsMTkuNTY2LTkuNTQzLDMwLjU0Ni05LjU0M2MyOS43NTQsMCw1My45NiwyNC4zODgsNTMuOTYsNTQuMzY1ICAgIGMwLDI5Ljk3Ny0yNC4yMDYsNTQuMzY2LTUzLjk2LDU0LjM2NmMtMjkuNzU0LDAtNTMuOTYtMjQuMzg5LTUzLjk2LTU0LjM2NmMwLTguODQzLDIuMDM4LTE3LjI3Myw2LjA1Ny0yNS4wNTUgICAgYzEuOTA2LTMuNjkyLDAuNDgyLTguMjQxLTMuMTgyLTEwLjE2MWMtMy42NjUtMS45MTktOC4xNzgtMC40ODYtMTAuMDg1LDMuMjA2Yy01LjA2Nyw5LjgxMi03Ljc0NiwyMC44ODEtNy43NDYsMzIuMDEgICAgQzE4Ny4wODUsMjAxLjAxOCwyMTgsMjMyLjE2NiwyNTYsMjMyLjE2NnM2OC45MTUtMzEuMTQ4LDY4LjkxNS02OS40MzVDMzI0LjkxNSwxMjQuNDQ1LDI5NCw5My4yOTcsMjU2LDkzLjI5N3oiIGZpbGw9InRyYW5zcGFyZW50Ii8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNTExLjQyNiw1MDEuNTcxbC03My44MDQtMTc4LjY2NWMtMS4xNi0yLjgwOS0zLjg4My00LjYzOS02LjkwMy00LjYzOWgtNzMuNTQ3ICAgIGMxNC4zMDUtMTkuNDk4LDI2LjIxMi0zOC45MTksMzUuNTExLTU3Ljk4OGMxNi40OC0zMy43OTQsMjQuODM1LTY2LjYxMywyNC44MzUtOTcuNTQ3QzQxNy41MTcsNzMuMDAxLDM0NS4wNjEsMCwyNTYsMCAgICBTOTQuNDgzLDczLjAwMSw5NC40ODMsMTYyLjczMWMwLDMwLjkzNCw4LjM1NSw2My43NTQsMjQuODM1LDk3LjU0N2M5LjI5OCwxOS4wNjksMjEuMjA1LDM4LjQ5MSwzNS41MTEsNTcuOTg4SDgxLjI4MiAgICBjLTMuMDIsMC01Ljc0NCwxLjgzMS02LjkwMyw0LjYzOUwyNC4wODcsNDQ0LjY1MWMtMS41ODcsMy44NDIsMC4yMTcsOC4yNTIsNC4wMyw5Ljg1YzAuOTQsMC4zOTQsMS45MTIsMC41ODEsMi44NywwLjU4MSAgICBjMi45MywwLDUuNzExLTEuNzQ2LDYuOTA2LTQuNjQxbDcuMTc2LTE3LjM3Mmg1MC45MDZsLTI2LjM4LDYzLjg2MkgxOC42OWw3LjY0Ny0xOC41MTNjMS41ODctMy44NDItMC4yMTctOC4yNTItNC4wMy05Ljg1ICAgIGMtMy44MTUtMS42MDEtOC4xOTEsMC4yMTktOS43NzcsNC4wNkwwLjU3NSw1MDEuNTcxYy0wLjk2MSwyLjMyNS0wLjcwNSw0Ljk4MSwwLjY4Myw3LjA3NWMxLjM4NiwyLjA5NSwzLjcyLDMuMzU0LDYuMjIsMy4zNTQgICAgaDQ5Ny4wNDRjMi40OTksMCw0LjgzNC0xLjI1OSw2LjIyMS0zLjM1NEM1MTIuMTMsNTA2LjU1Miw1MTIuMzg3LDUwMy44OTYsNTExLjQyNiw1MDEuNTcxeiBNMTA5LjQzOSwxNjIuNzMxICAgIGMwLTgxLjQyMiw2NS43NDctMTQ3LjY2MywxNDYuNTYxLTE0Ny42NjNTNDAyLjU2MSw4MS4zMSw0MDIuNTYxLDE2Mi43MzFjMCwzNC4xNDMtMTEuNzc1LDg4LjcwMy02Ni4yNDUsMTU4LjIzMSAgICBjLTAuMDU1LDAuMDY1LTAuMTA0LDAuMTM0LTAuMTU2LDAuMjAxYy0yLjc4MiwzLjU0Ny01LjY3Miw3LjEzMi04LjY4MSwxMC43NTdjLTI5LjkzMiwzNi4wNjItNjAuMjIyLDYyLjM5NS03MS40OCw3MS43NTEgICAgYy0xMS4yMjUtOS4zMjQtNDEuMzcyLTM1LjUyNS03MS4yODMtNzEuNTE4Yy0zLjA4NC0zLjcxMS02LjA0Mi03LjM4LTguODg5LTExLjAxYy0wLjA0Ni0wLjA1OC0wLjA4OS0wLjExOC0wLjEzNy0wLjE3NSAgICBDMTIxLjIyMiwyNTEuNDQ1LDEwOS40MzksMTk2Ljg4NywxMDkuNDM5LDE2Mi43MzF6IE04Ni4yNjksMzMzLjMzNWg1MC45MDdsLTE4LjU2OCw0NC45NDhINjcuNzAyTDg2LjI2OSwzMzMuMzM1eiAgICAgTTEyOS45OTcsNDk2LjkzMmw0Ni43NDEtMTEzLjE0OGwxMzMuMDE0LDExMy4xNDhIMTI5Ljk5N3ogTTMzMi45MzUsNDk2LjkzMkwzMzIuOTM1LDQ5Ni45MzJsLTE1NC4zNTItMTMxLjMgICAgYy0xLjgyMi0xLjU1MS00LjI3LTIuMTMyLTYuNTg0LTEuNTY2Yy0yLjMxNiwwLjU2NS00LjIyOCwyLjIxLTUuMTQzLDQuNDI3bC01My4wNTcsMTI4LjQzOEg4NS43OTVsMjguMjk2LTY4LjUwMiAgICBjMC45NjEtMi4zMjUsMC43MDUtNC45OC0wLjY4My03LjA3NWMtMS4zODYtMi4wOTUtMy43MjEtMy4zNTQtNi4yMjEtMy4zNTRINTEuMjk2bDEwLjE4Mi0yNC42NWg2Mi4xMTggICAgYzMuMDIsMCw1Ljc0NC0xLjgzMSw2LjkwMy00LjYzOWwyMi44NzYtNTUuMzc3aDEyLjk3OGMyLjI1MywyLjgzLDQuNTQzLDUuNjYxLDYuODk0LDguNDkxICAgIGMzOC41ODUsNDYuNDMsNzYuNTc4LDc2LjIzOSw3OC4xNzcsNzcuNDg2YzEuMzQ4LDEuMDUxLDIuOTYyLDEuNTc1LDQuNTc2LDEuNTc1czMuMjI5LTAuNTI1LDQuNTc2LTEuNTc1ICAgIGMwLjg3OS0wLjY4NSwxMi43NTctMTAuMDA5LDI5LjY3My0yNS45Nmg4NC42ODFjNC4xMywwLDcuNDc4LTMuMzczLDcuNDc4LTcuNTM0cy0zLjM0OC03LjUzNC03LjQ3OC03LjUzNGgtNjkuMjY5ICAgIGMxMC4zNjgtMTAuNTAzLDIxLjctMjIuNzQ5LDMzLjA5My0zNi40NTdjMi4zNTEtMi44Myw0LjY0Mi01LjY2LDYuODk0LTguNDkxaDgwLjA4M2wxOC41NjcsNDQuOTQ4aC0zOS40NTcgICAgYy00LjEzLDAtNy40NzgsMy4zNzMtNy40NzgsNy41MzRzMy4zNDcsNy41MzQsNy40NzgsNy41MzRoNDUuNjgxbDEwLjE4MiwyNC42NWgtMTU0LjA3Yy0zLjEyMSwwLTUuOTEzLDEuOTUyLTcuMDA2LDQuODk4ICAgIGMtMS4wOTEsMi45NDYtMC4yNTMsNi4yNjUsMi4xMDQsOC4zMjZsNzUuMTMzLDY1LjcwN0gzMzIuOTM1eiBNMzk5LjY4MSw0OTYuOTMybC03My4wMjQtNjMuODYySDQ2Ni45M2wyNi4zODEsNjMuODYySDM5OS42ODF6IiBmaWxsPSJ0cmFuc3BhcmVudCIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPg==" /> <style> .header-toogle-btn .header-icon-open { display: block; } .header-toogle-btn .header-icon-close { display: none; } .header-toogle-btn.active .header-icon-open{ display: none; } .header-toogle-btn.active .header-icon-close{ display: block; } .header-toogle-block.active { top: 100%; transform: translateY(0); } </style> <header class="sticky top-0 z-10 h-14 w-full bg-white shadow-lg "> <div class="container h-full"> <div class="flex justify-between items-center h-full"> <div class="flex items-center w-full z-10 bg-white"> <a class="text-2xl text-neutral-950 font-bold" href="https://touristvr.com/en-us/" title="title" rel="home">Tourist VR</a> </div> <div class="flex items-center md:flex-row-reverse"> <style> .lang-modal.active { display: flex; } .lang-dropdown-btn.active svg { transform: rotate(180deg) } </style> </div> </div> </div> </header> <style> @keyframes zoomInOut { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } } .zoom-in-and-out { animation: zoomInOut 40s infinite alternate ease-in-out; } </style> <main class="trawell-post"> <div class="relative mb-8 "> <div class="absolute top-0 left-0 w-full h-full overflow-hidden"> <picture> <source srcset="https://images.touristvr.com/1920x1080/16076/1607683/1607683788.JPEG" media="(min-width: 767px)"> <img class="zoom-in-and-out object-cover z-[-2] md:h-[540px]" width="100%" height="100%" src="https://images.touristvr.com/450x450/16076/1607683/1607683788.JPEG" alt=""/> </picture> </div> <div class="relative flex items-center justify-center h-[540px]"> <div class="flex flex-col items-center justify-center p-3 rounded-md bg-black bg-opacity-20 md:h-full md:bg-opacity-10 md:rounded-none"> <h1 class="text-6xl text-white font-bold mb-2 px-5 text-center md:text-4xl">B&B San Pedro (Ambergris Caye)</h1> <p class="text-sm text-white font-medium mb-5 px-5 text-center md:text-xs">Not Just Any Hotel – Only the Best B&B San Pedro (Ambergris Caye), Selected for You!</p> <div class="w-full min-w-[1000px] md:px-0 lg:min-w-0"> <div class="w-full border border-solid border-neutral-200 rounded-md shadow-2xl bg-white p-2"> <div class="js-clk-open" data-type="form"> <div class="flex items-center justify-between gap-1.5 w-full md:flex-col md:h-full"> <div class=" relative flex items-center justify-between border border-solid border-neutral-200 rounded-md px-4 w-full h-14 md:w-full cursor-pointer hover:border-secondary-400 hover:bg-secondary-0 transition-colors"> <div class="flex items-center gap-2 "> <svg class="fill-neutral-600 w-6 h-6" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <div class="text-base text-secondary-950">San Pedro (Ambergris Caye)</div> </div> <svg class="fill-secondary-950" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class=" relative flex items-center justify-between border border-solid border-neutral-200 rounded-md px-4 w-full h-14 md:w-full cursor-pointer hover:border-secondary-400 hover:bg-secondary-0 transition-colors"> <div class="flex items-center gap-2 "> <svg class="fill-neutral-600" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16.75 3.56V2C16.75 1.59 16.41 1.25 16 1.25C15.59 1.25 15.25 1.59 15.25 2V3.5H8.74999V2C8.74999 1.59 8.40999 1.25 7.99999 1.25C7.58999 1.25 7.24999 1.59 7.24999 2V3.56C4.54999 3.81 3.23999 5.42 3.03999 7.81C3.01999 8.1 3.25999 8.34 3.53999 8.34H20.46C20.75 8.34 20.99 8.09 20.96 7.81C20.76 5.42 19.45 3.81 16.75 3.56Z" /> <path d="M20 9.84009H4C3.45 9.84009 3 10.2901 3 10.8401V17.0001C3 20.0001 4.5 22.0001 8 22.0001H12.93C13.62 22.0001 14.1 21.3301 13.88 20.6801C13.68 20.1001 13.51 19.4601 13.51 19.0001C13.51 15.9701 15.98 13.5001 19.01 13.5001C19.3 13.5001 19.59 13.5201 19.87 13.5701C20.47 13.6601 21.01 13.1901 21.01 12.5901V10.8501C21 10.2901 20.55 9.84009 20 9.84009ZM9.21 17.7101C9.11 17.8001 9 17.8701 8.88 17.9201C8.76 17.9701 8.63 18.0001 8.5 18.0001C8.37 18.0001 8.24 17.9701 8.12 17.9201C8 17.8701 7.89 17.8001 7.79 17.7101C7.61 17.5201 7.5 17.2601 7.5 17.0001C7.5 16.9401 7.51 16.8701 7.52 16.8101C7.53 16.7401 7.55 16.6801 7.58 16.6201C7.6 16.5601 7.63 16.5001 7.67 16.4401C7.7 16.3901 7.75 16.3401 7.79 16.2901C7.89 16.2001 8 16.1301 8.12 16.0801C8.36 15.9801 8.64 15.9801 8.88 16.0801C9 16.1301 9.11 16.2001 9.21 16.2901C9.25 16.3401 9.3 16.3901 9.33 16.4401C9.37 16.5001 9.4 16.5601 9.42 16.6201C9.45 16.6801 9.47 16.7401 9.48 16.8101C9.49 16.8701 9.5 16.9401 9.5 17.0001C9.5 17.2601 9.39 17.5201 9.21 17.7101ZM9.21 14.2101C9.11 14.3001 9 14.3701 8.88 14.4201C8.76 14.4701 8.63 14.5001 8.5 14.5001C8.37 14.5001 8.24 14.4701 8.12 14.4201C7.99 14.3701 7.89 14.3001 7.79 14.2101C7.61 14.0201 7.5 13.7601 7.5 13.5001C7.5 13.2401 7.61 12.9801 7.79 12.7901C7.89 12.7001 8 12.6301 8.12 12.5801C8.36 12.4801 8.64 12.4801 8.88 12.5801C9 12.6301 9.11 12.7001 9.21 12.7901C9.25 12.8401 9.3 12.8901 9.33 12.9401C9.37 13.0001 9.4 13.0601 9.42 13.1201C9.45 13.1801 9.47 13.2401 9.48 13.3001C9.49 13.3701 9.5 13.4401 9.5 13.5001C9.5 13.7601 9.39 14.0201 9.21 14.2101ZM12.71 14.2101C12.52 14.3901 12.27 14.5001 12 14.5001C11.87 14.5001 11.74 14.4701 11.62 14.4201C11.49 14.3701 11.39 14.3001 11.29 14.2101C11.11 14.0201 11 13.7601 11 13.5001C11 13.4401 11.01 13.3701 11.02 13.3001C11.03 13.2401 11.05 13.1801 11.08 13.1201C11.1 13.0601 11.13 13.0001 11.17 12.9401C11.21 12.8901 11.25 12.8401 11.29 12.7901C11.66 12.4201 12.33 12.4201 12.71 12.7901C12.75 12.8401 12.79 12.8901 12.83 12.9401C12.87 13.0001 12.9 13.0601 12.92 13.1201C12.95 13.1801 12.97 13.2401 12.98 13.3001C12.99 13.3701 13 13.4401 13 13.5001C13 13.7601 12.89 14.0201 12.71 14.2101Z" /> <path d="M21.83 16.17C20.27 14.61 17.73 14.61 16.17 16.17C14.61 17.73 14.61 20.27 16.17 21.83C17.73 23.39 20.27 23.39 21.83 21.83C23.39 20.27 23.39 17.73 21.83 16.17ZM21.07 19.56C20.94 19.7 20.75 19.78 20.54 19.78H19.8V20.56C19.8 20.77 19.72 20.95 19.58 21.09C19.44 21.23 19.26 21.31 19.05 21.31C18.64 21.31 18.3 20.97 18.3 20.56V19.78H17.55C17.14 19.78 16.8 19.45 16.8 19.03C16.8 18.62 17.14 18.28 17.55 18.28H18.3V17.57C18.3 17.16 18.63 16.82 19.05 16.82C19.46 16.82 19.8 17.16 19.8 17.57V18.28H20.54C20.96 18.28 21.29 18.62 21.29 19.03C21.29 19.24 21.21 19.43 21.07 19.56Z"/> </svg> <div class="text-base text-secondary-950"> Feb 25, 2025 - Feb 26, 2025 </div> </div> <svg class="fill-secondary-950" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class=" relative flex items-center justify-between border border-solid border-neutral-200 rounded-md px-4 w-[220px] flex-shrink-0 h-14 md:w-full cursor-pointer hover:border-secondary-400 hover:bg-secondary-0 transition-colors"> <div class="flex items-center gap-2"> <svg class="fill-neutral-600" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M4.5 6.375C4.5 4.09683 6.34683 2.25 8.625 2.25C10.9032 2.25 12.75 4.09683 12.75 6.375C12.75 8.65317 10.9032 10.5 8.625 10.5C6.34683 10.5 4.5 8.65317 4.5 6.375Z" /> <path d="M14.25 8.625C14.25 6.76104 15.761 5.25 17.625 5.25C19.489 5.25 21 6.76104 21 8.625C21 10.489 19.489 12 17.625 12C15.761 12 14.25 10.489 14.25 8.625Z" /> <path d="M1.5 19.125C1.5 15.19 4.68997 12 8.625 12C12.56 12 15.75 15.19 15.75 19.125V19.1276C15.75 19.1674 15.7496 19.2074 15.749 19.2469C15.7446 19.5054 15.6074 19.7435 15.3859 19.8768C13.4107 21.0661 11.0966 21.75 8.625 21.75C6.15343 21.75 3.8393 21.0661 1.86406 19.8768C1.64256 19.7435 1.50537 19.5054 1.50103 19.2469C1.50034 19.2064 1.5 19.1657 1.5 19.125Z" /> <path d="M17.2498 19.1281C17.2498 19.1762 17.2494 19.2244 17.2486 19.2722C17.2429 19.6108 17.1612 19.9378 17.0157 20.232C17.2172 20.2439 17.4203 20.25 17.6248 20.25C19.2206 20.25 20.732 19.8803 22.0764 19.2213C22.3234 19.1002 22.4843 18.8536 22.4957 18.5787C22.4984 18.5111 22.4998 18.4432 22.4998 18.375C22.4998 15.6826 20.3172 13.5 17.6248 13.5C16.8784 13.5 16.1711 13.6678 15.5387 13.9676C16.6135 15.4061 17.2498 17.1912 17.2498 19.125V19.1281Z"/> </svg> <div class="text-base text-secondary-950">2 adults, 1 room</div> </div> <svg class="fill-secondary-950" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class="flex items-center justify-center gap-2 rounded-md uppercase bg-primary-500 text-white w-[150px] px-8 flex-shrink-0 h-14 whitespace-nowrap md:w-full cursor-pointer hover:bg-primary-500 transition-colors"> Find <svg class="fill-white flex-shrink-0" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 17 17"> <path d="M8.16671 15C4.40004 15 1.33337 11.9333 1.33337 8.16665C1.33337 4.39998 4.40004 1.33331 8.16671 1.33331C11.9334 1.33331 15 4.39998 15 8.16665C15 11.9333 11.9334 15 8.16671 15ZM8.16671 2.33331C4.94671 2.33331 2.33337 4.95331 2.33337 8.16665C2.33337 11.38 4.94671 14 8.16671 14C11.3867 14 14 11.38 14 8.16665C14 4.95331 11.3867 2.33331 8.16671 2.33331Z" /> <path d="M15.1666 15.6667C15.04 15.6667 14.9133 15.62 14.8133 15.52L13.48 14.1867C13.2866 13.9934 13.2866 13.6734 13.48 13.48C13.6733 13.2867 13.9933 13.2867 14.1866 13.48L15.52 14.8134C15.7133 15.0067 15.7133 15.3267 15.52 15.52C15.42 15.62 15.2933 15.6667 15.1666 15.6667Z" /> </svg> </div> </div> </div> </div> </div> </div> </div> </div> <div class="w-full px-9 pb-5 md:px-5 "> <div class="relative whitespace-nowrap overflow-auto" data-component="breadcrumbs"> <div class="inline-flex items-center gap-1 text-secondary-950"> <a class="hover:underline" href='https://touristvr.com/us/'>Tourist VR</a> <svg class="fill-secondary-950 transition-transform w-3 h-3 rotate-180" viewBox="0 0 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <path d="M10.06 13.78C10.1867 13.78 10.3133 13.7333 10.4133 13.6333C10.6067 13.44 10.6067 13.12 10.4133 12.9267L6.06668 8.58001C5.74668 8.26001 5.74668 7.74001 6.06668 7.42001L10.4133 3.07335C10.6067 2.88001 10.6067 2.56001 10.4133 2.36668C10.22 2.17335 9.90002 2.17335 9.70668 2.36668L5.36002 6.71335C5.02002 7.05335 4.82668 7.51335 4.82668 8.00001C4.82668 8.48668 5.01335 8.94668 5.36002 9.28668L9.70668 13.6333C9.80668 13.7267 9.93335 13.78 10.06 13.78Z"/> </svg> </div> <div class="inline-flex items-center gap-1 text-secondary-950"> <a class="hover:underline" href='https://touristvr.com/us/belize-hotels/'>Belize 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">B&B San Pedro (Ambergris Caye)</span> </div> </div> <div class="trawell-post__main"> <div class="w-full border-b border-solid border-neutral-200 py-2.5 mb-10"> <div class="flex items-center flex-wrap gap-x-10 gap-y-2.5 w-full px-9 md:px-5 md:gap-1 md:grid md:grid-cols-3"> <div class="group relative flex items-center gap-2.5"> <div class="flex items-center justify-between text-secondary-950 text-base font-normal text-nowrap md:text-sm md:border md:border-solid md:border-neutral-200 md:rounded-md md:p-2.5 md:w-full "> <span class="md:hidden">Price per night:</span> <span class="hidden md:inline">Price / night</span> <svg class="hidden fill-secondary-950 transition-transform shrink-0 md:block md:group-hover:rotate-180" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class="flex items-center gap-1 bg-white md:absolute md:flex-col md:items-start md:top-full md:left-0 md:z-10 md:w-full md:p-2.5 md:rounded-md md:border md:border-solid md:border-neutral-200 md:gap-2.5 md:hidden md:group-hover:flex js-clk-open" data-type="filters"> <div class="flex items-center h-10 text-nowrap bg-[#77cd7d] text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">Up to 100$</div> <div class="flex items-center h-10 text-nowrap bg-[#7bdfb5] text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">$100 - 200</div> <div class="flex items-center h-10 text-nowrap bg-[#fed169] text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">From $200</div> </div> </div> <div class="group relative flex items-center gap-2.5 "> <div class="flex items-center justify-between text-secondary-950 text-base font-normal text-nowrap md:text-sm md:border md:border-solid md:border-neutral-200 md:rounded-md md:p-2.5 md:w-full"> <span class="md:hidden">Rating:</span> <span class="hidden md:inline">Guest rating</span> <svg class="hidden fill-secondary-950 transition-transform shrink-0 md:block md:group-hover:rotate-180" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class="flex items-center gap-1 bg-white md:absolute md:flex-col md:items-start md:top-full md:left-0 md:z-10 md:w-full md:p-2.5 md:rounded-md md:border md:border-solid md:border-neutral-200 md:gap-2.5 md:hidden md:group-hover:flex js-clk-open" data-type="filters"> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow bg-[#77cd7d] hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">Excellent 9+</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow bg-[#7bdfb5] hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">Very good 8+</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow bg-[#fed169] hover:shadow-lg md:border-0 md:p-0 md:h-auto md:bg-inherit md:hover:bg-inherit">Good 7+</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">All ratings</div> </div> </div> <div class="group relative flex items-center gap-2.5 "> <div class="flex items-center justify-between text-secondary-950 text-base font-normal text-nowrap md:text-sm md:border md:border-solid md:border-neutral-200 md:rounded-md md:p-2.5 md:w-full"> <span class="md:hidden">Star rating:</span> <span class="hidden md:inline">Star rating</span> <svg class="hidden fill-secondary-950 transition-transform shrink-0 md:block md:group-hover:rotate-180" width="16" height="16" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.50001 11.7C8.03335 11.7 7.56668 11.5201 7.21335 11.1667L2.86668 6.82005C2.67335 6.62672 2.67335 6.30672 2.86668 6.11338C3.06001 5.92005 3.38001 5.92005 3.57335 6.11338L7.92001 10.4601C8.24001 10.7801 8.76001 10.7801 9.08001 10.4601L13.4267 6.11338C13.62 5.92005 13.94 5.92005 14.1333 6.11338C14.3267 6.30672 14.3267 6.62672 14.1333 6.82005L9.78668 11.1667C9.43335 11.5201 8.96668 11.7 8.50001 11.7Z"/> </svg> </div> <div class="flex items-center gap-1 bg-white md:absolute md:flex-col md:items-start md:top-full md:left-0 md:z-10 md:w-full md:p-2.5 md:rounded-md md:border md:border-solid md:border-neutral-200 md:gap-2.5 md:hidden md:group-hover:flex js-clk-open" data-type="filters"> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">5-stars</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">4-stars</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">3-stars</div> <div class="flex items-center h-10 text-nowrap text-secondary-950 text-sm font-normal rounded-md border border-solid border-neutral-200 p-2 cursor-pointer transition-shadow hover:shadow-lg md:border-0 md:p-0 md:h-auto md:hover:bg-inherit">Unrated</div> </div> </div> </div> </div> <div class="w-full px-9 md:px-5"> <div class="flex justify-between gap-8 md:flex-col"> <div class="mb-8 flex-shrink-0"> <div class="grid"> <div class="grid grid-cols-3 gap-4 xl:grid-cols-2 lg:grid-cols-1 md:grid-cols-1 js-extra-hotels"> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="coco-beach-resort" data-bhotel-id="coco-beach-resort" data-name = "Coco Beach Resort" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/2562/256292/256292477.JPEG" data-lat="17.960241" data-lng="-87.934555" data-price = "400US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/2562/256292/256292477.JPEG" alt="" loading="lazy" data-bhotel-id="604478" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (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/coco-beach-resort-san-pedro" 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">Coco Beach Resort</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.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 ">400US$</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="604478" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="costa-blu-beach-resort-trademark-collection-by-wyndham-adults-only" data-bhotel-id="costa-blu-beach-resort-trademark-collection-by-wyndham-adults-only" data-name = "Costa Blu Beach Resort, Trademark Collection By Wyndham (Adults Only)" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/7073/707345/707345929.JPEG" data-lat="18.003649" data-lng="-87.912544" data-price = "195US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/7073/707345/707345929.JPEG" alt="" loading="lazy" data-bhotel-id="1509422" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (63)</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/costa-blu-beach-resort-trademark-collection-by-wyndham-adults-only-san-pedro" 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">Costa Blu Beach Resort, Trademark Collection By Wyndham (Adults Only)</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">6.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 ">195US$</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="1509422" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="sapphire-beach-resort" data-bhotel-id="sapphire-beach-resort" data-name = "Sapphire Beach Resort" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/16134/1613425/1613425094.JPEG" data-lat="18.035498" data-lng="-87.896277" data-price = "130US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/16134/1613425/1613425094.JPEG" alt="" loading="lazy" data-bhotel-id="436301" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (37)</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/sapphire-beach-resort-san-pedro" 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">Sapphire Beach Resort</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">9.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 ">130US$</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="436301" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="pur-boutique-cabanas-adults-only" data-bhotel-id="pur-boutique-cabanas-adults-only" data-name = "Pur Boutique Cabanas, Adults Only" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/7866/786639/786639132.JPEG" data-lat="17.94054" data-lng="-87.94906" data-price = "326US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/7866/786639/786639132.JPEG" alt="" loading="lazy" data-bhotel-id="2067690" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (25)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/pur-boutique-cabanas-adults-only-san-pedro" 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">Pur Boutique Cabanas, Adults Only</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">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="2067690" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="blue-tang-inn" data-bhotel-id="blue-tang-inn" data-name = "Blue Tang Inn" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/7074/707407/707407438.JPEG" data-lat="17.92283" data-lng="-87.95959" data-price = "283US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/7074/707407/707407438.JPEG" alt="" loading="lazy" data-bhotel-id="1443799" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (85)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/blue-tang-inn-san-pedro" 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">Blue Tang Inn</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">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="1443799" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="grand-caribe-belize" data-bhotel-id="grand-caribe-belize" data-name = "Grand Caribe Belize" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/10683/1068309/1068309493.JPEG" data-lat="17.94657" data-lng="-87.94443" data-price = "319US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/10683/1068309/1068309493.JPEG" alt="" loading="lazy" data-bhotel-id="783368" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (35)</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-caribe-belize-hotel-san-pedro" 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 Caribe Belize</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.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 ">319US$</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="783368" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="xtan-ha-the-waterfront" data-bhotel-id="xtan-ha-the-waterfront" data-name = "X'Tan Ha- The Waterfront" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/15947/1594701/1594701348.JPEG" data-lat="18.011186324016865" data-lng="-87.91006145943447" data-price = "230US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15947/1594701/1594701348.JPEG" alt="" loading="lazy" data-bhotel-id="604480" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (60)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/x-tan-ha-the-waterfront-hotel-san-pedro" 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">X'Tan Ha- The Waterfront</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">7.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 ">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="604480" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="ramons-village-resort" data-bhotel-id="ramons-village-resort" data-name = "Ramon'S Village Resort" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/7628/762830/762830986.JPEG" data-lat="17.91572" data-lng="-87.96548" data-price = "660US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/7628/762830/762830986.JPEG" alt="" loading="lazy" data-bhotel-id="2202680" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (85)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/ramon-s-village-resort-san-pedro" 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">Ramon'S Village Resort</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.4 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">660US$</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="2202680" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="caribbean-villas-hotel" data-bhotel-id="caribbean-villas-hotel" data-name = "Caribbean Villas Hotel" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/13087/1308740/1308740149.JPEG" data-lat="17.90925" data-lng="-87.97222" data-price = "160US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/13087/1308740/1308740149.JPEG" alt="" loading="lazy" data-bhotel-id="463822" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (155)</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/caribbean-villas-hotel-san-pedro" 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">Caribbean Villas Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">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 ">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="463822" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="isla-bonita-yacht-club" data-bhotel-id="isla-bonita-yacht-club" data-name = "Isla Bonita Yacht Club" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/16286/1628669/1628669689.JPEG" data-lat="17.91356" data-lng="-87.96768" data-price = "166US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/16286/1628669/1628669689.JPEG" alt="" loading="lazy" data-bhotel-id="1031486" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (59)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/isla-bonita-yacht-club-hotel-san-pedro" 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">Isla Bonita Yacht Club</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">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="1031486" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="bella-vista-resort-belize" data-bhotel-id="bella-vista-resort-belize" data-name = "Bella Vista Resort Belize" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/7328/732879/732879799.JPEG" data-lat="17.94858" data-lng="-87.943199" data-price = "255US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/7328/732879/732879799.JPEG" alt="" loading="lazy" data-bhotel-id="2380419" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (11)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/bella-vista-resort-belize-san-pedro" 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">Bella Vista Resort Belize</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.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 ">255US$</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="2380419" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="pelican-reef-villas-resort" data-bhotel-id="pelican-reef-villas-resort" data-name = "Pelican Reef Villas Resort" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/6468/646853/646853160.JPEG" data-lat="17.88814" data-lng="-87.98285" data-price = "374US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/6468/646853/646853160.JPEG" alt="" loading="lazy" data-bhotel-id="1682238" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (65)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/pelican-reef-villas-resort-san-pedro" 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">Pelican Reef Villas Resort</a> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">374US$</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="1682238" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="sandbar-beachfront-hostel-restaurant" data-bhotel-id="sandbar-beachfront-hostel-restaurant" data-name = "Sandbar Beachfront Hostel & Restaurant" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/16178/1617856/1617856858.JPEG" data-lat="17.92334" data-lng="-87.95945" data-price = "14US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/16178/1617856/1617856858.JPEG" alt="" loading="lazy" data-bhotel-id="1242635" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (89)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/sandbar-beachfront-hostel-restaurant-san-pedro" 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">Sandbar Beachfront Hostel & Restaurant</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">14US$</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="1242635" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="sunbreeze-hotel" data-bhotel-id="sunbreeze-hotel" data-name = "Sunbreeze Hotel" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/15914/1591492/1591492581.JPEG" data-lat="17.91736" data-lng="-87.96437" data-price = "109US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15914/1591492/1591492581.JPEG" alt="" loading="lazy" data-bhotel-id="357784" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (107)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/sunbreeze-hotel-san-pedro" 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">Sunbreeze Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">109US$</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="357784" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="the-palms-oceanfront-suites" data-bhotel-id="the-palms-oceanfront-suites" data-name = "The Palms Oceanfront Suites" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/12839/1283979/1283979643.JPEG" data-lat="17.916121" data-lng="-87.965111" data-price = "273US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12839/1283979/1283979643.JPEG" alt="" loading="lazy" data-bhotel-id="673792" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (37)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/the-palms-oceanfront-suites-san-pedro" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">The Palms Oceanfront 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">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.4 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">273US$</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="673792" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="victoria-house-resort-spa" data-bhotel-id="victoria-house-resort-spa" data-name = "Victoria House Resort & Spa" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/7053/705371/705371773.JPEG" data-lat="17.89944" data-lng="-87.97618" data-price = "225US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/7053/705371/705371773.JPEG" alt="" loading="lazy" data-bhotel-id="1482539" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (56)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/victoria-house-resort-spa-san-pedro" 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">Victoria House Resort & Spa</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">5</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.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 ">225US$</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="1482539" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="mata-rocks-resort" data-bhotel-id="mata-rocks-resort" data-name = "Mata Rocks Resort" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/11637/1163789/1163789406.JPEG" data-lat="17.903797" data-lng="-87.975494" data-price = "191US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/11637/1163789/1163789406.JPEG" alt="" loading="lazy" data-bhotel-id="650343" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (49)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/mata-rocks-resort-san-pedro" 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">Mata Rocks Resort</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.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 ">191US$</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="650343" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="seven-seas-resort-adults-only" data-bhotel-id="seven-seas-resort-adults-only" data-name = "Seven Seas Resort Adults Only" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/16279/1627941/1627941754.JPEG" data-lat="17.92781" data-lng="-87.95783" data-price = "149US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/16279/1627941/1627941754.JPEG" alt="" loading="lazy" data-bhotel-id="779296" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (45)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/seven-seas-resort-adults-only-san-pedro" 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">Seven Seas Resort Adults Only</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">149US$</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="779296" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="grand-colony-island-villas" data-bhotel-id="grand-colony-island-villas" data-name = "Grand Colony Island Villas" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/13425/1342587/1342587359.JPEG" data-lat="17.90464" data-lng="-87.97542" data-price = "600US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/13425/1342587/1342587359.JPEG" alt="" loading="lazy" data-bhotel-id="362689" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (29)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/grand-colony-island-villas-san-pedro" 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 Colony Island Villas</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.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 ">600US$</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="362689" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="white-sands-cove" data-bhotel-id="white-sands-cove" data-name = "White Sands Cove" data-rating = "8.8" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/15590/1559097/1559097331.JPEG" data-lat="17.95134" data-lng="-87.94105" data-price = "191US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15590/1559097/1559097331.JPEG" alt="" loading="lazy" data-bhotel-id="1510936" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (32)</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/white-sands-cove-hotel-san-pedro" 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">White Sands Cove</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">191US$</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="1510936" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="ambergris-sunset-hotel" data-bhotel-id="ambergris-sunset-hotel" data-name = "Ambergris Sunset Hotel" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/7927/792752/792752790.JPEG" data-lat="17.92115" data-lng="-87.96295" data-price = "55US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/7927/792752/792752790.JPEG" alt="" loading="lazy" data-bhotel-id="3251447" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (111)</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/ambergris-sunset-hotel-san-pedro" 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">Ambergris Sunset Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">55US$</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="3251447" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="lighthouse-beach-villas" data-bhotel-id="lighthouse-beach-villas" data-name = "Lighthouse Beach Villas" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/13204/1320465/1320465217.JPEG" data-lat="17.88888" data-lng="-87.98166" data-price = "422US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/13204/1320465/1320465217.JPEG" alt="" loading="lazy" data-bhotel-id="1332471" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (39)</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/lighthouse-beach-villas-san-pedro" 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">Lighthouse Beach Villas</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.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 ">422US$</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="1332471" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="royal-caribbean-resort" data-bhotel-id="royal-caribbean-resort" data-name = "Royal Caribbean Resort" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/16209/1620992/1620992782.JPEG" data-lat="17.8983" data-lng="-87.97649" data-price = "165US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/16209/1620992/1620992782.JPEG" alt="" loading="lazy" data-bhotel-id="732255" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (107)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/royal-caribbean-resort-san-pedro" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Royal Caribbean Resort</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.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 ">165US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="732255" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="belizean-shores-resort" data-bhotel-id="belizean-shores-resort" data-name = "Belizean Shores Resort" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/6985/698529/698529813.JPEG" data-lat="17.961103" data-lng="-87.933126" data-price = "255US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/6985/698529/698529813.JPEG" alt="" loading="lazy" data-bhotel-id="604479" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (89)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/belizean-shores-resort-san-pedro" 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">Belizean Shores Resort</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">3.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 ">255US$</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="604479" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="lina-point-belize-overwater-resort" data-bhotel-id="lina-point-belize-overwater-resort" data-name = "Lina Point Belize Overwater Resort" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/12035/1203538/1203538393.JPEG" data-lat="17.93355" data-lng="-87.96081" data-price = "88US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12035/1203538/1203538393.JPEG" alt="" loading="lazy" data-bhotel-id="2516165" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (63)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/lina-point-belize-overwater-resort-san-pedro" 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">Lina Point Belize Overwater Resort</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.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 ">88US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="2516165" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="drift-inn-san-pedro" data-bhotel-id="drift-inn-san-pedro" data-name = "Drift Inn San Pedro" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/10380/1038067/1038067249.JPEG" data-lat="17.92351" data-lng="-87.95964" data-price = "19US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/10380/1038067/1038067249.JPEG" alt="" loading="lazy" data-bhotel-id="3875465" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (96)</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/drift-inn-san-pedro-san-pedro" 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">Drift Inn San Pedro</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">19US$</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="3875465" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="turtle-island-resort" data-bhotel-id="turtle-island-resort" data-name = "Turtle Island Resort" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/12855/1285504/1285504201.JPEG" data-lat="17.91096" data-lng="-87.99286" data-price = "470US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12855/1285504/1285504201.JPEG" alt="" loading="lazy" data-bhotel-id="7007077" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (15)</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/turtle-island-resort-san-pedro" 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">Turtle Island Resort</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.2 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">470US$</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="7007077" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="the-palapa-house" data-bhotel-id="the-palapa-house" data-name = "The Palapa House" data-rating = "8" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/8326/832646/832646858.JPEG" data-lat="17.92425" data-lng="-87.95911" data-price = "152US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/8326/832646/832646858.JPEG" alt="" loading="lazy" data-bhotel-id="1945359" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (38)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/us/the-palapa-house-hotel-san-pedro" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">The Palapa House</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">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 ">152US$</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="1945359" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="portofino-beach-resort-an-authentic-island-escape" data-bhotel-id="portofino-beach-resort-an-authentic-island-escape" data-name = "Portofino Beach Resort-An Authentic Island Escape!" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/11176/1117618/1117618848.JPEG" data-lat="17.99521" data-lng="-87.91822" data-price = "248US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/11176/1117618/1117618848.JPEG" alt="" loading="lazy" data-bhotel-id="673762" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (49)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/portofino-beach-resort-an-authentic-island-escape-san-pedro" 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">Portofino Beach Resort-An Authentic Island Escape!</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">5.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 ">248US$</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="673762" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="xanadu-island-resort" data-bhotel-id="xanadu-island-resort" data-name = "Xanadu Island Resort" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/8093/809358/809358654.JPEG" data-lat="17.90823" data-lng="-87.97267" data-price = "335US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/8093/809358/809358654.JPEG" alt="" loading="lazy" data-bhotel-id="542099" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (35)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/xanadu-island-resort-san-pedro" 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">Xanadu Island Resort</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.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 ">335US$</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="542099" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="diamante-beachfront-suites" data-bhotel-id="diamante-beachfront-suites" data-name = "Diamante Beachfront Suites" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/14212/1421247/1421247756.JPEG" data-lat="17.91673" data-lng="-87.96393" data-price = "417US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/14212/1421247/1421247756.JPEG" alt="" loading="lazy" data-bhotel-id="4088761" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (10)</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/diamante-beachfront-suites-san-pedro" 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">Diamante Beachfront 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">5</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.3 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">417US$</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="4088761" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="hotel-del-rio" data-bhotel-id="hotel-del-rio" data-name = "Hotel Del Rio" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/7658/765895/765895441.JPEG" data-lat="17.92672" data-lng="-87.9583" data-price = "119US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/7658/765895/765895441.JPEG" alt="" loading="lazy" data-bhotel-id="2740883" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (108)</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-rio-san-pedro" 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 Rio</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.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 ">119US$</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="2740883" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="mayan-princess-hotel" data-bhotel-id="mayan-princess-hotel" data-name = "Mayan Princess Hotel" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/15456/1545665/1545665833.JPEG" data-lat="17.9203" data-lng="-87.96125" data-price = "145US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/15456/1545665/1545665833.JPEG" alt="" loading="lazy" data-bhotel-id="783266" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (50)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/mayan-princess-hotel-san-pedro" 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">Mayan Princess Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.0 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">145US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="783266" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="casa-del-rai" data-bhotel-id="casa-del-rai" data-name = "Casa Del Rai" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/8327/832746/832746920.JPEG" data-lat="17.92741" data-lng="-87.9581" data-price = "144US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/8327/832746/832746920.JPEG" alt="" loading="lazy" data-bhotel-id="2097750" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (40)</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-del-rai-hotel-san-pedro" 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 Del Rai</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.5 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">144US$</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="2097750" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="parham-plaza-hotel" data-bhotel-id="parham-plaza-hotel" data-name = "Parham Plaza Hotel" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/11523/1152396/1152396978.JPEG" data-lat="17.91927" data-lng="-87.96226" data-price = "100US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/11523/1152396/1152396978.JPEG" alt="" loading="lazy" data-bhotel-id="1323711" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (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/parham-plaza-hotel-san-pedro" 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">Parham Plaza Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">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="1323711" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="sunbreeze-suites" data-bhotel-id="sunbreeze-suites" data-name = "Sunbreeze Suites" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/14169/1416989/1416989790.JPEG" data-lat="17.921096" data-lng="-87.960802" data-price = "129US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/14169/1416989/1416989790.JPEG" alt="" loading="lazy" data-bhotel-id="357783" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (94)</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/sunbreeze-suites-san-pedro" 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">Sunbreeze Suites</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.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 ">129US$</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="357783" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="cocotal-inn-and-cabanas" data-bhotel-id="cocotal-inn-and-cabanas" data-name = "Cocotal Inn And Cabanas" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/16423/1642343/1642343298.JPEG" data-lat="17.95241" data-lng="-87.94079" data-price = "163US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/16423/1642343/1642343298.JPEG" alt="" loading="lazy" data-bhotel-id="1142583" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (59)</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/cocotal-inn-and-cabanas-san-pedro" 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">Cocotal Inn And Cabanas</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.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 ">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="1142583" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="holiday-hotel" data-bhotel-id="holiday-hotel" data-name = "Holiday Hotel" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/12627/1262752/1262752105.JPEG" data-lat="17.92148" data-lng="-87.96115" data-price = "67US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12627/1262752/1262752105.JPEG" alt="" loading="lazy" data-bhotel-id="779290" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (59)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/holiday-hotel-san-pedro" class="text-lg leading-6 text-secondary-950 font-bold transition-colors max-w-[200px] overflow-hidden whitespace-nowrap text-ellipsis cursor-pointer group-hover:text-secondary-600 extra-hotel-card__title">Holiday Hotel</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.1 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">67US$</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="779290" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="corona-del-mar" data-bhotel-id="corona-del-mar" data-name = "Corona Del Mar" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/16209/1620992/1620992615.JPEG" data-lat="17.913946" data-lng="-87.96751" data-price = "104US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/16209/1620992/1620992615.JPEG" alt="" loading="lazy" data-bhotel-id="783263" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (101)</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/corona-del-mar-hotel-san-pedro" 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">Corona Del Mar</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">0.6 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">104US$</span> <span class="text-secondary-950 font-normal text-sm">/per night</span> </div> </div> <button class="btn group mt-auto js-clk-open" data-type="rooms" data-bhotel-id="783263" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="blue-water-beach-villas" data-bhotel-id="blue-water-beach-villas" data-name = "Blue Water Beach Villas" data-rating = "8.8" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/9764/976480/976480213.JPEG" data-lat="17.98991" data-lng="-87.91897" data-price = "87US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/9764/976480/976480213.JPEG" alt="" loading="lazy" data-bhotel-id="4147834" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (7)</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/blue-water-beach-villas-san-pedro" 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">Blue Water Beach Villas</a> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">5.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 ">87US$</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="4147834" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="brahma-blue-resort" data-bhotel-id="brahma-blue-resort" data-name = "Brahma Blue Resort" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/7577/757700/757700476.JPEG" data-lat="17.91497" data-lng="-87.99089" data-price = "149US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/7577/757700/757700476.JPEG" alt="" loading="lazy" data-bhotel-id="2734423" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (46)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/brahma-blue-resort-san-pedro" 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">Brahma Blue Resort</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.0 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">149US$</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="2734423" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="matachica-beach-resort-and-spa" data-bhotel-id="matachica-beach-resort-and-spa" data-name = "Matachica Beach Resort And Spa" data-rating = "8.4" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/16030/1603057/1603057395.JPEG" data-lat="17.94594" data-lng="-87.94376" data-price = "679US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/16030/1603057/1603057395.JPEG" alt="" loading="lazy" data-bhotel-id="7199314" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.4 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (11)</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/matachica-beach-resort-and-spa-san-pedro" 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">Matachica Beach Resort And Spa</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.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 ">679US$</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="7199314" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="tres-cocos-resort" data-bhotel-id="tres-cocos-resort" data-name = "Tres Cocos Resort" data-rating = "8.6" data-rating-label = "Excellent" data-img = "https://images.touristvr.com/data/images/450x450/8467/846747/846747959.JPEG" data-lat="17.93445" data-lng="-87.953644" data-price = "378US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/8467/846747/846747959.JPEG" alt="" loading="lazy" data-bhotel-id="1987776" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (28)</span> </div> </div> <div class="pt-4 pb-2 px-2"> <div class="flex items-center justify-between mb-1"> <a href="https://touristvr.com/en-us/tres-cocos-resort-san-pedro" 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">Tres Cocos Resort</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">1.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 ">378US$</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="1987776" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> <style> .extra-hotel-card.active { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .extra-hotel-card.active .extra-hotel-card__title, .extra-hotel-card.locked .extra-hotel-card__title{ color: #1261ff; } .extra-hotel-card.locked { background-color: #EDF7FF; border: 1px solid #50A8FF; } </style> <div class="group relative flex flex-col w-full max-w-[260px] rounded-md border-neutral-200 border border-solid p-1.5 overflow-hidden transition-shadow md:max-w-full hover:shadow-lg extra-hotel-card js-extra-hotel" data-component="extra-hotel" id="mahogany-bay-resort-and-beach-club-curio-collection" data-bhotel-id="mahogany-bay-resort-and-beach-club-curio-collection" data-name = "Mahogany Bay Resort And Beach Club, Curio Collection" data-rating = "8.2" data-rating-label = "Very good" data-img = "https://images.touristvr.com/data/images/450x450/12839/1283948/1283948275.JPEG" data-lat="17.898791" data-lng="-87.981432" data-price = "232US$" > <img class="rounded-md h-[300px] sm:h-[260px] w-full object-cover cursor-pointer js-clk-open" src="https://images.touristvr.com/data/images/450x450/12839/1283948/1283948275.JPEG" alt="" loading="lazy" data-bhotel-id="2693661" data-type="photo" data-open-passive> <div class="absolute top-2.5 left-2.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (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/mahogany-bay-resort-and-beach-club-curio-collection-san-pedro" 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">Mahogany Bay Resort And Beach Club, Curio Collection</a> <div class="flex items-center gap-1"> <svg class="shrink-0 fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex gap-1 mb-4"> <svg class="fill-secondary-400 relative top-[2px] w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-medium underline whitespace-nowrap">View map</span> <span class="text-secondary-400 text-sm font-normal">·</span> <span class="text-secondary-400 text-sm font-normal whitespace-nowrap">2.0 mi City Centre</span> </div> <div class="mb-4"> <span class="text-neutral-600 text-base">From</span> <div class="flex items-center gap-1"> <span class="text-secondary-950 font-bold text-base ">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="2693661" > <span class="mr-2">Check Availability</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> </div> <style> .marker.locked, .marker.active { background-color: #ffffff; border: 1px solid #132968; color: #132968; z-index: 1; } .mapboxgl-popup { .mapboxgl-popup-tip { display: none; } .mapboxgl-popup-content { background: initial; padding: 0; border-radius: initial; box-shadow: initial } } </style> <div class="sticky top-0 w-full h-dvh rounded-md mb-8 overflow-hidden" > <div class="w-full h-dvh" id="mapbox" data-lat="17.73919" data-lng="-88.02529"></div> <template id="marker-template" > <div data-marker class="marker text-white font-medium text-sm bg-secondary-950 rounded-full px-2.5 py-1 border border-white border-solid cursor-pointer transition-colors"></div> </template> <template id="popup-template"> <div data-popup class="flex gap-2 bg-white w-[380px] p-2 rounded-lg border border-solid border-neutral-200 shadow-md md:w-[300px]"> <img data-popup-img class="h-[120px] w-[90px] object-cover rounded-lg" src="" alt="" loading="lazy"> <div class="flex flex-col overflow-hidden"> <p data-popup-title class="text-base text-secondary-950 font-bold overflow-hidden mb-1 whitespace-nowrap text-ellipsis"></p> <div class="flex items-center gap-1 mb-4"> <div data-popup-rating class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"></div> <p data data-popup-rating-label class="marker-card__rating-label text-xs text-secondary-950 font-normal"></p> </div> <div class="mt-auto"> <p class="text-neutral-600 text-xs">From</p> <div class="flex items-center gap-1 text-secondary-950 text-base "> <span data-popup-price class="font-bold"></span> <span>/per night</span> </div> </div> </div> </div> </template> </div> </div> </div> <div class="bg-neutral-0 mb-14"> <div class="container px-8 py-10"> <p class="text-secondary-950 text-2xl font-bold mb-2.5">Discover Your Perfect Stay</p> <div class="text-secondary-950 font-normal text-base space-y-4"><p>San Pedro, the vibrant gem of Ambergris Caye in Belize, is a tropical paradise that beckons travelers with its stunning beaches, lively atmosphere, and rich cultural heritage. As you plan your escape to this beautiful island, choosing the right accommodations is key to fully enjoying your experience. Among the many options, an ambergris caye bed and breakfast stands out as a perfect choice for those seeking a warm, personal touch during their stay.</p><p>Staying at a bed and breakfast provides a unique opportunity to immerse yourself in the local lifestyle, with charming hosts ready to share their favorite island spots and hidden gems. These settings often combine the comforts of home with the alluring ambiance of the Caribbean, offering cozy rooms and delicious, homemade breakfast options to energize your day. From savoring fresh tropical fruit to indulging in traditional Belizean dishes, your mornings will be filled with delightful culinary experiences.</p><p>In addition to a cozy atmosphere and mouthwatering breakfast selections, Ambergris Caye bed and breakfasts are typically located close to the vibrant heartbeat of San Pedro. This prime positioning allows you to effortlessly explore local markets, shops, and restaurants while being just a stone’s throw from stunning sandy beaches and crystal-clear waters. With the right bed and breakfast as your home base, you'll be set to discover all that this enchanting island has to offer while creating unforgettable memories in Belize.</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-729761" data-langcode="en" data-bcity-id="-1150308" data-city-name="San Pedro (Ambergris Caye)" > <style> .trawell-hotels-table-container { width: 100%; } @media only screen and (max-width: 767px) { .trawell-hotels-table-container { overflow-x: scroll; } } .trawell-hotels-table { font-size: 14px; width: 100%; margin: 40px 0!important; border-radius: 6px; overflow: hidden; } @media only screen and (max-width: 767px) { .trawell-hotels-table { font-size: 12px; } } .trawell-hotels-table thead { font-weight: 700; color: #fafafa; background: #4d4c4c; } .trawell-hotels-table thead tr td { vertical-align: middle; word-break: break-word; padding: 15px 8px; } .trawell-hotels-table tbody tr td { vertical-align: middle; word-break: break-word; padding: 10px 8px; border: 1px solid #d0cccc; } @media only screen and (max-width: 767px) { .trawell-hotels-table tbody tr td:first-child { width: 30%; } } .trawell-hotels-table tbody tr td:first-of-type a:hover { text-decoration: underline; } .trawell-hotels-table tbody tr td ul{ list-style: disc; padding: 0px 0 0 15px; } .trawell-hotels-table button { display: block; width: 100%; color: #fafafa; letter-spacing: .1px; padding: 6px 5px; margin: 0; cursor: pointer; border-radius: 5px; background: var(--accent-color); } </style> <div class="trawell-hotels-table-container" id="trawell-hotels-table"> <table class="trawell-hotels-table"> <thead> <tr> <td> <span>Name of hotel</span> </td> <td style="width: 135px;"> <span>Accommodation Rating</span> </td> <td style="width: 100px;"> <span>Price, $</span> </td> <td style="width: 160px;"></td> </tr> </thead> <tbody> <tr> <td> <a href="#the-treetops" class="js-clk-open" data-type="table" data-bhotel-id="1464335" data-open-once data-open-passive>The Treetops</a> </td> <td> <p> 9.3 / 10 </p> <p> (152 Reviews)</p> </td> <td> <span>From 153US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="1464335">Check Price</button> </td> </tr> <tr> <td> <a href="#the-phoenix-resort" class="js-clk-open" data-type="table" data-bhotel-id="11050279" data-open-once data-open-passive>The Phoenix Resort</a> </td> <td> <p> 9.5 / 10 </p> <p> (6 Reviews)</p> </td> <td> <span>From 801US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="11050279">Check Price</button> </td> </tr> <tr> <td> <a href="#la-perla-del-caribe" class="js-clk-open" data-type="table" data-bhotel-id="1137669" data-open-once data-open-passive>La Perla del Caribe</a> </td> <td> <p> 7.8 / 10 </p> <p> (4 Reviews)</p> </td> <td> <span>From 0US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="1137669">Check Price</button> </td> </tr> <tr> <td> <a href="#caribbean-villas-hotel" class="js-clk-open" data-type="table" data-bhotel-id="463822" data-open-once data-open-passive>Caribbean Villas Hotel</a> </td> <td> <p> 8.2 / 10 </p> <p> (236 Reviews)</p> </td> <td> <span>From 182US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="463822">Check Price</button> </td> </tr> <tr> <td> <a href="#hummingbird-cabins" class="js-clk-open" data-type="table" data-bhotel-id="1364793" data-open-once data-open-passive>Hummingbird Cabins</a> </td> <td> <p> 8.9 / 10 </p> <p> (107 Reviews)</p> </td> <td> <span>From 119US$</span> </td> <td> <button class="js-clk-open" data-type="table" data-bhotel-id="1364793">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="the-treetops" data-id="1452904" data-lat="17.73919" data-lng="-88.02529"> <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/12310/1231057/1231057472.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/12310/1231057/1231057472.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15499/1549985/1549985266.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15499/1549985/1549985440.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15499/1549985/1549985455.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15499/1549985/1549985542.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15499/1549985/1549985563.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15499/1549985/1549985626.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16076/1607683/1607683761.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16076/1607683/1607683785.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16076/1607683/1607683788.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16076/1607683/1607683787.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15499/1549985/1549985503.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15499/1549985/1549985572.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15499/1549985/1549985695.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15891/1589170/1589170881.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15891/1589170/1589170928.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15891/1589170/1589170996.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12677/1267784/1267784362.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12677/1267784/1267784635.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12677/1267785/1267785274.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12677/1267785/1267785745.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12677/1267785/1267785754.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12677/1267785/1267785760.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12687/1268741/1268741341.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12732/1273251/1273251418.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12732/1273255/1273255741.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12732/1273271/1273271602.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12732/1273281/1273281805.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273158/1273158898.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273169/1273169170.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273179/1273179823.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11791/1179166/1179166342.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11792/1179213/1179213517.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11791/1179172/1179172297.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11792/1179214/1179214069.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11792/1179214/1179214051.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15155/1515595/1515595630.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16076/1607683/1607683786.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15499/1549985/1549985392.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273183/1273183594.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16076/1607683/1607683789.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12732/1273205/1273205338.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15891/1589170/1589170902.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15891/1589170/1589170836.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11791/1179172/1179172807.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11970/1197046/1197046813.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15892/1589229/1589229910.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11551/1155194/1155194703.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11792/1179214/1179214090.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11551/1155194/1155194658.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11792/1179202/1179202180.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273158/1273158835.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16076/1607683/1607683758.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15891/1589170/1589170899.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11791/1179167/1179167467.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11791/1179167/1179167443.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12679/1267947/1267947550.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11792/1179214/1179214036.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11551/1155194/1155194886.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16076/1607683/1607683759.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11792/1179246/1179246430.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11792/1179216/1179216625.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12731/1273158/1273158802.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16076/1607683/1607683802.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11551/1155194/1155194931.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/16076/1607683/1607683800.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12679/1267947/1267947262.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15891/1589170/1589170830.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12732/1273254/1273254691.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12679/1267948/1267948483.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11791/1179166/1179166552.JPEG" data-image-gallery="gallerythe-treetops" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="the-treetops" > </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> (152)</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="1464335">The Treetops</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">Beach Front</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> The Treetops is a cozy, affordable ambergris caye bed and breakfast that features picturesque views and a welcoming atmosphere. Offering clean and comfortable accommodations, this lodge allows guests to enjoy the island's beauty while keeping costs low. Each morning, guests are treated to a delicious breakfast that includes local favorites, perfect for energizing a day of exploration. The staff is known for their exceptional hospitality, providing valuable local insights and recommendations for budget activities. With a central location, guests can easily explore nearby shops, restaurants, and beaches, making it an ideal base for your Ambergris Caye adventure. The Treetops proves that a wonderful vacation can be enjoyed without stretching your finances. </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">153US$</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="1464335" > <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="the-phoenix-resort" data-id="1452908" data-lat="17.92233" data-lng="-87.96004"> <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/14900/1490087/1490087077.JPEG" data-image-gallery="gallerythe-phoenix-resort" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="the-phoenix-resort" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/14900/1490087/1490087077.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15405/1540595/1540595413.JPEG" data-image-gallery="gallerythe-phoenix-resort" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="the-phoenix-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15406/1540669/1540669339.JPEG" data-image-gallery="gallerythe-phoenix-resort" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="the-phoenix-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15406/1540670/1540670608.JPEG" data-image-gallery="gallerythe-phoenix-resort" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="the-phoenix-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15406/1540670/1540670617.JPEG" data-image-gallery="gallerythe-phoenix-resort" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="the-phoenix-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15406/1540670/1540670620.JPEG" data-image-gallery="gallerythe-phoenix-resort" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="the-phoenix-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15406/1540670/1540670626.JPEG" data-image-gallery="gallerythe-phoenix-resort" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="the-phoenix-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15406/1540670/1540670629.JPEG" data-image-gallery="gallerythe-phoenix-resort" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="the-phoenix-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15406/1540670/1540670638.JPEG" data-image-gallery="gallerythe-phoenix-resort" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="the-phoenix-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15406/1540670/1540670641.JPEG" data-image-gallery="gallerythe-phoenix-resort" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="the-phoenix-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15406/1540671/1540671523.JPEG" data-image-gallery="gallerythe-phoenix-resort" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="the-phoenix-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15406/1540669/1540669354.JPEG" data-image-gallery="gallerythe-phoenix-resort" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="the-phoenix-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15406/1540669/1540669657.JPEG" data-image-gallery="gallerythe-phoenix-resort" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="the-phoenix-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15406/1540668/1540668547.JPEG" data-image-gallery="gallerythe-phoenix-resort" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="the-phoenix-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15406/1540668/1540668610.JPEG" data-image-gallery="gallerythe-phoenix-resort" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="the-phoenix-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15406/1540668/1540668619.JPEG" data-image-gallery="gallerythe-phoenix-resort" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="the-phoenix-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15406/1540668/1540668631.JPEG" data-image-gallery="gallerythe-phoenix-resort" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="the-phoenix-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15406/1540669/1540669336.JPEG" data-image-gallery="gallerythe-phoenix-resort" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="the-phoenix-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15406/1540670/1540670623.JPEG" data-image-gallery="gallerythe-phoenix-resort" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="the-phoenix-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14900/1490069/1490069188.JPEG" data-image-gallery="gallerythe-phoenix-resort" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="the-phoenix-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14900/1490094/1490094715.JPEG" data-image-gallery="gallerythe-phoenix-resort" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="the-phoenix-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14909/1490958/1490958910.JPEG" data-image-gallery="gallerythe-phoenix-resort" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="the-phoenix-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14909/1490960/1490960503.JPEG" data-image-gallery="gallerythe-phoenix-resort" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="the-phoenix-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14909/1490961/1490961379.JPEG" data-image-gallery="gallerythe-phoenix-resort" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="the-phoenix-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14909/1490965/1490965111.JPEG" data-image-gallery="gallerythe-phoenix-resort" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="the-phoenix-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14911/1491117/1491117604.JPEG" data-image-gallery="gallerythe-phoenix-resort" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="the-phoenix-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14900/1490069/1490069173.JPEG" data-image-gallery="gallerythe-phoenix-resort" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="the-phoenix-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14900/1490087/1490087080.JPEG" data-image-gallery="gallerythe-phoenix-resort" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="the-phoenix-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14900/1490087/1490087089.JPEG" data-image-gallery="gallerythe-phoenix-resort" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="the-phoenix-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14900/1490099/1490099836.JPEG" data-image-gallery="gallerythe-phoenix-resort" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="the-phoenix-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14911/1491115/1491115165.JPEG" data-image-gallery="gallerythe-phoenix-resort" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="the-phoenix-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14911/1491121/1491121213.JPEG" data-image-gallery="gallerythe-phoenix-resort" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="the-phoenix-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15405/1540594/1540594393.JPEG" data-image-gallery="gallerythe-phoenix-resort" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="the-phoenix-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15405/1540594/1540594396.JPEG" data-image-gallery="gallerythe-phoenix-resort" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="the-phoenix-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15405/1540594/1540594822.JPEG" data-image-gallery="gallerythe-phoenix-resort" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="the-phoenix-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15405/1540595/1540595269.JPEG" data-image-gallery="gallerythe-phoenix-resort" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="the-phoenix-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15406/1540670/1540670635.JPEG" data-image-gallery="gallerythe-phoenix-resort" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="the-phoenix-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15406/1540668/1540668604.JPEG" data-image-gallery="gallerythe-phoenix-resort" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="the-phoenix-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15406/1540668/1540668613.JPEG" data-image-gallery="gallerythe-phoenix-resort" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="the-phoenix-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15406/1540668/1540668655.JPEG" data-image-gallery="gallerythe-phoenix-resort" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="the-phoenix-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14900/1490087/1490087092.JPEG" data-image-gallery="gallerythe-phoenix-resort" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="the-phoenix-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14909/1490960/1490960425.JPEG" data-image-gallery="gallerythe-phoenix-resort" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="the-phoenix-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15406/1540668/1540668643.JPEG" data-image-gallery="gallerythe-phoenix-resort" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="the-phoenix-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15405/1540594/1540594813.JPEG" data-image-gallery="gallerythe-phoenix-resort" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="the-phoenix-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15406/1540601/1540601746.JPEG" data-image-gallery="gallerythe-phoenix-resort" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="the-phoenix-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15405/1540594/1540594783.JPEG" data-image-gallery="gallerythe-phoenix-resort" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="the-phoenix-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14900/1490069/1490069203.JPEG" data-image-gallery="gallerythe-phoenix-resort" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="the-phoenix-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15405/1540594/1540594816.JPEG" data-image-gallery="gallerythe-phoenix-resort" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="the-phoenix-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14909/1490963/1490963503.JPEG" data-image-gallery="gallerythe-phoenix-resort" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="the-phoenix-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14911/1491117/1491117544.JPEG" data-image-gallery="gallerythe-phoenix-resort" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="the-phoenix-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15406/1540667/1540667359.JPEG" data-image-gallery="gallerythe-phoenix-resort" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="the-phoenix-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15406/1540667/1540667323.JPEG" data-image-gallery="gallerythe-phoenix-resort" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="the-phoenix-resort" > </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> (6)</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="11050279">The Phoenix Resort</h3> </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">Barrier Reef Drive</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> The Phoenix Resort is a name synonymous with luxury and intimacy in San Pedro, making it an excellent choice for those seeking an ambergris caye bed and breakfast. This stunning resort features beautifully decorated suites equipped with full kitchens and private balconies overlooking the Caribbean Sea. Guests awake to an array of delicious breakfast options, including fresh local fruits and hearty dishes, ensuring a perfect start to each day. The Phoenix's commitment to customer service and attention to detail helps create a warm and inviting atmosphere. Enjoy the nearby attractions and watersports or simply relax by the gorgeous pool area. Whether you’re celebrating an anniversary or just looking for a romantic escape, The Phoenix Resort brings comfort and elegance together seamlessly. </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">801US$</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="11050279" > <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="charming-ambergris-caye-bed-and-breakfasts-for-romantic-getaways">Charming Ambergris Caye Bed and Breakfasts for Romantic Getaways</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">When planning a romantic getaway to Ambergris Caye, selecting a charming bed and breakfast can make all the difference in setting the mood for your vacation. These accommodations not only offer cozy and intimate environments but also provide the personal touch that hotels often lack. From lush gardens and ocean views to expertly prepared breakfasts, each of these choices serves as a perfect starting point for your romantic adventures. The friendly and welcoming atmosphere of an ambergris caye bed and breakfast also allows couples to connect with their surroundings and each other in meaningful ways. Here are some top selections that promise a delightful 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="matachica-resort-spa" data-id="1452911" data-lat="17.98462" data-lng="-87.92289"> <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/5902/590263/590263215.JPEG" data-image-gallery="gallerymatachica-resort-spa" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="matachica-resort-spa" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/5902/590263/590263215.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5244/524422/524422119.JPEG" data-image-gallery="gallerymatachica-resort-spa" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="matachica-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5244/524422/524422149.JPEG" data-image-gallery="gallerymatachica-resort-spa" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="matachica-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2247/224755/224755058.JPEG" data-image-gallery="gallerymatachica-resort-spa" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="matachica-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5244/524422/524422101.JPEG" data-image-gallery="gallerymatachica-resort-spa" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="matachica-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2247/224754/224754998.JPEG" data-image-gallery="gallerymatachica-resort-spa" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="matachica-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2247/224755/224755004.JPEG" data-image-gallery="gallerymatachica-resort-spa" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="matachica-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5244/524422/524422167.JPEG" data-image-gallery="gallerymatachica-resort-spa" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="matachica-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5244/524422/524422155.JPEG" data-image-gallery="gallerymatachica-resort-spa" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="matachica-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2247/224755/224755043.JPEG" data-image-gallery="gallerymatachica-resort-spa" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="matachica-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2247/224755/224755037.JPEG" data-image-gallery="gallerymatachica-resort-spa" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="matachica-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5244/524422/524422164.JPEG" data-image-gallery="gallerymatachica-resort-spa" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="matachica-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6797/679715/679715514.JPEG" data-image-gallery="gallerymatachica-resort-spa" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="matachica-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6797/679715/679715586.JPEG" data-image-gallery="gallerymatachica-resort-spa" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="matachica-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6797/679715/679715685.JPEG" data-image-gallery="gallerymatachica-resort-spa" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="matachica-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6797/679714/679714515.JPEG" data-image-gallery="gallerymatachica-resort-spa" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="matachica-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6797/679714/679714716.JPEG" data-image-gallery="gallerymatachica-resort-spa" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="matachica-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6797/679714/679714620.JPEG" data-image-gallery="gallerymatachica-resort-spa" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="matachica-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6797/679715/679715856.JPEG" data-image-gallery="gallerymatachica-resort-spa" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="matachica-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6797/679714/679714284.JPEG" data-image-gallery="gallerymatachica-resort-spa" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="matachica-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6797/679716/679716564.JPEG" data-image-gallery="gallerymatachica-resort-spa" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="matachica-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6797/679714/679714401.JPEG" data-image-gallery="gallerymatachica-resort-spa" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="matachica-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6797/679716/679716615.JPEG" data-image-gallery="gallerymatachica-resort-spa" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="matachica-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6797/679717/679717101.JPEG" data-image-gallery="gallerymatachica-resort-spa" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="matachica-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6797/679716/679716366.JPEG" data-image-gallery="gallerymatachica-resort-spa" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="matachica-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6797/679716/679716441.JPEG" data-image-gallery="gallerymatachica-resort-spa" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="matachica-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6797/679716/679716921.JPEG" data-image-gallery="gallerymatachica-resort-spa" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="matachica-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6797/679716/679716756.JPEG" data-image-gallery="gallerymatachica-resort-spa" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="matachica-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6797/679715/679715973.JPEG" data-image-gallery="gallerymatachica-resort-spa" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="matachica-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6797/679716/679716843.JPEG" data-image-gallery="gallerymatachica-resort-spa" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="matachica-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6797/679716/679716231.JPEG" data-image-gallery="gallerymatachica-resort-spa" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="matachica-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6797/679716/679716129.JPEG" data-image-gallery="gallerymatachica-resort-spa" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="matachica-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5244/524422/524422176.JPEG" data-image-gallery="gallerymatachica-resort-spa" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="matachica-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6797/679714/679714212.JPEG" data-image-gallery="gallerymatachica-resort-spa" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="matachica-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6797/679716/679716309.JPEG" data-image-gallery="gallerymatachica-resort-spa" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="matachica-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6797/679715/679715229.JPEG" data-image-gallery="gallerymatachica-resort-spa" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="matachica-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6797/679715/679715301.JPEG" data-image-gallery="gallerymatachica-resort-spa" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="matachica-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5244/524422/524422191.JPEG" data-image-gallery="gallerymatachica-resort-spa" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="matachica-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5244/524422/524422194.JPEG" data-image-gallery="gallerymatachica-resort-spa" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="matachica-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5244/524422/524422113.JPEG" data-image-gallery="gallerymatachica-resort-spa" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="matachica-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5244/524422/524422203.JPEG" data-image-gallery="gallerymatachica-resort-spa" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="matachica-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5244/524422/524422209.JPEG" data-image-gallery="gallerymatachica-resort-spa" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="matachica-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1807/180717/180717414.JPEG" data-image-gallery="gallerymatachica-resort-spa" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="matachica-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1807/180717/180717423.JPEG" data-image-gallery="gallerymatachica-resort-spa" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="matachica-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1807/180717/180717435.JPEG" data-image-gallery="gallerymatachica-resort-spa" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="matachica-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5166/516649/516649581.JPEG" data-image-gallery="gallerymatachica-resort-spa" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="matachica-resort-spa" > </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">Matachica Resort & Spa</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">5 Miles North Of San Pedro</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Matachica Resort & Spa is a luxurious ambergris caye bed and breakfast that offers a unique blend of relaxation and indulgence. Each casita features stunning designs, showcasing magnificent views of the Caribbean Sea, creating a serene atmosphere for guests. The resort is known for its decadent breakfast options, featuring both local and international cuisine, all wonderfully prepared to start your day. With top-notch spa services and the opportunity for private beach dinners, Matachica aims to create an unforgettable romantic experience. Enjoy a range of activities, from snorkeling to cultural tours, all easily arranged by the attentive staff. Matachica proves to be the ideal destination for travelers seeking glamour and tranquility on Ambergris Caye. </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">633US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="la-perla-del-caribe" data-id="1452913" data-lat="17.999439239502" data-lng="-87.916976928711"> <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/2158/215892/215892047.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/2158/215892/215892047.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2158/215892/215892074.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2158/215891/215891438.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2158/215892/215892122.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2157/215781/215781701.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2157/215781/215781710.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2157/215781/215781722.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2157/215781/215781728.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2157/215781/215781731.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2157/215781/215781977.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2157/215781/215781986.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2157/215781/215781989.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2157/215781/215781992.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2157/215781/215781995.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2157/215782/215782349.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2157/215782/215782412.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2157/215782/215782415.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1202/120248/120248697.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1202/120248/120248769.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1202/120248/120248682.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1202/120248/120248691.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1202/120248/120248694.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1202/120248/120248703.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1202/120248/120248706.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1202/120248/120248712.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1202/120248/120248718.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1202/120248/120248727.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1202/120248/120248736.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1202/120248/120248742.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1202/120248/120248745.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1202/120248/120248790.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1202/120248/120248799.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1202/120248/120248802.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1202/120248/120248805.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1202/120248/120248820.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1202/120248/120248826.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1202/120248/120248844.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1202/120248/120248892.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1202/120248/120248934.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2159/215905/215905328.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2159/215905/215905301.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2158/215892/215892095.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2158/215892/215892104.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2158/215891/215891489.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2158/215892/215892056.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2245/224591/224591633.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2245/224591/224591123.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2245/224591/224591171.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2245/224591/224591207.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2245/224591/224591285.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2245/224591/224591336.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2245/224591/224591348.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2245/224591/224591360.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2245/224591/224591366.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2245/224591/224591408.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2245/224591/224591429.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2245/224591/224591432.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2245/224591/224591435.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2245/224591/224591447.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2245/224591/224591567.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2245/224591/224591573.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2245/224591/224591579.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2245/224591/224591618.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2245/224591/224591642.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2245/224591/224591657.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2245/224591/224591681.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2245/224591/224591711.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2245/224591/224591720.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2245/224591/224591390.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2245/224591/224591144.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2245/224591/224591198.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2245/224591/224591213.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2245/224591/224591234.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2245/224591/224591294.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2245/224591/224591354.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2245/224591/224591357.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2245/224591/224591381.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2245/224591/224591417.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2245/224591/224591495.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2245/224591/224591600.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2245/224591/224591630.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1202/120248/120248709.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1202/120248/120248676.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1202/120248/120248685.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1202/120248/120248688.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1202/120248/120248733.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1202/120248/120248751.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1202/120248/120248775.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1202/120248/120248778.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1202/120248/120248814.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1202/120248/120248862.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1202/120248/120248874.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1202/120248/120248889.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1202/120248/120248913.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1202/120248/120248943.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1202/120248/120248952.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1362/136215/136215318.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2157/215781/215781704.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1202/120248/120248670.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2245/224591/224591543.JPEG" data-image-gallery="galleryla-perla-del-caribe" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="la-perla-del-caribe" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 7.8 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (4)</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="1137669">La Perla del Caribe</h3> </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">6 Miles North Of San Pedro Town</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> La Perla del Caribe is a stunning and luxurious ambergris caye bed and breakfast that combines the beauty of the Caribbean with refined elegance. The property features beautifully appointed suites with breathtaking ocean views, elegant furnishings, and modern conveniences for a sophisticated stay. Start your day with a sumptuous breakfast, offering a mix of international and Belizean cuisines that cater to every taste. The resort's exclusive pools, private beach access, and lush tropical gardens offer ample opportunities for relaxation amidst nature. The dedicated staff are committed to providing personalized service to ensure guests enjoy unforgettable experiences during their stay. La Perla del Caribe is an exquisite choice for travelers wishing to indulge in luxury and comfort while exploring the wonders of Ambergris Caye. </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">0US$</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="1137669" > <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="cozy-ambergris-caye-bed-and-breakfasts-for-family-vacations">Cozy Ambergris Caye Bed and Breakfasts for Family Vacations</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">Vacationing with family on Ambergris Caye can be a rewarding experience, and finding the right accommodations is vital to making the trip enjoyable for everyone. Cozy bed and breakfasts provide family-friendly environments that make for memorable stays while offering a unique glimpse into the local culture. With spacious accommodations, hearty breakfasts, and activities designed for all ages, these selections cater to families looking to explore San Pedro together. Each of these options embodies the essence of an ambergris caye bed and breakfast, ensuring that families feel at home while enjoying their tropical getaway. Below are some top suggestions that cater specifically to the whole family.</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="caribbean-villas-hotel" data-id="1452914" data-lat="17.90925" data-lng="-87.97222"> <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/13087/1308740/1308740149.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/13087/1308740/1308740149.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13036/1303619/1303619155.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13072/1307253/1307253709.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13072/1307255/1307255512.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13087/1308739/1308739501.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13036/1303619/1303619002.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11752/1175280/1175280294.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11752/1175280/1175280618.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13036/1303618/1303618663.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13036/1303619/1303619935.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13072/1307250/1307250448.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13072/1307255/1307255335.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8093/809359/809359332.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2279/227938/227938181.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2279/227921/227921969.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12238/1223891/1223891107.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12238/1223891/1223891155.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12238/1223891/1223891197.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12238/1223891/1223891239.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12238/1223891/1223891410.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12238/1223891/1223891608.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12238/1223891/1223891041.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12238/1223890/1223890501.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12238/1223891/1223891011.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12238/1223891/1223891794.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12238/1223891/1223891908.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12238/1223891/1223891959.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12238/1223891/1223891992.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12238/1223892/1223892124.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12238/1223891/1223891656.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12238/1223890/1223890873.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12238/1223890/1223890543.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8093/809359/809359794.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8093/809359/809359989.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8093/809358/809358462.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8093/809359/809359071.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8093/809359/809359944.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12238/1223891/1223891878.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12238/1223892/1223892049.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2279/227936/227936567.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8093/809360/809360118.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14570/1457025/1457025853.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2279/227938/227938199.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12238/1223891/1223891515.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14570/1457026/1457026117.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14570/1457026/1457026570.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12238/1223890/1223890921.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12238/1223890/1223890978.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12238/1223891/1223891440.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12238/1223891/1223891704.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12238/1223891/1223891464.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12238/1223891/1223891833.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5244/524422/524422656.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5244/524422/524422662.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3986/398683/398683860.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14570/1457024/1457024830.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7723/772319/772319758.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7723/772319/772319872.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12238/1223891/1223891746.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6849/684958/684958029.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12238/1223891/1223891557.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6849/684958/684958113.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6849/684956/684956994.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6849/684958/684958332.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6849/684958/684958401.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6849/684958/684958452.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6849/684958/684958593.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6849/684958/684958725.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6849/684958/684958797.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6849/684958/684958950.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4515/451595/451595037.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4515/451594/451594854.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4515/451595/451595328.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4515/451594/451594824.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6849/684958/684958521.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6849/684957/684957069.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2830/283049/283049765.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2830/283049/283049709.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2830/283050/283050125.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2830/283050/283050133.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2830/283050/283050141.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2830/283050/283050149.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5244/524422/524422710.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2830/283049/283049797.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6849/684958/684958662.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12238/1223892/1223892094.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14570/1457025/1457025280.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2830/283049/283049821.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2830/283049/283049757.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2830/283049/283049741.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2830/283049/283049789.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2830/283049/283049493.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2830/283049/283049381.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12238/1223890/1223890837.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12238/1223891/1223891365.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10854/1085482/1085482546.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10854/1085482/1085482639.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10859/1085955/1085955082.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10859/1085955/1085955118.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/846/84614/84614147.JPEG" data-image-gallery="gallerycaribbean-villas-hotel" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="caribbean-villas-hotel" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 8.2 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (236)</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="463822">Caribbean Villas Hotel</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">2</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">Seagrape Drive</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Caribbean Villas Hotel combines the laid-back charm of an ambergris caye bed and breakfast with the amenities ideal for a family vacation. This hotel features spacious suites and villas equipped with kitchens and comfortable living spaces, perfect for families of all sizes. In the mornings, enjoy complimentary breakfast offerings that cater to all taste preferences, from traditional pancakes to fresh fruit. Families can relax by the beach, swim in the pools, or partake in various organized activities that the hotel offers, such as snorkeling and diving excursions. The friendly staff ensures each guest feels special, creating an inviting environment for both parents and children. Caribbean Villas Hotel is the perfect launching point for family adventures or restful retreats. </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">182US$</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="463822" > <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="hummingbird-cabins" data-id="1452915" data-lat="17.73699" data-lng="-88.02834"> <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/15467/1546706/1546706233.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/15467/1546706/1546706233.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15467/1546706/1546706305.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15882/1588226/1588226632.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13057/1305785/1305785104.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13094/1309482/1309482535.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13108/1310815/1310815000.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11694/1169429/1169429617.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11626/1162678/1162678998.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11626/1162679/1162679394.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11626/1162679/1162679547.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9436/943627/943627021.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9436/943627/943627072.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9436/943627/943627111.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9436/943628/943628062.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9339/933929/933929857.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9339/933930/933930595.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9339/933935/933935218.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9339/933936/933936079.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9339/933936/933936454.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9339/933936/933936616.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9339/933936/933936628.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9339/933936/933936694.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9339/933936/933936784.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9339/933936/933936976.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9339/933936/933936997.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9339/933937/933937180.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9339/933938/933938503.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9339/933939/933939280.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9339/933940/933940669.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9339/933941/933941107.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9339/933929/933929677.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11694/1169447/1169447506.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11626/1162675/1162675053.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11626/1162681/1162681536.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5347/534760/534760503.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/11626/1162679/1162679298.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13108/1310807/1310807932.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9339/933942/933942463.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9182/918223/918223549.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9436/943628/943628092.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3392/339211/339211747.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9339/933941/933941125.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9436/943627/943627342.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9339/933936/933936757.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9339/933940/933940705.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9339/933941/933941455.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5347/534760/534760782.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1871/187190/187190610.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5347/534766/534766599.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13057/1305783/1305783874.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13057/1305785/1305785125.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1871/187190/187190760.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3392/339211/339211699.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10288/1028857/1028857450.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1871/187190/187190307.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1997/199772/199772062.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1871/187191/187191168.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1871/187191/187191174.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3392/339211/339211684.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3392/339211/339211735.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9436/943627/943627096.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1997/199771/199771714.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/13057/1305784/1305784378.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9436/943627/943627357.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9339/933940/933940747.JPEG" data-image-gallery="galleryhummingbird-cabins" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="hummingbird-cabins" > </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.9 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (107)</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="1364793">Hummingbird Cabins</h3> </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">Mulche Avenida</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Hummingbird Cabins provides an inviting, eco-conscious atmosphere that reflects the tranquil beauty of Ambergris Caye while showcasing local traditions. The charming, individually decorated cabins create a unique ambiance filled with warmth and hospitality, perfect for guests seeking personalized experiences. Breakfast is served featuring a mix of traditional and modern Belizean dishes, providing insight into the region's diverse culinary heritage. Eager hosts are always ready to assist and share recommendations for local cultural activities, including music events and local festivals. The lush gardens and proximity to the beach create a serene retreat while providing access to the vibrant community outside. Hummingbird Cabins enable guests to fully immerse themselves in the culture and warmth of Belize. </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">119US$</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="1364793" > <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="riverside-ambergris-caye-bed-and-breakfasts-for-nature-lovers">Riverside Ambergris Caye Bed and Breakfasts for Nature Lovers</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">Nature enthusiasts seeking a peaceful retreat on Ambergris Caye will find an abundance of beauty and wildlife to explore. Riverside bed and breakfasts serve as the perfect home base for those wanting to immerse themselves in the island's natural wonders, combining comfortable accommodations with easy access to outdoor adventures. These hidden gems offer scenic views, tranquil surroundings, and ample opportunities to appreciate the vibrant ecosystem of Belize. Each of the featured hotels exemplifies the charm and warmth of an ambergris caye bed and breakfast while offering unique experiences for nature lovers. Below are some standout options that cater to those looking to explore the island's beauty.</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="belizean-cove-estates" data-id="1452916" data-lat="17.956282" data-lng="-87.938995"> <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/6985/698506/698506263.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/6985/698506/698506263.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6985/698505/698505972.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6985/698506/698506017.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6985/698506/698506065.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6985/698506/698506116.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6985/698506/698506368.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6985/698506/698506425.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6985/698506/698506473.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6985/698506/698506596.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6985/698507/698507316.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6985/698507/698507472.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6985/698507/698507583.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6985/698506/698506689.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6985/698506/698506170.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6985/698506/698506731.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6985/698506/698506779.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6985/698506/698506830.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/793/79306/79306617.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/793/79306/79306620.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/793/79306/79306638.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/793/79306/79306641.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/793/79306/79306647.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/793/79306/79306653.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/793/79306/79306665.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/793/79306/79306668.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/793/79306/79306671.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/793/79306/79306677.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/793/79306/79306686.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/793/79306/79306689.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/793/79306/79306692.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/793/79306/79306731.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/793/79306/79306644.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6985/698507/698507181.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6985/698507/698507223.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6985/698507/698507271.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5648/564859/564859302.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5648/564859/564859317.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5648/564859/564859320.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5648/564859/564859641.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5648/564859/564859725.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5648/564859/564859740.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5648/564859/564859761.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5648/564859/564859773.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5648/564859/564859809.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5648/564859/564859824.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6985/698507/698507139.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5648/564859/564859710.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2928/292818/292818104.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2928/292818/292818108.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5648/564859/564859272.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8400/840033/840033185.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5648/564859/564859173.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6985/698506/698506518.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6985/698507/698507517.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5648/564859/564859293.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6985/698506/698506302.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5648/564859/564859788.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2928/292818/292818036.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2928/292818/292818040.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2928/292818/292818044.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2928/292818/292818056.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2928/292818/292818072.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2928/292818/292818092.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2928/292818/292818096.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2928/292818/292818080.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2928/292818/292818064.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6985/698507/698507388.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2928/292818/292818068.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1940/194050/194050321.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1940/194050/194050345.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1940/194050/194050327.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1940/194050/194050309.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6985/698505/698505903.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2928/292818/292818088.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2928/292818/292818060.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1940/194050/194050312.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2928/292818/292818084.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2928/292818/292818100.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6985/698506/698506227.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/793/79306/79306722.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/793/79306/79306659.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6985/698507/698507019.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6985/698506/698506914.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6985/698506/698506635.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1940/194050/194050330.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6985/698506/698506971.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6985/698507/698507073.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1940/194050/194050333.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2928/292818/292818076.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1940/194050/194050324.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9422/942296/942296932.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9422/942296/942296950.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5648/564859/564859683.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5648/564859/564859935.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1940/194050/194050342.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1940/194050/194050339.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5648/564859/564859584.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/793/79306/79306719.JPEG" data-image-gallery="gallerybelizean-cove-estates" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="belizean-cove-estates" > </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">Belizean Cove Estates</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">3 Miles North</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Belizean Cove Estates offers an exquisite and luxurious ambergris caye bed and breakfast experience tailored to discerning guests who appreciate elegance and comfort. Each suite features stunning designs and modern amenities, including full kitchens for a lavish stay. Guests can enjoy an extravagant breakfast prepared by the on-site chef, customized to personal preferences and featuring local ingredients. The property also boasts a private beach, infinity pool, and breathtaking views, ensuring relaxation and indulgence at every turn. The personalized services and attention to detail from the staff elevate the experience, making every guest feel special. Belizean Cove Estates is the epitome of luxury in Ambergris Caye, perfect for those wanting to savor every moment of their stay. </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">578US$</span> <span class="text-secondary-950 text-sm font-normal">/per night</span> </div> <span></span> </div> <button class="btn !p-2.5 !w-36 !justify-between h-9 gap-2 group mt-auto js-clk-open" data-type="property" > <span>Check rates</span> <svg class="group-hover:translate-x-1 fill-white absolute right-2.5 w-4 h-4 transition" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path d="M9.62004 12.5466C9.49337 12.5466 9.3667 12.5 9.2667 12.4C9.07337 12.2066 9.07337 11.8866 9.2667 11.6933L12.96 7.99996L9.2667 4.30662C9.07337 4.11329 9.07337 3.79329 9.2667 3.59996C9.46004 3.40662 9.78004 3.40662 9.97337 3.59996L14.02 7.64662C14.2134 7.83996 14.2134 8.15996 14.02 8.35329L9.97337 12.4C9.87337 12.5 9.7467 12.5466 9.62004 12.5466Z" /> <path d="M13.5534 8.5H2.33337C2.06004 8.5 1.83337 8.27333 1.83337 8C1.83337 7.72667 2.06004 7.5 2.33337 7.5H13.5534C13.8267 7.5 14.0534 7.72667 14.0534 8C14.0534 8.27333 13.8267 8.5 13.5534 8.5Z" /> </svg> </button> </div> </div> </div> </div> <div class="group bg-white border border-solid border-neutral-200 rounded-md p-1.5 transition-shadow hover:shadow-lg js-bhotel-item" id="sunbreeze-suites" data-id="1452921" data-lat="17.921096" data-lng="-87.960802"> <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/14169/1416989/1416989790.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/14169/1416989/1416989790.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492064.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492145.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492051.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492052.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492053.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492054.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492056.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492058.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492060.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492061.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492062.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492063.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492149.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492153.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492158.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492159.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492160.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492161.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492162.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492164.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492165.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492166.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492167.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492168.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492171.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492175.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492176.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492177.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492178.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492179.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492180.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492181.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492182.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492184.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492185.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492186.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492188.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492192.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492202.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492205.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492206.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492207.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492211.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492214.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492215.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492218.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492219.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492221.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492147.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492172.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492066.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492157.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14169/1416982/1416982797.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14169/1416983/1416983145.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14169/1416983/1416983199.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14169/1416983/1416983283.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14169/1416989/1416989367.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14169/1416989/1416989544.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14169/1416989/1416989649.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14169/1416990/1416990006.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14169/1416991/1416991623.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14169/1416991/1416991653.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14169/1416991/1416991983.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14169/1416999/1416999624.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14169/1416999/1416999642.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14169/1416999/1416999675.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14170/1417000/1417000116.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14170/1417000/1417000128.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14170/1417000/1417000149.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14170/1417000/1417000161.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14170/1417004/1417004664.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14170/1417004/1417004676.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14170/1417004/1417004940.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14170/1417005/1417005003.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14169/1416999/1416999552.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492055.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492057.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492059.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492154.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492163.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492170.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492194.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492210.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492216.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492217.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14169/1416983/1416983115.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14169/1416999/1416999981.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492155.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10146/1014611/1014611380.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492148.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492174.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14169/1416991/1416991746.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14169/1416989/1416989907.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492156.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/15914/1591492/1591492173.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/745/74521/74521181.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14431/1443147/1443147271.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14431/1443147/1443147844.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12139/1213929/1213929274.JPEG" data-image-gallery="gallerysunbreeze-suites" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="sunbreeze-suites" > </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.9 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (111)</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="357783">Sunbreeze Suites</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">4</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">Beachfront Barrier Reef Drive</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Sunbreeze Suites offers a fantastic blend of relaxation and adventure, presenting a welcoming atmosphere that reflects the true spirit of an ambergris caye bed and breakfast. The spacious suites can comfortably accommodate families, featuring kitchenettes and adjacent living areas for convenience. Each morning, guests can enjoy a scrumptious complimentary breakfast before heading out to explore San Pedro’s wonders together. The hotel is conveniently located near various family-friendly activities, such as snorkeling, fishing tours, and beach games. Parents will appreciate the attentive staff who are always ready to assist, ensuring a smooth and enjoyable vacation experience. Sunbreeze Suites is the perfect combination of comfort, amenities, and proximity to local attractions for families visiting Ambergris Caye. </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">129US$</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="357783" > <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="unique-ambergris-caye-bed-and-breakfasts-for-cultural-experiences">Unique Ambergris Caye Bed and Breakfasts for Cultural Experiences</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">For travelers eager to dive into the rich culture and heritage of Belize, selecting an ambergris caye bed and breakfast that embodies local traditions can enhance your visit. These unique accommodations immerse guests in the lively customs and history of the region, offering insights that standard hotels may not. The friendly hosts frequently share their knowledge about local attractions, cuisine, and cultural practices, providing an authentic experience. Each suggested property emphasizes community connections and hospitality, allowing travelers to explore the vibrant lifestyle of the island. Here are some outstanding picks perfect for those interested in cultural experiences during their 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="victoria-house-resort-spa" data-id="1452923" data-lat="17.89944" data-lng="-87.97618"> <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/7053/705371/705371773.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/7053/705371/705371773.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14991/1499108/1499108092.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14991/1499108/1499108062.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/12046/1204637/1204637176.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7282/728280/728280514.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7282/728280/728280934.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7282/728281/728281462.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7282/728281/728281909.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7282/728282/728282383.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7282/728281/728281924.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3182/318209/318209977.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3182/318209/318209997.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3182/318210/318210029.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3182/318210/318210077.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3182/318210/318210085.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3182/318210/318210089.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3182/318210/318210093.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2395/239509/239509841.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2395/239509/239509961.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2397/239700/239700061.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2397/239701/239701961.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2395/239506/239506669.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2397/239700/239700057.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1876/187694/187694976.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1876/187694/187694961.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7282/728281/728281477.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3182/318210/318210021.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1599/159918/159918930.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1876/187695/187695030.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1535/153546/153546916.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8093/809341/809341851.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8093/809344/809344104.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8093/809343/809343147.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3182/318210/318210053.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7053/705370/705370897.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7053/705371/705371581.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/2247/224754/224754614.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/14991/1499108/1499108218.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7053/705370/705370537.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7053/705369/705369781.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7053/705370/705370069.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7053/705370/705370585.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7053/705370/705370654.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7053/705370/705370684.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7053/705370/705370750.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7053/705370/705370813.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7053/705370/705370861.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7053/705371/705371395.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7053/705371/705371446.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7053/705371/705371533.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7053/705371/705371611.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7053/705371/705371698.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7053/705371/705371737.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7053/705369/705369847.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1894/189474/189474739.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7053/705371/705371668.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1894/189474/189474721.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1894/189475/189475069.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1894/189475/189475033.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1894/189475/189475219.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1894/189475/189475111.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1894/189475/189475144.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1894/189475/189475174.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1894/189474/189474766.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1894/189474/189474826.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1894/189475/189475051.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1894/189474/189474949.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1894/189475/189475090.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1894/189474/189474697.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1894/189474/189474751.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1894/189474/189474778.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1894/189474/189474787.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1894/189474/189474805.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1894/189474/189474850.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1894/189474/189474880.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1894/189474/189474964.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1894/189474/189474997.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1894/189475/189475015.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1894/189475/189475192.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7053/705370/705370342.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7053/705370/705370501.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1894/189474/189474922.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3182/318210/318210017.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7053/705370/705370444.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7053/705369/705369886.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="84" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7053/705369/705369919.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="85" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7053/705369/705369973.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="86" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3182/318210/318210009.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="87" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1894/189474/189474979.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="88" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1894/189474/189474733.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="89" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1894/189474/189474709.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="90" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7053/705370/705370024.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="91" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1894/189475/189475132.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="92" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7053/705370/705370381.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="93" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1894/189474/189474757.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="94" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7053/705370/705370201.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="95" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7053/705370/705370159.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="96" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7053/705370/705370123.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="97" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1894/189474/189474865.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="98" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/587/58720/58720915.JPEG" data-image-gallery="galleryvictoria-house-resort-spa" data-image-number="99" data-type="image" data-open-passive data-open-once data-open-hash="victoria-house-resort-spa" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 9.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Excellent </span> <span> (123)</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="1482539">Victoria House Resort & Spa</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">5</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">22 Coconut Drive</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Victoria House Resort & Spa is an idyllic retreat for those who love to experience the beauty of nature, all while enjoying the luxuries associated with an ambergris caye bed and breakfast. This stunning property features a variety of accommodation options, from cozy casitas to luxurious villas with private pools. Guests can wake up to delicious breakfast offerings meticulously prepared with fresh ingredients, setting the perfect tone for a day of exploration. The lush landscaping, colorful gardens, and beachfront access create an atmosphere that invites guests to unwind and rejuvenate. Victoria House also offers a full-service spa and organizes various eco-tours, ensuring every nature enthusiast finds the adventure they seek. Ideal for travelers wanting both relaxation and outdoor exploration, this resort delivers the ultimate nature 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">225US$</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="1482539" > <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="banana-beach-resort" data-id="1452925" data-lat="17.90443" data-lng="-87.97602"> <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/7500/750023/750023036.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/7500/750023/750023036.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7759/775941/775941874.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7759/775945/775945351.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7759/775951/775951366.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7759/775951/775951759.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7494/749497/749497760.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7494/749496/749496809.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7494/749498/749498006.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7494/749497/749497715.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7494/749497/749497955.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7494/749496/749496791.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7494/749497/749497613.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7494/749497/749497625.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7494/749498/749498516.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7494/749497/749497349.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7494/749497/749497022.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9379/937964/937964101.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7494/749496/749496554.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7494/749497/749497172.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7494/749497/749497811.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/9379/937964/937964125.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7494/749497/749497031.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7494/749498/749498327.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7494/749498/749498477.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7494/749496/749496296.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7494/749497/749497274.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7582/758282/758282068.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7759/775940/775940209.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7494/749496/749496284.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10184/1018430/1018430572.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10184/1018430/1018430956.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10184/1018430/1018430515.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3339/333915/333915709.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4256/425696/425696529.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4785/478529/478529283.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4600/460060/460060677.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3889/388917/388917188.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4256/425696/425696532.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4256/425696/425696535.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4256/425696/425696523.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4256/425696/425696541.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3889/388917/388917164.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7494/749497/749497730.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4600/460060/460060440.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1090/109025/109025286.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4256/425696/425696517.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5244/524420/524420739.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8408/840839/840839012.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4600/460060/460060428.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7013/701323/701323018.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7013/701322/701322199.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7013/701322/701322355.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7013/701322/701322133.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7013/701323/701323360.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3339/333915/333915691.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/10184/1018430/1018430845.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8408/840839/840839321.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8408/840839/840839357.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7494/749496/749496509.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7494/749497/749497034.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7494/749496/749496911.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7013/701324/701324041.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8408/840839/840839513.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/8408/840839/840839549.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7013/701323/701323795.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7729/772965/772965964.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7729/772966/772966000.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7013/701324/701324089.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5244/524420/524420847.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5244/524420/524420853.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7013/701322/701322826.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7013/701322/701322310.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7013/701322/701322394.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="72" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5689/568970/568970973.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="73" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5689/568970/568970709.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="74" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5689/568970/568970988.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="75" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7729/772965/772965892.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="76" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7729/772965/772965916.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="77" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5689/568970/568970871.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="78" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5689/568971/568971042.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="79" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3889/388917/388917107.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="80" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/7013/701322/701322640.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="81" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/823/82386/82386764.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="82" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/823/82386/82386755.JPEG" data-image-gallery="gallerybanana-beach-resort" data-image-number="83" data-type="image" data-open-passive data-open-once data-open-hash="banana-beach-resort" > </div> <div class="absolute top-1.5 left-1.5 flex items-center gap-1 bg-white rounded-md p-1"> <div class="rounded-md bg-[#003B95] px-2 py-0.5 text-white text-xs font-bold"> 7.6 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Very good </span> <span> (64)</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="446640">Banana Beach Resort</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">Coconut Drive</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Banana Beach Resort prides itself on being a family-friendly oasis in San Pedro, capturing the essence of an ambergris caye bed and breakfast. The resort features spacious rooms, suites, and villas designed with families in mind, ensuring comfort and convenience during your stay. Breakfast options are served daily, offering a mixture of delicious local and international cuisines that appeal to all ages. The resort also provides facilities such as a swimming pool and direct beach access, making it an ideal spot for playful family engagement. Its convenient location allows for easy exploration of nearby attractions, including local shops and restaurants. For families looking for a friendly atmosphere in a stunning setting, Banana Beach Resort is a delightful choice. </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">97US$</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="446640" > <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="affordable-ambergris-caye-bed-and-breakfasts-for-budget-travelers">Affordable Ambergris Caye Bed and Breakfasts for Budget Travelers</h2> <p class="text-secondary-950 text-base font-normal col-span-2 lg:col-span-1">Exploring Ambergris Caye doesn't have to break the bank, and staying at a budget-friendly bed and breakfast can be a smart way to enjoy your trip without compromising on quality. These affordable accommodations offer cozy environments and the essential amenities needed for a comfortable stay while allowing you to save on costs. Many of these locations also provide complimentary breakfast, giving you the perfect start to a day of adventures in Belize. With a mix of hospitality, comfort, and affordability, these ambergris caye bed and breakfasts allow you to enjoy the island to the fullest without overspending. Below are some great picks for budget-conscious travelers.</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="exotic-caye-beach-resort" data-id="1452926" data-lat="17.91386" data-lng="-87.9676"> <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/6694/669408/669408966.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="0" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > <img class=" object-cover lg:w-full" width="100%" height="100%" loading="lazy" src="https://images.touristvr.com/data/images/420x420/6694/669408/669408966.JPEG" alt=""/> </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6694/669409/669409272.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="1" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6694/669410/669410364.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="2" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4632/463290/463290204.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="3" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4632/463290/463290363.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="4" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3990/399000/399000702.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="5" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3425/342525/342525910.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="6" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3425/342525/342525955.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="7" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1201/120154/120154659.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="8" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1204/120454/120454833.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="9" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1201/120154/120154557.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="10" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685794/685794006.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="11" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685796/685796721.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="12" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3112/311290/311290689.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="13" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3990/399001/399001824.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="14" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5849/584900/584900865.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="15" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5849/584900/584900904.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="16" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5849/584901/584901390.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="17" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5849/584901/584901426.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="18" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5849/584901/584901450.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="19" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4599/459932/459932937.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="20" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4785/478529/478529793.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="21" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4599/459932/459932958.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="22" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4564/456435/456435375.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="23" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4256/425696/425696337.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="24" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3112/311290/311290673.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="25" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1201/120154/120154560.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="26" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685797/685797402.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="27" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685798/685798140.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="28" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685799/685799250.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="29" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685794/685794357.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="30" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685794/685794939.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="31" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1204/120454/120454839.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="32" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685798/685798806.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="33" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685799/685799106.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="34" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685795/685795644.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="35" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685794/685794657.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="36" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685794/685794702.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="37" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685796/685796181.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="38" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685796/685796241.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="39" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685796/685796328.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="40" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685795/685795779.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="41" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685794/685794429.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="42" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/3112/311290/311290657.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="43" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5535/553565/553565505.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="44" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685797/685797624.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="45" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685795/685795014.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="46" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685795/685795170.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="47" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685795/685795275.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="48" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685798/685798956.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="49" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685796/685796613.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="50" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685797/685797888.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="51" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/4785/478530/478530069.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="52" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685794/685794492.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="53" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1862/186255/186255790.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="54" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685795/685795956.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="55" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685796/685796076.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="56" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685794/685794759.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="57" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685797/685797192.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="58" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/6857/685796/685796520.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="59" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5535/553565/553565127.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="60" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1862/186255/186255746.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="61" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1862/186255/186255770.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="62" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1862/186255/186255744.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="63" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1862/186255/186255750.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="64" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1862/186255/186255756.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="65" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1862/186255/186255772.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="66" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5535/553565/553565586.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="67" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/5535/553565/553565574.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="68" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/1862/186255/186255764.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="69" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/823/82386/82386716.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="70" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </div> <div data-fslightbox-link="https://images.touristvr.com/data/images/r1080x700/823/82386/82386728.JPEG" data-image-gallery="galleryexotic-caye-beach-resort" data-image-number="71" data-type="image" data-open-passive data-open-once data-open-hash="exotic-caye-beach-resort" > </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"> 6.9 </div> <div class="text-xs text-secondary-950 font-normal"> <span> Good </span> <span> (31)</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="676442">Exotic Caye Beach Resort</h3> <div class="flex items-center gap-1"> <svg class="fill-primary-600" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_4154_5718)"> <path d="M11.9758 4.59814C11.9484 4.51109 11.8969 4.43355 11.8274 4.37444C11.7578 4.31533 11.673 4.27706 11.5827 4.26401L8.03178 3.74644L6.43976 0.529641C6.39445 0.453626 6.33017 0.39068 6.25323 0.346967C6.17628 0.303255 6.0893 0.280273 6.00081 0.280273C5.91231 0.280273 5.82533 0.303255 5.74839 0.346967C5.67144 0.39068 5.60717 0.453626 5.56186 0.529641L3.96984 3.74644L0.418912 4.26401C0.328583 4.27706 0.243772 4.31533 0.174232 4.37444C0.104693 4.43355 0.0532504 4.51109 0.0258212 4.59814C-0.00346124 4.68486 -0.00793674 4.77804 0.0128994 4.86717C0.0337355 4.95631 0.0790547 5.03785 0.143748 5.1026L2.72505 7.60528L2.11576 11.1431C2.10031 11.2342 2.11052 11.3278 2.14523 11.4134C2.17994 11.499 2.23779 11.5733 2.3123 11.6279C2.38693 11.6811 2.47495 11.7123 2.56641 11.7181C2.65787 11.7239 2.74913 11.704 2.82987 11.6607L6.00081 9.99004L9.1783 11.6607C9.24858 11.6992 9.32743 11.7195 9.4076 11.7196C9.51068 11.7185 9.61105 11.6865 9.69587 11.6279C9.77038 11.5733 9.82823 11.499 9.86294 11.4134C9.89765 11.3278 9.90786 11.2342 9.89241 11.1431L9.27657 7.60528L11.8513 5.1026C11.9171 5.03855 11.9637 4.95734 11.9857 4.86817C12.0077 4.779 12.0043 4.68545 11.9758 4.59814Z" /> </g> <defs> <clipPath id="clip0_4154_5718"> <rect width="12" height="12" fill="white"/> </clipPath> </defs> </svg> <span class="text-secondary-950 font-bold text-base">3</span> </div> </div> <div class="flex items-baseline gap-1 mb-4"> <svg class="fill-secondary-400 w-3 h-3" width="14" height="14" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.31 4.225C9.78505 1.915 7.77005 0.875 6.00005 0.875C6.00005 0.875 6.00005 0.875 5.99505 0.875C4.23005 0.875 2.21005 1.91 1.68505 4.22C1.10005 6.8 2.68005 8.985 4.11005 10.36C4.64005 10.87 5.32005 11.125 6.00005 11.125C6.68005 11.125 7.36005 10.87 7.88505 10.36C9.31505 8.985 10.895 6.805 10.31 4.225ZM6.00005 6.73C5.13005 6.73 4.42505 6.025 4.42505 5.155C4.42505 4.285 5.13005 3.58 6.00005 3.58C6.87005 3.58 7.57505 4.285 7.57505 5.155C7.57505 6.025 6.87005 6.73 6.00005 6.73Z"/> </svg> <span class="text-secondary-400 text-sm font-normal">Coconut Drive, Po Box 11</span> </div> <div class="text-secondary-950 text-sm font-normal line-clamp-3 mb-4"> <div> Exotic Caye Beach Resort offers an authentic island experience, blending the charm of Belizean culture with the warmth of an ambergris caye bed and breakfast. Situated right on the beach, this family-run resort presents colorful accommodations that radiate a cozy and friendly vibe. Each morning, guests are treated to a complimentary breakfast featuring local favorites, while the bar offers refreshing cocktails throughout the day. The central location allows guests to explore the vibrant nearby artisan shops and restaurants within walking distance. Additionally, guests can enjoy fabulous beach access and the many recreational activities available in the area, including snorkeling and diving. For couples seeking both relaxation and adventure, Exotic Caye Beach Resort provides an ideal setting to create unforgettable memories. </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">464US$</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="676442" > <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/caye-caulker-bed-and-breakfast">Caye Caulker</a> </div> </div> </div> <div> <p class="text-secondary-950 text-2xl font-bold mb-5 md:text-center md:mb-8">Other city in World</p> <div class=" columns-[4_200px] md:columns-2"> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/en-us/san-diego-bed-and-breakfast">San Diego</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/burlington-bed-and-breakfast">Burlington</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/en-us/milwaukee-bed-and-breakfast">Milwaukee</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-bed-and-breakfast">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/erie-bed-and-breakfast">Erie</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/jim-thorpe-bed-and-breakfast">Jim Thorpe</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/en-us/branson-bed-and-breakfast">Branson</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/en-us/charlottesville-bed-and-breakfast">Charlottesville</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/portland-bed-and-breakfast">Portland</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/santa-fe-bed-and-breakfast">Santa Fe</a> </div> <div class="flex items-baseline "> <span class="hidden mr-2 md:block">•</span> <a class="block text-secondary-950 text-base font-medium mb-4 underline cursor-pointer " href="https://touristvr.com/en-us/glenwood-springs-bed-and-breakfast">Glenwood Springs</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/sevierville-bed-and-breakfast">Sevierville</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 San Pedro (Ambergris Caye)</h3> <p class="trawell-exit-popup__subtitle">Find your perfect place to stay!</p> <p class="trawell-exit-popup__text">Great locations and deals for every budget.</p> <div class="trawell-exit-popup__btns"> <div class="trawell-exit-popup__btn trawell-exit-popup__btn--accent js-exit-popup-accept-btn">Check the deals</div> <div class="trawell-exit-popup__btn trawell-exit-popup__btn--empty js-exit-popup-close-btn">No, thanks</div> </div> <div class="trawell-exit-popup__toggle"> <div class="trawell-exit-popup__toggle-checkbox js-exit-popup-toggle-btn is-checked"> <svg class="icon svg-icon svg-icon-checked" width="20px" height="20px" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 511.985 511.985" style="enable-background:new 0 0 511.985 511.985;" xml:space="preserve"> <g> <g> <path d="M500.088,83.681c-15.841-15.862-41.564-15.852-57.426,0L184.205,342.148L69.332,227.276 c-15.862-15.862-41.574-15.862-57.436,0c-15.862,15.862-15.862,41.574,0,57.436l143.585,143.585 c7.926,7.926,18.319,11.899,28.713,11.899c10.394,0,20.797-3.963,28.723-11.899l287.171-287.181 C515.95,125.265,515.95,99.542,500.088,83.681z"/> </g> </g> </svg> </div> <p class="trawell-exit-popup__toggle-text">Find on <span class="js-exit-popup-toggle-text"></span></p> </div> <div class="trawell-exit-popup__close js-exit-popup-close-btn"> <svg class="trawell-exit-popup__close-icon svg-icon svg-icon-popup-close" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> <path d="M16 1.4L14.6 0L8 6.6L1.4 0L0 1.4L6.6 8L0 14.6L1.4 16L8 9.4L14.6 16L16 14.6L9.4 8L16 1.4Z"/> </svg> <p class="trawell-exit-popup__close-text">Close, i need more options</p> </div> </div> </div> </main> <footer class="bg-secondary-950 text-secondary-0"> <div class="container"> <div class="py-10 flex justify-between md:flex-col md:items-start"> <div class="flex flex-col justify-between"> <p class="text-2xl">Tourist VR</p> <div class="flex flex-col gap-4 mt-4 md:mb-4"> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/en-us/top-hotels/">Best Hotels</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/en-us/popular-destinations/">Popular Сities</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/en-us/top-landmarks/">Top Landmarks</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/en-us/top-regions/">Popular Regions</a> <a class="text-sm text-white underline cursor-pointer hover:underline" href="https://touristvr.com/en-us/top-countries/">Popular Countries</a> </div> </div> <div> <p class="text-base font-bold mb-4">Other places to stay in San Pedro (Ambergris Caye)</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/en-us/san-pedro-ambergris-caye-hotels">hotels in san pedro belize</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/en-us/san-pedro-ambergris-caye-resorts">ambergris caye belize resorts</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/san-pedro-ambergris-caye-cheap-hotels">cheap hotels in san pedro</a> <a class="block text-sm text-white underline cursor-pointer capitalize mb-2 hover:underline" href="https://touristvr.com/us/san-pedro-ambergris-caye-boutique-hotels">boutique hotels ambergris caye belize</a> </div> </div> </div> <div class="flex items-center justify-between py-5 border-t border-solid border-secondary-900 text-xs font-medium text-secondary-100"> <div class="flex items-center gap-8"> <div class="cursor-pointer hover:underline" data-lk="L3VzL3BvbGljeS8=">Policy</div> <div class="cursor-pointer hover:underline" data-lk="L3VzL2NvcHlyaWdodC8=">Copyright</div> <div class="cursor-pointer hover:underline" data-lk="L3VzL3Rlcm1zLWFuZC1jb25kaXRpb25zLw==">Terms and conditions</div> </div> <p>Copyright 2025 · All rights reserved</p> </div> </div> </footer>   <script type="text/javascript"> window.shared = window.shared || {}; window.shared.options = {"log":{"id":null,"wsl":"tf1mfM559bnizzhf"},"isBot":false,"language":{"id":1,"name":"English","code":"en","script":"Latn","native":"English","regional":"en_US"},"aid":2194096,"dest_type":"city","dest_id":"-1150308","dest_name":"San Pedro (Ambergris Caye)","city_id":30495,"pid":729761,"page":"post","bid":"-1150308"} </script> <link rel="modulepreload" href="https://touristvr.com/build/assets/header-BkF2zFFl.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Toggle-CL56Ubtq.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Emitter-BNKO0Lph.js" /><script type="module" src="https://touristvr.com/build/assets/header-BkF2zFFl.js"></script> <link rel="preload" as="style" href="https://touristvr.com/build/assets/MapView-Cpc_V4S7.css" /><link rel="modulepreload" href="https://touristvr.com/build/assets/post_1-CJ0kHjBP.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/index-Bc8UYRpY.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/MapView-DD67ELos.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/Emitter-BNKO0Lph.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/_commonjsHelpers-Cpj98o6Y.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/generateBcomUrl-k__20abU.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/axios-5KWFXKlW.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/preload-helper-T-GT2vH5.js" /><link rel="stylesheet" href="https://touristvr.com/build/assets/MapView-Cpc_V4S7.css" /><script type="module" src="https://touristvr.com/build/assets/post_1-CJ0kHjBP.js"></script> <link rel="modulepreload" href="https://touristvr.com/build/assets/footer_1-B5wm0Ts4.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/JSLink-Bfu_FlU4.js" /><script type="module" src="https://touristvr.com/build/assets/footer_1-B5wm0Ts4.js"></script> <link rel="modulepreload" href="https://touristvr.com/build/assets/hotels_1-DcTp8v7h.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/index-Bqe73myE.js" /><link rel="modulepreload" href="https://touristvr.com/build/assets/preload-helper-T-GT2vH5.js" /><script type="module" src="https://touristvr.com/build/assets/hotels_1-DcTp8v7h.js"></script> </body> </html>

CINXE.COM

11 Best B&B in San Pedro (Ambergris Caye) – B&Bs Updated for 2025